@variamosple/variamos-components 0.2.3 → 0.2.4

package/dist/Components/Notifications/NotificationSettings.js

@@ -1,68 +1,60 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { Spinner as u, Alert as b, Card as c, Form as s } from "react-bootstrap";
-import { useNotifications as y } from "../../Context/NotificationContext.js";
-const N = () => {
-  const { preferences: n, updatePreferences: i, isLoading: o } = y(), a = (e) => {
-    n && i({ [e]: !n[e] });
-  }, d = (e) => {
-    if (!n) return;
-    const h = n.mutedEventTypes.includes(e) ? n.mutedEventTypes.filter((p) => p !== e) : [...n.mutedEventTypes, e];
-    i({ mutedEventTypes: h });
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Spinner as m, Alert as h, Card as s, Form as a } from "react-bootstrap";
+import { useNotifications as p } from "../../Context/NotificationContext.js";
+import { MUTABLE_EVENT_TYPES as u, isEventMuted as b, toggleMuted as f } from "./mutedEventTypes.js";
+const k = () => {
+  const { preferences: t, updatePreferences: i, isLoading: c } = p(), r = (n) => {
+    t && i({ [n]: !t[n] });
+  }, l = (n) => {
+    t && i({
+      mutedEventTypes: f(t.mutedEventTypes, n)
+    });
   };
-  if (o && !n)
-    return /* @__PURE__ */ t("div", { className: "text-center py-4", children: /* @__PURE__ */ t(u, { animation: "border", size: "sm" }) });
-  if (!n)
-    return /* @__PURE__ */ t(b, { variant: "warning", children: "Unable to load notification preferences." });
-  const m = [
-    { key: "review_assigned", label: "Review Assignments (Relectures)" },
-    { key: "project_created", label: "Project Creations" },
-    { key: "system_alert", label: "System Alerts" }
-  ];
-  return /* @__PURE__ */ t(c, { className: "border-0 shadow-sm", children: /* @__PURE__ */ l(c.Body, { className: "p-3", children: [
-    /* @__PURE__ */ t("h6", { className: "mb-3 text-secondary font-weight-bold", children: "Notification Channels" }),
-    /* @__PURE__ */ l(s.Group, { className: "mb-3", children: [
-      /* @__PURE__ */ t(
-        s.Check,
+  return c && !t ? /* @__PURE__ */ e("div", { className: "text-center py-4", children: /* @__PURE__ */ e(m, { animation: "border", size: "sm" }) }) : t ? /* @__PURE__ */ e(s, { className: "border-0 shadow-sm", children: /* @__PURE__ */ o(s.Body, { className: "p-3", children: [
+    /* @__PURE__ */ e("h6", { className: "mb-3 text-secondary font-weight-bold", children: "Notification Channels" }),
+    /* @__PURE__ */ o(a.Group, { className: "mb-3", children: [
+      /* @__PURE__ */ e(
+        a.Check,
         {
           type: "switch",
           id: "channel-inapp",
           label: "In-App Notifications (Real-Time)",
-          checked: n.inAppEnabled,
-          onChange: () => a("inAppEnabled"),
+          checked: t.inAppEnabled,
+          onChange: () => r("inAppEnabled"),
           className: "mb-2"
         }
       ),
-      /* @__PURE__ */ t(
-        s.Check,
+      /* @__PURE__ */ e(
+        a.Check,
         {
           type: "switch",
           id: "channel-email",
           label: "Email Alerts",
-          checked: n.emailEnabled,
-          onChange: () => a("emailEnabled")
+          checked: t.emailEnabled,
+          onChange: () => r("emailEnabled")
         }
       )
     ] }),
-    /* @__PURE__ */ t("hr", {}),
-    /* @__PURE__ */ t("h6", { className: "mb-3 text-secondary font-weight-bold", children: "Mute Event Types" }),
-    /* @__PURE__ */ t("p", { className: "text-muted small mb-3", children: "Check events you do NOT want to receive notifications for." }),
-    /* @__PURE__ */ t(s.Group, { children: m.map((e) => {
-      const r = n.mutedEventTypes.includes(e.key);
-      return /* @__PURE__ */ t(
-        s.Check,
+    /* @__PURE__ */ e("hr", {}),
+    /* @__PURE__ */ e("h6", { className: "mb-3 text-secondary font-weight-bold", children: "Mute Event Types" }),
+    /* @__PURE__ */ e("p", { className: "text-muted small mb-3", children: "Check events you do NOT want to receive notifications for." }),
+    /* @__PURE__ */ e(a.Group, { children: u.map((n) => {
+      const d = b(t.mutedEventTypes, n.key);
+      return /* @__PURE__ */ e(
+        a.Check,
         {
           type: "checkbox",
-          id: `mute-${e.key}`,
-          label: e.label,
-          checked: r,
-          onChange: () => d(e.key),
+          id: `mute-${n.key}`,
+          label: n.label,
+          checked: d,
+          onChange: () => l(n.key),
           className: "mb-2 text-dark"
         },
-        e.key
+        n.key
       );
     }) })
-  ] }) });
+  ] }) }) : /* @__PURE__ */ e(h, { variant: "warning", children: "Unable to load notification preferences." });
 };
 export {
-  N as NotificationSettings
+  k as NotificationSettings
 };

package/dist/Components/Notifications/mutedEventTypes.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The event types a user can mute, by the template key the services send.
+ * The security alerts of the administration are mandatory: the
+ * notification service delivers them whatever is muted here (EV-99).
+ */
+export declare const MUTABLE_EVENT_TYPES: {
+    key: string;
+    label: string;
+}[];
+/** True when the event type is muted, under its key or a former one. */
+export declare function isEventMuted(muted: readonly string[], key: string): boolean;
+/**
+ * The muted list once the event type is toggled. Its former keys are
+ * dropped either way, so that the list keeps the current key only.
+ */
+export declare function toggleMuted(muted: readonly string[], key: string): string[];

package/dist/Components/Notifications/mutedEventTypes.js

@@ -0,0 +1,22 @@
+const c = [
+  { key: "review_assigned", label: "Review Assignments (Relectures)" },
+  { key: "project_created", label: "Project Creations" },
+  {
+    key: "admin_alert",
+    label: "System Alerts (security alerts are always delivered)"
+  }
+], a = {
+  admin_alert: ["system_alert"]
+}, n = (e) => [e, ...a[e] ?? []];
+function i(e, t) {
+  return n(t).some((s) => e.includes(s));
+}
+function o(e, t) {
+  const s = n(t), r = e.filter((l) => !s.includes(l));
+  return i(e, t) ? r : [...r, t];
+}
+export {
+  c as MUTABLE_EVENT_TYPES,
+  i as isEventMuted,
+  o as toggleMuted
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@variamosple/variamos-components",
   "private": false,
-  "version": "0.2.3",
+  "version": "0.2.4",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",