@memobit/libs 3.4.3 → 3.6.0

package/dist/components/AngleSlider/AngleSlider2.js

@@ -1,11 +1,11 @@
 import './AngleSlider.css';
 /* empty css            */
-import { useCallback as c, useMemo as G, useRef as A } from "react";
+import { useCallback as c, useMemo as L, useRef as A } from "react";
 import { jsx as f, jsxs as m } from "react/jsx-runtime";
-var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180, N = (e, h) => ({
-  x: o + h * Math.sin($(e)),
-  y: o - h * Math.cos($(e))
-}), q = ({ disabled: e = !1, label: h, max: i = D, min: a = 0, onChange: u, size: j = 120, step: l = 1, tickStep: p = 45, keyboardStep: w, showValue: T = !0, value: y, variant: B = "accent" }) => {
+var y = 42, o = 50, U = 2 * Math.PI * y, D = 360, $ = (e) => e * Math.PI / 180, w = (e, d) => ({
+  x: o + d * Math.sin($(e)),
+  y: o - d * Math.cos($(e))
+}), J = ({ disabled: e = !1, label: d, max: i = D, min: a = 0, onChange: u, size: j = 120, step: l = 1, tickStep: h = 45, keyboardStep: N, showValue: T = !0, value: p, variant: B = "accent" }) => {
   const R = A(null), g = A(!1), P = Math.max(1, i - a), _ = c((r) => {
     const n = l > 0 ? Math.round(r / l) * l : r;
     return Math.min(i, Math.max(a, n));
@@ -33,7 +33,7 @@ var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180,
     g.current && (r.currentTarget.releasePointerCapture(r.pointerId), g.current = !1);
   }, []), X = c((r) => {
     if (e) return;
-    const n = w ?? (l > 0 ? l : 1), t = r.key === "PageUp" ? n * 10 : r.key === "PageDown" ? -n * 10 : 0, s = r.key === "ArrowRight" || r.key === "ArrowUp" ? n : r.key === "ArrowLeft" || r.key === "ArrowDown" ? -n : 0;
+    const n = N ?? (l > 0 ? l : 1), t = r.key === "PageUp" ? n * 10 : r.key === "PageDown" ? -n * 10 : 0, s = r.key === "ArrowRight" || r.key === "ArrowUp" ? n : r.key === "ArrowLeft" || r.key === "ArrowDown" ? -n : 0;
     if (r.key === "Home") {
       r.preventDefault(), u(a);
       return;
@@ -42,33 +42,33 @@ var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180,
       r.preventDefault(), u(i);
       return;
     }
-    t === 0 && s === 0 || (r.preventDefault(), u(_(y + t + s)));
+    t === 0 && s === 0 || (r.preventDefault(), u(_(p + t + s)));
   }, [
     _,
     e,
-    w,
+    N,
     i,
     a,
     u,
     l,
-    y
-  ]), Y = G(() => {
-    if (!p || p <= 0) return [];
+    p
+  ]), Y = L(() => {
+    if (!h || h <= 0) return [];
     const r = [];
-    for (let n = a; n < a + P; n += p) r.push(n);
+    for (let n = a; n < a + P; n += h) r.push(n);
     return r;
   }, [
     a,
     P,
-    p
-  ]), z = (Math.min(i, Math.max(a, y)) - a) / P, M = N(y, d);
+    h
+  ]), z = (Math.min(i, Math.max(a, p)) - a) / P, M = w(p, y), G = [
+    "angle-slider",
+    `angle-slider--${B}`,
+    e ? "angle-slider--disabled" : ""
+  ].filter(Boolean).join(" "), H = { "--_angle-size": `${j}px` };
   return /* @__PURE__ */ m("div", {
-    className: [
-      "angle-slider",
-      `angle-slider--${B}`,
-      e ? "angle-slider--disabled" : ""
-    ].filter(Boolean).join(" "),
-    style: { "--_angle-size": `${j}px` },
+    className: G,
+    style: H,
     children: [
       /* @__PURE__ */ m("svg", {
         className: "angle-slider__dial",
@@ -84,10 +84,10 @@ var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180,
             className: "angle-slider__track",
             cx: o,
             cy: o,
-            r: d
+            r: y
           }),
           Y.map((r) => {
-            const n = N(r, d), t = N(r, d - 6);
+            const n = w(r, y), t = w(r, 36);
             return /* @__PURE__ */ f("line", {
               className: "angle-slider__tick",
               x1: t.x,
@@ -100,7 +100,7 @@ var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180,
             className: "angle-slider__progress",
             cx: o,
             cy: o,
-            r: d,
+            r: y,
             strokeDasharray: `${U * z} ${U}`,
             transform: `rotate(-90 ${o} ${o})`
           }),
@@ -121,15 +121,15 @@ var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180,
       }),
       T && /* @__PURE__ */ m("span", {
         className: "angle-slider__value",
-        children: [Math.round(y), "°"]
+        children: [Math.round(p), "°"]
       }),
-      h && /* @__PURE__ */ f("span", {
+      d && /* @__PURE__ */ f("span", {
         className: "angle-slider__label",
-        children: h
+        children: d
       })
     ]
   });
 };
 export {
-  q as AngleSlider
+  J as AngleSlider
 };

package/dist/components/AppHeader/AppHeader2.js

@@ -1,44 +1,47 @@
 import './AppHeader.css';
-import { Icon as m } from "../Icon/Icon2.js";
-import { Separator as h } from "../Separator/Separator2.js";
+import { Icon as h } from "../Icon/Icon2.js";
+import { Separator as o } from "../Separator/Separator2.js";
 /* empty css          */
 import "react";
-import { Fragment as o, jsx as a, jsxs as e } from "react/jsx-runtime";
-var u = ({ emoji: r, icon: p, svg: s, appName: c, heading: n, onClick: d, className: l = "", showSeparator: i = !0 }) => /* @__PURE__ */ e(o, { children: [/* @__PURE__ */ e("div", {
-  className: [
+import { Fragment as t, jsx as a, jsxs as e } from "react/jsx-runtime";
+var v = ({ emoji: r, icon: p, svg: s, appName: c, heading: n, onClick: d, className: l = "", showSeparator: m = !0 }) => {
+  const i = [
     "app-header",
     d ? "app-header--clickable" : "",
     l
-  ].filter(Boolean).join(" "),
-  onClick: d,
-  children: [
-    r && /* @__PURE__ */ a("span", {
-      className: "app-header__icon",
-      children: r
-    }),
-    s && /* @__PURE__ */ a("span", {
-      className: "app-header__icon",
-      children: s
-    }),
-    p && /* @__PURE__ */ a("span", {
-      className: "app-header__icon",
-      children: /* @__PURE__ */ a(m, { name: p })
-    }),
-    /* @__PURE__ */ e("div", {
-      className: "app-header__copy",
-      children: [c && /* @__PURE__ */ a("span", {
-        className: "app-header__app-name",
-        children: c
-      }), n && /* @__PURE__ */ a("span", {
-        className: "app-header__headline",
-        children: n
-      })]
-    })
-  ]
-}), i && /* @__PURE__ */ a(h, {
-  className: "app-header__separator",
-  spacing: 0
-})] });
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(t, { children: [/* @__PURE__ */ e("div", {
+    className: i,
+    onClick: d,
+    children: [
+      r && /* @__PURE__ */ a("span", {
+        className: "app-header__icon",
+        children: r
+      }),
+      s && /* @__PURE__ */ a("span", {
+        className: "app-header__icon",
+        children: s
+      }),
+      p && /* @__PURE__ */ a("span", {
+        className: "app-header__icon",
+        children: /* @__PURE__ */ a(h, { name: p })
+      }),
+      /* @__PURE__ */ e("div", {
+        className: "app-header__copy",
+        children: [c && /* @__PURE__ */ a("span", {
+          className: "app-header__app-name",
+          children: c
+        }), n && /* @__PURE__ */ a("span", {
+          className: "app-header__headline",
+          children: n
+        })]
+      })
+    ]
+  }), m && /* @__PURE__ */ a(o, {
+    className: "app-header__separator",
+    spacing: 0
+  })] });
+};
 export {
-  u as AppHeader
+  v as AppHeader
 };

package/dist/components/Auth/ChangePasswordModal/ChangePasswordModal2.js

@@ -1,122 +1,118 @@
 import './ChangePasswordModal.css';
-import { Modal as k } from "../../Modal/Modal2.js";
-import { InputPassword as m } from "../../InputPassword/InputPassword2.js";
-import { Toast as T } from "../../Toast/Toast2.js";
+import { Modal as y } from "../../Modal/Modal2.js";
+import { InputPassword as h } from "../../InputPassword/InputPassword2.js";
+import { Toast as v } from "../../Toast/Toast2.js";
+import { HttpMethod as C, buildRequestHeaders as E, readErrorMessage as x } from "../../../helpers/Http.js";
 import { useAuth as F } from "../../../hooks/useAuth/useAuth.js";
 /* empty css                    */
-import { useEffect as E, useState as o } from "react";
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-function U({ isOpen: l, onClose: c }) {
-  const { config: b } = F(), [i, u] = o(""), [n, f] = o(""), [w, p] = o(""), [g, a] = o(""), [r, C] = o(!1), [h, P] = o(null);
-  E(() => {
-    l && (u(""), f(""), p(""), a(""));
-  }, [l]);
-  const y = async () => {
-    if (!i || !n || !w) {
+import { useEffect as k, useState as o } from "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+function z({ isOpen: n, onClose: l }) {
+  const { config: b } = F(), [i, m] = o(""), [d, u] = o(""), [c, f] = o(""), [g, a] = o(""), [r, p] = o(!1), [w, P] = o(null);
+  k(() => {
+    n && (m(""), u(""), f(""), a(""));
+  }, [n]);
+  const N = async () => {
+    if (!i || !d || !c) {
       a("All fields are required");
       return;
     }
-    if (n !== w) {
+    if (d !== c) {
       a("New passwords do not match");
       return;
     }
-    if (n.length < 8) {
+    if (d.length < 8) {
       a("New password must be at least 8 characters long");
       return;
     }
-    C(!0), a("");
+    p(!0), a("");
     try {
-      const s = document.cookie.match(/(?:^|;\s*)csrf_token=([^;]+)/), t = s ? decodeURIComponent(s[1]) : null, _ = { "Content-Type": "application/json" };
-      t && (_["X-CSRF-Token"] = t);
-      const N = await fetch(`${b.apiBaseUrl}/auth/changePassword`, {
-        method: "POST",
+      const s = await fetch(`${b.apiBaseUrl}/auth/changePassword`, {
+        method: C.Post,
         credentials: "include",
-        headers: _,
+        headers: E(C.Post),
         body: JSON.stringify({
           currentPassword: i,
-          newPassword: n
+          newPassword: d
         })
       });
-      if (!N.ok) {
-        const v = await N.json();
-        throw new Error(v.error || "Failed to change password");
-      }
+      if (!s.ok) throw new Error(await x(s));
       P({
         message: "Password changed successfully!",
         type: "success"
       }), setTimeout(() => {
-        c();
+        l();
       }, 2e3);
     } catch (s) {
-      const t = s instanceof Error ? s.message : "Failed to change password";
-      a(t);
+      const M = s instanceof Error ? s.message : "Failed to change password";
+      a(M);
     } finally {
-      C(!1);
+      p(!1);
     }
-  }, M = () => {
+  }, _ = () => {
     P(null);
   };
-  return /* @__PURE__ */ d(k, {
-    isOpen: l,
-    onClose: c,
+  return /* @__PURE__ */ t(y, {
+    isOpen: n,
+    onClose: l,
     title: "Change Password",
     size: "medium",
     primary: {
       text: r ? "Changing..." : "Change Password",
-      onClick: y,
+      onClick: N,
       icon: "lock",
       variant: "success",
       disabled: r
     },
     secondary: {
       text: "Cancel",
-      onClick: c,
+      onClick: l,
       icon: "clear",
       variant: "default",
       disabled: r
     },
-    children: [/* @__PURE__ */ d("div", {
+    children: [/* @__PURE__ */ t("div", {
       className: "ChangePasswordModal",
       children: [
-        /* @__PURE__ */ d("div", {
+        /* @__PURE__ */ t("div", {
           className: "ChangePasswordModal__field",
           children: [/* @__PURE__ */ e("label", {
             htmlFor: "current-password",
             className: "ChangePasswordModal__label",
             children: "Current Password"
-          }), /* @__PURE__ */ e(m, {
+          }), /* @__PURE__ */ e(h, {
             id: "current-password",
             value: i,
-            onChange: (s) => u(s),
+            onChange: (s) => m(s),
             placeholder: "Enter current password",
             disabled: r,
             autoFocus: !0
           })]
         }),
-        /* @__PURE__ */ d("div", {
+        /* @__PURE__ */ t("div", {
           className: "ChangePasswordModal__field",
           children: [/* @__PURE__ */ e("label", {
             htmlFor: "new-password",
             className: "ChangePasswordModal__label",
             children: "New Password"
-          }), /* @__PURE__ */ e(m, {
+          }), /* @__PURE__ */ e(h, {
             id: "new-password",
-            value: n,
-            onChange: (s) => f(s),
+            value: d,
+            onChange: (s) => u(s),
             placeholder: "Enter new password",
             disabled: r
           })]
         }),
-        /* @__PURE__ */ d("div", {
+        /* @__PURE__ */ t("div", {
           className: "ChangePasswordModal__field",
           children: [/* @__PURE__ */ e("label", {
             htmlFor: "confirm-password",
             className: "ChangePasswordModal__label",
             children: "Confirm New Password"
-          }), /* @__PURE__ */ e(m, {
+          }), /* @__PURE__ */ e(h, {
             id: "confirm-password",
-            value: w,
-            onChange: (s) => p(s),
+            value: c,
+            onChange: (s) => f(s),
             placeholder: "Confirm new password",
             disabled: r
           })]
@@ -126,13 +122,13 @@ function U({ isOpen: l, onClose: c }) {
           children: g
         })
       ]
-    }), h && /* @__PURE__ */ e(T, {
-      message: h.message,
-      type: h.type,
-      onClose: M
+    }), w && /* @__PURE__ */ e(v, {
+      message: w.message,
+      type: w.type,
+      onClose: _
     })]
   });
 }
 export {
-  U as ChangePasswordModal
+  z as ChangePasswordModal
 };