@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/shell/notification-preferences.js

@@ -1,185 +1,242 @@
 "use client";
-import { jsxs as t, Fragment as B, jsx as e } from "react/jsx-runtime";
-import * as U from "react";
-import { useState as n } from "react";
-import { Button as g } from "../ui/button.js";
-import { Select as d, SelectTrigger as o, SelectValue as m, SelectContent as h, SelectItem as s } from "../ui/select.js";
-import { Dialog as q, DialogContent as J, DialogHeader as K, DialogTitle as Q, DialogDescription as W } from "../ui/dialog.js";
-import { Switch as T } from "../ui/switch.js";
-import { Card as X, CardHeader as Y, CardTitle as Z, CardContent as $ } from "../ui/card.js";
-import { IconPlus as ee, IconTrash as le, IconMessage as te, IconBell as ne } from "@tabler/icons-react";
-import { Icon as f } from "../ui/icon.js";
-import { cn as se } from "../ui/lib/utils.js";
-import { Spinner as ie } from "../ui/spinner.js";
-const O = {
-  IN_APP: { label: "In-App", icon: /* @__PURE__ */ e(f, { icon: ne, size: "sm" }) },
-  GOOGLE_CHAT: { label: "Google Chat", icon: /* @__PURE__ */ e(f, { icon: te, size: "sm" }) }
-}, F = {
-  INFO: "All (Info+)",
-  IMPORTANT: "Important+",
-  CRITICAL: "Critical only"
-}, ce = U.forwardRef(
-  function({
-    preferences: u = [],
-    projects: N = [],
-    isLoading: k = !1,
-    onSave: x,
-    onToggleMute: M,
-    onUpdateTier: _,
-    onDelete: D,
-    className: G,
-    ...L
-  }, R) {
-    const [z, i] = n(!1), [p, b] = n("global"), [v, C] = n("IN_APP"), [I, w] = n("INFO"), [A, P] = n(!1), [j, S] = n(!1), E = async () => {
-      if (x) {
-        S(!0);
-        try {
-          await x({
-            projectId: p === "global" ? null : p,
-            channel: v,
-            minTier: I,
-            muted: A
-          }), i(!1), y();
-        } catch (l) {
-          console.error("[Preferences] Failed to save:", l);
-        } finally {
-          S(!1);
-        }
-      }
-    }, y = () => {
-      b("global"), C("IN_APP"), w("INFO"), P(!1);
-    }, H = (l) => l ? N.find((a) => a.id === l)?.title || "Unknown project" : "Global (all projects)";
-    return /* @__PURE__ */ t(B, { children: [
-      /* @__PURE__ */ t(X, { ref: R, className: G, ...L, children: [
-        /* @__PURE__ */ t(Y, { className: "flex flex-row items-center justify-between space-y-0 pb-ds-04", children: [
-          /* @__PURE__ */ e(Z, { className: "text-ds-md font-semibold", children: "Notification Preferences" }),
-          /* @__PURE__ */ t(
-            g,
-            {
-              size: "sm",
-              variant: "outline",
-              onClick: () => i(!0),
-              children: [
-                /* @__PURE__ */ e(f, { icon: ee, size: "sm", className: "mr-ds-02b" }),
-                "Add Rule"
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e($, { children: k ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-ds-07", children: /* @__PURE__ */ e(ie, {}) }) : u.length === 0 ? /* @__PURE__ */ e("div", { className: "py-ds-07 text-center", children: /* @__PURE__ */ e("p", { className: "text-ds-md text-surface-fg-subtle", children: "No custom preferences set. All notifications are delivered by default." }) }) : /* @__PURE__ */ e("div", { className: "flex flex-col", children: u.map((l, c) => {
-          const a = O[l.channel] || O.IN_APP;
-          return /* @__PURE__ */ t(
-            "div",
-            {
-              className: se(
-                "flex items-center gap-ds-05 py-ds-04",
-                c < u.length - 1 && "border-b border-surface-border-strong"
-              ),
-              children: [
-                /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-surface-raised", children: /* @__PURE__ */ e("span", { className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm text-surface-fg-muted", "aria-hidden": "true", children: a.icon }) }),
-                /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ e("p", { className: "text-ds-md font-medium text-surface-fg", children: a.label }),
-                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-surface-fg-subtle", children: H(l.projectId) })
-                ] }),
-                /* @__PURE__ */ t(
-                  d,
-                  {
-                    value: l.minTier,
-                    onValueChange: (r) => _?.(l, r),
-                    children: [
-                      /* @__PURE__ */ e(o, { className: "h-ds-xs-plus w-[130px] text-ds-sm", children: /* @__PURE__ */ e(m, {}) }),
-                      /* @__PURE__ */ e(h, { children: Object.entries(F).map(([r, V]) => /* @__PURE__ */ e(s, { value: r, children: V }, r)) })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-02b", children: [
-                  /* @__PURE__ */ e("span", { className: "text-ds-sm text-surface-fg-subtle", children: l.muted ? "Muted" : "Active" }),
-                  /* @__PURE__ */ e(
-                    T,
-                    {
-                      checked: !l.muted,
-                      onCheckedChange: () => M?.(l)
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ e(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => D?.(l.id),
-                    className: "shrink-0 rounded p-ds-02b text-surface-fg-subtle transition-colors hover:bg-surface-raised hover:text-error-11",
-                    children: /* @__PURE__ */ e(f, { icon: le, size: "sm" })
-                  }
-                )
-              ]
-            },
-            l.id
-          );
-        }) }) })
-      ] }),
-      /* @__PURE__ */ e(q, { open: z, onOpenChange: i, children: /* @__PURE__ */ t(J, { className: "sm:max-w-md", children: [
-        /* @__PURE__ */ t(K, { children: [
-          /* @__PURE__ */ e(Q, { children: "Add Notification Rule" }),
-          /* @__PURE__ */ e(W, { children: "Customize how you receive notifications for a specific channel and project." })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-05 pt-ds-03", children: [
-          /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02b", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "pref-scope", className: "text-ds-sm font-medium text-surface-fg-muted", children: "Scope" }),
-            /* @__PURE__ */ t(d, { value: p, onValueChange: b, children: [
-              /* @__PURE__ */ e(o, { id: "pref-scope", children: /* @__PURE__ */ e(m, { placeholder: "Select scope" }) }),
-              /* @__PURE__ */ t(h, { children: [
-                /* @__PURE__ */ e(s, { value: "global", children: "Global (all projects)" }),
-                N.map((l) => /* @__PURE__ */ e(s, { value: l.id, children: l.title }, l.id))
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02b", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "pref-channel", className: "text-ds-sm font-medium text-surface-fg-muted", children: "Channel" }),
-            /* @__PURE__ */ t(d, { value: v, onValueChange: C, children: [
-              /* @__PURE__ */ e(o, { id: "pref-channel", children: /* @__PURE__ */ e(m, {}) }),
-              /* @__PURE__ */ t(h, { children: [
-                /* @__PURE__ */ e(s, { value: "IN_APP", children: "In-App" }),
-                /* @__PURE__ */ e(s, { value: "GOOGLE_CHAT", children: "Google Chat" })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex flex-col gap-ds-02b", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "pref-min-tier", className: "text-ds-sm font-medium text-surface-fg-muted", children: "Minimum Tier" }),
-            /* @__PURE__ */ t(d, { value: I, onValueChange: w, children: [
-              /* @__PURE__ */ e(o, { id: "pref-min-tier", children: /* @__PURE__ */ e(m, {}) }),
-              /* @__PURE__ */ e(h, { children: Object.entries(F).map(([l, c]) => /* @__PURE__ */ e(s, { value: l, children: c }, l)) })
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "pref-muted", className: "text-ds-md text-surface-fg", children: "Mute this channel" }),
-            /* @__PURE__ */ e(T, { id: "pref-muted", checked: A, onCheckedChange: P })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex justify-end gap-ds-03 pt-ds-03", children: [
-            /* @__PURE__ */ e(
-              g,
-              {
-                variant: "ghost",
-                onClick: () => {
-                  i(!1), y();
-                },
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ e(
-              g,
-              {
-                onClick: E,
-                disabled: j,
-                children: j ? "Saving..." : "Save Rule"
-              }
-            )
-          ] })
-        ] })
-      ] }) })
-    ] });
-  }
-);
-ce.displayName = "NotificationPreferences";
-export {
-  ce as NotificationPreferences
-};
+import { cn as e } from "../ui/lib/utils.js";
+import { Spinner as t } from "../ui/spinner.js";
+import { Icon as n } from "../ui/icon.js";
+import { Button as r } from "../ui/button.js";
+import { Card as i, CardContent as a, CardHeader as o, CardTitle as s } from "../ui/card.js";
+import { Dialog as c, DialogContent as l, DialogDescription as u, DialogHeader as d, DialogTitle as f } from "../ui/dialog.js";
+import { Switch as p } from "../ui/switch.js";
+import { Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v } from "../ui/select.js";
+import * as y from "react";
+import { useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { IconBell as w, IconMessage as T, IconPlus as E, IconTrash as D } from "@tabler/icons-react";
+//#region src/shell/notification-preferences.tsx
+var O = {
+	IN_APP: {
+		label: "In-App",
+		icon: /* @__PURE__ */ S(n, {
+			icon: w,
+			size: "sm"
+		})
+	},
+	GOOGLE_CHAT: {
+		label: "Google Chat",
+		icon: /* @__PURE__ */ S(n, {
+			icon: T,
+			size: "sm"
+		})
+	}
+}, k = {
+	INFO: "All (Info+)",
+	IMPORTANT: "Important+",
+	CRITICAL: "Critical only"
+}, A = y.forwardRef(function({ preferences: y = [], projects: w = [], isLoading: T = !1, onSave: A, onToggleMute: j, onUpdateTier: M, onDelete: N, className: P, ...F }, I) {
+	let [L, R] = b(!1), [z, B] = b("global"), [V, H] = b("IN_APP"), [U, W] = b("INFO"), [G, K] = b(!1), [q, J] = b(!1), Y = async () => {
+		if (A) {
+			J(!0);
+			try {
+				await A({
+					projectId: z === "global" ? null : z,
+					channel: V,
+					minTier: U,
+					muted: G
+				}), R(!1), X();
+			} catch (e) {
+				console.error("[Preferences] Failed to save:", e);
+			} finally {
+				J(!1);
+			}
+		}
+	}, X = () => {
+		B("global"), H("IN_APP"), W("INFO"), K(!1);
+	}, Z = (e) => e ? w.find((t) => t.id === e)?.title || "Unknown project" : "Global (all projects)";
+	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C(i, {
+		ref: I,
+		className: P,
+		...F,
+		children: [/* @__PURE__ */ C(o, {
+			className: "flex flex-row items-center justify-between space-y-0 pb-ds-04",
+			children: [/* @__PURE__ */ S(s, {
+				className: "text-ds-md font-semibold",
+				children: "Notification Preferences"
+			}), /* @__PURE__ */ C(r, {
+				size: "sm",
+				variant: "outline",
+				onClick: () => R(!0),
+				children: [/* @__PURE__ */ S(n, {
+					icon: E,
+					size: "sm",
+					className: "mr-ds-02b"
+				}), "Add Rule"]
+			})]
+		}), /* @__PURE__ */ S(a, { children: T ? /* @__PURE__ */ S("div", {
+			className: "flex items-center justify-center py-ds-07",
+			children: /* @__PURE__ */ S(t, {})
+		}) : y.length === 0 ? /* @__PURE__ */ S("div", {
+			className: "py-ds-07 text-center",
+			children: /* @__PURE__ */ S("p", {
+				className: "text-ds-md text-surface-fg-subtle",
+				children: "No custom preferences set. All notifications are delivered by default."
+			})
+		}) : /* @__PURE__ */ S("div", {
+			className: "flex flex-col",
+			children: y.map((t, r) => {
+				let i = O[t.channel] || O.IN_APP;
+				return /* @__PURE__ */ C("div", {
+					className: e("flex items-center gap-ds-05 py-ds-04", r < y.length - 1 && "border-b border-surface-border-strong"),
+					children: [
+						/* @__PURE__ */ S("div", {
+							className: "flex h-ds-sm w-ds-sm shrink-0 items-center justify-center rounded-ds-lg bg-surface-raised",
+							children: /* @__PURE__ */ S("span", {
+								className: "[&>svg]:h-ico-sm [&>svg]:w-ico-sm text-surface-fg-muted",
+								"aria-hidden": "true",
+								children: i.icon
+							})
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "min-w-0 flex-1",
+							children: [/* @__PURE__ */ S("p", {
+								className: "text-ds-md font-medium text-surface-fg",
+								children: i.label
+							}), /* @__PURE__ */ S("p", {
+								className: "text-ds-sm text-surface-fg-subtle",
+								children: Z(t.projectId)
+							})]
+						}),
+						/* @__PURE__ */ C(m, {
+							value: t.minTier,
+							onValueChange: (e) => M?.(t, e),
+							children: [/* @__PURE__ */ S(_, {
+								className: "h-ds-xs-plus w-[130px] text-ds-sm",
+								children: /* @__PURE__ */ S(v, {})
+							}), /* @__PURE__ */ S(h, { children: Object.entries(k).map(([e, t]) => /* @__PURE__ */ S(g, {
+								value: e,
+								children: t
+							}, e)) })]
+						}),
+						/* @__PURE__ */ C("div", {
+							className: "flex items-center gap-ds-02b",
+							children: [/* @__PURE__ */ S("span", {
+								className: "text-ds-sm text-surface-fg-subtle",
+								children: t.muted ? "Muted" : "Active"
+							}), /* @__PURE__ */ S(p, {
+								checked: !t.muted,
+								onCheckedChange: () => j?.(t)
+							})]
+						}),
+						/* @__PURE__ */ S("button", {
+							type: "button",
+							onClick: () => N?.(t.id),
+							className: "shrink-0 rounded p-ds-02b text-surface-fg-subtle transition-colors hover:bg-surface-raised hover:text-error-11",
+							children: /* @__PURE__ */ S(n, {
+								icon: D,
+								size: "sm"
+							})
+						})
+					]
+				}, t.id);
+			})
+		}) })]
+	}), /* @__PURE__ */ S(c, {
+		open: L,
+		onOpenChange: R,
+		children: /* @__PURE__ */ C(l, {
+			className: "sm:max-w-md",
+			children: [/* @__PURE__ */ C(d, { children: [/* @__PURE__ */ S(f, { children: "Add Notification Rule" }), /* @__PURE__ */ S(u, { children: "Customize how you receive notifications for a specific channel and project." })] }), /* @__PURE__ */ C("div", {
+				className: "flex flex-col gap-ds-05 pt-ds-03",
+				children: [
+					/* @__PURE__ */ C("div", {
+						className: "flex flex-col gap-ds-02b",
+						children: [/* @__PURE__ */ S("label", {
+							htmlFor: "pref-scope",
+							className: "text-ds-sm font-medium text-surface-fg-muted",
+							children: "Scope"
+						}), /* @__PURE__ */ C(m, {
+							value: z,
+							onValueChange: B,
+							children: [/* @__PURE__ */ S(_, {
+								id: "pref-scope",
+								children: /* @__PURE__ */ S(v, { placeholder: "Select scope" })
+							}), /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(g, {
+								value: "global",
+								children: "Global (all projects)"
+							}), w.map((e) => /* @__PURE__ */ S(g, {
+								value: e.id,
+								children: e.title
+							}, e.id))] })]
+						})]
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "flex flex-col gap-ds-02b",
+						children: [/* @__PURE__ */ S("label", {
+							htmlFor: "pref-channel",
+							className: "text-ds-sm font-medium text-surface-fg-muted",
+							children: "Channel"
+						}), /* @__PURE__ */ C(m, {
+							value: V,
+							onValueChange: H,
+							children: [/* @__PURE__ */ S(_, {
+								id: "pref-channel",
+								children: /* @__PURE__ */ S(v, {})
+							}), /* @__PURE__ */ C(h, { children: [/* @__PURE__ */ S(g, {
+								value: "IN_APP",
+								children: "In-App"
+							}), /* @__PURE__ */ S(g, {
+								value: "GOOGLE_CHAT",
+								children: "Google Chat"
+							})] })]
+						})]
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "flex flex-col gap-ds-02b",
+						children: [/* @__PURE__ */ S("label", {
+							htmlFor: "pref-min-tier",
+							className: "text-ds-sm font-medium text-surface-fg-muted",
+							children: "Minimum Tier"
+						}), /* @__PURE__ */ C(m, {
+							value: U,
+							onValueChange: W,
+							children: [/* @__PURE__ */ S(_, {
+								id: "pref-min-tier",
+								children: /* @__PURE__ */ S(v, {})
+							}), /* @__PURE__ */ S(h, { children: Object.entries(k).map(([e, t]) => /* @__PURE__ */ S(g, {
+								value: e,
+								children: t
+							}, e)) })]
+						})]
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ S("label", {
+							htmlFor: "pref-muted",
+							className: "text-ds-md text-surface-fg",
+							children: "Mute this channel"
+						}), /* @__PURE__ */ S(p, {
+							id: "pref-muted",
+							checked: G,
+							onCheckedChange: K
+						})]
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "flex justify-end gap-ds-03 pt-ds-03",
+						children: [/* @__PURE__ */ S(r, {
+							variant: "ghost",
+							onClick: () => {
+								R(!1), X();
+							},
+							children: "Cancel"
+						}), /* @__PURE__ */ S(r, {
+							onClick: Y,
+							disabled: q,
+							children: q ? "Saving..." : "Save Rule"
+						})]
+					})
+				]
+			})]
+		})
+	})] });
+});
+A.displayName = "NotificationPreferences";
+//#endregion
+export { A as NotificationPreferences };