@vicacha-devs/strapi-plugin-inbox 0.0.0-stage → 1.0.0

package/dist/admin/SettingsPage-Dif7Cq7I.mjs

@@ -0,0 +1,819 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Flex, Typography, Badge, Button, Field, TextInput, Tabs, NumberInput, SingleSelect, SingleSelectOption, Checkbox, Main, Divider } from "@strapi/design-system";
+import { useFetchClient } from "@strapi/strapi/admin";
+import * as React from "react";
+import { useIntl } from "react-intl";
+import { p as parseCsvList, D as DEFAULT_INBOX_SETTINGS, P as PLUGIN_ID } from "./index-5e9dAMBs.mjs";
+import { L as LocalizationRoutingTab } from "./LocalizationRoutingTab-CEXbHNe4.mjs";
+const subCardStyle$1 = {
+  border: "1px solid rgba(128, 128, 128, 0.2)",
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "space-between"
+};
+const CaptchaProviderCard = ({
+  t,
+  title,
+  isDefaultActive,
+  testButtonLabel,
+  onTestSecret,
+  siteKeyName,
+  siteKeyLabel,
+  siteKeyPlaceholder,
+  siteKeyValue,
+  siteKeyHint,
+  onSiteKeyChange,
+  secretKeyName,
+  secretKeyLabel,
+  secretKeyPlaceholder,
+  secretKeyValue,
+  secretKeyHint,
+  onSecretKeyChange
+}) => /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", hasRadius: true, style: subCardStyle$1, children: /* @__PURE__ */ jsxs(Box, { children: [
+  /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      justifyContent: "space-between",
+      alignItems: "center",
+      paddingBottom: 3,
+      wrap: "wrap",
+      gap: 2,
+      children: [
+        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h3", fontWeight: "bold", children: title }),
+          /* @__PURE__ */ jsx(Badge, { children: isDefaultActive ? t("settings.ui.default_active", "Default Active") : t("settings.ui.standby", "Standby") })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "S", onClick: onTestSecret, children: testButtonLabel })
+      ]
+    }
+  ),
+  /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 3, children: [
+    /* @__PURE__ */ jsxs(Field.Root, { name: siteKeyName, hint: siteKeyHint, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: siteKeyLabel }),
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          name: siteKeyName,
+          placeholder: siteKeyPlaceholder,
+          value: siteKeyValue,
+          onChange: (e) => onSiteKeyChange(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsx(Field.Hint, {})
+    ] }),
+    /* @__PURE__ */ jsxs(Field.Root, { name: secretKeyName, hint: secretKeyHint, children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: secretKeyLabel }),
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          name: secretKeyName,
+          type: "password",
+          placeholder: secretKeyPlaceholder,
+          value: secretKeyValue,
+          onChange: (e) => onSecretKeyChange(e.target.value)
+        }
+      ),
+      /* @__PURE__ */ jsx(Field.Hint, {})
+    ] })
+  ] })
+] }) });
+const CAPTCHA_PROVIDER_OPTIONS = [
+  { value: "none", label: "None (Honeypot + IP Rate Limiting only)" },
+  { value: "turnstile", label: "Cloudflare Turnstile (Recommended)" },
+  { value: "recaptcha", label: "Google reCAPTCHA v2" }
+];
+const AntiSpamCaptchaTab = ({
+  t,
+  settings,
+  setSettings,
+  onTestCaptcha
+}) => {
+  return /* @__PURE__ */ jsx(Tabs.Content, { value: "antispam", children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      padding: 6,
+      background: "neutral0",
+      hasRadius: true,
+      shadow: "filterShadow",
+      style: { borderTopLeftRadius: 0, borderTopRightRadius: 0 },
+      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_anti_spam_guard_honeypot_rate_limiting_captcha",
+                  "Anti-Spam Guard (Honeypot, Rate Limiting & CAPTCHA)"
+                ) }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                  "settings.ui.three_stage_protection_invisible_bot_trap_field_",
+                  "Three-stage protection: invisible bot trap field, per-IP sliding-window rate limiter, and fail-closed CAPTCHA verification."
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs(Badge, { children: [
+                settings.defaultRateLimitPerHour || 15,
+                " ",
+                t("settings.ui.req_per_hr_ip", "req/hr per IP")
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            paddingTop: 4,
+            style: {
+              display: "grid",
+              gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
+              gap: 20
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "defaultHoneypotField",
+                  hint: t(
+                    "settings.ui.hidden_trap_field_name_bots_that_populate_this_f",
+                    "Hidden trap field name; bots that populate this field are rejected with HTTP 403 Forbidden."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t(
+                      "field.default_honeypot_field_name",
+                      "Default Honeypot Field Name"
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "defaultHoneypotField",
+                        placeholder: t(
+                          "placeholder.e_g_website_url",
+                          "e.g., _website_url"
+                        ),
+                        value: settings.defaultHoneypotField || "",
+                        onChange: (e) => setSettings({
+                          ...settings,
+                          defaultHoneypotField: e.target.value
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "defaultRateLimitPerHour",
+                  hint: t(
+                    "settings.ui.maximum_submissions_allowed_per_ip_and_form_slug",
+                    "Maximum submissions allowed per IP and form slug within a rolling 60-minute window."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t(
+                      "field.default_hourly_rate_limit_per_ip",
+                      "Default Hourly Rate Limit per IP"
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      NumberInput,
+                      {
+                        name: "defaultRateLimitPerHour",
+                        placeholder: t("placeholder.e_g_15", "e.g., 15"),
+                        value: settings.defaultRateLimitPerHour ?? 15,
+                        onValueChange: (val) => setSettings({
+                          ...settings,
+                          defaultRateLimitPerHour: typeof val === "number" && val > 0 ? val : 15
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "defaultCaptchaProvider",
+                  hint: t(
+                    "settings.ui.server_side_token_verification_enforced_on_publi",
+                    "Server-side token verification enforced on public submissions unless overridden per form."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t("field.default_captcha_provider", "Default CAPTCHA Provider") }),
+                    /* @__PURE__ */ jsx(
+                      SingleSelect,
+                      {
+                        placeholder: t(
+                          "placeholder.select_captcha_provider",
+                          "Select CAPTCHA provider"
+                        ),
+                        value: settings.defaultCaptchaProvider || "none",
+                        onChange: (val) => setSettings({
+                          ...settings,
+                          defaultCaptchaProvider: String(val)
+                        }),
+                        children: CAPTCHA_PROVIDER_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SingleSelectOption, { value: opt.value, children: opt.label }, opt.value))
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            paddingTop: 5,
+            style: {
+              display: "grid",
+              gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+              gap: 20
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                CaptchaProviderCard,
+                {
+                  t,
+                  title: t(
+                    "settings.ui.cloudflare_turnstile",
+                    "Cloudflare Turnstile"
+                  ),
+                  isDefaultActive: settings.defaultCaptchaProvider === "turnstile",
+                  testButtonLabel: t(
+                    "settings.ui.test_turnstile_secret",
+                    "Test Turnstile Secret"
+                  ),
+                  onTestSecret: () => onTestCaptcha("turnstile", settings.turnstileSecretKey),
+                  siteKeyName: "turnstileSiteKey",
+                  siteKeyLabel: t(
+                    "field.turnstile_site_key_public_widget_key",
+                    "Turnstile Site Key (Public Widget Key)"
+                  ),
+                  siteKeyPlaceholder: t(
+                    "placeholder.e_g_0x4aaaaaaabkmyinuke",
+                    "e.g., 0x4AAAAAAABkMYinukE_..."
+                  ),
+                  siteKeyValue: settings.turnstileSiteKey || "",
+                  siteKeyHint: t(
+                    "settings.ui.public_widget_key_rendered_by_the_frontend_form_",
+                    "Public widget key rendered by the frontend form component."
+                  ),
+                  onSiteKeyChange: (val) => setSettings({ ...settings, turnstileSiteKey: val }),
+                  secretKeyName: "turnstileSecretKey",
+                  secretKeyLabel: t(
+                    "field.turnstile_secret_key_server_verification",
+                    "Turnstile Secret Key (Server Verification)"
+                  ),
+                  secretKeyPlaceholder: t(
+                    "placeholder.e_g_0x4aaaaaaabkmyin",
+                    "e.g., 0x4AAAAAAABkMYin..."
+                  ),
+                  secretKeyValue: settings.turnstileSecretKey || "",
+                  secretKeyHint: t(
+                    "settings.ui.verified_against_challenges_cloudflare_com_turns",
+                    "Verified against challenges.cloudflare.com/turnstile/v0/siteverify."
+                  ),
+                  onSecretKeyChange: (val) => setSettings({ ...settings, turnstileSecretKey: val })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                CaptchaProviderCard,
+                {
+                  t,
+                  title: t("settings.ui.google_recaptcha_v2", "Google reCAPTCHA v2"),
+                  isDefaultActive: settings.defaultCaptchaProvider === "recaptcha",
+                  testButtonLabel: t(
+                    "settings.ui.test_recaptcha_secret",
+                    "Test reCAPTCHA Secret"
+                  ),
+                  onTestSecret: () => onTestCaptcha("recaptcha", settings.recaptchaSecretKey),
+                  siteKeyName: "recaptchaSiteKey",
+                  siteKeyLabel: t(
+                    "field.recaptcha_v2_site_key_public_widget_key",
+                    "reCAPTCHA v2 Site Key (Public Widget Key)"
+                  ),
+                  siteKeyPlaceholder: t(
+                    "placeholder.e_g_6leixactaaaaajczvrqyhh71umiegnq_mxjizkhi",
+                    "e.g., 6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI"
+                  ),
+                  siteKeyValue: settings.recaptchaSiteKey || "",
+                  siteKeyHint: t(
+                    "settings.ui.public_site_key_used_by_client_forms_when_recapt",
+                    "Public site key used by client forms when reCAPTCHA v2 is enabled."
+                  ),
+                  onSiteKeyChange: (val) => setSettings({ ...settings, recaptchaSiteKey: val }),
+                  secretKeyName: "recaptchaSecretKey",
+                  secretKeyLabel: t(
+                    "field.recaptcha_v2_secret_key_server_verification",
+                    "reCAPTCHA v2 Secret Key (Server Verification)"
+                  ),
+                  secretKeyPlaceholder: t(
+                    "placeholder.e_g_6leixactaaaaagg_vfi1tnrwxmznfuojj4wifjwe",
+                    "e.g., 6LeIxAcTAAAAAGG-vFI1TnRWxMZNFuojJ4WifJWe"
+                  ),
+                  secretKeyValue: settings.recaptchaSecretKey || "",
+                  secretKeyHint: t(
+                    "settings.ui.verified_against_www_google_com_recaptcha_api_si",
+                    "Verified against www.google.com/recaptcha/api/siteverify."
+                  ),
+                  onSecretKeyChange: (val) => setSettings({ ...settings, recaptchaSecretKey: val })
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+};
+const subCardStyle = {
+  border: "1px solid rgba(128, 128, 128, 0.2)",
+  display: "flex",
+  flexDirection: "column",
+  justifyContent: "space-between"
+};
+const BridgesNotificationsTab = ({ t, settings, setSettings }) => {
+  const canonicalNotifyEmails = (settings.defaultNotifyEmails || []).join(", ");
+  const [notifyEmailsDraft, setNotifyEmailsDraft] = React.useState(
+    canonicalNotifyEmails
+  );
+  React.useEffect(() => {
+    setNotifyEmailsDraft(
+      (prev) => parseCsvList(prev).join(", ") === canonicalNotifyEmails ? prev : canonicalNotifyEmails
+    );
+  }, [canonicalNotifyEmails]);
+  return /* @__PURE__ */ jsx(Tabs.Content, { value: "bridges", children: /* @__PURE__ */ jsxs(
+    Box,
+    {
+      padding: 6,
+      background: "neutral0",
+      hasRadius: true,
+      shadow: "filterShadow",
+      style: { borderTopLeftRadius: 0, borderTopRightRadius: 0 },
+      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_double_opt_in_notifications_ecosystem_bridges",
+                  "Double Opt-In, Notifications & Ecosystem Bridges"
+                ) }),
+                /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                  "settings.ui.control_subscriber_confirmation_workflows_staff_",
+                  "Control subscriber confirmation workflows, staff email/webhook notifications, and 1-click integrations with Form Builder CMS, Bookings, and Certificates."
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs(Flex, { gap: 2, wrap: "wrap", children: [
+                /* @__PURE__ */ jsxs(Badge, { children: [
+                  t("settings.ui.double_opt_in_label", "Double Opt-In"),
+                  ":",
+                  " ",
+                  settings.enableDoubleOptIn ? t("common.on", "On") : t("common.off", "Off")
+                ] }),
+                /* @__PURE__ */ jsxs(Badge, { children: [
+                  t("settings.ui.bookings_bridge_label", "Bookings Bridge"),
+                  ":",
+                  " ",
+                  settings.enableBookingBridge ? t("common.on", "On") : t("common.off", "Off")
+                ] }),
+                /* @__PURE__ */ jsxs(Badge, { children: [
+                  t(
+                    "settings.ui.certificates_bridge_label",
+                    "Certificates Bridge"
+                  ),
+                  ":",
+                  " ",
+                  settings.enableCertificateBridge ? t("common.on", "On") : t("common.off", "Off")
+                ] })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            paddingTop: 4,
+            style: {
+              display: "grid",
+              gridTemplateColumns: "repeat(3, minmax(0, 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.subscriber_double_opt_in",
+                              "Subscriber Double Opt-In"
+                            ) }),
+                            /* @__PURE__ */ jsx(Badge, { children: settings.enableDoubleOptIn ? t("common.enabled", "Enabled") : t("common.disabled", "Disabled") })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                        "settings.ui.double_opt_in_desc",
+                        "New subscribers start in pending status with a cryptographic confirmation token and 1-click unsubscribe token."
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ jsx(Box, { paddingTop: 3, children: /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: Boolean(settings.enableDoubleOptIn),
+                        onCheckedChange: (checked) => setSettings({
+                          ...settings,
+                          enableDoubleOptIn: Boolean(checked)
+                        }),
+                        children: t(
+                          "checkbox.require_email_confirmation_before_activating_sub",
+                          "Require email confirmation before activating subscribers"
+                        )
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              /* @__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.bookings_plugin_bridge",
+                              "Bookings Plugin Bridge"
+                            ) }),
+                            /* @__PURE__ */ jsx(Badge, { children: settings.enableBookingBridge ? t("common.enabled", "Enabled") : t("common.disabled", "Disabled") })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                        "settings.ui.bookings_bridge_desc",
+                        "Enables 1-click appointment scheduling from service-desk submissions into @vicacha-devs/strapi-plugin-bookings."
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ jsx(Box, { paddingTop: 3, children: /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: Boolean(settings.enableBookingBridge),
+                        onCheckedChange: (checked) => setSettings({
+                          ...settings,
+                          enableBookingBridge: Boolean(checked)
+                        }),
+                        children: t(
+                          "checkbox.enable_bookings_bridge",
+                          "Enable @vicacha-devs/strapi-plugin-bookings 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.certificates_plugin_bridge",
+                              "Certificates Plugin Bridge"
+                            ) }),
+                            /* @__PURE__ */ jsx(Badge, { children: settings.enableCertificateBridge ? t("common.enabled", "Enabled") : t("common.disabled", "Disabled") })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+                        "settings.ui.certificates_bridge_desc",
+                        "Enables 1-click certificate issuance (Nikah, Shahada, Halal, Consular) via @vicacha-devs/strapi-plugin-certificates after checklist verification."
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ jsx(Box, { paddingTop: 3, children: /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: Boolean(settings.enableCertificateBridge),
+                        onCheckedChange: (checked) => setSettings({
+                          ...settings,
+                          enableCertificateBridge: Boolean(checked)
+                        }),
+                        children: t(
+                          "checkbox.enable_certificates_bridge",
+                          "Enable @vicacha-devs/strapi-plugin-certificates bridge"
+                        )
+                      }
+                    ) })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            paddingTop: 5,
+            style: {
+              display: "grid",
+              gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+              gap: 20
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "defaultNotifyEmails",
+                  hint: t(
+                    "settings.ui.default_staff_email_addresses_notified_when_a_ne",
+                    "Default staff email addresses notified when a new form submission or service-desk application is received."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t(
+                      "field.default_staff_notification_emails_comma_separate",
+                      "Default Staff Notification Emails (comma-separated)"
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "defaultNotifyEmails",
+                        placeholder: t(
+                          "placeholder.e_g_info_mezquitabogota_org_imam_mezquitabogota_",
+                          "e.g., info@mezquitabogota.org, imam@mezquitabogota.org"
+                        ),
+                        value: notifyEmailsDraft,
+                        onChange: (e) => {
+                          const nextRaw = e.target.value;
+                          setNotifyEmailsDraft(nextRaw);
+                          setSettings({
+                            ...settings,
+                            defaultNotifyEmails: parseCsvList(nextRaw)
+                          });
+                        },
+                        onBlur: () => setNotifyEmailsDraft(canonicalNotifyEmails)
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "outboundWebhookUrl",
+                  hint: t(
+                    "settings.ui.optional_https_webhook_endpoint_notified_on_subm",
+                    "Optional HTTPS webhook endpoint notified on submission creation, checklist verification, and status transitions."
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: t(
+                      "field.outbound_webhook_url_optional",
+                      "Outbound Webhook URL (Optional)"
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        name: "outboundWebhookUrl",
+                        placeholder: t(
+                          "placeholder.e_g_https_hooks_mezquitabogota_org_inbox_events",
+                          "e.g., https://hooks.mezquitabogota.org/inbox-events"
+                        ),
+                        value: settings.outboundWebhookUrl || "",
+                        onChange: (e) => setSettings({
+                          ...settings,
+                          outboundWebhookUrl: 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, post } = useFetchClient();
+  const [settings, setSettings] = React.useState(
+    DEFAULT_INBOX_SETTINGS
+  );
+  const [savedNotice, setSavedNotice] = React.useState("");
+  const [captchaTestResult, setCaptchaTestResult] = React.useState(null);
+  React.useEffect(() => {
+    const fetchSettings = async () => {
+      try {
+        const res = await get(`/${PLUGIN_ID}/settings`);
+        if (res?.data?.data) {
+          setSettings({
+            ...DEFAULT_INBOX_SETTINGS,
+            ...res.data.data
+          });
+        }
+      } catch {
+      }
+    };
+    void fetchSettings();
+  }, []);
+  const handleSave = async () => {
+    const res = await put(`/${PLUGIN_ID}/settings`, settings);
+    if (res?.data?.data) {
+      setSettings({
+        ...DEFAULT_INBOX_SETTINGS,
+        ...res.data.data
+      });
+      setSavedNotice(
+        "Inbox, Anti-Spam & Casework settings saved successfully."
+      );
+    }
+  };
+  const handleResetDefaults = () => {
+    setSettings(DEFAULT_INBOX_SETTINGS);
+    setSavedNotice(
+      'Settings reset to defaults in editor. Click "Save Settings" to persist.'
+    );
+  };
+  const handleTestCaptcha = async (provider, secret) => {
+    const res = await post(`/${PLUGIN_ID}/captcha/test`, {
+      provider,
+      secret: secret || ""
+    });
+    const out = res?.data?.data;
+    const isOk = Boolean(out?.ok);
+    setCaptchaTestResult({
+      ok: isOk,
+      message: isOk ? `${provider === "turnstile" ? "Cloudflare Turnstile" : "Google reCAPTCHA"} secret key verified!` : `Verification failed (${provider}): ${out?.reason || "Invalid or empty secret key"}`
+    });
+  };
+  return /* @__PURE__ */ jsx(Main, { children: /* @__PURE__ */ jsxs(Box, { padding: 8, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        paddingBottom: 4,
+        wrap: "wrap",
+        gap: 4,
+        children: [
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "alpha", tag: "h1", children: t(
+              "settings.ui.inbox_anti_spam_casework_settings",
+              "Inbox, Anti-Spam & Casework Settings"
+            ) }),
+            /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: t(
+              "settings.ui.configure_multi_locale_forms_secondary_hijri_cal",
+              "Configure multi-locale forms, anti-spam protection, double opt-in subscribers, and Bookings / Certificates bridges"
+            ) }) }),
+            /* @__PURE__ */ jsxs(Flex, { gap: 2, paddingTop: 3, wrap: "wrap", children: [
+              /* @__PURE__ */ jsxs(Badge, { children: [
+                t("settings.ui.locales_badge", "Locales"),
+                " (",
+                (settings.supportedLocales || []).length,
+                "):",
+                " ",
+                (settings.supportedLocales || []).join(", ")
+              ] }),
+              /* @__PURE__ */ jsxs(Badge, { children: [
+                t("settings.ui.captcha_badge", "CAPTCHA"),
+                ":",
+                " ",
+                settings.defaultCaptchaProvider || "none"
+              ] }),
+              /* @__PURE__ */ jsxs(Badge, { children: [
+                t(
+                  "settings.ui.form_builder_bridge_badge",
+                  "Form Builder Bridge"
+                ),
+                ":",
+                " ",
+                settings.enableFormBuilderBridge !== false ? t("common.enabled", "Enabled") : t("common.disabled", "Disabled")
+              ] }),
+              /* @__PURE__ */ jsxs(Badge, { children: [
+                t("settings.ui.double_opt_in_label", "Double Opt-In"),
+                ":",
+                " ",
+                settings.enableDoubleOptIn ? t("common.enabled", "Enabled") : t("common.disabled", "Disabled")
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+            /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: handleResetDefaults, children: t("settings.ui.reset_to_defaults", "Reset to Defaults") }),
+            /* @__PURE__ */ jsx(Button, { onClick: handleSave, children: t("settings.ui.save_settings", "Save Settings") })
+          ] })
+        ]
+      }
+    ),
+    savedNotice ? /* @__PURE__ */ jsx(Box, { padding: 3, marginBottom: 4, background: "success100", hasRadius: true, children: /* @__PURE__ */ jsx(Typography, { textColor: "success700", fontWeight: "semiBold", children: savedNotice }) }) : null,
+    captchaTestResult ? /* @__PURE__ */ jsx(
+      Box,
+      {
+        padding: 3,
+        marginBottom: 4,
+        background: captchaTestResult.ok ? "success100" : "danger100",
+        hasRadius: true,
+        children: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            textColor: captchaTestResult.ok ? "success700" : "danger700",
+            fontWeight: "semiBold",
+            children: captchaTestResult.message
+          }
+        )
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(Box, { paddingTop: 6, children: /* @__PURE__ */ jsxs(Tabs.Root, { defaultValue: "routing", children: [
+      /* @__PURE__ */ jsxs(
+        Tabs.List,
+        {
+          "aria-label": t(
+            "settings.ui.inbox_anti_spam_casework_settings",
+            "Inbox Settings"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(Tabs.Trigger, { value: "routing", children: t("settings.tab.routing", "Localization & Routing") }),
+            /* @__PURE__ */ jsx(Tabs.Trigger, { value: "antispam", children: t("settings.tab.antispam", "Anti-Spam Guard & CAPTCHA") }),
+            /* @__PURE__ */ jsx(Tabs.Trigger, { value: "bridges", children: t("settings.tab.bridges", "Double Opt-In & Ecosystem Bridges") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        LocalizationRoutingTab,
+        {
+          t,
+          settings,
+          setSettings
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        AntiSpamCaptchaTab,
+        {
+          t,
+          settings,
+          setSettings,
+          onTestCaptcha: handleTestCaptcha
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        BridgesNotificationsTab,
+        {
+          t,
+          settings,
+          setSettings
+        }
+      )
+    ] }) })
+  ] }) });
+};
+export {
+  SettingsPage
+};