@nivaro/react 0.3.40 → 0.3.42

package/dist/shared/components/notifications/NotificationRulesEditor.js

@@ -0,0 +1,515 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { RotateCcw as U } from "lucide-react";
+import { useState as B } from "react";
+import { cn as M } from "../../lib/utils.js";
+import { SimpleSelectXs as F } from "../ui/SimpleSelect.js";
+const Q = [
+  {
+    key: "mentions",
+    label: "Mentions",
+    help: "Someone @-mentions you in a comment, note, or chat room."
+  },
+  {
+    key: "workflow",
+    label: "Workflow & approvals",
+    help: "A record you own or follow moves state, needs your approval, is sent back, or an approval chain reaches your step. Also support requests you work on the desk (new, assigned, replied)."
+  },
+  {
+    key: "sla",
+    label: "SLA & escalations",
+    help: "A record you own is nearing or past its SLA, and escalation-ladder notices as they climb. SLA escalations always email immediately."
+  },
+  {
+    key: "watch",
+    label: "Watches",
+    help: "Something you explicitly watch fired: field watches, per-record subscriptions, and watched stock parts (Stock Planning)."
+  },
+  {
+    key: "alerts",
+    label: "Alerts",
+    help: "Threshold alerts you subscribe to: metric alert rules, per-record alert definitions, report alerts, and the alert digest."
+  },
+  {
+    key: "audit",
+    label: "Audit log patterns",
+    help: "An activity-pattern alert you subscribe to matched: someone made the kind of change it watches for (for example a large amount edited, or a zone changed). Past the rule’s hourly limit the rest arrive as one digest."
+  },
+  {
+    key: "anomaly",
+    label: "Anomaly detections",
+    help: "Anomaly rules you created flag an outlier, spike, or duplicate pattern."
+  },
+  {
+    key: "reports",
+    label: "Reports",
+    help: "Scheduled report emails, Report Studio subscription digests, and saved-view change digests."
+  },
+  {
+    key: "integrations",
+    label: "Integrations",
+    help: "A partner system was not told something about your record, a send is still unanswered, or an integration alert you turned on in the Integrations console fired."
+  },
+  {
+    key: "huddle",
+    label: "Huddles & calls",
+    help: "Someone calls you in a huddle or adds you to one, and reminders for huddles you were invited to. Push is what rings a closed tab."
+  },
+  {
+    key: "chaos",
+    label: "Chaos drills",
+    help: "Chaos Monkey drills starting and ending, and pushes about drills you started or take part in (with a Stop button). Only administrators and chaos operators get these."
+  },
+  {
+    key: "system",
+    label: "System & digests",
+    help: "Maintenance windows, failing monitors, import results, updates on support requests you raised, and the daily action summary itself. Maintenance and monitor failures always email immediately."
+  },
+  {
+    key: "other",
+    label: "Everything else",
+    help: "Any notification that does not fit a category above — direct messages from other users, access requests, task assignments."
+  }
+], ee = ["inapp", "push", "teams", "email", "quiet_override"], D = ["push_after_min", "email_after_min"], S = (a) => !!a && (a.quiet_start !== void 0 || a.quiet_end !== void 0);
+function te(a, l) {
+  var b, y, p, w, _, T, C, $;
+  const d = {}, m = S(a) ? a : S(l) ? l : null;
+  (m == null ? void 0 : m.quiet_start) !== void 0 && (d.quiet_start = m.quiet_start), (m == null ? void 0 : m.quiet_end) !== void 0 && (d.quiet_end = m.quiet_end);
+  const R = {};
+  for (const f of /* @__PURE__ */ new Set([
+    ...Object.keys((l == null ? void 0 : l.matrix) ?? {}),
+    ...Object.keys((a == null ? void 0 : a.matrix) ?? {})
+  ])) {
+    const x = {};
+    for (const h of ee) {
+      const v = ((y = (b = a == null ? void 0 : a.matrix) == null ? void 0 : b[f]) == null ? void 0 : y[h]) ?? ((w = (p = l == null ? void 0 : l.matrix) == null ? void 0 : p[f]) == null ? void 0 : w[h]);
+      v !== void 0 && (x[h] = v);
+    }
+    R[f] = x;
+  }
+  d.matrix = R;
+  const A = {};
+  for (const f of /* @__PURE__ */ new Set([
+    ...Object.keys((l == null ? void 0 : l.escalation) ?? {}),
+    ...Object.keys((a == null ? void 0 : a.escalation) ?? {})
+  ])) {
+    const x = {};
+    for (const h of D) {
+      const v = ((T = (_ = a == null ? void 0 : a.escalation) == null ? void 0 : _[f]) == null ? void 0 : T[h]) ?? (($ = (C = l == null ? void 0 : l.escalation) == null ? void 0 : C[f]) == null ? void 0 : $[h]);
+      v !== void 0 && (x[h] = v);
+    }
+    A[f] = x;
+  }
+  return d.escalation = A, d;
+}
+function Y(a, l, d) {
+  return d(a) !== void 0 ? "person" : d(l) !== void 0 ? "role" : "system";
+}
+function N({ text: a }) {
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      className: "ml-1 inline-flex h-3.5 w-3.5 cursor-help items-center justify-center rounded-full border border-slate-300 text-[9px] font-semibold normal-case tracking-normal text-slate-400 dark:border-border",
+      role: "img",
+      "data-tip": a,
+      "aria-label": a,
+      children: "?"
+    }
+  );
+}
+function q({ show: a, roleName: l }) {
+  const d = `From the ${l ? `"${l}" ` : ""}role default — change it to make it yours`;
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      "data-from-role": a ? "" : void 0,
+      "aria-hidden": !a,
+      "data-tip": a ? d : void 0,
+      className: M(
+        "ml-0.5 inline-block rounded bg-violet-50 px-0.5 align-middle text-[8.5px] font-bold uppercase leading-[12px] text-violet-600 dark:bg-violet-500/15 dark:text-violet-300",
+        !a && "invisible"
+      ),
+      children: "R"
+    }
+  );
+}
+function ne({
+  value: a,
+  inherited: l,
+  inheritedName: d,
+  legacyEmail: m = "instant",
+  onCommit: R,
+  onLegacyEmail: A,
+  saving: b,
+  subject: y,
+  teams: p,
+  extraColumn: w
+}) {
+  const _ = te(a, l), [T, C] = B(null), [$, f] = B(null), x = T ?? _.quiet_start ?? "", h = $ ?? _.quiet_end ?? "", v = S(a) ? "person" : S(l) ? "role" : "system", k = y === "person" && !!l, O = (e) => {
+    const o = {
+      ...a,
+      matrix: { ...a.matrix ?? {} },
+      escalation: { ...a.escalation ?? {} }
+    };
+    e(o), R(o);
+  }, P = (e, o, s) => O((i) => {
+    var c;
+    const n = { ...((c = i.matrix) == null ? void 0 : c[e]) ?? {} };
+    s === void 0 ? delete n[o] : n[o] = s;
+    const u = i.matrix ?? {};
+    Object.keys(n).length ? u[e] = n : delete u[e], i.matrix = u;
+  }), H = (e) => {
+    var o;
+    return ((o = l == null ? void 0 : l.matrix) == null ? void 0 : o[e]) ?? {};
+  }, W = (e) => {
+    var o, s, i, n;
+    return ((s = (o = a.matrix) == null ? void 0 : o[e]) == null ? void 0 : s.email) ?? (m === "daily" ? "daily" : ((n = (i = l == null ? void 0 : l.matrix) == null ? void 0 : i[e]) == null ? void 0 : n.email) ?? m);
+  }, X = (e) => {
+    var o, s, i, n;
+    return ((s = (o = a.matrix) == null ? void 0 : o[e]) == null ? void 0 : s.email) !== void 0 || m === "daily" ? "person" : ((n = (i = l == null ? void 0 : l.matrix) == null ? void 0 : i[e]) == null ? void 0 : n.email) !== void 0 ? "role" : "system";
+  }, I = (e, o) => O((s) => {
+    e === void 0 && o === void 0 ? (delete s.quiet_start, delete s.quiet_end) : (s.quiet_start = e ?? "", s.quiet_end = o ?? "");
+  }), z = (e, o, s) => O((i) => {
+    var c, g, E;
+    const n = { ...((c = i.escalation) == null ? void 0 : c[e]) ?? {} };
+    s ? n[o] = s : (E = (g = l == null ? void 0 : l.escalation) == null ? void 0 : g[e]) != null && E[o] ? n[o] = 0 : delete n[o];
+    const u = i.escalation ?? {};
+    Object.keys(n).length ? u[e] = n : delete u[e], i.escalation = u;
+  }), K = (e) => O((o) => {
+    var s;
+    (s = o.matrix) == null || delete s[e];
+  }), V = (e) => O((o) => {
+    var s;
+    (s = o.escalation) == null || delete s[e];
+  }), G = S(a) || Object.keys(a.matrix ?? {}).length > 0 || Object.keys(a.escalation ?? {}).length > 0, J = [
+    { value: "", label: "never" },
+    { value: "15", label: "15 min" },
+    { value: "60", label: "1 hour" },
+    { value: "240", label: "4 hours" },
+    { value: "480", label: "8 hours" },
+    { value: "1440", label: "1 day" }
+  ], L = [
+    { value: "instant", label: "Individual email" },
+    { value: "daily", label: "Daily summary" },
+    { value: "off", label: "No email" }
+  ], Z = y === "role" ? "members" : "you";
+  return /* @__PURE__ */ r("div", { className: "space-y-3", "data-notification-rules-editor": y, children: [
+    k && /* @__PURE__ */ r(
+      "div",
+      {
+        "data-role-defaults-note": !0,
+        className: "flex flex-wrap items-center gap-2 rounded-md border border-violet-200 bg-violet-50/60 px-3 py-1.5 text-[11.5px] text-violet-900 dark:border-violet-500/30 dark:bg-violet-500/10 dark:text-violet-200",
+        children: [
+          /* @__PURE__ */ r("span", { className: "min-w-0 flex-1", children: [
+            "Your role",
+            d ? ` (${d})` : "",
+            " sets starting rules. Values marked",
+            " ",
+            /* @__PURE__ */ t(q, { show: !0, roleName: d }),
+            " come from it until you change them."
+          ] }),
+          G && /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              disabled: b,
+              onClick: () => R(
+                a.teams_muted_until ? { teams_muted_until: a.teams_muted_until } : {}
+              ),
+              className: "underline decoration-dotted underline-offset-2 disabled:opacity-50",
+              children: "Use the role defaults for everything"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2 text-[12.5px] text-slate-600 dark:text-muted-foreground", children: [
+      "Quiet hours (ET):",
+      /* @__PURE__ */ t(
+        "input",
+        {
+          type: "time",
+          value: x,
+          onChange: (e) => C(e.target.value),
+          onBlur: () => {
+            T != null && I(x || "", h || "");
+          },
+          "aria-label": "Quiet hours start",
+          className: "h-7 rounded-md border border-slate-200 bg-background px-1.5 text-[12px] dark:border-border"
+        }
+      ),
+      /* @__PURE__ */ t("span", { children: "to" }),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          type: "time",
+          value: h,
+          onChange: (e) => f(e.target.value),
+          onBlur: () => {
+            $ != null && I(x || "", h || "");
+          },
+          "aria-label": "Quiet hours end",
+          className: "h-7 rounded-md border border-slate-200 bg-background px-1.5 text-[12px] dark:border-border"
+        }
+      ),
+      k && v === "role" && /* @__PURE__ */ t(q, { show: !0, roleName: d }),
+      (x || h) && /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            C(""), f(""), S(l) ? I("", "") : I(void 0, void 0);
+          },
+          className: "text-[11.5px] text-slate-400 underline decoration-dotted underline-offset-2",
+          children: "Clear"
+        }
+      ),
+      k && v === "person" && S(l) && /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            C(null), f(null), I(void 0, void 0);
+          },
+          className: "text-[11.5px] text-slate-400 underline decoration-dotted underline-offset-2",
+          children: [
+            "Use the role's (",
+            (l == null ? void 0 : l.quiet_start) || "—",
+            "–",
+            (l == null ? void 0 : l.quiet_end) || "—",
+            ")"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r("table", { className: "w-full text-[12px]", children: [
+      /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ r("tr", { className: "text-left text-[10.5px] uppercase tracking-wide text-slate-400", children: [
+        /* @__PURE__ */ t("th", { className: "py-1 font-semibold", children: "Category" }),
+        /* @__PURE__ */ r("th", { className: "py-1 text-center font-semibold", children: [
+          "In-app",
+          /* @__PURE__ */ t(N, { text: "The notification itself: the bell badge and the Notifications inbox in the app. Off = no row is written for this category, so nothing shows anywhere in the app." })
+        ] }),
+        /* @__PURE__ */ r("th", { className: "py-1 text-center font-semibold", children: [
+          "Push",
+          /* @__PURE__ */ t(N, { text: "A browser / device alert (the popup you get even with the tab closed) on devices where notifications are allowed. Off keeps the in-app row but stops the device alert. Quiet hours pause pushes too." })
+        ] }),
+        /* @__PURE__ */ r("th", { className: "py-1 text-center font-semibold", children: [
+          "Email",
+          /* @__PURE__ */ t(N, { text: "Individual email = one message as each event happens. Daily summary = held and delivered once a day in the action summary. No email = never emailed for this category (in-app and push are unaffected)." })
+        ] }),
+        (p == null ? void 0 : p.available) && /* @__PURE__ */ r("th", { className: "py-1 text-center font-semibold", "data-teams-column": "", children: [
+          "Teams",
+          /* @__PURE__ */ t(N, { text: "A message from the Nivaro bot in Microsoft Teams. Off by default: connect Teams, then turn on the categories wanted there." }),
+          p.header
+        ] }),
+        w && /* @__PURE__ */ t("th", { className: "py-1 text-center font-semibold", children: w.header }),
+        /* @__PURE__ */ r("th", { className: "py-1 text-center font-semibold", children: [
+          "Quiet hours",
+          /* @__PURE__ */ t(
+            N,
+            {
+              text: "Ticked = this category still pushes and emails during quiet hours (the in-app row always lands either way). Critical alerts always get through."
+            }
+          )
+        ] }),
+        k && /* @__PURE__ */ t("th", { className: "w-6 py-1", "aria-label": "Reset" })
+      ] }) }),
+      /* @__PURE__ */ t("tbody", { children: Q.map((e) => {
+        var n, u;
+        const o = ((n = _.matrix) == null ? void 0 : n[e.key]) ?? {}, s = (c) => k && Y(a, l, (g) => {
+          var E, j;
+          return (j = (E = g == null ? void 0 : g.matrix) == null ? void 0 : E[e.key]) == null ? void 0 : j[c];
+        }) === "role", i = (u = a.matrix) == null ? void 0 : u[e.key];
+        return /* @__PURE__ */ r("tr", { className: "border-t border-slate-100 dark:border-border", children: [
+          /* @__PURE__ */ r("td", { className: "py-1.5 text-slate-700 dark:text-foreground", children: [
+            e.label,
+            /* @__PURE__ */ t(N, { text: e.help })
+          ] }),
+          ["inapp", "push"].map((c) => /* @__PURE__ */ r("td", { className: "py-1.5 text-center", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "checkbox",
+                checked: o[c] !== !1,
+                onChange: () => P(e.key, c, o[c] === !1),
+                disabled: b,
+                "aria-label": `${c === "inapp" ? "In-app" : "Push"} for ${e.label}`,
+                "data-notify-channel": `${e.key}:${c}`,
+                className: "h-3.5 w-3.5 align-middle"
+              }
+            ),
+            /* @__PURE__ */ t(q, { show: s(c), roleName: d })
+          ] }, c)),
+          /* @__PURE__ */ t("td", { className: "py-1 text-center", children: /* @__PURE__ */ r("div", { className: "inline-flex items-center", children: [
+            /* @__PURE__ */ t(
+              F,
+              {
+                ariaLabel: `Email for ${e.label}`,
+                value: W(e.key),
+                options: L,
+                onChange: (c) => P(e.key, "email", c)
+              }
+            ),
+            /* @__PURE__ */ t(
+              q,
+              {
+                show: k && X(e.key) === "role",
+                roleName: d
+              }
+            )
+          ] }) }),
+          (p == null ? void 0 : p.available) && /* @__PURE__ */ r("td", { className: "py-1.5 text-center", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "checkbox",
+                checked: o.teams === !0,
+                onChange: () => P(e.key, "teams", o.teams !== !0),
+                disabled: b || y === "person" && !p.linked,
+                "aria-label": `Teams for ${e.label}`,
+                "data-tip": y === "person" && !p.linked ? "Connect Teams first" : void 0,
+                "data-notify-channel": `${e.key}:teams`,
+                className: "h-3.5 w-3.5 align-middle"
+              }
+            ),
+            /* @__PURE__ */ t(q, { show: s("teams"), roleName: d })
+          ] }),
+          w && /* @__PURE__ */ t("td", { className: "py-1 text-center", children: w.cell(e.key, e.label) }),
+          /* @__PURE__ */ r("td", { className: "py-1.5 text-center", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "checkbox",
+                checked: o.quiet_override === !0,
+                onChange: () => P(
+                  e.key,
+                  "quiet_override",
+                  o.quiet_override === !0 ? H(e.key).quiet_override === !0 ? !1 : void 0 : !0
+                ),
+                disabled: b,
+                "aria-label": `Let ${e.label} through quiet hours`,
+                "data-quiet-override": e.key,
+                className: "h-3.5 w-3.5 align-middle"
+              }
+            ),
+            /* @__PURE__ */ t(q, { show: s("quiet_override"), roleName: d })
+          ] }),
+          k && /* @__PURE__ */ t("td", { className: "py-1 text-center", children: /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => K(e.key),
+              disabled: b,
+              "data-tip": "Back to the role default for this category",
+              "aria-label": `Use the role default for ${e.label}`,
+              className: M(
+                "rounded p-0.5 text-slate-400 hover:bg-muted hover:text-slate-700 dark:hover:text-slate-200",
+                !i && "invisible"
+              ),
+              children: /* @__PURE__ */ t(U, { className: "h-3 w-3" })
+            }
+          ) })
+        ] }, e.key);
+      }) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2 text-[11.5px] text-slate-500 dark:text-muted-foreground", children: [
+      /* @__PURE__ */ t("span", { children: "All email:" }),
+      L.map((e) => /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          disabled: b,
+          onClick: () => {
+            O((o) => {
+              const s = o.matrix ?? {};
+              for (const i of Q)
+                s[i.key] = { ...s[i.key] ?? {}, email: e.value };
+              o.matrix = s;
+            }), e.value !== "off" && (A == null || A(e.value));
+          },
+          className: "rounded border border-slate-200 px-2 py-0.5 hover:border-slate-400 hover:text-slate-800 dark:border-border dark:hover:text-foreground",
+          children: e.label
+        },
+        e.value
+      ))
+    ] }),
+    /* @__PURE__ */ r("div", { className: "space-y-2 rounded-md border border-slate-100 bg-slate-50/60 px-3 py-2 dark:border-border/60 dark:bg-background/40", children: [
+      /* @__PURE__ */ r("p", { className: "text-[12px] font-medium text-slate-700 dark:text-foreground", children: [
+        "If it stays unread",
+        /* @__PURE__ */ r("span", { className: "ml-1.5 text-[11px] font-normal text-slate-400", children: [
+          "one notification climbs channels on a schedule — push, then email — and stops the moment",
+          y === "role" ? " it is" : " you",
+          " read",
+          y === "role" ? "" : " it",
+          ". A channel that already delivered it is not repeated."
+        ] })
+      ] }),
+      /* @__PURE__ */ r("table", { className: "w-full text-[12px]", children: [
+        /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ r("tr", { className: "text-left text-[10.5px] uppercase tracking-wide text-slate-400", children: [
+          /* @__PURE__ */ t("th", { className: "py-1 font-semibold", children: "Category" }),
+          /* @__PURE__ */ r("th", { className: "py-1 font-semibold", children: [
+            "Push after",
+            /* @__PURE__ */ t(
+              N,
+              {
+                text: `Still unread after this long → a browser / device push (needs a registered device; quiet hours do not apply to escalations ${Z} asked for).`
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r("th", { className: "py-1 font-semibold", children: [
+            "Email after",
+            /* @__PURE__ */ t(N, { text: "Still unread after this long → one email with the notification, regardless of the Email column above." })
+          ] }),
+          k && /* @__PURE__ */ t("th", { className: "w-6 py-1", "aria-label": "Reset" })
+        ] }) }),
+        /* @__PURE__ */ t("tbody", { children: Q.map((e) => {
+          var s, i;
+          const o = ((s = _.escalation) == null ? void 0 : s[e.key]) ?? {};
+          return /* @__PURE__ */ r("tr", { className: "border-t border-slate-100 dark:border-border", children: [
+            /* @__PURE__ */ t("td", { className: "py-1 text-slate-700 dark:text-foreground", children: e.label }),
+            D.map((n) => /* @__PURE__ */ t("td", { className: "py-1", children: /* @__PURE__ */ r("span", { className: "inline-flex items-center", children: [
+              /* @__PURE__ */ t(
+                F,
+                {
+                  ariaLabel: `${n === "push_after_min" ? "Push" : "Email"} after for ${e.label}`,
+                  value: o[n] ? String(o[n]) : "",
+                  options: J,
+                  onChange: (u) => z(e.key, n, u ? Number(u) : null)
+                }
+              ),
+              /* @__PURE__ */ t(
+                q,
+                {
+                  show: k && Y(a, l, (u) => {
+                    var c, g;
+                    return (g = (c = u == null ? void 0 : u.escalation) == null ? void 0 : c[e.key]) == null ? void 0 : g[n];
+                  }) === "role",
+                  roleName: d
+                }
+              )
+            ] }) }, n)),
+            k && /* @__PURE__ */ t("td", { className: "py-1 text-center", children: /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: () => V(e.key),
+                disabled: b,
+                "data-tip": "Back to the role default for this category",
+                "aria-label": `Use the role default escalation for ${e.label}`,
+                className: M(
+                  "rounded p-0.5 text-slate-400 hover:bg-muted hover:text-slate-700 dark:hover:text-slate-200",
+                  !((i = a.escalation) != null && i[e.key]) && "invisible"
+                ),
+                children: /* @__PURE__ */ t(U, { className: "h-3 w-3" })
+              }
+            ) })
+          ] }, e.key);
+        }) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  Q as NOTIFY_RULE_CATS,
+  ne as NotificationRulesEditor,
+  te as mergeNotifyRulesClient
+};

package/dist/shared/components/notifications/TestMyRules.js

@@ -0,0 +1,137 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { useMutation as k } from "@tanstack/react-query";
+import { FlaskConical as N } from "lucide-react";
+import { useState as x } from "react";
+import { useNivaroClient as v } from "../../context.js";
+import { post as w } from "../../lib/commands.js";
+import { cn as T } from "../../lib/utils.js";
+import { Popover as C, PopoverTrigger as _, PopoverContent as S } from "../ui/popover.js";
+import { SimpleSelectXs as f } from "../ui/SimpleSelect.js";
+import { NOTIFY_RULE_CATS as E } from "./NotificationRulesEditor.js";
+import { WHY_LAYER_LABELS as A } from "./why-lines.js";
+const L = [
+  { value: "now", label: "Right now" },
+  { value: "night", label: "Tonight at 11 PM" }
+];
+function P(d = /* @__PURE__ */ new Date()) {
+  const l = new Intl.DateTimeFormat("en-CA", {
+    timeZone: "America/New_York",
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit"
+  }).format(d);
+  for (const m of [4, 5]) {
+    const s = /* @__PURE__ */ new Date(`${l}T23:00:00Z`);
+    if (s.setUTCHours(s.getUTCHours() + m), new Intl.DateTimeFormat("en-US", {
+      timeZone: "America/New_York",
+      hour: "2-digit",
+      hour12: !1
+    }).format(s) === "23") return s.toISOString();
+  }
+  return d.toISOString();
+}
+function Z() {
+  var c;
+  const d = v(), [l, m] = x("workflow"), [s, u] = x("now"), i = k({
+    mutationFn: () => d.request(
+      w("/notifications/test-my-rules", {
+        category: l,
+        email: !0,
+        ...s === "night" ? { at: P() } : {}
+      })
+    ).then((t) => t.data)
+  }), e = i.data, g = (t) => e ? t === "email" ? e.decision.email === "send" ? "Emailed now" : e.decision.email === "deferred" ? "Daily summary" : e.decision.email === "no_address" ? "No address on file" : "No email" : t === "push" && e.decision.push && e.push_subscriptions === 0 ? "Allowed, but no device registered" : e.decision[t] ? "Yes" : "No" : null, b = (t) => (e == null ? void 0 : e.decision.reasons.find((o) => o.channel === t)) ?? (e == null ? void 0 : e.decision.reasons.find((o) => o.channel === "all")), y = !!(e != null && e.decision.reasons.some((t) => t.channel === "teams"));
+  return /* @__PURE__ */ r(C, { children: [
+    /* @__PURE__ */ a(_, { asChild: !0, children: /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        "data-test-my-rules": !0,
+        className: "inline-flex items-center gap-1 rounded-md border border-slate-200 px-2 py-1 text-[11.5px] font-medium text-slate-600 hover:border-slate-400 hover:text-slate-800 dark:border-border dark:text-muted-foreground dark:hover:text-foreground",
+        children: [
+          /* @__PURE__ */ a(N, { className: "h-3.5 w-3.5" }),
+          "Test my rules"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ r(S, { align: "start", className: "w-[380px] p-3 text-[12px]", children: [
+      /* @__PURE__ */ a("p", { className: "font-semibold text-slate-800 dark:text-slate-100", children: "Test my rules" }),
+      /* @__PURE__ */ a("p", { className: "mt-0.5 text-[11px] text-slate-500 dark:text-muted-foreground", children: "What would happen to a notification for you, and which rule decides each channel. Nothing is sent." }),
+      /* @__PURE__ */ r("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ a(
+          f,
+          {
+            ariaLabel: "Category to test",
+            value: l,
+            options: E.map((t) => ({ value: t.key, label: t.label })),
+            onChange: (t) => m(t)
+          }
+        ),
+        /* @__PURE__ */ a(
+          f,
+          {
+            ariaLabel: "When",
+            value: s,
+            options: L,
+            onChange: (t) => u(t)
+          }
+        ),
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            disabled: i.isPending,
+            onClick: () => i.mutate(),
+            className: "h-6 rounded bg-nvr-cyan px-2 text-[11.5px] font-semibold text-white disabled:opacity-50",
+            children: i.isPending ? "Testing…" : "Test"
+          }
+        )
+      ] }),
+      i.isError && /* @__PURE__ */ a("p", { className: "mt-2 text-[11px] text-red-600 dark:text-red-400", children: "The test could not run — try again." }),
+      e && /* @__PURE__ */ r("div", { className: "mt-2 space-y-1", "data-test-my-rules-result": !0, children: [
+        e.decision.dropped ? /* @__PURE__ */ r("p", { className: "rounded border border-red-200 bg-red-50 px-2 py-1 text-red-800 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300", children: [
+          "Nothing would be delivered — ",
+          (c = e.decision.reasons[0]) == null ? void 0 : c.text
+        ] }) : /* @__PURE__ */ a("ul", { className: "divide-y divide-slate-100 rounded border border-slate-100 dark:divide-border/60 dark:border-border/60", children: ["inapp", "push", "email", ...y ? ["teams"] : []].map(
+          (t) => {
+            var p, h;
+            const o = b(t), n = (o == null ? void 0 : o.layer) ?? ((p = e.layers) == null ? void 0 : p[t]);
+            return /* @__PURE__ */ r("li", { className: "px-2 py-1", "data-test-channel": t, children: [
+              /* @__PURE__ */ r("span", { className: "font-medium text-slate-700 dark:text-slate-200", children: [
+                t === "inapp" ? "In-app" : t === "push" ? "Push" : t === "email" ? "Email" : "Teams",
+                ":"
+              ] }),
+              " ",
+              g(t),
+              n && /* @__PURE__ */ r(
+                "span",
+                {
+                  className: T(
+                    "ml-1 rounded px-1 text-[10px]",
+                    n === "person" && "bg-sky-50 text-sky-700 dark:bg-sky-500/15 dark:text-sky-300",
+                    n === "role" && "bg-violet-50 text-violet-700 dark:bg-violet-500/15 dark:text-violet-300",
+                    n === "system" && "bg-slate-100 text-slate-500 dark:bg-muted dark:text-slate-400"
+                  ),
+                  children: [
+                    A[n],
+                    n === "role" && ((h = e.role) != null && h.name) ? ` · ${e.role.name}` : ""
+                  ]
+                }
+              ),
+              o && /* @__PURE__ */ a("p", { className: "text-[10.5px] text-slate-500 dark:text-muted-foreground", children: o.text })
+            ] }, t);
+          }
+        ) }),
+        /* @__PURE__ */ r("p", { className: "text-[10.5px] text-slate-400", children: [
+          e.category_label,
+          " · ",
+          new Date(e.evaluated_at).toLocaleString(),
+          e.quiet_hours ? ` · quiet hours ${e.quiet_hours}` : ""
+        ] })
+      ] })
+    ] })
+  ] });
+}
+export {
+  Z as TestMyRules
+};

package/dist/shared/components/notifications/changes-lines.js

@@ -0,0 +1,24 @@
+import { formatSnapshotValue as t } from "./as-it-was.js";
+const i = (l) => l.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+function a(l) {
+  return ((l == null ? void 0 : l.changes) ?? []).map((e) => {
+    const f = e.old_label !== void 0 || e.new_label !== void 0, n = {
+      field: e.field,
+      label: e.label,
+      type: e.type,
+      interface: null,
+      format: null,
+      m2o: f ? "related" : null
+    };
+    return {
+      field: e.field,
+      label: e.label || i(e.field),
+      old: e.diff ? "" : t(e.old, n, e.old_label ?? null),
+      new: e.diff ? "" : t(e.new, n, e.new_label ?? null),
+      diff: e.diff ?? null
+    };
+  });
+}
+export {
+  a as changeLines
+};