@memobit/libs 3.11.2 → 3.12.0

package/dist/components/Toolbar/Toolbar2.js

@@ -2,9 +2,9 @@ import './Toolbar.css';
 import { Icon as S } from "../Icon/Icon2.js";
 import { Button as w } from "../Button/Button2.js";
 import { Tooltip as x } from "../Tooltip/Tooltip2.js";
-import { useControlPanelContext as I } from "../ControlPanel/ControlPanelContext.js";
-import { Dropdown as y } from "../Dropdown/Dropdown2.js";
-import { InputSearch as B } from "../InputSearch/InputSearch2.js";
+import { Dropdown as I } from "../Dropdown/Dropdown2.js";
+import { InputSearch as y } from "../InputSearch/InputSearch2.js";
+import { useControlPanelContext as B } from "../ControlPanel/useControlPanel.js";
 import { MenuHamburger as $ } from "../MenuHamburger/MenuHamburger2.js";
 import { NotificationPanel as R } from "../NotificationPanel/NotificationPanel2.js";
 /* empty css        */
@@ -19,7 +19,7 @@ var c = "::", k = (e) => typeof e == "object" ? e.label : void 0, M = (e) => "fi
   label: i.label,
   suffixIcon: "arrow-down"
 }]) : e.options, O = (e) => "fields" in e ? e.value ? `${e.value.field}${c}${e.value.direction}` : null : e.value, J = ({ children: e, className: i = "", controlPanelToggle: n, heading: l, noCard: f = !1, menuItems: _, notifications: r, search: s, sort: o }) => {
-  const u = I(), v = !!(n && u?.isMobile), d = typeof n == "object" ? n.count ?? 0 : 0, h = [
+  const u = B(), v = !!(n && u?.isMobile), d = typeof n == "object" ? n.count ?? 0 : 0, h = [
     "memobit-toolbar",
     f ? "memobit-toolbar--no-card" : "",
     i
@@ -83,7 +83,7 @@ var c = "::", k = (e) => typeof e == "object" ? e.label : void 0, M = (e) => "fi
         children: [
           s && /* @__PURE__ */ a("div", {
             className: "memobit-toolbar__search",
-            children: /* @__PURE__ */ a(B, {
+            children: /* @__PURE__ */ a(y, {
               ...s,
               className: ["memobit-toolbar__search-input", s.className].filter(Boolean).join(" ")
             })
@@ -94,7 +94,7 @@ var c = "::", k = (e) => typeof e == "object" ? e.label : void 0, M = (e) => "fi
           }),
           o && /* @__PURE__ */ a("div", {
             className: ["memobit-toolbar__sort", o.className].filter(Boolean).join(" "),
-            children: /* @__PURE__ */ a(y, {
+            children: /* @__PURE__ */ a(I, {
               highlighted: o.highlighted,
               label: o.label,
               name: o.name ?? "toolbar-sort",

package/dist/components/Tooltip/Tooltip2.js

@@ -1,13 +1,13 @@
 import './Tooltip.css';
 /* empty css        */
-import { useEffect as b, useRef as h, useState as B } from "react";
-import { Fragment as S, jsx as N, jsxs as D } from "react/jsx-runtime";
-import { createPortal as V } from "react-dom";
-var K = ({ title: L, position: T = "top", delay: _ = 200, children: k, disabled: $ = !1, className: F = "", maxWidth: p, maxHeight: a }) => {
-  const [f, u] = B(!1), [M, I] = B({
+import { useCallback as S, useEffect as b, useRef as h, useState as B } from "react";
+import { Fragment as V, jsx as N, jsxs as k } from "react/jsx-runtime";
+import { createPortal as O } from "react-dom";
+var Q = ({ title: L, position: p = "top", delay: D = 200, children: _, disabled: $ = !1, className: F = "", maxWidth: g, maxHeight: a }) => {
+  const [f, s] = B(!1), [M, I] = B({
     top: 0,
     left: 0
-  }), c = h(null), r = h(null), l = h(null), d = h(null), g = h(!1), w = a !== void 0, v = w ? 150 : 0, R = () => {
+  }), c = h(null), r = h(null), l = h(null), d = h(null), w = h(!1), m = a !== void 0, R = m ? 150 : 0, T = S(() => {
     if (!l.current || !d.current) return;
     const t = l.current.firstElementChild?.getBoundingClientRect();
     let e = t && t.width > 0 ? t : l.current.getBoundingClientRect();
@@ -17,60 +17,60 @@ var K = ({ title: L, position: T = "top", delay: _ = 200, children: k, disabled:
       const E = C.getBoundingClientRect();
       (E.width > 0 || E.height > 0) && (e = E);
     }
-    const n = d.current.getBoundingClientRect(), m = 8;
+    const n = d.current.getBoundingClientRect(), v = 8;
     let o = 0, i = 0;
-    switch (T) {
+    switch (p) {
       case "top":
-        o = e.top - n.height - m, i = e.left + e.width / 2 - n.width / 2;
+        o = e.top - n.height - v, i = e.left + e.width / 2 - n.width / 2;
         break;
       case "bottom":
-        o = e.bottom + m, i = e.left + e.width / 2 - n.width / 2;
+        o = e.bottom + v, i = e.left + e.width / 2 - n.width / 2;
         break;
       case "left":
-        o = e.top + e.height / 2 - n.height / 2, i = e.left - n.width - m;
+        o = e.top + e.height / 2 - n.height / 2, i = e.left - n.width - v;
         break;
       case "right":
-        o = e.top + e.height / 2 - n.height / 2, i = e.right + m;
+        o = e.top + e.height / 2 - n.height / 2, i = e.right + v;
     }
-    const s = 8;
-    i < s && (i = s), i + n.width > window.innerWidth - s && (i = window.innerWidth - n.width - s), o < s && (o = s), o + n.height > window.innerHeight - s && (o = window.innerHeight - n.height - s), I({
+    const u = 8;
+    i < u && (i = u), i + n.width > window.innerWidth - u && (i = window.innerWidth - n.width - u), o < u && (o = u), o + n.height > window.innerHeight - u && (o = window.innerHeight - n.height - u), I({
       top: o,
       left: i
     });
-  }, P = () => {
-    $ || g.current || (r.current && (clearTimeout(r.current), r.current = null), c.current = setTimeout(() => {
-      u(!0);
-    }, _));
+  }, [p]), P = () => {
+    $ || w.current || (r.current && (clearTimeout(r.current), r.current = null), c.current = setTimeout(() => {
+      s(!0);
+    }, D));
   }, y = () => {
-    g.current || (c.current && clearTimeout(c.current), v > 0 ? r.current = setTimeout(() => u(!1), v) : u(!1));
+    w.current || (c.current && clearTimeout(c.current), R > 0 ? r.current = setTimeout(() => s(!1), R) : s(!1));
   }, j = (t) => {
-    t.pointerType !== "touch" && t.pointerType !== "pen" || $ || (g.current = !0, c.current && (clearTimeout(c.current), c.current = null), t.stopPropagation(), u((e) => !e));
+    t.pointerType !== "touch" && t.pointerType !== "pen" || $ || (w.current = !0, c.current && (clearTimeout(c.current), c.current = null), t.stopPropagation(), s((e) => !e));
   };
   b(() => {
     if (!f) return;
     const t = (e) => {
-      e.target instanceof Node && d.current?.contains(e.target) || u(!1);
+      e.target instanceof Node && d.current?.contains(e.target) || s(!1);
     };
-    return R(), window.addEventListener("scroll", t, !0), window.addEventListener("resize", R), () => {
-      window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", R);
+    return T(), window.addEventListener("scroll", t, !0), window.addEventListener("resize", T), () => {
+      window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", T);
     };
-  }, [f]), b(() => {
+  }, [f, T]), b(() => {
     if (!f) return;
     const t = (e) => {
-      l.current?.contains(e.target) || d.current?.contains(e.target) || u(!1);
+      l.current?.contains(e.target) || d.current?.contains(e.target) || s(!1);
     };
     return document.addEventListener("pointerdown", t), () => {
-      document.removeEventListener("pointerdown", t), g.current = !1;
+      document.removeEventListener("pointerdown", t), w.current = !1;
     };
   }, [f]), b(() => () => {
     c.current && clearTimeout(c.current), r.current && clearTimeout(r.current);
   }, []);
   const x = () => {
-    w && r.current && (clearTimeout(r.current), r.current = null);
+    m && r.current && (clearTimeout(r.current), r.current = null);
   }, z = () => {
-    w && (r.current = setTimeout(() => u(!1), v));
+    m && (r.current = setTimeout(() => s(!1), R));
   };
-  return /* @__PURE__ */ D(S, { children: [/* @__PURE__ */ N("span", {
+  return /* @__PURE__ */ k(V, { children: [/* @__PURE__ */ N("span", {
     ref: l,
     className: "tooltip-trigger",
     onMouseEnter: P,
@@ -78,21 +78,21 @@ var K = ({ title: L, position: T = "top", delay: _ = 200, children: k, disabled:
     onFocus: P,
     onBlur: y,
     onPointerDown: j,
-    children: k
-  }), f && L && V(/* @__PURE__ */ D("div", {
+    children: _
+  }), f && L && O(/* @__PURE__ */ k("div", {
     ref: d,
-    className: `tooltip tooltip--${T} ${w ? "tooltip--scrollable" : ""} ${F}`,
+    className: `tooltip tooltip--${p} ${m ? "tooltip--scrollable" : ""} ${F}`,
     style: {
       top: `${M.top}px`,
       left: `${M.left}px`,
-      ...p !== void 0 && { maxWidth: typeof p == "number" ? `${p}px` : p },
+      ...g !== void 0 && { maxWidth: typeof g == "number" ? `${g}px` : g },
       ...a !== void 0 && { maxHeight: typeof a == "number" ? `${a}px` : a }
     },
     onMouseEnter: x,
     onMouseLeave: z,
-    children: [L, /* @__PURE__ */ N("div", { className: `tooltip__arrow tooltip__arrow--${T}` })]
+    children: [L, /* @__PURE__ */ N("div", { className: `tooltip__arrow tooltip__arrow--${p}` })]
   }), document.body)] });
 };
 export {
-  K as Tooltip
+  Q as Tooltip
 };

package/dist/contexts/AuthContext/AuthContext.context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+var e = t(void 0);
+export {
+  e as AuthContext
+};

package/dist/contexts/AuthContext/AuthContext.js

@@ -1,114 +1,110 @@
-import { HttpMethod as s, buildRequestHeaders as w } from "../../helpers/Http.js";
-import { createContext as A, useCallback as i, useEffect as U, useState as d } from "react";
-import { jsx as j } from "react/jsx-runtime";
-var v = A(void 0);
-function P({ children: h, config: a }) {
-  const [c, l] = d(null), [f, o] = d(!0);
-  U(() => {
+import { HttpMethod as o, buildRequestHeaders as A } from "../../helpers/Http.js";
+import { AuthContext as U } from "./AuthContext.context.js";
+import { useCallback as i, useEffect as j, useState as c } from "react";
+import { jsx as B } from "react/jsx-runtime";
+import { logger as h } from "@memobit/core";
+function C({ children: f, config: a }) {
+  const [d, u] = c(null), [p, s] = c(!0);
+  j(() => {
     (async () => {
       try {
         const t = await fetch(`${a.apiBaseUrl}/auth/verify`, {
-          method: s.Get,
+          method: o.Get,
           credentials: "include",
           headers: { "Content-Type": "application/json" }
         });
         if (t.ok) {
-          const e = await t.json();
-          l({
-            id: e.user.id,
-            username: e.user.username,
-            createdAt: new Date(e.user.createdAt)
+          const r = await t.json();
+          u({
+            id: r.user.id,
+            username: r.user.username,
+            createdAt: new Date(r.user.createdAt)
           });
         }
       } catch (t) {
-        console.error("Failed to restore auth state:", t);
+        h.warn("Auth check could not reach the server", { error: String(t) });
       } finally {
-        o(!1);
+        s(!1);
       }
     })();
   }, [a.apiBaseUrl]);
-  const n = i((r) => {
-    r.user && l({
-      id: r.user.id,
-      username: r.user.username,
-      createdAt: new Date(r.user.createdAt)
+  const n = i((e) => {
+    e.user && u({
+      id: e.user.id,
+      username: e.user.username,
+      createdAt: new Date(e.user.createdAt)
     });
-  }, []), p = i(async (r) => {
-    o(!0);
+  }, []), m = i(async (e) => {
+    s(!0);
     try {
       const t = await fetch(`${a.apiBaseUrl}/auth/login`, {
-        method: s.Post,
+        method: o.Post,
         credentials: "include",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
-          username: r.username,
-          password: r.password,
-          rememberMe: r.rememberMe
+          username: e.username,
+          password: e.password,
+          rememberMe: e.rememberMe
         })
       });
       if (!t.ok) {
-        const u = await t.json();
-        throw new Error(u.error || "Login failed");
+        const l = await t.json();
+        throw new Error(l.error || "Login failed");
       }
-      const e = await t.json();
-      return e.mfaRequired ? {
+      const r = await t.json();
+      return r.mfaRequired ? {
         mfaRequired: !0,
-        method: e.method
-      } : (n(e), { mfaRequired: !1 });
-    } catch (t) {
-      throw console.error("Login failed:", t), t;
+        method: r.method
+      } : (n(r), { mfaRequired: !1 });
     } finally {
-      o(!1);
+      s(!1);
     }
-  }, [a.apiBaseUrl, n]), m = i(async (r, t) => {
-    o(!0);
+  }, [a.apiBaseUrl, n]), y = i(async (e, t) => {
+    s(!0);
     try {
-      const e = await fetch(`${a.apiBaseUrl}/auth/verifyMfa`, {
-        method: s.Post,
+      const r = await fetch(`${a.apiBaseUrl}/auth/verifyMfa`, {
+        method: o.Post,
         credentials: "include",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
-          code: r,
+          code: e,
           trustDevice: t
         })
       });
-      if (!e.ok) {
-        const u = await e.json();
-        throw new Error(u.error || "Verification failed");
+      if (!r.ok) {
+        const l = await r.json();
+        throw new Error(l.error || "Verification failed");
       }
-      n(await e.json());
-    } catch (e) {
-      throw console.error("MFA verification failed:", e), e;
+      n(await r.json());
     } finally {
-      o(!1);
+      s(!1);
     }
-  }, [a.apiBaseUrl, n]), y = i(async () => {
+  }, [a.apiBaseUrl, n]), w = i(async () => {
     try {
       await fetch(`${a.apiBaseUrl}/auth/logout`, {
-        method: s.Post,
+        method: o.Post,
         credentials: "include",
-        headers: w(s.Post)
+        headers: A(o.Post)
       });
-    } catch (r) {
-      console.error("Logout error:", r);
+    } catch (e) {
+      h.warn("Logout request failed", { error: String(e) });
     } finally {
-      l(null);
+      u(null);
     }
   }, [a.apiBaseUrl]);
-  return /* @__PURE__ */ j(v.Provider, {
+  return /* @__PURE__ */ B(U.Provider, {
     value: {
-      user: c,
-      isAuthenticated: !!c,
-      isLoading: f,
+      user: d,
+      isAuthenticated: !!d,
+      isLoading: p,
       config: a,
-      login: p,
-      verifyMfa: m,
-      logout: y
+      login: m,
+      verifyMfa: y,
+      logout: w
     },
-    children: h
+    children: f
   });
 }
 export {
-  v as AuthContext,
-  P as AuthProvider
+  C as AuthProvider
 };

package/dist/helpers/AppPersistenceStorage.js

@@ -1,34 +1,41 @@
-var g = class {
+import { logger as g } from "@memobit/core";
+var n = class {
   static getData(e, t) {
     try {
-      const a = localStorage.getItem(e);
-      if (a) {
-        const r = JSON.parse(a), o = { ...t.pages };
-        if (r.pages && typeof r.pages == "object") for (const s of Object.keys(r.pages)) {
-          const c = t.pages[s], n = r.pages[s];
+      const r = localStorage.getItem(e);
+      if (r) {
+        const a = JSON.parse(r), o = { ...t.pages };
+        if (a.pages && typeof a.pages == "object") for (const s of Object.keys(a.pages)) {
+          const c = t.pages[s], i = a.pages[s];
           c && typeof c == "object" ? o[s] = {
             ...c,
-            ...n
-          } : o[s] = n;
+            ...i
+          } : o[s] = i;
         }
         return {
           pages: o,
           theme: {
             ...t.theme,
-            ...r.theme
+            ...a.theme
           }
         };
       }
-    } catch (a) {
-      console.warn(`Failed to load app persistence data for ${e}:`, a);
+    } catch (r) {
+      g.debug("Failed to load app persistence data", {
+        appId: e,
+        error: String(r)
+      });
     }
     return t;
   }
   static saveData(e, t) {
     try {
       localStorage.setItem(e, JSON.stringify(t));
-    } catch (a) {
-      console.warn(`Failed to save app persistence data for ${e}:`, a);
+    } catch (r) {
+      g.debug("Failed to save app persistence data", {
+        appId: e,
+        error: String(r)
+      });
     }
   }
   static load(e, t) {
@@ -41,10 +48,13 @@ var g = class {
     try {
       localStorage.removeItem(e);
     } catch (t) {
-      console.warn(`Failed to clear app persistence data for ${e}:`, t);
+      g.debug("Failed to clear app persistence data", {
+        appId: e,
+        error: String(t)
+      });
     }
   }
 };
 export {
-  g as AppPersistenceStorage
+  n as AppPersistenceStorage
 };

package/dist/helpers/Http.js

@@ -1,4 +1,5 @@
-var l = {
+import { logger as p } from "@memobit/core";
+var c = {
   Continue: 100,
   SwitchingProtocols: 101,
   Ok: 200,
@@ -32,71 +33,98 @@ var l = {
   BadGateway: 502,
   ServiceUnavailable: 503,
   GatewayTimeout: 504
-}, n = {
+}, s = {
   Get: "GET",
   Post: "POST",
   Put: "PUT",
   Patch: "PATCH",
   Delete: "DELETE"
-}, w = (e) => e >= 200 && e < 300, C = (e) => e >= 400 && e < 500, E = (e) => e >= 500 && e < 600, f = "csrf_token", h = "X-CSRF-Token", v = () => {
-  const e = document.cookie.match(new RegExp(`(?:^|;\\s*)${f}=([^;]+)`));
+}, A = (e) => e >= 200 && e < 300, R = (e) => e >= 400 && e < 500, U = (e) => e >= 500 && e < 600, y = "csrf_token", S = "X-CSRF-Token", T = () => {
+  const e = document.cookie.match(new RegExp(`(?:^|;\\s*)${y}=([^;]+)`));
   return e ? decodeURIComponent(e[1]) : null;
-}, m = (e, r = !0) => {
-  const s = r ? { "Content-Type": "application/json" } : {};
-  if (e !== n.Get) {
-    const i = v();
-    i && (s[h] = i);
+}, m = (e, t = !0) => {
+  const n = t ? { "Content-Type": "application/json" } : {};
+  if (e !== s.Get) {
+    const u = T();
+    u && (n[S] = u);
   }
-  return s;
-}, y = class extends Error {
-  constructor(e, r) {
-    super(e), this.name = "ApiError", this.status = r;
+  return n;
+}, v = class extends Error {
+  constructor(e, t) {
+    super(e), this.name = "ApiError", this.status = t;
   }
-}, T = async (e) => {
+}, P = async (e) => {
   try {
-    const r = await e.json();
-    if (r && typeof r == "object") {
-      if ("error" in r && typeof r.error == "string") return r.error;
-      if ("message" in r && typeof r.message == "string") return r.message;
+    const t = await e.json();
+    if (t && typeof t == "object") {
+      if ("error" in t && typeof t.error == "string") return t.error;
+      if ("message" in t && typeof t.message == "string") return t.message;
     }
   } catch {
   }
   return `Request failed (${e.status}${e.statusText ? ` ${e.statusText}` : ""})`;
-}, P = ({ baseUrl: e, loginPath: r = "/login" }) => {
-  let s = !1;
-  const i = (t) => `${e.replace(/\/$/, "")}/${t.replace(/^\//, "")}`, c = async (t, o, u, p = !0) => {
-    const a = await fetch(i(t), {
+}, w = (e) => e instanceof DOMException && e.name === "AbortError", b = (e, t, n) => {
+  t instanceof v || w(t) || p.error(e, t, n);
+}, g = /* @__PURE__ */ new Set([
+  c.BadGateway,
+  c.ServiceUnavailable,
+  c.GatewayTimeout
+]), G = ({ baseUrl: e, loginPath: t = "/login" }) => {
+  let n = !1;
+  const u = (r) => `${e.replace(/\/$/, "")}/${r.replace(/^\//, "")}`, d = async (r, o, l, E = !0) => {
+    const h = {
       method: o,
-      headers: m(o, p),
-      credentials: "include",
-      body: u
-    });
-    if (a.status === l.Unauthorized && !window.location.pathname.startsWith(r))
-      return s || (s = !0, window.location.href = `${r}?session_expired=true`), new Promise(() => {
+      path: r.split("?")[0]
+    };
+    let a;
+    try {
+      a = await fetch(u(r), {
+        method: o,
+        headers: m(o, E),
+        credentials: "include",
+        body: l
       });
-    if (!a.ok) throw new y(await T(a), a.status);
-    if (a.status !== l.NoContent)
-      return await a.json();
-  }, d = (t, o, u) => c(t, o, u === void 0 ? void 0 : JSON.stringify(u));
+    } catch (i) {
+      throw w(i) ? i : (p.warn("API request could not reach the server", h), new v("Could not reach the server", 0));
+    }
+    if (a.status === c.Unauthorized && !window.location.pathname.startsWith(t))
+      return n || (n = !0, window.location.href = `${t}?session_expired=true`), new Promise(() => {
+      });
+    if (!a.ok)
+      throw g.has(a.status) && p.warn("API gateway failure", {
+        ...h,
+        status: a.status
+      }), new v(await P(a), a.status);
+    if (a.status !== c.NoContent)
+      try {
+        return await a.json();
+      } catch (i) {
+        throw p.error("API response was not valid JSON", i, {
+          ...h,
+          status: a.status
+        }), i;
+      }
+  }, f = (r, o, l) => d(r, o, l === void 0 ? void 0 : JSON.stringify(l));
   return {
-    get: (t) => c(t, n.Get),
-    post: (t, o) => d(t, n.Post, o),
-    put: (t, o) => d(t, n.Put, o),
-    patch: (t, o) => d(t, n.Patch, o),
-    delete: (t) => c(t, n.Delete),
-    upload: (t, o) => c(t, n.Post, o, !1)
+    get: (r) => d(r, s.Get),
+    post: (r, o) => f(r, s.Post, o),
+    put: (r, o) => f(r, s.Put, o),
+    patch: (r, o) => f(r, s.Patch, o),
+    delete: (r) => d(r, s.Delete),
+    upload: (r, o) => d(r, s.Post, o, !1)
   };
 };
 export {
-  y as ApiError,
-  h as CSRF_HEADER,
-  n as HttpMethod,
-  l as HttpStatus,
+  v as ApiError,
+  S as CSRF_HEADER,
+  s as HttpMethod,
+  c as HttpStatus,
   m as buildRequestHeaders,
-  P as createApiClient,
-  v as getCsrfToken,
-  C as isClientErrorStatus,
-  E as isServerErrorStatus,
-  w as isSuccessStatus,
-  T as readErrorMessage
+  G as createApiClient,
+  T as getCsrfToken,
+  R as isClientErrorStatus,
+  U as isServerErrorStatus,
+  A as isSuccessStatus,
+  b as logUnexpectedError,
+  P as readErrorMessage
 };

package/dist/helpers/VersionInfo.js

@@ -23,7 +23,7 @@ var r = (i) => {
   const o = {
     ...i,
     lib: d,
-    libBuildNumber: 509,
+    libBuildNumber: 515,
     libCommit: n,
     libBuildDate: t
   };