@variamosple/variamos-components 0.2.3 → 0.2.5

package/dist/Components/AuthWrapper/addressWithoutToken.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The address without its authToken parameter, or null when it has none.
+ *
+ * The token is never read from an address: a link could otherwise force a
+ * session chosen by someone else (session fixation). The session lives in
+ * the httpOnly cookie set by the admin; a token left by an older link is
+ * only removed from the address bar and the history.
+ */
+export declare const addressWithoutToken: (href: string) => string | null;

package/dist/Components/AuthWrapper/addressWithoutToken.js

@@ -0,0 +1,7 @@
+const t = (r) => {
+  const e = new URL(r);
+  return e.searchParams.has("authToken") ? (e.searchParams.delete("authToken"), e.toString()) : null;
+};
+export {
+  t as addressWithoutToken
+};

package/dist/Components/AuthWrapper/index.js

@@ -1,36 +1,37 @@
-import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import d, { useEffect as m } from "react";
-import { Spinner as f } from "react-bootstrap";
+import { jsx as o, Fragment as f } from "react/jsx-runtime";
+import p, { useEffect as m } from "react";
+import { Spinner as h } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
 import "../../Context/MenuContext.js";
-import { useRouter as p } from "../../Context/RouterContext.js";
-import { useSession as l } from "../../Context/SessionContext.js";
+import { useRouter as u } from "../../Context/RouterContext.js";
+import { useSession as g } from "../../Context/SessionContext.js";
 import "../../Context/NotificationContext.js";
-const v = ({
+import { addressWithoutToken as l } from "./addressWithoutToken.js";
+const j = ({
   redirectPath: i,
   children: c
 }) => {
-  const [a, h] = d.useState(!1), { isAuthenticated: t, isLoading: r } = l(), { navigate: n } = p();
+  const [n, d] = p.useState(!1), { isAuthenticated: t, isLoading: r } = g(), { navigate: s } = u();
   return m(() => {
-    if (!r && !t && !a) {
-      const e = window.location.href, s = new URLSearchParams();
-      s.set("redirectTo", encodeURIComponent(e)), h(!0), setTimeout(
-        () => n(`${i}?${s.toString()}`),
+    if (!r && !t && !n) {
+      const e = window.location.href, a = new URLSearchParams();
+      a.set("redirectTo", encodeURIComponent(e)), d(!0), setTimeout(
+        () => s(`${i}?${a.toString()}`),
         300
       );
     }
-  }, [t, r, i, n, a]), m(() => {
-    const e = new URL(window.location.href);
-    e.searchParams.has("authToken") && (localStorage.setItem("authToken", e.searchParams.get("authToken")), e.searchParams.delete("authToken"), window.history.replaceState({}, "", e));
+  }, [t, r, i, s, n]), m(() => {
+    const e = l(window.location.href);
+    e && window.history.replaceState({}, "", e);
   }, []), r || !t ? /* @__PURE__ */ o("div", { className: "d-flex justify-content-center align-items-center w-100 h-100", children: /* @__PURE__ */ o(
-    f,
+    h,
     {
       animation: "border",
       variant: "primary",
       style: { width: "3rem", height: "3rem", borderWidth: "0.5rem" }
     }
-  ) }) : /* @__PURE__ */ o(u, { children: c });
+  ) }) : /* @__PURE__ */ o(f, { children: c });
 };
 export {
-  v as AuthWrapper
+  j as AuthWrapper
 };

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.5",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -38,16 +38,21 @@
     "eslint": "^9.19.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.18",
-    "glob": "^11.0.1",
+    "glob": "^14.0.4",
     "globals": "^15.14.0",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.22.0",
-    "vite": "^6.1.0",
+    "vite": "^6.4.5",
     "vite-plugin-dts": "^5.1.2",
     "vite-plugin-lib-inject-css": "^2.2.1",
-    "vitest": "^4.1.11"
+    "vitest": "^4.1.12"
+  },
+  "overrides": {
+    "@typescript-eslint/typescript-estree": {
+      "minimatch": "^11.0.1"
+    }
   },
   "allowScripts": {
     "esbuild@0.25.12": true