@kb0912/notification-brevo 2.0.2 → 2.0.4

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

@@ -151,16 +151,36 @@ const BrevoSettingsPage = () => {
   const [saving, setSaving] = react.useState(false);
   const [intervalsText, setIntervalsText] = react.useState("");
   const [currencies, setCurrencies] = react.useState([]);
+  const [countries, setCountries] = react.useState([]);
+  const [modal, setModal] = react.useState(null);
+  const [drawerSearch, setDrawerSearch] = 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]) => {
+      fetch("/admin/currencies", { credentials: "include" }).then((r) => r.json()).catch(() => ({ currencies: [] })),
+      fetch("/admin/regions", { credentials: "include" }).then((r) => r.json()).catch(() => ({ regions: [] }))
+    ]).then(([settingsData, currData, regionData]) => {
       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);
+      const currOpts = (currData.currencies || []).map((c) => ({
+        value: c.code,
+        label: `${c.name || c.code.toUpperCase()} (${c.code.toUpperCase()})`
+      })).sort((a, b) => a.label.localeCompare(b.label));
+      setCurrencies(currOpts);
+      const countryMap = /* @__PURE__ */ new Map();
+      for (const region of regionData.regions || []) {
+        for (const c of region.countries || []) {
+          if (c.iso_2 && !countryMap.has(c.iso_2)) {
+            countryMap.set(c.iso_2, c.display_name || c.name || c.iso_2.toUpperCase());
+          }
+        }
+      }
+      const countryOpts = Array.from(countryMap.entries()).map(([code, name]) => ({
+        value: code,
+        label: name
+      })).sort((a, b) => a.label.localeCompare(b.label));
+      setCountries(countryOpts);
       setLoading(false);
     }).catch(() => {
       ui.toast.error("Failed to load Brevo settings");
@@ -347,70 +367,25 @@ const BrevoSettingsPage = () => {
         ] }),
         /* @__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.Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Discount will NOT apply to orders in these currencies." }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => setModal({ key: "promotion_excluded_currencies", title: "Select Excluded Currencies", options: currencies }), children: "Select Currencies" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1", children: [
+              (settings.promotion_excluded_currencies || []).map((c) => /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "red", className: "font-mono text-xs", children: c.toUpperCase() }, c)),
+              (settings.promotion_excluded_currencies || []).length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs", children: "None" })
+            ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Excluded Countries" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Customers from these countries will NOT receive a promotion code. Checks shipping address country code & phone prefix." }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: [
-            { code: "vn", label: "🇻🇳 VN" },
-            { code: "th", label: "🇹🇭 TH" },
-            { code: "ko", label: "🇰🇷 KR" },
-            { code: "ja", label: "🇯🇵 JP" },
-            { code: "cn", label: "🇨🇳 CN" },
-            { code: "us", label: "🇺🇸 US" },
-            { code: "gb", label: "🇬🇧 GB" },
-            { code: "sg", label: "🇸🇬 SG" },
-            { code: "my", label: "🇲🇾 MY" },
-            { code: "id", label: "🇮🇩 ID" },
-            { code: "ph", label: "🇵🇭 PH" },
-            { code: "au", label: "🇦🇺 AU" },
-            { code: "in", label: "🇮🇳 IN" },
-            { code: "tw", label: "🇹🇼 TW" },
-            { code: "hk", label: "🇭🇰 HK" }
-          ].map((country) => {
-            const excluded = Array.isArray(settings.promotion_excluded_countries) ? settings.promotion_excluded_countries : [];
-            const isExcluded = excluded.includes(country.code);
-            return /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                type: "button",
-                className: `px-2 py-1 rounded text-xs 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 !== country.code) : [...excluded, country.code];
-                  update("promotion_excluded_countries", next);
-                },
-                children: [
-                  country.label,
-                  isExcluded ? " ✕" : ""
-                ]
-              },
-              country.code
-            );
-          }) })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Customers from these countries will NOT receive a promotion code." }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => setModal({ key: "promotion_excluded_countries", title: "Select Excluded Countries", options: countries }), children: "Select Countries" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1", children: [
+              (settings.promotion_excluded_countries || []).map((c) => /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "red", className: "font-mono text-xs", children: c.toUpperCase() }, c)),
+              (settings.promotion_excluded_countries || []).length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs", children: "None" })
+            ] })
+          ] })
         ] })
       ] })
     ] }) }),
@@ -593,29 +568,24 @@ const BrevoSettingsPage = () => {
           ] }),
           /* @__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.Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Discount will NOT apply to orders in these currencies." }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => setModal({ key: "abandoned_cart_discount_excluded_currencies", title: "Select Excluded Currencies", options: currencies }), children: "Select Currencies" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1", children: [
+                (settings.abandoned_cart_discount_excluded_currencies || []).map((c) => /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "red", className: "font-mono text-xs", children: c.toUpperCase() }, c)),
+                (settings.abandoned_cart_discount_excluded_currencies || []).length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs", children: "None" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Excluded Countries" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Customers from these countries will NOT receive a discount code." }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => setModal({ key: "promotion_excluded_countries", title: "Select Excluded Countries", options: countries }), children: "Select Countries" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1", children: [
+                (settings.promotion_excluded_countries || []).map((c) => /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { color: "red", className: "font-mono text-xs", children: c.toUpperCase() }, c)),
+                (settings.promotion_excluded_countries || []).length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-xs", children: "None" })
+              ] })
             ] })
           ] })
         ] })
@@ -1007,6 +977,66 @@ const BrevoSettingsPage = () => {
           )
         ] })
       ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer, { open: !!modal, onOpenChange: (open) => {
+      if (!open) {
+        setModal(null);
+        setDrawerSearch("");
+      }
+    }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Drawer.Content, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Title, { children: (modal == null ? void 0 : modal.title) || "" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Body, { className: "overflow-y-auto", children: modal && (() => {
+        const [search, setSearch] = [drawerSearch, setDrawerSearch];
+        const currentSelected = new Set((settings == null ? void 0 : settings[modal.key]) || []);
+        const filtered = modal.options.filter(
+          (o) => o.label.toLowerCase().includes(search.toLowerCase()) || o.value.toLowerCase().includes(search.toLowerCase())
+        );
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              placeholder: "Search...",
+              value: search,
+              onChange: (e) => setSearch(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 space-y-0.5", children: [
+            filtered.length === 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle text-sm py-4 text-center", children: "No results" }),
+            filtered.map((opt) => {
+              const isChecked = currentSelected.has(opt.value);
+              return /* @__PURE__ */ jsxRuntime.jsxs(
+                "label",
+                {
+                  className: "flex items-center gap-3 py-2 px-3 cursor-pointer hover:bg-ui-bg-base-hover rounded-lg",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      ui.Checkbox,
+                      {
+                        checked: isChecked,
+                        onCheckedChange: () => {
+                          const arr = (settings == null ? void 0 : settings[modal.key]) || [];
+                          const next = isChecked ? arr.filter((c) => c !== opt.value) : [...arr, opt.value];
+                          update(modal.key, next);
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm flex-1", children: opt.label }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-ui-fg-subtle font-mono", children: opt.value.toUpperCase() })
+                  ]
+                },
+                opt.value
+              );
+            })
+          ] })
+        ] });
+      })() }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Drawer.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between w-full", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { className: "text-xs text-ui-fg-subtle", children: [
+          ((settings == null ? void 0 : settings[(modal == null ? void 0 : modal.key) || ""]) || []).length,
+          " selected"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "secondary", size: "small", onClick: () => setModal(null), children: "Done" })
+      ] }) })
     ] }) })
   ] });
 };

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { defineRouteConfig } from "@medusajs/admin-sdk";
-import { Container, Text, Heading, Badge, Table, toast, Toaster, Button, Label, Input, Switch, Select } from "@medusajs/ui";
+import { Container, Text, Heading, Badge, Table, toast, Toaster, Button, Label, Input, Switch, Select, Drawer, Checkbox } from "@medusajs/ui";
 import { ChartBar, EnvelopeSolid } from "@medusajs/icons";
 import { useState, useEffect } from "react";
 const EVENT_LABELS = {
@@ -150,16 +150,36 @@ const BrevoSettingsPage = () => {
   const [saving, setSaving] = useState(false);
   const [intervalsText, setIntervalsText] = useState("");
   const [currencies, setCurrencies] = useState([]);
+  const [countries, setCountries] = useState([]);
+  const [modal, setModal] = useState(null);
+  const [drawerSearch, setDrawerSearch] = useState("");
   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]) => {
+      fetch("/admin/currencies", { credentials: "include" }).then((r) => r.json()).catch(() => ({ currencies: [] })),
+      fetch("/admin/regions", { credentials: "include" }).then((r) => r.json()).catch(() => ({ regions: [] }))
+    ]).then(([settingsData, currData, regionData]) => {
       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);
+      const currOpts = (currData.currencies || []).map((c) => ({
+        value: c.code,
+        label: `${c.name || c.code.toUpperCase()} (${c.code.toUpperCase()})`
+      })).sort((a, b) => a.label.localeCompare(b.label));
+      setCurrencies(currOpts);
+      const countryMap = /* @__PURE__ */ new Map();
+      for (const region of regionData.regions || []) {
+        for (const c of region.countries || []) {
+          if (c.iso_2 && !countryMap.has(c.iso_2)) {
+            countryMap.set(c.iso_2, c.display_name || c.name || c.iso_2.toUpperCase());
+          }
+        }
+      }
+      const countryOpts = Array.from(countryMap.entries()).map(([code, name]) => ({
+        value: code,
+        label: name
+      })).sort((a, b) => a.label.localeCompare(b.label));
+      setCountries(countryOpts);
       setLoading(false);
     }).catch(() => {
       toast.error("Failed to load Brevo settings");
@@ -346,70 +366,25 @@ const BrevoSettingsPage = () => {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
           /* @__PURE__ */ jsx(Label, { children: "Excluded Currencies" }),
-          /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Discount will NOT apply to orders in these currencies. Click to toggle." }),
-          /* @__PURE__ */ 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__ */ 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__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: "No currencies found in store." })
+          /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Discount will NOT apply to orders in these currencies." }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: () => setModal({ key: "promotion_excluded_currencies", title: "Select Excluded Currencies", options: currencies }), children: "Select Currencies" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+              (settings.promotion_excluded_currencies || []).map((c) => /* @__PURE__ */ jsx(Badge, { color: "red", className: "font-mono text-xs", children: c.toUpperCase() }, c)),
+              (settings.promotion_excluded_currencies || []).length === 0 && /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: "None" })
+            ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
           /* @__PURE__ */ jsx(Label, { children: "Excluded Countries" }),
-          /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Customers from these countries will NOT receive a promotion code. Checks shipping address country code & phone prefix." }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: [
-            { code: "vn", label: "🇻🇳 VN" },
-            { code: "th", label: "🇹🇭 TH" },
-            { code: "ko", label: "🇰🇷 KR" },
-            { code: "ja", label: "🇯🇵 JP" },
-            { code: "cn", label: "🇨🇳 CN" },
-            { code: "us", label: "🇺🇸 US" },
-            { code: "gb", label: "🇬🇧 GB" },
-            { code: "sg", label: "🇸🇬 SG" },
-            { code: "my", label: "🇲🇾 MY" },
-            { code: "id", label: "🇮🇩 ID" },
-            { code: "ph", label: "🇵🇭 PH" },
-            { code: "au", label: "🇦🇺 AU" },
-            { code: "in", label: "🇮🇳 IN" },
-            { code: "tw", label: "🇹🇼 TW" },
-            { code: "hk", label: "🇭🇰 HK" }
-          ].map((country) => {
-            const excluded = Array.isArray(settings.promotion_excluded_countries) ? settings.promotion_excluded_countries : [];
-            const isExcluded = excluded.includes(country.code);
-            return /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                className: `px-2 py-1 rounded text-xs 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 !== country.code) : [...excluded, country.code];
-                  update("promotion_excluded_countries", next);
-                },
-                children: [
-                  country.label,
-                  isExcluded ? " ✕" : ""
-                ]
-              },
-              country.code
-            );
-          }) })
+          /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Customers from these countries will NOT receive a promotion code." }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: () => setModal({ key: "promotion_excluded_countries", title: "Select Excluded Countries", options: countries }), children: "Select Countries" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+              (settings.promotion_excluded_countries || []).map((c) => /* @__PURE__ */ jsx(Badge, { color: "red", className: "font-mono text-xs", children: c.toUpperCase() }, c)),
+              (settings.promotion_excluded_countries || []).length === 0 && /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: "None" })
+            ] })
+          ] })
         ] })
       ] })
     ] }) }),
@@ -592,29 +567,24 @@ const BrevoSettingsPage = () => {
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
             /* @__PURE__ */ jsx(Label, { children: "Excluded Currencies" }),
-            /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Discount will NOT apply to orders in these currencies. Click to toggle." }),
-            /* @__PURE__ */ 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__ */ 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__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: "No currencies found in store." })
+            /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Discount will NOT apply to orders in these currencies." }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+              /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: () => setModal({ key: "abandoned_cart_discount_excluded_currencies", title: "Select Excluded Currencies", options: currencies }), children: "Select Currencies" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+                (settings.abandoned_cart_discount_excluded_currencies || []).map((c) => /* @__PURE__ */ jsx(Badge, { color: "red", className: "font-mono text-xs", children: c.toUpperCase() }, c)),
+                (settings.abandoned_cart_discount_excluded_currencies || []).length === 0 && /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: "None" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
+            /* @__PURE__ */ jsx(Label, { children: "Excluded Countries" }),
+            /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs mb-2", children: "Customers from these countries will NOT receive a discount code." }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
+              /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: () => setModal({ key: "promotion_excluded_countries", title: "Select Excluded Countries", options: countries }), children: "Select Countries" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+                (settings.promotion_excluded_countries || []).map((c) => /* @__PURE__ */ jsx(Badge, { color: "red", className: "font-mono text-xs", children: c.toUpperCase() }, c)),
+                (settings.promotion_excluded_countries || []).length === 0 && /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-xs", children: "None" })
+              ] })
             ] })
           ] })
         ] })
@@ -1006,6 +976,66 @@ const BrevoSettingsPage = () => {
           )
         ] })
       ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Drawer, { open: !!modal, onOpenChange: (open) => {
+      if (!open) {
+        setModal(null);
+        setDrawerSearch("");
+      }
+    }, children: /* @__PURE__ */ jsxs(Drawer.Content, { children: [
+      /* @__PURE__ */ jsx(Drawer.Header, { children: /* @__PURE__ */ jsx(Drawer.Title, { children: (modal == null ? void 0 : modal.title) || "" }) }),
+      /* @__PURE__ */ jsx(Drawer.Body, { className: "overflow-y-auto", children: modal && (() => {
+        const [search, setSearch] = [drawerSearch, setDrawerSearch];
+        const currentSelected = new Set((settings == null ? void 0 : settings[modal.key]) || []);
+        const filtered = modal.options.filter(
+          (o) => o.label.toLowerCase().includes(search.toLowerCase()) || o.value.toLowerCase().includes(search.toLowerCase())
+        );
+        return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              placeholder: "Search...",
+              value: search,
+              onChange: (e) => setSearch(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-0.5", children: [
+            filtered.length === 0 && /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle text-sm py-4 text-center", children: "No results" }),
+            filtered.map((opt) => {
+              const isChecked = currentSelected.has(opt.value);
+              return /* @__PURE__ */ jsxs(
+                "label",
+                {
+                  className: "flex items-center gap-3 py-2 px-3 cursor-pointer hover:bg-ui-bg-base-hover rounded-lg",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        checked: isChecked,
+                        onCheckedChange: () => {
+                          const arr = (settings == null ? void 0 : settings[modal.key]) || [];
+                          const next = isChecked ? arr.filter((c) => c !== opt.value) : [...arr, opt.value];
+                          update(modal.key, next);
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "text-sm flex-1", children: opt.label }),
+                    /* @__PURE__ */ jsx("span", { className: "text-xs text-ui-fg-subtle font-mono", children: opt.value.toUpperCase() })
+                  ]
+                },
+                opt.value
+              );
+            })
+          ] })
+        ] });
+      })() }),
+      /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full", children: [
+        /* @__PURE__ */ jsxs(Text, { className: "text-xs text-ui-fg-subtle", children: [
+          ((settings == null ? void 0 : settings[(modal == null ? void 0 : modal.key) || ""]) || []).length,
+          " selected"
+        ] }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "small", onClick: () => setModal(null), children: "Done" })
+      ] }) })
     ] }) })
   ] });
 };

package/.medusa/server/src/modules/brevo-settings/migrations/Migration20260307170711.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Migration20260307170711 = void 0;
+const migrations_1 = require("@medusajs/framework/mikro-orm/migrations");
+class Migration20260307170711 extends migrations_1.Migration {
+    async up() {
+        this.addSql(`alter table if exists "brevo_settings" add column if not exists "promotion_excluded_countries" jsonb null;`);
+    }
+    async down() {
+        this.addSql(`alter table if exists "brevo_settings" drop column if exists "promotion_excluded_countries";`);
+    }
+}
+exports.Migration20260307170711 = Migration20260307170711;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWlncmF0aW9uMjAyNjAzMDcxNzA3MTEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbW9kdWxlcy9icmV2by1zZXR0aW5ncy9taWdyYXRpb25zL01pZ3JhdGlvbjIwMjYwMzA3MTcwNzExLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHlFQUFxRTtBQUVyRSxNQUFhLHVCQUF3QixTQUFRLHNCQUFTO0lBRTNDLEtBQUssQ0FBQyxFQUFFO1FBQ2YsSUFBSSxDQUFDLE1BQU0sQ0FBQyw0R0FBNEcsQ0FBQyxDQUFDO0lBQzVILENBQUM7SUFFUSxLQUFLLENBQUMsSUFBSTtRQUNqQixJQUFJLENBQUMsTUFBTSxDQUFDLDhGQUE4RixDQUFDLENBQUM7SUFDOUcsQ0FBQztDQUVGO0FBVkQsMERBVUMifQ==

package/.medusa/server/src/modules/brevo-settings/migrations/Migration20260308000200.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Migration20260308000200 = void 0;
+const migrations_1 = require("@medusajs/framework/mikro-orm/migrations");
+class Migration20260308000200 extends migrations_1.Migration {
+    async up() {
+        this.addSql(`alter table if exists "brevo_settings" add column if not exists "promotion_excluded_countries" jsonb null;`);
+    }
+    async down() {
+        this.addSql(`alter table if exists "brevo_settings" drop column if exists "promotion_excluded_countries";`);
+    }
+}
+exports.Migration20260308000200 = Migration20260308000200;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWlncmF0aW9uMjAyNjAzMDgwMDAyMDAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbW9kdWxlcy9icmV2by1zZXR0aW5ncy9taWdyYXRpb25zL01pZ3JhdGlvbjIwMjYwMzA4MDAwMjAwLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHlFQUFxRTtBQUVyRSxNQUFhLHVCQUF3QixTQUFRLHNCQUFTO0lBRXpDLEtBQUssQ0FBQyxFQUFFO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyw0R0FBNEcsQ0FBQyxDQUFDO0lBQzlILENBQUM7SUFFUSxLQUFLLENBQUMsSUFBSTtRQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsOEZBQThGLENBQUMsQ0FBQztJQUNoSCxDQUFDO0NBRUo7QUFWRCwwREFVQyJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kb0912/notification-brevo",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "Sending email notification using Brevo.",
   "author": "KB (https://medusajs.com)",
   "license": "MIT",