@layers-app/shared 0.4.6 → 0.4.8

package/dist/helpers/showNotifications.js

@@ -1,157 +1,153 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import { InformationCircleIcon as S, CheckmarkCircle02Icon as T, Alert01Icon as O, Alert02Icon as b } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as m } from "@hugeicons/react";
-import { UnstyledButton as x, Group as k, Box as l, Text as w, Button as z } from "@mantine/core";
-import { notifications as u } from "@mantine/notifications";
-import { isFunction as C, isObject as g } from "lodash-es";
-import { isOfflineSuppressed as M } from "./offlineSuppression.js";
-import c from "./showNotifications.module.css.js";
-let v = 0;
-const j = /* @__PURE__ */ r(m, { icon: T, size: 14, color: "white" }), q = /* @__PURE__ */ r(m, { icon: b, size: 14, color: "white" }), W = /* @__PURE__ */ r(m, { icon: O, size: 14, color: "white" }), N = /* @__PURE__ */ r(m, { icon: S, size: 14, color: "white" }), I = (o, t) => t?.length ? /* @__PURE__ */ p(l, { children: [
-  /* @__PURE__ */ r(l, { children: o }),
-  /* @__PURE__ */ r(l, { className: c.actions, children: t.map((s, e) => /* @__PURE__ */ r(
-    z,
+import { jsxs as N, jsx as c } from "react/jsx-runtime";
+import { InformationCircleIcon as b, CheckmarkCircle02Icon as O, Alert01Icon as S, Alert02Icon as B } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as u } from "@hugeicons/react";
+import { Box as f, Button as x } from "@mantine/core";
+import { notifications as w } from "@mantine/notifications";
+import { isFunction as h, isObject as p } from "lodash-es";
+import { isOfflineSuppressed as z } from "./offlineSuppression.js";
+import l from "./showNotifications.module.css.js";
+let M = 0;
+const k = /* @__PURE__ */ c(u, { icon: O, size: 14, color: "white" }), j = /* @__PURE__ */ c(u, { icon: B, size: 14, color: "white" }), E = /* @__PURE__ */ c(u, { icon: S, size: 14, color: "white" }), m = /* @__PURE__ */ c(u, { icon: b, size: 14, color: "white" }), g = (o, t) => t?.length ? /* @__PURE__ */ N(f, { children: [
+  /* @__PURE__ */ c(f, { children: o }),
+  /* @__PURE__ */ c(f, { className: l.actions, children: t.map((i, e) => /* @__PURE__ */ c(
+    x,
     {
       size: "compact-sm",
-      variant: s.variant ?? "default",
-      onClick: s.onClick,
+      variant: i.variant ?? "default",
+      onClick: i.onClick,
       radius: "md",
-      children: s.label
+      children: i.label
     },
     e
   )) })
-] }) : o, J = (o, t = {}) => {
-  const { successMsg: s, errorMsg: e } = t;
-  return o.then((i) => {
-    if (s) {
-      const n = C(s) ? s(i) : s, a = {
+] }) : o, _ = (o, t = {}) => {
+  const { successMsg: i, errorMsg: e } = t;
+  return o.then((s) => {
+    if (i) {
+      const n = h(i) ? i(s) : i, r = {
         id: t.notifyId,
-        ...g(n) ? n : { message: n }
+        ...p(n) ? n : { message: n }
       };
-      P(a);
+      v(r);
     }
-    return i;
-  }).catch((i) => {
+    return s;
+  }).catch((s) => {
     if (e) {
-      const n = C(e) ? e(i) : e, a = {
+      const n = h(e) ? e(s) : e, r = {
         id: t.notifyId,
-        ...g(n) ? n : { message: n }
+        ...p(n) ? n : { message: n }
       };
-      R(a);
+      A(r);
     }
-    return i;
+    return s;
   });
-}, y = {
-  root: c.root,
-  icon: c.icon,
-  title: c.title,
-  description: c.description
-}, f = (o, t) => {
+}, I = {
+  root: l.root,
+  icon: l.icon,
+  title: l.title,
+  description: l.description
+}, a = (o, t) => {
   const {
-    actions: s,
-    message: e,
-    onClose: i,
-    bypassOfflineSuppression: n,
-    ...a
-  } = o, h = `ntf-${++v}`, B = a.id ?? h;
-  u.show({
+    actions: i,
+    icon: e,
+    message: s,
+    onClose: n,
+    bypassOfflineSuppression: r,
+    ...d
+  } = o, C = `ntf-${++M}`, y = d.id ?? C;
+  w.show({
     color: t.color,
     radius: 12,
     p: "sm",
-    ...a,
-    id: B,
-    // Let callers override the icon (e.g. a chat toast showing the sender's avatar);
-    // fall back to the status icon (info/success/etc.) when none is supplied.
-    icon: a.icon ?? t.icon,
+    ...d,
+    id: y,
+    icon: e ?? t.icon,
     withCloseButton: !0,
     withBorder: !0,
-    classNames: y,
+    classNames: I,
     onClose: () => {
-      i?.(o);
+      n?.(o);
     },
-    message: I(e, s)
+    message: g(s, i)
   });
-}, L = (o) => {
-  f(o, {
+}, $ = (o) => {
+  a(o, {
     color: "blue",
-    icon: N
+    icon: m
   });
-}, d = /* @__PURE__ */ new Set();
-let A = 0;
-const Q = ({ id: o, title: t, body: s, icon: e, onClick: i }) => {
-  const n = ++A, a = /* @__PURE__ */ r(
-    x,
+}, G = ({
+  id: o,
+  title: t,
+  body: i,
+  icon: e,
+  onClick: s
+}) => {
+  a(
     {
-      className: c.chatToast,
-      onClick: () => {
-        u.hide(o), i();
-      },
-      children: /* @__PURE__ */ p(k, { gap: "sm", wrap: "nowrap", align: "flex-start", children: [
-        e ? /* @__PURE__ */ r(l, { className: c.chatToastIcon, children: e }) : null,
-        /* @__PURE__ */ p(l, { style: { minWidth: 0, flex: 1 }, children: [
-          /* @__PURE__ */ r(w, { className: c.chatToastTitle, children: t }),
-          /* @__PURE__ */ r(w, { className: c.chatToastBody, children: s }, n)
-        ] })
-      ] })
-    }
-  ), h = {
-    id: o,
-    radius: 12,
-    p: "sm",
-    withCloseButton: !0,
-    withBorder: !0,
-    autoClose: 6e3,
-    classNames: {
-      root: c.chatToastRoot,
-      closeButton: c.chatToastClose
+      id: o,
+      title: t,
+      message: s ? /* @__PURE__ */ c(
+        f,
+        {
+          role: "button",
+          tabIndex: 0,
+          onClick: s,
+          onKeyDown: (n) => {
+            (n.key === "Enter" || n.key === " ") && (n.preventDefault(), s());
+          },
+          children: i
+        }
+      ) : i,
+      icon: e
     },
-    message: a,
-    onClose: () => d.delete(o)
-  };
-  d.has(o) ? u.update(h) : (d.add(o), u.show(h));
-}, E = (o, t) => {
-  const { actions: s, message: e, onClose: i, ...n } = o;
-  u.update({
+    {
+      color: "blue",
+      icon: m
+    }
+  );
+}, q = (o, t) => {
+  const { actions: i, icon: e, message: s, onClose: n, ...r } = o;
+  w.update({
     color: t.color,
     radius: 12,
     p: "sm",
-    ...n,
-    icon: t.icon,
+    ...r,
+    icon: e ?? t.icon,
     withCloseButton: !0,
     withBorder: !0,
-    classNames: y,
+    classNames: I,
     onClose: () => {
-      i?.(o);
+      n?.(o);
     },
-    message: I(e, s)
+    message: g(s, i)
   });
-}, V = (o) => {
-  E(o, {
+}, J = (o) => {
+  q(o, {
     color: "var(--mantine-color-blue-outline)",
-    icon: N
+    icon: m
   });
-}, P = (o) => {
-  f(o, {
+}, v = (o) => {
+  a(o, {
     color: "green",
-    icon: j
+    icon: k
   });
-}, X = (o) => {
-  f(o, {
+}, L = (o) => {
+  a(o, {
     color: "yellow",
-    icon: W
+    icon: E
   });
-}, R = (o) => {
-  !o.bypassOfflineSuppression && M() || f(o, {
+}, A = (o) => {
+  !o.bypassOfflineSuppression && z() || a(o, {
     color: "red",
-    icon: q
+    icon: j
   });
 };
 export {
-  Q as showChatToast,
-  R as showErrorNotification,
-  L as showMessageNotification,
-  J as showRequestNotifications,
-  P as showSuccessNotification,
-  X as showWarningNotification,
-  V as updateMessageNotification
+  G as showChatToast,
+  A as showErrorNotification,
+  $ as showMessageNotification,
+  _ as showRequestNotifications,
+  v as showSuccessNotification,
+  L as showWarningNotification,
+  J as updateMessageNotification
 };

package/dist/helpers/showNotifications.module.css.js

@@ -1,25 +1,13 @@
-const t = "_root_wm0dw_1", o = "_icon_wm0dw_15", c = "_title_wm0dw_49", s = "_description_wm0dw_65", a = "_actions_wm0dw_77", _ = "_chatToastRoot_wm0dw_93", n = "_chatToast_wm0dw_93", w = "_chatToastIcon_wm0dw_135", T = "_chatToastTitle_wm0dw_147", d = "_chatToastBody_wm0dw_167", h = "_chatToastClose_wm0dw_231", i = {
+const t = "_root_1u7gv_1", o = "_icon_1u7gv_15", c = "_title_1u7gv_79", s = "_description_1u7gv_87", i = "_actions_1u7gv_95", n = {
   root: t,
   icon: o,
   title: c,
   description: s,
-  actions: a,
-  chatToastRoot: _,
-  chatToast: n,
-  chatToastIcon: w,
-  chatToastTitle: T,
-  chatToastBody: d,
-  chatToastClose: h
+  actions: i
 };
 export {
-  a as actions,
-  n as chatToast,
-  d as chatToastBody,
-  h as chatToastClose,
-  w as chatToastIcon,
-  _ as chatToastRoot,
-  T as chatToastTitle,
-  i as default,
+  i as actions,
+  n as default,
   s as description,
   o as icon,
   t as root,

package/dist/hooks/useDateUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDateUtils.d.ts","sourceRoot":"","sources":["../../src/hooks/useDateUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAS3B,MAAM,UAAU,CAAC;AAMlB,eAAO,MAAM,YAAY;;uBAKf,IAAI,GAAG,MAAM,gCAET;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAC7B,MAAM;iCAqDD,IAAI,GAAG,MAAM,yBAElB,MAAM;+BAKD,IAAI,GAAG,MAAM,YACT,0BAA0B,KACnC,MAAM;mCAQA,IAAI,GAAG,MAAM,SACb,IAAI,GAAG,MAAM,KACnB,OAAO;wCAQD,IAAI,GAAG,MAAM,SACb,IAAI,GAAG,MAAM,YACV,qBAAqB,KAC9B,MAAM;oCArED,IAAI,GAAG,MAAM,YACT;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,KAC5B,MAAM;CAmFV,CAAC"}
+{"version":3,"file":"useDateUtils.d.ts","sourceRoot":"","sources":["../../src/hooks/useDateUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAS3B,MAAM,UAAU,CAAC;AAMlB,eAAO,MAAM,YAAY;;uBAOf,IAAI,GAAG,MAAM,gCAET;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAC7B,MAAM;iCAoDD,IAAI,GAAG,MAAM,yBAElB,MAAM;+BAKD,IAAI,GAAG,MAAM,YACT,0BAA0B,KACnC,MAAM;mCAQA,IAAI,GAAG,MAAM,SACb,IAAI,GAAG,MAAM,KACnB,OAAO;wCAQD,IAAI,GAAG,MAAM,SACb,IAAI,GAAG,MAAM,YACV,qBAAqB,KAC9B,MAAM;oCArED,IAAI,GAAG,MAAM,YACT;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,KAC5B,MAAM;CAmFV,CAAC"}

package/dist/hooks/useDateUtils.js

@@ -1,47 +1,43 @@
-import { useTranslation as z } from "react-i18next";
-import { differenceInDays as h, differenceInHours as v, differenceInMinutes as p, differenceInSeconds as U, formatDistance as w, isSameDay as C, formatDistanceToNow as S, format as l } from "date-fns";
-import { toZonedTime as s, formatInTimeZone as H } from "date-fns-tz";
-import { useLocalTimezone as I } from "../store/timezoneStore.js";
-import { dateFnsLocales as d } from "./useDateFnsLocale.js";
-const b = () => {
-  const { timezone: o } = I(), { t: a, i18n: y } = z("ui");
+import { useTranslation as h } from "react-i18next";
+import { differenceInDays as v, differenceInHours as p, differenceInMinutes as U, differenceInSeconds as w, formatDistance as C, isSameDay as S, formatDistanceToNow as H, format as d } from "date-fns";
+import { toZonedTime as s, formatInTimeZone as I } from "date-fns-tz";
+import { useLocalTimezone as M } from "../store/timezoneStore.js";
+import { dateFnsLocales as y } from "./useDateFnsLocale.js";
+const k = () => {
+  const { timezone: o } = M(), { t: a, i18n: z } = h("ui"), f = y[z.language] || y.en;
   return {
     timezone: o,
     formatDate: (e, t = "yyyy-MM-dd HH:mm:ss", n) => {
       const r = typeof e == "string" ? new Date(e) : e, i = s(r, o || "UTC");
-      if (n?.locale ?? !1) {
-        const f = d[y.language] || d.en;
-        return l(i, t, { locale: f });
-      }
-      return l(i, t);
+      return n?.locale ?? !1 ? d(i, t, { locale: f }) : d(i, t);
     },
-    formatDateInTimezone: (e, t = "yyyy-MM-dd HH:mm:ss") => H(e, o || "UTC", t),
+    formatDateInTimezone: (e, t = "yyyy-MM-dd HH:mm:ss") => I(e, o || "UTC", t),
     formatRelativeTime: (e, t) => {
       const n = typeof e == "string" ? new Date(e) : e, r = s(n, o || "UTC");
-      return S(r, { ...t });
+      return H(r, { ...t });
     },
     isSameDayWithTimezone: (e, t) => {
       const n = s(e, o || "UTC"), r = s(t, o || "UTC");
-      return C(n, r);
+      return S(n, r);
     },
     formatDistanceWithTimezone: (e, t, n) => {
       const r = s(e, o || "UTC"), i = s(t, o || "UTC");
-      return w(r, i, { ...n });
+      return C(r, i, { ...n, locale: f });
     },
     formatRelativeShortTime: (e, t) => {
-      const n = typeof e == "string" ? new Date(e) : e, r = /* @__PURE__ */ new Date(), i = s(n, o || "UTC"), m = s(r, o || "UTC"), f = h(m, i), T = v(m, i), u = p(m, i), D = U(m, i), c = t?.short ?? !1;
-      return f >= 1 ? a(c ? "relativeTime.shortDay" : "relativeTime.day", {
-        count: f
-      }) : T >= 1 ? a(c ? "relativeTime.shortHour" : "relativeTime.hour", {
+      const n = typeof e == "string" ? new Date(e) : e, r = /* @__PURE__ */ new Date(), i = s(n, o || "UTC"), m = s(r, o || "UTC"), T = v(m, i), u = p(m, i), D = U(m, i), l = w(m, i), c = t?.short ?? !1;
+      return T >= 1 ? a(c ? "relativeTime.shortDay" : "relativeTime.day", {
         count: T
-      }) : u >= 1 ? a(c ? "relativeTime.shortMinute" : "relativeTime.minute", {
+      }) : u >= 1 ? a(c ? "relativeTime.shortHour" : "relativeTime.hour", {
         count: u
-      }) : D >= 1 ? a(c ? "relativeTime.shortSecond" : "relativeTime.second", {
+      }) : D >= 1 ? a(c ? "relativeTime.shortMinute" : "relativeTime.minute", {
         count: D
+      }) : l >= 1 ? a(c ? "relativeTime.shortSecond" : "relativeTime.second", {
+        count: l
       }) : a(c ? "relativeTime.shortJustNow" : "relativeTime.justNow");
     }
   };
 };
 export {
-  b as useDateUtils
+  k as useDateUtils
 };