@layers-app/shared 0.4.5 → 0.4.6

package/dist/config/envConfig.js

@@ -1,60 +1,64 @@
-const o = () => {
+const i = () => {
   const n = typeof window > "u" ? void 0 : window;
   return n?.envConfig == null ? {} : n.envConfig;
 }, u = () => {
-  const { livekit: n } = o();
+  const { livekit: n } = i();
   return !!(n?.enabled && n.url);
 }, a = () => {
-  const { office: n } = o();
-  return !!(n?.enabled && n.url);
+  const { livekit: n } = i();
+  return !n?.enabled || !n.url ? !1 : n.callsEnabled ?? !0;
 }, f = () => {
-  const { office: n } = o();
+  const { office: n } = i();
+  return !!(n?.enabled && n.url);
+}, d = () => {
+  const { office: n } = i();
   return n?.enabled ? n.url : void 0;
-}, d = (n, t) => {
-  const e = n(o());
-  return e === void 0 ? t : e;
-}, m = (...n) => {
-  for (const t of n) {
-    if (typeof t != "string")
+}, m = (n, e) => {
+  const t = n(i());
+  return t === void 0 ? e : t;
+}, v = (...n) => {
+  for (const e of n) {
+    if (typeof e != "string")
       continue;
-    const e = t.trim();
-    if (e)
-      return e;
+    const t = e.trim();
+    if (t)
+      return t;
   }
-}, s = (n, { trailingSlash: t = !1 } = {}) => {
+}, s = (n, { trailingSlash: e = !1 } = {}) => {
   const r = n.trim().replace(/\/+$/, "");
-  return r ? t ? `${r}/` : r : t ? "/" : "";
-}, c = (n) => n == null ? "" : s(n), l = (n) => {
-  const t = n.trim().match(/^(\d+(?:\.\d+)?)\s*(KB|MB|GB|TB)$/i);
-  if (!t) return null;
-  const e = parseFloat(t[1]), r = t[2].toUpperCase(), i = {
+  return r ? e ? `${r}/` : r : e ? "/" : "";
+}, l = (n) => n == null ? "" : s(n), c = (n) => {
+  const e = n.trim().match(/^(\d+(?:\.\d+)?)\s*(KB|MB|GB|TB)$/i);
+  if (!e) return null;
+  const t = parseFloat(e[1]), r = e[2].toUpperCase(), o = {
     KB: 1024,
     MB: 1024 ** 2,
     GB: 1024 ** 3,
     TB: 1024 ** 4
   };
-  return Math.round(e * i[r]);
-}, v = () => {
-  const n = o().maxFileSize;
+  return Math.round(t * o[r]);
+}, B = () => {
+  const n = i().maxFileSize;
   if (n) {
-    const t = l(n);
-    if (t) return t;
+    const e = c(n);
+    if (e) return e;
   }
   return null;
-}, B = (n, t) => {
-  const e = t.startsWith("/") ? t : `/${t}`, r = c(n);
-  return r ? `${r}${e}` : e;
+}, g = (n, e) => {
+  const t = e.startsWith("/") ? e : `/${e}`, r = l(n);
+  return r ? `${r}${t}` : t;
 };
 export {
-  o as getEnvConfig,
-  d as getEnvValue,
-  v as getMaxUploadSize,
-  f as getOfficeUrl,
+  i as getEnvConfig,
+  m as getEnvValue,
+  B as getMaxUploadSize,
+  d as getOfficeUrl,
+  a as isLivekitCallsEnabled,
   u as isLivekitEnabled,
-  a as isOfficeEnabled,
-  B as joinBaseUrlPath,
-  c as normalizeBaseUrl,
+  f as isOfficeEnabled,
+  g as joinBaseUrlPath,
+  l as normalizeBaseUrl,
   s as normalizeUrl,
-  l as parseSizeToBytes,
-  m as resolveNonBlankString
+  c as parseSizeToBytes,
+  v as resolveNonBlankString
 };

package/dist/helpers/showNotifications.d.ts

@@ -9,6 +9,7 @@ export interface NotificationAction {
 export type ExtendedNotificationData = Omit<NotificationData, 'message'> & {
     message?: ReactNode;
     actions?: NotificationAction[];
+    bypassOfflineSuppression?: boolean;
 };
 export declare const showRequestNotifications: <Response, Request extends Promise<Response> = Promise<Response>>(request: Request, options?: {
     notifyId?: string;
@@ -16,6 +17,20 @@ export declare const showRequestNotifications: <Response, Request extends Promis
     errorMsg?: ((err: any) => MessageType) | MessageType;
 }) => Promise<any>;
 export declare const showMessageNotification: (props: ExtendedNotificationData) => void;
+export interface ChatToastProps {
+    id: string;
+    title: ReactNode;
+    body: ReactNode;
+    icon?: ReactNode;
+    onClick: () => void;
+}
+/**
+ * Chat/mention toast: a single clickable card (icon + 1-line title + 2-line
+ * clamped body). Clicking anywhere opens the conversation; the X dismisses.
+ * No action button — one tap, like a native notification. Re-showing the same
+ * id swaps the content in place rather than spamming a new card.
+ */
+export declare const showChatToast: ({ id, title, body, icon, onClick }: ChatToastProps) => void;
 export declare const updateMessageNotification: (props: ExtendedNotificationData & {
     id: string;
 }) => void;

package/dist/helpers/showNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"showNotifications.d.ts","sourceRoot":"","sources":["../../src/helpers/showNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,OAAO,EAAE,gBAAgB,EAAiB,MAAM,wBAAwB,CAAC;AAOzE,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAetD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC,CAAC;AA4BF,eAAO,MAAM,wBAAwB,GACnC,QAAQ,EACR,OAAO,SAAS,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAErD,SAAS,OAAO,EAChB,UAAS;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;CACjD,iBA+BP,CAAC;AAkCF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAwBF,eAAO,MAAM,yBAAyB,GACpC,OAAO,wBAAwB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,SAMjD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,wBAAwB,SAMpE,CAAC"}
+{"version":3,"file":"showNotifications.d.ts","sourceRoot":"","sources":["../../src/helpers/showNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlC,OAAO,EAAE,gBAAgB,EAAiB,MAAM,wBAAwB,CAAC;AAOzE,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAetD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AA4BF,eAAO,MAAM,wBAAwB,GACnC,QAAQ,EACR,OAAO,SAAS,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAErD,SAAS,OAAO,EAChB,UAAS;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;CACjD,iBA+BP,CAAC;AA0CF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AASD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,oCAAoC,cAAc,SA8C/E,CAAC;AAwBF,eAAO,MAAM,yBAAyB,GACpC,OAAO,wBAAwB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,SAMjD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,wBAAwB,SAMpE,CAAC"}

package/dist/helpers/showNotifications.js

@@ -1,76 +1,117 @@
-import { jsxs as I, jsx as e } from "react/jsx-runtime";
-import { InformationCircleIcon as N, CheckmarkCircle02Icon as y, Alert01Icon as B, Alert02Icon as O } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as a } from "@hugeicons/react";
-import { Box as u, Button as b } from "@mantine/core";
-import { notifications as h } from "@mantine/notifications";
-import { isFunction as f, isObject as d } from "lodash-es";
-import { isOfflineSuppressed as z } from "./offlineSuppression.js";
-import l from "./showNotifications.module.css.js";
-let M = 0;
-const S = /* @__PURE__ */ e(a, { icon: y, size: 14, color: "white" }), k = /* @__PURE__ */ e(a, { icon: O, size: 14, color: "white" }), x = /* @__PURE__ */ e(a, { icon: B, size: 14, color: "white" }), p = /* @__PURE__ */ e(a, { icon: N, size: 14, color: "white" }), w = (o, t) => t?.length ? /* @__PURE__ */ I(u, { children: [
-  /* @__PURE__ */ e(u, { children: o }),
-  /* @__PURE__ */ e(u, { className: l.actions, children: t.map((i, s) => /* @__PURE__ */ e(
-    b,
+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,
     {
       size: "compact-sm",
-      variant: i.variant ?? "default",
-      onClick: i.onClick,
+      variant: s.variant ?? "default",
+      onClick: s.onClick,
       radius: "md",
-      children: i.label
+      children: s.label
     },
-    s
+    e
   )) })
-] }) : o, D = (o, t = {}) => {
-  const { successMsg: i, errorMsg: s } = t;
-  return o.then((c) => {
-    if (i) {
-      const n = f(i) ? i(c) : i, r = {
+] }) : o, J = (o, t = {}) => {
+  const { successMsg: s, errorMsg: e } = t;
+  return o.then((i) => {
+    if (s) {
+      const n = C(s) ? s(i) : s, a = {
         id: t.notifyId,
-        ...d(n) ? n : { message: n }
+        ...g(n) ? n : { message: n }
       };
-      v(r);
+      P(a);
     }
-    return c;
-  }).catch((c) => {
-    if (s) {
-      const n = f(s) ? s(c) : s, r = {
+    return i;
+  }).catch((i) => {
+    if (e) {
+      const n = C(e) ? e(i) : e, a = {
         id: t.notifyId,
-        ...d(n) ? n : { message: n }
+        ...g(n) ? n : { message: n }
       };
-      q(r);
+      R(a);
     }
-    return c;
+    return i;
   });
-}, g = {
-  root: l.root,
-  icon: l.icon,
-  title: l.title,
-  description: l.description
-}, m = (o, t) => {
-  const { actions: i, message: s, onClose: c, ...n } = o, r = `ntf-${++M}`, C = n.id ?? r;
-  h.show({
+}, y = {
+  root: c.root,
+  icon: c.icon,
+  title: c.title,
+  description: c.description
+}, f = (o, t) => {
+  const {
+    actions: s,
+    message: e,
+    onClose: i,
+    bypassOfflineSuppression: n,
+    ...a
+  } = o, h = `ntf-${++v}`, B = a.id ?? h;
+  u.show({
     color: t.color,
     radius: 12,
     p: "sm",
-    ...n,
-    id: C,
-    icon: t.icon,
+    ...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,
     withCloseButton: !0,
     withBorder: !0,
-    classNames: g,
+    classNames: y,
     onClose: () => {
-      c?.(o);
+      i?.(o);
     },
-    message: w(s, i)
+    message: I(e, s)
   });
-}, G = (o) => {
-  m(o, {
+}, L = (o) => {
+  f(o, {
     color: "blue",
-    icon: p
+    icon: N
   });
-}, j = (o, t) => {
-  const { actions: i, message: s, onClose: c, ...n } = o;
-  h.update({
+}, 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,
+    {
+      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
+    },
+    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: t.color,
     radius: 12,
     p: "sm",
@@ -78,38 +119,39 @@ const S = /* @__PURE__ */ e(a, { icon: y, size: 14, color: "white" }), k = /* @_
     icon: t.icon,
     withCloseButton: !0,
     withBorder: !0,
-    classNames: g,
+    classNames: y,
     onClose: () => {
-      c?.(o);
+      i?.(o);
     },
-    message: w(s, i)
+    message: I(e, s)
   });
-}, J = (o) => {
-  j(o, {
+}, V = (o) => {
+  E(o, {
     color: "var(--mantine-color-blue-outline)",
-    icon: p
+    icon: N
   });
-}, v = (o) => {
-  m(o, {
+}, P = (o) => {
+  f(o, {
     color: "green",
-    icon: S
+    icon: j
   });
-}, K = (o) => {
-  m(o, {
+}, X = (o) => {
+  f(o, {
     color: "yellow",
-    icon: x
+    icon: W
   });
-}, q = (o) => {
-  z() || m(o, {
+}, R = (o) => {
+  !o.bypassOfflineSuppression && M() || f(o, {
     color: "red",
-    icon: k
+    icon: q
   });
 };
 export {
-  q as showErrorNotification,
-  G as showMessageNotification,
-  D as showRequestNotifications,
-  v as showSuccessNotification,
-  K as showWarningNotification,
-  J as updateMessageNotification
+  Q as showChatToast,
+  R as showErrorNotification,
+  L as showMessageNotification,
+  J as showRequestNotifications,
+  P as showSuccessNotification,
+  X as showWarningNotification,
+  V as updateMessageNotification
 };

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

@@ -1,13 +1,25 @@
-const t = "_root_zr3bj_1", o = "_icon_zr3bj_15", c = "_title_zr3bj_49", s = "_description_zr3bj_65", i = "_actions_zr3bj_77", n = {
+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 = {
   root: t,
   icon: o,
   title: c,
   description: s,
-  actions: i
+  actions: a,
+  chatToastRoot: _,
+  chatToast: n,
+  chatToastIcon: w,
+  chatToastTitle: T,
+  chatToastBody: d,
+  chatToastClose: h
 };
 export {
-  i as actions,
-  n as default,
+  a as actions,
+  n as chatToast,
+  d as chatToastBody,
+  h as chatToastClose,
+  w as chatToastIcon,
+  _ as chatToastRoot,
+  T as chatToastTitle,
+  i as default,
   s as description,
   o as icon,
   t as root,

package/dist/hooks/useUiPref.d.ts

@@ -0,0 +1,2 @@
+export declare function useUiPref<T>(key: string, defaultValue: T): readonly [T, (next: T | ((prev: T) => T)) => void];
+//# sourceMappingURL=useUiPref.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUiPref.d.ts","sourceRoot":"","sources":["../../src/hooks/useUiPref.ts"],"names":[],"mappings":"AA4GA,wBAAgB,SAAS,CAAC,CAAC,EACzB,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,CAAC,GACd,SAAS,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAiDpD"}

package/dist/hooks/useUiPref.js

@@ -0,0 +1,80 @@
+import { useCallback as i, useSyncExternalStore as E, useEffect as v } from "react";
+import { getEnvConfig as b } from "../config/envConfig.js";
+const p = "layers.uiPref.", c = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Set();
+let u = !1;
+function U(t, e) {
+  if (typeof window > "u") return e;
+  try {
+    const n = window.localStorage.getItem(p + t);
+    return n == null ? e : JSON.parse(n);
+  } catch {
+    return e;
+  }
+}
+function h(t, e) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(p + t, JSON.stringify(e));
+    } catch {
+    }
+}
+function w(t) {
+  a.get(t)?.forEach((e) => e());
+}
+function S(t) {
+  const e = b().apiBaseUrl;
+  return e ? e.replace(/\/+$/, "") + t : t;
+}
+function d(t, e) {
+  if (c.has(t)) return c.get(t);
+  const n = U(t, e);
+  return c.set(t, n), n;
+}
+function j() {
+  u || typeof window > "u" || (u = !0, fetch(S("/v1/ui-prefs"), {
+    credentials: "include",
+    headers: { Accept: "application/json" }
+  }).then((t) => {
+    if (!t.ok) throw new Error(String(t.status));
+    return t.json();
+  }).then((t) => {
+    Object.entries(t ?? {}).forEach(([e, n]) => {
+      l.has(e) || (c.set(e, n), h(e, n), w(e));
+    });
+  }).catch(() => {
+  }));
+}
+function O(t, e) {
+  const n = i(
+    (o) => {
+      let r = a.get(t);
+      return r || (r = /* @__PURE__ */ new Set(), a.set(t, r)), r.add(o), () => {
+        r?.delete(o);
+      };
+    },
+    [t]
+  ), f = i(
+    () => d(t, e),
+    [t, e]
+  ), g = E(n, f, f);
+  v(() => {
+    j();
+  }, []);
+  const m = i(
+    (o) => {
+      const r = d(t, e), s = typeof o == "function" ? o(r) : o;
+      l.add(t), c.set(t, s), h(t, s), w(t), fetch(S(`/v1/ui-prefs/${encodeURIComponent(t)}`), {
+        method: "PUT",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(s)
+      }).catch(() => {
+      });
+    },
+    [t, e]
+  );
+  return [g, m];
+}
+export {
+  O as useUiPref
+};