mimir-ui-kit 1.34.4-t → 1.34.4

package/dist/hooks/useTimer/index.js

@@ -1,57 +1,90 @@
-import { useState as i, useCallback as l } from "react";
-import { Time as n, Validate as D } from "./utils.js";
-import { useInterval as L } from "../useInterval/useInterval.js";
-const S = 1e3;
-function T(t) {
-  if (!D.expiryTimestamp(t))
+import { useState, useCallback } from "react";
+import { Time, Validate } from "./utils.js";
+import { useInterval } from "../useInterval/useInterval.js";
+const DEFAULT_DELAY = 1e3;
+function getDelayFromExpiryTimestamp(expiryTimestamp) {
+  if (!Validate.expiryTimestamp(expiryTimestamp)) {
     return null;
-  const s = n.getSecondsFromExpiry(t), r = Math.floor((s - Math.floor(s)) * 1e3);
-  return r > 0 ? r : S;
+  }
+  const seconds = Time.getSecondsFromExpiry(expiryTimestamp);
+  const extraMilliSeconds = Math.floor((seconds - Math.floor(seconds)) * 1e3);
+  return extraMilliSeconds > 0 ? extraMilliSeconds : DEFAULT_DELAY;
 }
-function v({
-  expiryTimestamp: t,
-  onExpire: s,
-  autoStart: r = !1
+function useTimer({
+  expiryTimestamp: expiry,
+  onExpire,
+  autoStart = false
 }) {
-  const [c, M] = i(t), [m, d] = i(
-    n.getSecondsFromExpiry(t ?? 0)
-  ), [p, a] = i(r), [y, h] = i(r), [F, u] = i(T(t ?? 0)), x = l(() => {
-    D.onExpire(s) && (s == null || s()), a(!1), u(null);
-  }, [s]), E = l((e) => {
-    a(() => (e == null || e(), !1));
-  }, []), f = l(
-    (e, o = !0) => {
-      u(T(e)), h(o), a(o), M(e), d(n.getSecondsFromExpiry(e));
+  const [expiryTimestamp, setExpiryTimestamp] = useState(expiry);
+  const [seconds, setSeconds] = useState(
+    Time.getSecondsFromExpiry(expiry ?? 0)
+  );
+  const [isRunning, setIsRunning] = useState(autoStart);
+  const [didStart, setDidStart] = useState(autoStart);
+  const [delay, setDelay] = useState(getDelayFromExpiryTimestamp(expiry ?? 0));
+  const handleExpire = useCallback(() => {
+    Validate.onExpire(onExpire) && (onExpire == null ? void 0 : onExpire());
+    setIsRunning(false);
+    setDelay(null);
+  }, [onExpire]);
+  const pause = useCallback((cb) => {
+    setIsRunning(() => {
+      cb == null ? void 0 : cb();
+      return false;
+    });
+  }, []);
+  const restart = useCallback(
+    (newExpiryTimestamp, newAutoStart = true) => {
+      setDelay(getDelayFromExpiryTimestamp(newExpiryTimestamp));
+      setDidStart(newAutoStart);
+      setIsRunning(newAutoStart);
+      setExpiryTimestamp(newExpiryTimestamp);
+      setSeconds(Time.getSecondsFromExpiry(newExpiryTimestamp));
     },
     []
-  ), g = l(
-    (e) => {
-      const o = /* @__PURE__ */ new Date();
-      o.setMilliseconds(o.getMilliseconds() + m * 1e3), f(o.getTime(), !0), e == null || e();
+  );
+  const resume = useCallback(
+    (cb) => {
+      const time = /* @__PURE__ */ new Date();
+      time.setMilliseconds(time.getMilliseconds() + seconds * 1e3);
+      restart(time.getTime(), true);
+      cb == null ? void 0 : cb();
     },
-    [m, f]
-  ), I = l(() => {
-    y ? (d(n.getSecondsFromExpiry(c ?? 0, !1)), a(!0)) : g();
-  }, [c, y, g]);
-  return L(
+    [seconds, restart]
+  );
+  const start = useCallback(() => {
+    if (didStart) {
+      setSeconds(Time.getSecondsFromExpiry(expiryTimestamp ?? 0, false));
+      setIsRunning(true);
+    } else {
+      resume();
+    }
+  }, [expiryTimestamp, didStart, resume]);
+  useInterval(
     () => {
-      F !== S && u(S);
-      const e = n.getSecondsFromExpiry(
-        c ?? 0,
-        !1
+      if (delay !== DEFAULT_DELAY) {
+        setDelay(DEFAULT_DELAY);
+      }
+      const secondsValue = Time.getSecondsFromExpiry(
+        expiryTimestamp ?? 0,
+        false
       );
-      d(e), e <= 0 && x();
+      setSeconds(secondsValue);
+      if (secondsValue <= 0) {
+        handleExpire();
+      }
     },
-    p ? F : null
-  ), {
-    ...n.getTimeFromSeconds(m),
-    start: I,
-    pause: E,
-    resume: g,
-    restart: f,
-    isRunning: p
+    isRunning ? delay : null
+  );
+  return {
+    ...Time.getTimeFromSeconds(seconds),
+    start,
+    pause,
+    resume,
+    restart,
+    isRunning
   };
 }
 export {
-  v as useTimer
+  useTimer
 };

package/dist/hooks/useTimer/useTimer.js

@@ -1,58 +1,87 @@
-import { useState as r, useCallback as c } from "react";
-import { Time as o, Validate as T, SECONDS_IN_MILLISECONDS as M } from "./utils.js";
-import { useInterval as C } from "../useInterval/useInterval.js";
-const S = 1e3;
-function F(t) {
-  if (!T.expiryTimestamp(t))
+import { useState, useCallback } from "react";
+import { Time, Validate, SECONDS_IN_MILLISECONDS } from "./utils.js";
+import { useInterval } from "../useInterval/useInterval.js";
+const DEFAULT_DELAY = 1e3;
+function getDelayFromExpiryTimestamp(expiryTimestamp) {
+  if (!Validate.expiryTimestamp(expiryTimestamp)) {
     return null;
-  const s = o.getSecondsFromExpiry(t), n = Math.floor(
-    (s - Math.floor(s)) * M
+  }
+  const seconds = Time.getSecondsFromExpiry(expiryTimestamp);
+  const extraMilliSeconds = Math.floor(
+    (seconds - Math.floor(seconds)) * SECONDS_IN_MILLISECONDS
   );
-  return n > 0 ? n : S;
+  return extraMilliSeconds > 0 ? extraMilliSeconds : DEFAULT_DELAY;
 }
-function R({
-  expiryTimestamp: t,
-  onExpire: s,
-  autoStart: n = !0
+function useTimer({
+  expiryTimestamp: expiry,
+  onExpire,
+  autoStart = true
 }) {
-  const [l, E] = r(t), [a, m] = r(
-    o.getSecondsFromExpiry(t ?? 0)
-  ), [g, i] = r(n), [p, I] = r(n), [y, d] = r(F(t ?? 0)), L = c(() => {
-    T.onExpire(s) && (s == null || s()), i(!1), d(null);
-  }, [s]), h = c(() => {
-    i(!1);
-  }, []), u = c(
-    (e, D = !0) => {
-      d(F(e)), I(D), i(D), E(e), m(o.getSecondsFromExpiry(e));
+  const [expiryTimestamp, setExpiryTimestamp] = useState(expiry);
+  const [seconds, setSeconds] = useState(
+    Time.getSecondsFromExpiry(expiry ?? 0)
+  );
+  const [isRunning, setIsRunning] = useState(autoStart);
+  const [didStart, setDidStart] = useState(autoStart);
+  const [delay, setDelay] = useState(getDelayFromExpiryTimestamp(expiry ?? 0));
+  const handleExpire = useCallback(() => {
+    Validate.onExpire(onExpire) && (onExpire == null ? void 0 : onExpire());
+    setIsRunning(false);
+    setDelay(null);
+  }, [onExpire]);
+  const pause = useCallback(() => {
+    setIsRunning(false);
+  }, []);
+  const restart = useCallback(
+    (newExpiryTimestamp, newAutoStart = true) => {
+      setDelay(getDelayFromExpiryTimestamp(newExpiryTimestamp));
+      setDidStart(newAutoStart);
+      setIsRunning(newAutoStart);
+      setExpiryTimestamp(newExpiryTimestamp);
+      setSeconds(Time.getSecondsFromExpiry(newExpiryTimestamp));
     },
     []
-  ), f = c(() => {
-    const e = /* @__PURE__ */ new Date();
-    e.setMilliseconds(
-      e.getMilliseconds() + a * M
-    ), u(e.getTime(), !0);
-  }, [a, u]), x = c(() => {
-    p ? (m(o.getSecondsFromExpiry(l ?? 0, !1)), i(!0)) : f();
-  }, [l, p, f]);
-  return C(
+  );
+  const resume = useCallback(() => {
+    const time = /* @__PURE__ */ new Date();
+    time.setMilliseconds(
+      time.getMilliseconds() + seconds * SECONDS_IN_MILLISECONDS
+    );
+    restart(time.getTime(), true);
+  }, [seconds, restart]);
+  const start = useCallback(() => {
+    if (didStart) {
+      setSeconds(Time.getSecondsFromExpiry(expiryTimestamp ?? 0, false));
+      setIsRunning(true);
+    } else {
+      resume();
+    }
+  }, [expiryTimestamp, didStart, resume]);
+  useInterval(
     () => {
-      y !== S && d(S);
-      const e = o.getSecondsFromExpiry(
-        l ?? 0,
-        !1
+      if (delay !== DEFAULT_DELAY) {
+        setDelay(DEFAULT_DELAY);
+      }
+      const secondsValue = Time.getSecondsFromExpiry(
+        expiryTimestamp ?? 0,
+        false
       );
-      m(e), e <= 0 && L();
+      setSeconds(secondsValue);
+      if (secondsValue <= 0) {
+        handleExpire();
+      }
     },
-    g ? y : null
-  ), {
-    ...o.getTimeFromSeconds(a),
-    start: x,
-    pause: h,
-    resume: f,
-    restart: u,
-    isRunning: g
+    isRunning ? delay : null
+  );
+  return {
+    ...Time.getTimeFromSeconds(seconds),
+    start,
+    pause,
+    resume,
+    restart,
+    isRunning
   };
 }
 export {
-  R as useTimer
+  useTimer
 };

package/dist/hooks/useTimer/utils.js

@@ -1,71 +1,88 @@
-const r = 60, N = 3600, a = 86400, I = 1e3;
-class c {
-  static getTimeFromSeconds(e) {
-    const t = Math.ceil(e), s = Math.floor(t / 86400), n = Math.floor(t % 86400 / 3600), o = Math.floor(
-      t % 3600 / 60
-    ), S = Math.floor(t % 60);
+const SECONDS_IN_MINUTE = 60;
+const SECONDS_IN_HOUR = 60 * SECONDS_IN_MINUTE;
+const SECONDS_IN_DAY = SECONDS_IN_HOUR * 24;
+const SECONDS_IN_MILLISECONDS = 1e3;
+class Time {
+  static getTimeFromSeconds(secs) {
+    const totalSeconds = Math.ceil(secs);
+    const days = Math.floor(totalSeconds / SECONDS_IN_DAY);
+    const hours = Math.floor(totalSeconds % SECONDS_IN_DAY / SECONDS_IN_HOUR);
+    const minutes = Math.floor(
+      totalSeconds % SECONDS_IN_HOUR / SECONDS_IN_MINUTE
+    );
+    const seconds = Math.floor(totalSeconds % SECONDS_IN_MINUTE);
     return {
-      totalSeconds: t,
-      seconds: S,
-      minutes: o,
-      hours: n,
-      days: s
+      totalSeconds,
+      seconds,
+      minutes,
+      hours,
+      days
     };
   }
-  static getSecondsFromExpiry(e, t) {
-    const s = (/* @__PURE__ */ new Date()).getTime(), n = e - s;
-    if (n > 0) {
-      const o = n / 1e3;
-      return t ? Math.round(o) : o;
+  static getSecondsFromExpiry(expiry, shouldRound) {
+    const now = (/* @__PURE__ */ new Date()).getTime();
+    const milliSecondsDistance = expiry - now;
+    if (milliSecondsDistance > 0) {
+      const val = milliSecondsDistance / SECONDS_IN_MILLISECONDS;
+      return shouldRound ? Math.round(val) : val;
     }
     return 0;
   }
-  static getSecondsFromPrevTime(e, t) {
-    const n = (/* @__PURE__ */ new Date()).getTime() - e;
-    if (n > 0) {
-      const o = n / 1e3;
-      return t ? Math.round(o) : o;
+  static getSecondsFromPrevTime(prevTime, shouldRound) {
+    const now = (/* @__PURE__ */ new Date()).getTime();
+    const milliSecondsDistance = now - prevTime;
+    if (milliSecondsDistance > 0) {
+      const val = milliSecondsDistance / SECONDS_IN_MILLISECONDS;
+      return shouldRound ? Math.round(val) : val;
     }
     return 0;
   }
   static getSecondsFromTimeNow() {
-    const e = /* @__PURE__ */ new Date(), t = e.getTime(), s = e.getTimezoneOffset() * 60;
-    return t / 1e3 - s;
+    const now = /* @__PURE__ */ new Date();
+    const currentTimestamp = now.getTime();
+    const offset = now.getTimezoneOffset() * SECONDS_IN_MINUTE;
+    return currentTimestamp / SECONDS_IN_MILLISECONDS - offset;
   }
-  static getFormattedTimeFromSeconds(e) {
+  static getFormattedTimeFromSeconds(totalSeconds) {
     const {
-      seconds: t,
-      minutes: s,
-      hours: n
-    } = c.getTimeFromSeconds(e);
+      seconds: secondsValue,
+      minutes,
+      hours
+    } = Time.getTimeFromSeconds(totalSeconds);
     return {
-      seconds: t,
-      minutes: s,
-      hours: n
+      seconds: secondsValue,
+      minutes,
+      hours
     };
   }
 }
-class _ {
-  static expiryTimestamp(e) {
-    const t = new Date(e).getTime() > 0;
-    return t || console.warn(
-      "{ useTimer } Invalid expiryTimestamp settings",
-      e
-    ), t;
+class Validate {
+  static expiryTimestamp(expiryTimestamp) {
+    const isValid = new Date(expiryTimestamp).getTime() > 0;
+    if (!isValid) {
+      console.warn(
+        "{ useTimer } Invalid expiryTimestamp settings",
+        expiryTimestamp
+      );
+    }
+    return isValid;
   }
-  static onExpire(e) {
-    const t = e && typeof e == "function";
-    return e && !t && console.warn(
-      " { useTimer } Invalid onExpire settings function",
-      e
-    ), t;
+  static onExpire(onExpire) {
+    const isValid = onExpire && typeof onExpire === "function";
+    if (onExpire && !isValid) {
+      console.warn(
+        " { useTimer } Invalid onExpire settings function",
+        onExpire
+      );
+    }
+    return isValid;
   }
 }
 export {
-  a as SECONDS_IN_DAY,
-  N as SECONDS_IN_HOUR,
-  I as SECONDS_IN_MILLISECONDS,
-  r as SECONDS_IN_MINUTE,
-  c as Time,
-  _ as Validate
+  SECONDS_IN_DAY,
+  SECONDS_IN_HOUR,
+  SECONDS_IN_MILLISECONDS,
+  SECONDS_IN_MINUTE,
+  Time,
+  Validate
 };

package/dist/hooks/useWindowSize/index.js

@@ -1,20 +1,26 @@
-import { useState as c, useRef as s, useEffect as d } from "react";
-function r() {
-  const { innerWidth: t, innerHeight: n } = window;
+import { useState, useRef, useEffect } from "react";
+function getWindowSize() {
+  const { innerWidth: width, innerHeight: height } = window;
   return {
-    width: t,
-    height: n
+    width,
+    height
   };
 }
-function f() {
-  const [t, n] = c(r()), e = s(null);
-  function i() {
-    e.current && clearTimeout(e.current), e.current = setTimeout(() => n(r()), 500);
+function useWindowSize() {
+  const [windowSize, setWindowSize] = useState(getWindowSize());
+  const timeoutRef = useRef(null);
+  function handleResize() {
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    timeoutRef.current = setTimeout(() => setWindowSize(getWindowSize()), 500);
   }
-  d(() => (e.current && clearTimeout(e.current), window.addEventListener("resize", i), () => window.removeEventListener("resize", i)), []);
-  const { width: o, height: u } = t;
-  return { width: o, height: u };
+  useEffect(() => {
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const { width, height } = windowSize;
+  return { width, height };
 }
 export {
-  f as useWindowSize
+  useWindowSize
 };

package/dist/icons/Icon.js

@@ -1,10 +1,13 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Suspense as s } from "react";
-import { i as e } from "../index-DzVMAmli.js";
-const p = ({ iconName: o, ...n }) => {
-  const r = e[o];
-  return r ? /* @__PURE__ */ t(s, { fallback: null, children: /* @__PURE__ */ t(r, { ...n, "data-testid": o }) }) : null;
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { i as icons } from "../index-FDVpKRvA.js";
+const Icon = ({ iconName, ...props }) => {
+  const Component = icons[iconName];
+  if (!Component) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Component, { ...props, "data-testid": iconName }) });
 };
 export {
-  p as Icon
+  Icon
 };

package/dist/icons/components/12px/Close12px.js

@@ -1,16 +1,18 @@
-import { jsx as t } from "react/jsx-runtime";
-const r = (e) => /* @__PURE__ */ t(
-  "svg",
-  {
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...e,
-    children: /* @__PURE__ */ t("path", { d: "M3 9L8.99991 3M9 9L3 3", stroke: "#333333", strokeWidth: "1.5" })
-  }
-);
+import { jsx } from "react/jsx-runtime";
+const Close12px = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M3 9L8.99991 3M9 9L3 3", stroke: "#333333", strokeWidth: "1.5" })
+    }
+  );
+};
 export {
-  r as default
+  Close12px as default
 };

package/dist/icons/components/12px/MessageRead12px.js

@@ -1,35 +1,37 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-const t = (l) => /* @__PURE__ */ d(
-  "svg",
-  {
-    width: "12",
-    height: "13",
-    viewBox: "0 0 12 13",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...l,
-    children: [
-      /* @__PURE__ */ e(
-        "path",
-        {
-          "fill-rule": "evenodd",
-          clipRule: "evenodd",
-          d: "M8.14103 4.3077L2.76402 10.1635L0.131592 7.29443L0.868431 6.61836L2.76431 8.68466L7.40445 3.63135L8.14103 4.3077Z",
-          fill: "white"
-        }
-      ),
-      /* @__PURE__ */ e(
-        "path",
-        {
-          "fill-rule": "evenodd",
-          clipRule: "evenodd",
-          d: "M11.8682 4.3077L6.50505 10.1484L5.2356 8.86685L5.94605 8.16311L6.47762 8.69975L11.1316 3.63135L11.8682 4.3077Z",
-          fill: "white"
-        }
-      )
-    ]
-  }
-);
+import { jsxs, jsx } from "react/jsx-runtime";
+const MessageRead12px = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "12",
+      height: "13",
+      viewBox: "0 0 12 13",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            clipRule: "evenodd",
+            d: "M8.14103 4.3077L2.76402 10.1635L0.131592 7.29443L0.868431 6.61836L2.76431 8.68466L7.40445 3.63135L8.14103 4.3077Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            "fill-rule": "evenodd",
+            clipRule: "evenodd",
+            d: "M11.8682 4.3077L6.50505 10.1484L5.2356 8.86685L5.94605 8.16311L6.47762 8.69975L11.1316 3.63135L11.8682 4.3077Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  t as default
+  MessageRead12px as default
 };

package/dist/icons/components/16px/Accept16px.js

@@ -1,25 +1,27 @@
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
-const i = (e) => /* @__PURE__ */ t(
-  "svg",
-  {
-    width: "16px",
-    height: "16px",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...e,
-    children: [
-      /* @__PURE__ */ l("circle", { cx: 8, cy: 8, r: 7, fill: "#FF7900" }),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M11.362 6.058l-4.35 4.354L4.85 8.248l.708-.707 1.453 1.456 3.644-3.646.707.707z",
-          fill: "#fff"
-        }
-      )
-    ]
-  }
-);
+import { jsxs, jsx } from "react/jsx-runtime";
+const Accept16px = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: 8, cy: 8, r: 7, fill: "#FF7900" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11.362 6.058l-4.35 4.354L4.85 8.248l.708-.707 1.453 1.456 3.644-3.646.707.707z",
+            fill: "#fff"
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  i as default
+  Accept16px as default
 };