@kb0912/notification-brevo 1.0.17 → 2.0.0

package/.medusa/server/src/admin/index.js

@@ -1,20 +1,1021 @@
 "use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const adminSdk = require("@medusajs/admin-sdk");
+const ui = require("@medusajs/ui");
+const icons = require("@medusajs/icons");
+const react = require("react");
+const EVENT_LABELS = {
+  "order.placed": "Order Placed",
+  "order.canceled": "Order Canceled",
+  "order.delivered": "Order Delivered",
+  "customer.created": "Customer Created",
+  "promotion-new-customer": "Promotion (New Customer)",
+  "promotion-expiry-reminder": "Promotion Expiry Reminder",
+  "shipment.confirmed": "Shipment Confirmed",
+  "cart.abandoned": "Abandoned Cart",
+  "cart.abandoned.discount": "Abandoned Cart (Discount)",
+  "review.request": "Review Request",
+  "winback": "Win-back"
+};
+const BrevoAnalyticsPage = () => {
+  const [data, setData] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const [error, setError] = react.useState(null);
+  react.useEffect(() => {
+    fetch("/admin/brevo-plugin-settings/analytics", { credentials: "include" }).then((res) => res.json()).then((d) => {
+      setData(d);
+      setLoading(false);
+    }).catch(() => {
+      setError("Failed to load analytics. Make sure Brevo API key is configured.");
+      setLoading(false);
+    });
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading analytics..." }) }) });
+  }
+  if (error || !(data == null ? void 0 : data.stats)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", children: error || (data == null ? void 0 : data.error) || "No data available" }) }) });
+  }
+  const { stats, perEvent } = data;
+  const statItems = [
+    { label: "Delivered", value: stats.delivered, color: "green" },
+    { label: "Opened", value: stats.opened, color: "blue" },
+    { label: "Clicked", value: stats.clicked, color: "purple" },
+    { label: "Bounced", value: stats.bounced, color: "orange" },
+    { label: "Blocked", value: stats.blocked, color: "red" },
+    { label: "Unsubscribed", value: stats.unsubscribed, color: "grey" }
+  ];
+  const openRate = stats.delivered > 0 ? (stats.opened / stats.delivered * 100).toFixed(1) : "0";
+  const clickRate = stats.opened > 0 ? (stats.clicked / stats.opened * 100).toFixed(1) : "0";
+  const perEventEntries = Object.entries(perEvent || {}).sort((a, b) => b[1].delivered - a[1].delivered);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Email Analytics" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mt-1", children: "Transactional email performance from Brevo (last 30 days)" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mt-4", children: statItems.map(({ label, value, color }) => /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs uppercase", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mt-1", children: value.toLocaleString() }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color, className: "mt-2", children: label })
+    ] }) }, label)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Conversion Rates" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Metric" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Rate" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Details" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Body, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: "Open Rate" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { color: "blue", children: [
+              openRate,
+              "%"
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-ui-fg-subtle", children: [
+              stats.opened,
+              " / ",
+              stats.delivered,
+              " delivered"
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: "Click Rate" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { color: "purple", children: [
+              clickRate,
+              "%"
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-ui-fg-subtle", children: [
+              stats.clicked,
+              " / ",
+              stats.opened,
+              " opened"
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: "Bounce Rate" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { color: "orange", children: [
+              stats.delivered > 0 ? (stats.bounced / (stats.delivered + stats.bounced) * 100).toFixed(1) : "0",
+              "%"
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-ui-fg-subtle", children: [
+              stats.bounced,
+              " bounced"
+            ] }) })
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    perEventEntries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-2", children: "Per-Event Breakdown" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-4", children: "Performance by email event type (only events with activity shown)" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Event" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Sent" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Opened" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Clicked" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Open Rate" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { children: "Bounced" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Body, { children: perEventEntries.map(([event, eventStats]) => {
+          const evOpenRate = eventStats.delivered > 0 ? (eventStats.opened / eventStats.delivered * 100).toFixed(1) : "0";
+          return /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "font-medium", children: EVENT_LABELS[event] || event }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: eventStats.delivered.toLocaleString() }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: eventStats.opened.toLocaleString() }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: eventStats.clicked.toLocaleString() }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Badge, { color: "blue", children: [
+              evOpenRate,
+              "%"
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: eventStats.bounced > 0 ? eventStats.bounced.toLocaleString() : "—" })
+          ] }, event);
+        }) })
+      ] })
+    ] }) }),
+    perEventEntries.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-2", children: "Per-Event Breakdown" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", children: "No per-event data yet. Emails sent after this update will be tagged automatically and stats will appear here." })
+    ] }) })
+  ] });
+};
+const config$1 = adminSdk.defineRouteConfig({
+  label: "Email Analytics",
+  icon: icons.ChartBar
+});
+const BrevoSettingsPage = () => {
+  const [settings, setSettings] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const [saving, setSaving] = react.useState(false);
+  const [intervalsText, setIntervalsText] = react.useState("");
+  const [currencies, setCurrencies] = react.useState([]);
+  react.useEffect(() => {
+    Promise.all([
+      fetch("/admin/brevo-plugin-settings", { credentials: "include" }).then((r) => r.json()),
+      fetch("/admin/currencies", { credentials: "include" }).then((r) => r.json()).catch(() => ({ currencies: [] }))
+    ]).then(([settingsData, currData]) => {
+      setSettings(settingsData.settings);
+      const intervals = Array.isArray(settingsData.settings.abandoned_cart_intervals) ? settingsData.settings.abandoned_cart_intervals : [];
+      setIntervalsText(intervals.join(", "));
+      const codes = (currData.currencies || []).map((c) => c.code).filter(Boolean).sort();
+      setCurrencies(codes);
+      setLoading(false);
+    }).catch(() => {
+      ui.toast.error("Failed to load Brevo settings");
+      setLoading(false);
+    });
+  }, []);
+  const handleSave = async () => {
+    if (!settings) return;
+    setSaving(true);
+    const intervals = intervalsText.split(",").map((s) => parseInt(s.trim(), 10)).filter((n) => !isNaN(n) && n > 0);
+    try {
+      const res = await fetch("/admin/brevo-plugin-settings", {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          ...settings,
+          abandoned_cart_intervals: intervals
+        })
+      });
+      if (!res.ok) throw new Error("Save failed");
+      const getRes = await fetch("/admin/brevo-plugin-settings", { credentials: "include" });
+      const data = await getRes.json();
+      setSettings(data.settings);
+      const newIntervals = Array.isArray(data.settings.abandoned_cart_intervals) ? data.settings.abandoned_cart_intervals : [];
+      setIntervalsText(newIntervals.join(", "));
+      ui.toast.success("Settings saved successfully");
+    } catch {
+      ui.toast.error("Failed to save settings");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const update = (key, value) => {
+    setSettings((prev) => prev ? { ...prev, [key]: value } : prev);
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Loading Brevo settings..." }) }) });
+  }
+  if (!settings) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-error", children: "Failed to load settings." }) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Brevo Email Settings" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mt-1", children: "Configure all email, SMS, WhatsApp, and automation settings." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: handleSave, isLoading: saving, children: "Save Changes" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Sender" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "sender_name", children: "Sender Name" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            id: "sender_name",
+            placeholder: "My Store",
+            value: settings.sender_name || "",
+            onChange: (e) => update("sender_name", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mt-1", children: 'Display name in "From" field. Email is set via BREVO_FROM_EMAIL.' })
+      ] }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Email Templates" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-4", children: "Brevo template ID for each event. Toggle to enable/disable." }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: [
+        { key: "order_placed", label: "Order Placed" },
+        { key: "order_canceled", label: "Order Canceled" },
+        { key: "order_delivered", label: "Order Delivered" },
+        { key: "customer_created", label: "Customer Created" },
+        { key: "shipment_confirmed", label: "Shipment Confirmed" }
+      ].map(({ key, label, ...rest }) => {
+        const enabledField = "enabledKey" in rest ? rest.enabledKey : `${key}_enabled`;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 p-3 border rounded-lg", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Switch,
+            {
+              checked: settings[enabledField],
+              onCheckedChange: (v) => update(enabledField, v)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              className: "w-32",
+              placeholder: "Template ID",
+              value: settings[`${key}_template_id`] || "",
+              onChange: (e) => update(`${key}_template_id`, e.target.value)
+            }
+          )
+        ] }, key);
+      }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Promotion — New Customer" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-4", children: "Auto-create a discount code when a new customer registers and send it via email." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mb-4 p-3 border rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: settings.promotion_auto_create,
+            onCheckedChange: (v) => {
+              update("promotion_auto_create", v);
+              update("promotion_enabled", v);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Auto-create Discount for New Customers" }) })
+      ] }),
+      settings.promotion_auto_create && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 max-w-lg ml-4 mt-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Promotion Email Template ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              placeholder: "Brevo template ID",
+              value: settings.promotion_new_customer_template_id || "",
+              onChange: (e) => update("promotion_new_customer_template_id", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Code Prefix" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              placeholder: "WELCOME",
+              value: settings.promotion_code_prefix || "WELCOME",
+              onChange: (e) => update("promotion_code_prefix", e.target.value.toUpperCase())
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mt-1", children: "Code format: PREFIX-8CHARS (e.g. WELCOME-A3KF8X2N)" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Discount Type" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Select,
+            {
+              value: settings.promotion_discount_type || "percentage",
+              onValueChange: (v) => {
+                if (v !== (settings.promotion_discount_type || "percentage")) update("promotion_discount_type", v);
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select type" }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "percentage", children: "Percentage (%)" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "fixed", children: "Fixed Amount" })
+                ] })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Discount Value" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              type: "number",
+              min: 1,
+              value: settings.promotion_discount_value || 10,
+              onChange: (e) => update("promotion_discount_value", parseInt(e.target.value, 10) || 10)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Expires After (days)" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              type: "number",
+              min: 1,
+              max: 365,
+              value: settings.promotion_expiry_days || 30,
+              onChange: (e) => update("promotion_expiry_days", parseInt(e.target.value, 10) || 30)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mt-1", children: "Discount code valid for X days after creation." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Excluded Currencies" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Discount will NOT apply to orders in these currencies. Click to toggle." }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1", children: [
+            currencies.map((cur) => {
+              const excluded = Array.isArray(settings.promotion_excluded_currencies) ? settings.promotion_excluded_currencies : [];
+              const isExcluded = excluded.includes(cur);
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: `px-2 py-1 rounded text-xs font-mono border transition-colors ${isExcluded ? "bg-red-100 border-red-300 text-red-700" : "bg-ui-bg-base border-ui-border-base text-ui-fg-subtle hover:bg-ui-bg-base-hover"}`,
+                  onClick: () => {
+                    const next = isExcluded ? excluded.filter((c) => c !== cur) : [...excluded, cur];
+                    update("promotion_excluded_currencies", next);
+                  },
+                  children: [
+                    cur.toUpperCase(),
+                    isExcluded ? " ✕" : ""
+                  ]
+                },
+                cur
+              );
+            }),
+            currencies.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs", children: "No currencies found in store." })
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Discount Expiry Reminder" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-4", children: "Send a reminder email when a customer's discount code is about to expire." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mb-4 p-3 border rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: settings.promotion_expiry_reminder_enabled,
+            onCheckedChange: (v) => update("promotion_expiry_reminder_enabled", v)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Enable Expiry Reminder" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            className: "w-32",
+            placeholder: "Template ID",
+            value: settings.promotion_expiry_reminder_template_id || "",
+            onChange: (e) => update("promotion_expiry_reminder_template_id", e.target.value)
+          }
+        )
+      ] }),
+      settings.promotion_expiry_reminder_enabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md ml-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Days Before Expiry" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            type: "number",
+            min: 1,
+            max: 30,
+            value: settings.promotion_expiry_reminder_days_before || 3,
+            onChange: (e) => update("promotion_expiry_reminder_days_before", parseInt(e.target.value, 10) || 3)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mt-1", children: "Send reminder X days before discount expires." })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Abandoned Cart" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mb-4 p-3 border rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: settings.abandoned_cart_enabled,
+            onCheckedChange: (v) => update("abandoned_cart_enabled", v)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Enable Abandoned Cart Emails" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            className: "w-32",
+            placeholder: "Template ID",
+            value: settings.abandoned_cart_template_id || "",
+            onChange: (e) => update("abandoned_cart_template_id", e.target.value)
+          }
+        )
+      ] }),
+      settings.abandoned_cart_enabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 max-w-md ml-4 mt-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Reminder Intervals (hours)" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              placeholder: "1, 24, 72",
+              value: intervalsText,
+              onChange: (e) => setIntervalsText(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mt-1", children: 'Comma-separated. E.g. "1, 24, 72"' })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Max Emails Per Cart" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              type: "number",
+              min: 1,
+              max: 10,
+              value: settings.abandoned_cart_max_emails,
+              onChange: (e) => update("abandoned_cart_max_emails", parseInt(e.target.value, 10) || 1)
+            }
+          )
+        ] })
+      ] }),
+      settings.abandoned_cart_enabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 pt-4 border-t", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-4 text-sm", children: "Auto-generate a discount code on the final reminder email." }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mb-4 p-3 border rounded-lg", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Switch,
+            {
+              checked: settings.abandoned_cart_discount_enabled,
+              onCheckedChange: (v) => update("abandoned_cart_discount_enabled", v)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Enable Discount on Final Email" }) })
+        ] }),
+        settings.abandoned_cart_discount_enabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 max-w-lg ml-4 mt-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Discount Type" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Select,
+              {
+                value: settings.abandoned_cart_discount_type || "percentage",
+                onValueChange: (v) => {
+                  if (v !== (settings.abandoned_cart_discount_type || "percentage")) update("abandoned_cart_discount_type", v);
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, { placeholder: "Select type" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(ui.Select.Content, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "percentage", children: "Percentage (%)" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: "fixed", children: "Fixed Amount" })
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Discount Value" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                type: "number",
+                min: 1,
+                value: settings.abandoned_cart_discount_value || 10,
+                onChange: (e) => update("abandoned_cart_discount_value", parseInt(e.target.value, 10) || 10)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Max Uses Per Code" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                type: "number",
+                min: 1,
+                value: settings.abandoned_cart_discount_max_uses || 1,
+                onChange: (e) => update("abandoned_cart_discount_max_uses", parseInt(e.target.value, 10) || 1)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Expires After (hours)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                type: "number",
+                min: 1,
+                value: settings.abandoned_cart_discount_expires_hours || 48,
+                onChange: (e) => update("abandoned_cart_discount_expires_hours", parseInt(e.target.value, 10) || 48)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Code Prefix" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                placeholder: "COMEBACK",
+                value: settings.abandoned_cart_discount_code_prefix || "COMEBACK",
+                onChange: (e) => update("abandoned_cart_discount_code_prefix", e.target.value.toUpperCase())
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mt-1", children: "Code format: PREFIX-8CHARS (e.g. COMEBACK-B7TK9W3P)" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Discount Email Template ID (optional)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                placeholder: "Leave blank to use abandoned cart template",
+                value: settings.abandoned_cart_discount_template_id || "",
+                onChange: (e) => update("abandoned_cart_discount_template_id", e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mt-1", children: "Separate template for the discount email. Falls back to abandoned cart template." })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Excluded Currencies" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Discount will NOT apply to orders in these currencies. Click to toggle." }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1", children: [
+              currencies.map((cur) => {
+                const excluded = Array.isArray(settings.abandoned_cart_discount_excluded_currencies) ? settings.abandoned_cart_discount_excluded_currencies : [];
+                const isExcluded = excluded.includes(cur);
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: `px-2 py-1 rounded text-xs font-mono border transition-colors ${isExcluded ? "bg-red-100 border-red-300 text-red-700" : "bg-ui-bg-base border-ui-border-base text-ui-fg-subtle hover:bg-ui-bg-base-hover"}`,
+                    onClick: () => {
+                      const next = isExcluded ? excluded.filter((c) => c !== cur) : [...excluded, cur];
+                      update("abandoned_cart_discount_excluded_currencies", next);
+                    },
+                    children: [
+                      cur.toUpperCase(),
+                      isExcluded ? " ✕" : ""
+                    ]
+                  },
+                  cur
+                );
+              }),
+              currencies.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs", children: "No currencies found in store." })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Brevo Contact Sync" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-4", children: "Sync customers to Brevo Contacts when they register or place an order." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 p-3 border rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: settings.contact_sync_enabled,
+            onCheckedChange: (v) => update("contact_sync_enabled", v)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Enable Contact Sync" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            className: "w-40",
+            placeholder: "Brevo List ID (opt)",
+            type: "number",
+            value: settings.contact_sync_list_id || "",
+            onChange: (e) => update("contact_sync_list_id", parseInt(e.target.value, 10) || null)
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Event Tracking" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-4", children: "Send events to Brevo for automation triggers (order_placed, customer_created, etc.)" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 p-3 border rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: settings.event_tracking_enabled,
+            onCheckedChange: (v) => update("event_tracking_enabled", v)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Enable Event Tracking" }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Review Request" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mb-4 p-3 border rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: settings.review_request_enabled,
+            onCheckedChange: (v) => update("review_request_enabled", v)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Send Review Request Email" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            className: "w-32",
+            placeholder: "Template ID",
+            value: settings.review_request_template_id || "",
+            onChange: (e) => update("review_request_template_id", e.target.value)
+          }
+        )
+      ] }),
+      settings.review_request_enabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md ml-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Days After Order" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            type: "number",
+            min: 1,
+            max: 60,
+            value: settings.review_request_days_after || 7,
+            onChange: (e) => update("review_request_days_after", parseInt(e.target.value, 10) || 7)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mt-1", children: "Send review request X days after order placed." })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Win-back Campaign" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mb-4 p-3 border rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: settings.winback_enabled,
+            onCheckedChange: (v) => update("winback_enabled", v)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Enable Win-back Emails" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            className: "w-32",
+            placeholder: "Template ID",
+            value: settings.winback_template_id || "",
+            onChange: (e) => update("winback_template_id", e.target.value)
+          }
+        )
+      ] }),
+      settings.winback_enabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md ml-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Days Inactive" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            type: "number",
+            min: 7,
+            max: 365,
+            value: settings.winback_days_inactive || 30,
+            onChange: (e) => update("winback_days_inactive", parseInt(e.target.value, 10) || 30)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mt-1", children: "Send win-back email to customers inactive for X days." })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Multi-language Templates" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mb-4 p-3 border rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: settings.multilang_enabled,
+            onCheckedChange: (v) => update("multilang_enabled", v)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Enable Multi-language" }) })
+      ] }),
+      settings.multilang_enabled && (() => {
+        const EVENT_OPTIONS = [
+          { value: "order.placed", label: "Order Placed" },
+          { value: "order.canceled", label: "Order Canceled" },
+          { value: "order.delivered", label: "Order Delivered" },
+          { value: "customer.created", label: "Customer Created" },
+          { value: "shipment.confirmed", label: "Shipment Confirmed" },
+          { value: "cart.abandoned", label: "Cart Abandoned" },
+          { value: "cart.abandoned.discount", label: "Cart Abandoned (Discount)" },
+          { value: "review.request", label: "Review Request" },
+          { value: "winback", label: "Win-back" }
+        ];
+        const templates = settings.multilang_templates || {};
+        const locales = Object.keys(templates);
+        const addLocale = (code) => {
+          const key = code.trim().toLowerCase();
+          if (!key || templates[key]) return;
+          update("multilang_templates", { ...templates, [key]: {} });
+        };
+        const removeLocale = (locale) => {
+          const next = { ...templates };
+          delete next[locale];
+          update("multilang_templates", next);
+        };
+        const setTemplate = (locale, event, value) => {
+          const localeMap = { ...templates[locale] || {} };
+          if (value.trim() === "") {
+            delete localeMap[event];
+          } else {
+            localeMap[event] = value;
+          }
+          update("multilang_templates", { ...templates, [locale]: localeMap });
+        };
+        const addEventToLocale = (locale) => {
+          const usedEvents = Object.keys(templates[locale] || {});
+          const available = EVENT_OPTIONS.filter((e) => !usedEvents.includes(e.value));
+          if (!available.length) return;
+          const localeMap = { ...templates[locale] || {}, [available[0].value]: "" };
+          update("multilang_templates", { ...templates, [locale]: localeMap });
+        };
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-4 space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-ui-fg-subtle text-sm", children: [
+            "Override template IDs per language. Customer locale is set via ",
+            /* @__PURE__ */ jsxRuntime.jsx("code", { children: "customer.metadata.preferred_locale" }),
+            " from storefront. If no match → uses default template ID above."
+          ] }),
+          locales.map((locale) => {
+            const events = templates[locale] || {};
+            const eventKeys = Object.keys(events);
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border rounded-lg p-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "blue", className: "text-sm font-mono", children: locale.toUpperCase() }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-ui-fg-subtle text-xs", children: [
+                    eventKeys.length,
+                    " template(s)"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => addEventToLocale(locale), children: "+ Event" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "danger", size: "small", onClick: () => removeLocale(locale), children: "Remove" })
+                ] })
+              ] }),
+              eventKeys.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs italic", children: 'No templates configured. Click "+ Event" to add.' }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: eventKeys.map((event) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  ui.Select,
+                  {
+                    value: event,
+                    onValueChange: (newEvent) => {
+                      if (newEvent === event) return;
+                      const val = events[event];
+                      const next = { ...events };
+                      delete next[event];
+                      next[newEvent] = val;
+                      update("multilang_templates", { ...templates, [locale]: next });
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Value, {}) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Content, { children: EVENT_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(ui.Select.Item, { value: opt.value, children: opt.label }, opt.value)) })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Input,
+                  {
+                    className: "w-28",
+                    placeholder: "Template ID",
+                    value: events[event] || "",
+                    onChange: (e) => setTemplate(locale, event, e.target.value)
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Button,
+                  {
+                    variant: "danger",
+                    size: "small",
+                    onClick: () => {
+                      const next = { ...templates[locale] || {} };
+                      delete next[event];
+                      update("multilang_templates", { ...templates, [locale]: next });
+                    },
+                    children: "×"
+                  }
+                )
+              ] }, event)) })
+            ] }, locale);
+          }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                className: "w-28",
+                placeholder: "vi, en, zh...",
+                id: "_newLocaleInput",
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") {
+                    addLocale(e.target.value);
+                    e.target.value = "";
+                  }
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", onClick: () => {
+              const input = document.getElementById("_newLocaleInput");
+              if (input) {
+                addLocale(input.value);
+                input.value = "";
+              }
+            }, children: "+ Add Language" })
+          ] })
+        ] });
+      })()
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "Webhook" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mb-4", children: "Receive Brevo email events (delivered, opened, clicked, bounced)." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mb-4 p-3 border rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: settings.webhook_enabled,
+            onCheckedChange: (v) => update("webhook_enabled", v)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Enable Webhook" }) })
+      ] }),
+      settings.webhook_enabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 max-w-lg ml-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Webhook URL" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { readOnly: true, value: `${window.location.origin}/hooks/brevo-webhook` }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mt-1", children: "Configure this URL in Brevo → Settings → Webhooks." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Webhook Secret (optional)" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              placeholder: "Optional secret for verification",
+              value: settings.webhook_secret || "",
+              onChange: (e) => update("webhook_secret", e.target.value)
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "WhatsApp Notifications" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mb-4 p-3 border rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: settings.whatsapp_enabled,
+            onCheckedChange: (v) => update("whatsapp_enabled", v)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Enable WhatsApp" }) })
+      ] }),
+      settings.whatsapp_enabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 max-w-md ml-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Order Placed Template" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              placeholder: "Brevo WhatsApp template name",
+              value: settings.whatsapp_order_placed_template || "",
+              onChange: (e) => update("whatsapp_order_placed_template", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Shipment Template" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              placeholder: "Brevo WhatsApp template name",
+              value: settings.whatsapp_shipment_template || "",
+              onChange: (e) => update("whatsapp_shipment_template", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Abandoned Cart Template" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              placeholder: "Brevo WhatsApp template name",
+              value: settings.whatsapp_abandoned_cart_template || "",
+              onChange: (e) => update("whatsapp_abandoned_cart_template", e.target.value)
+            }
+          )
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0 mt-4 mb-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", className: "mb-4", children: "SMS Notifications" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 mb-4 p-3 border rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
+          {
+            checked: settings.sms_enabled,
+            onCheckedChange: (v) => update("sms_enabled", v)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Enable SMS" }) })
+      ] }),
+      settings.sms_enabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 max-w-md ml-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "SMS Sender Name" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              placeholder: "MyStore",
+              value: settings.sms_sender || "",
+              onChange: (e) => update("sms_sender", e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mt-1", children: "Max 11 chars, alphanumeric." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Order Placed SMS Content" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              placeholder: "Your order #{{display_id}} has been placed!",
+              value: settings.sms_order_placed_content || "",
+              onChange: (e) => update("sms_order_placed_content", e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Shipment SMS Content" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              placeholder: "Your order #{{display_id}} has been shipped!",
+              value: settings.sms_shipment_content || "",
+              onChange: (e) => update("sms_shipment_content", e.target.value)
+            }
+          )
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+const config = adminSdk.defineRouteConfig({
+  label: "Brevo",
+  icon: icons.EnvelopeSolid
+});
 const widgetModule = { widgets: [] };
 const routeModule = {
-  routes: []
+  routes: [
+    {
+      Component: BrevoAnalyticsPage,
+      path: "/brevo-analytics"
+    },
+    {
+      Component: BrevoSettingsPage,
+      path: "/settings/brevo"
+    }
+  ]
 };
 const menuItemModule = {
-  menuItems: []
+  menuItems: [
+    {
+      label: config$1.label,
+      icon: config$1.icon,
+      path: "/brevo-analytics",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    },
+    {
+      label: config.label,
+      icon: config.icon,
+      path: "/settings/brevo",
+      nested: void 0,
+      rank: void 0,
+      translationNs: void 0
+    }
+  ]
 };
 const formModule = { customFields: {} };
 const displayModule = {
   displays: {}
 };
+const i18nModule = { resources: {} };
 const plugin = {
   widgetModule,
   routeModule,
   menuItemModule,
   formModule,
-  displayModule
+  displayModule,
+  i18nModule
 };
 module.exports = plugin;