@smart-factor/gem-ui-components 0.0.143 → 0.0.145

package/dist/SignEditor.js

@@ -2,7 +2,7 @@ import './assets/SignEditor.css';var N4 = Object.defineProperty;
 var I4 = (o, e, t) => e in o ? N4(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var Eu = (o, e, t) => I4(o, typeof e != "symbol" ? e + "" : e, t);
 import { jsx as Vt, jsxs as ia, Fragment as o_ } from "react/jsx-runtime";
-import { G as Ib, u as i_, a as rA, Q as uc, b as hs, c as Lp, D as KE, B as sp, d as ow, e as M4, z as Dc, f as a_, s as $E, I as Of, A as WE, F as O4, U as Ax, g as q4, h as R4, i as Q4, j as G4, T as V4, K as D4, k as H4 } from "./index-D8LvCb2N.js";
+import { G as Ib, u as i_, a as rA, Q as uc, b as hs, c as Lp, D as KE, B as sp, d as ow, e as M4, z as Dc, f as a_, s as $E, I as Of, A as WE, F as O4, U as Ax, g as q4, h as R4, i as Q4, j as G4, T as V4, K as D4, k as H4 } from "./index-D2k25Xjg.js";
 import { q as XE, s as Di, I as tu, J as r_, H as YE, S as lp } from "./Stack-Bsa5WF4E.js";
 import { createContext as U4, useContext as z4, useState as vl, useCallback as zu, useEffect as oc, useMemo as cp, useRef as K4 } from "react";
 import "react-dom";

package/dist/components/SessionModal/SessionModal.d.ts

@@ -5,6 +5,5 @@ export type SessionModalProps = {
     onSessionRenewed?: () => void;
     onSessionTerminated?: () => void;
     onSessionRenewClick?: () => void;
-    whitelist?: string[];
 };
 export declare const SessionModal: import('react').ComponentType<SessionModalProps>;

package/dist/components/SessionModal/useSessionModal.d.ts

@@ -0,0 +1,13 @@
+export type UseSessionModalOptions = {
+    activated?: boolean;
+    loginUrl?: string;
+};
+/**
+ * Session modal and redirect logic:
+ * - Listens to session events (storage + custom event)
+ * - Shows modal when session expires during current run
+ * - Redirects to login when page loaded with already-expired session
+ */
+export declare const useSessionModal: (whitelist?: string[], options?: UseSessionModalOptions) => {
+    showModal: boolean;
+};

package/dist/{index-D8LvCb2N.js → index-D2k25Xjg.js}

@@ -272953,6 +272953,24 @@ function withQueryClientProvider(s0) {
   const o0 = (r0) => /* @__PURE__ */ jsx(QueryClientProvider, { children: /* @__PURE__ */ jsx(s0, { ...r0 }) });
   return o0.displayName = `withQueryClientProvider(${s0.displayName || s0.name || "Component"})`, o0;
 }
+function useDidUpdate(s0, o0) {
+  const r0 = useRef(void 0), l0 = useRef(!1);
+  useEffect(() => {
+    if (!l0.current) {
+      l0.current = !0, r0.current = s0;
+      return;
+    }
+    const u0 = r0.current;
+    if (u0 !== s0)
+      try {
+        o0(u0, s0);
+      } finally {
+        r0.current = s0;
+      }
+    else
+      r0.current = s0;
+  }, [o0, s0]);
+}
 const ContentWrapper$1 = styled$1("div")(({ theme: s0 }) => ({
   padding: s0.spacing(3),
   display: "flex",
@@ -278023,54 +278041,6 @@ const o7 = class o7 {
 };
 Wl(o7, "SESSION_TERMINATED_REASON", "session-terminated");
 let SessionService = o7;
-const useSessionModalOpen = (s0, o0 = []) => {
-  const r0 = s0 && !o0.includes(window.location.pathname), [l0, u0] = React__default.useState(r0), i0 = useCallback(
-    (F0) => {
-      if (o0.includes(window.location.pathname)) {
-        u0(!1);
-        return;
-      }
-      switch (F0.status) {
-        case "EXPIRED":
-          console.info("[SessionModal] Session expired"), u0(!0);
-          break;
-        case "AUTHORIZED":
-          console.info("[SessionModal] Session authorized"), u0(!1);
-          break;
-      }
-    },
-    [o0]
-  );
-  return useEffect(() => {
-    const F0 = (W0) => i0(W0.detail), $0 = (W0) => {
-      if (W0.key === SESSION_LOCAL_STORAGE_KEY) {
-        const J0 = getSession();
-        i0(J0);
-      }
-    };
-    return window.addEventListener(SESSION_CHANGED_EVENT, F0), window.addEventListener("storage", $0), () => {
-      window.removeEventListener(SESSION_CHANGED_EVENT, F0), window.removeEventListener("storage", $0);
-    };
-  }, [i0]), l0;
-};
-function useDidUpdate(s0, o0) {
-  const r0 = useRef(void 0), l0 = useRef(!1);
-  useEffect(() => {
-    if (!l0.current) {
-      l0.current = !0, r0.current = s0;
-      return;
-    }
-    const u0 = r0.current;
-    if (u0 !== s0)
-      try {
-        o0(u0, s0);
-      } finally {
-        r0.current = s0;
-      }
-    else
-      r0.current = s0;
-  }, [o0, s0]);
-}
 function useSession() {
   const [s0, o0] = useState(
     () => SessionService.getSession()
@@ -278089,34 +278059,68 @@ function useSession() {
     };
   }, []), s0;
 }
-const SessionModalBase = ({
+const useSessionExpiredInCurrentRun = () => {
+  const { status: s0 } = useSession(), { current: o0 } = useRef(s0);
+  return o0 !== "EXPIRED" && s0 === "EXPIRED";
+}, useSessionModal = (s0 = [], o0 = {}) => {
+  const { activated: r0 = !0, loginUrl: l0 } = o0, { status: u0 } = useSession(), i0 = useSessionExpiredInCurrentRun(), [F0, $0] = useState(
+    () => u0 === "EXPIRED" && !s0.includes(window.location.pathname)
+  ), W0 = useCallback(
+    (c1) => {
+      if (s0.includes(window.location.pathname)) {
+        $0(!1);
+        return;
+      }
+      switch (c1.status) {
+        case "EXPIRED":
+          $0(!0);
+          break;
+        case "AUTHORIZED":
+          $0(!1);
+          break;
+      }
+    },
+    [s0]
+  );
+  useEffect(() => {
+    const c1 = (f1) => W0(f1.detail), X0 = (f1) => {
+      f1.key === SESSION_LOCAL_STORAGE_KEY && W0(getSession());
+    };
+    return window.addEventListener(SESSION_CHANGED_EVENT, c1), window.addEventListener("storage", X0), () => {
+      window.removeEventListener(SESSION_CHANGED_EVENT, c1), window.removeEventListener("storage", X0);
+    };
+  }, [W0]);
+  const J0 = r0 && F0 && i0, t1 = r0 && F0 && !i0;
+  return useEffect(() => {
+    t1 && l0 && (window.location.href = SessionService.buildLoginUrl(l0));
+  }, [t1, l0]), { showModal: J0 };
+}, SessionModalBase = ({
   activated: s0 = !0,
   loginUrl: o0,
   onSessionRenewClick: r0,
   onSessionRenewed: l0,
-  onSessionTerminated: u0,
-  whitelist: i0 = []
+  onSessionTerminated: u0
 }) => {
-  const F0 = SessionService.getLoginPathname(o0), $0 = [.../* @__PURE__ */ new Set([F0, ...i0])], { status: W0 } = useSession(), J0 = useSessionModalOpen(
-    W0 === "EXPIRED",
-    $0
-  ), t1 = s0 && J0, c1 = useTheme$2(), X0 = useMediaQuery(c1.breakpoints.down("sm")), f1 = useCallback(
-    (d1, g1) => {
-      g1 ? u0 == null || u0() : l0 == null || l0();
+  const i0 = SessionService.getLoginPathname(o0), F0 = useMemo(() => [i0], [i0]), { showModal: $0 } = useSessionModal(F0, {
+    activated: s0,
+    loginUrl: o0
+  }), W0 = useTheme$2(), J0 = useMediaQuery(W0.breakpoints.down("sm")), t1 = useCallback(
+    (X0, f1) => {
+      f1 ? u0 == null || u0() : l0 == null || l0();
     },
     [u0, l0]
   );
-  useDidUpdate(t1, f1);
-  const h1 = useCallback(() => {
+  useDidUpdate($0, t1);
+  const c1 = useCallback(() => {
     window.open(SessionService.buildLoginUrl(o0), "_blank"), r0 == null || r0();
   }, [o0, r0]);
   return /* @__PURE__ */ jsx(
     Dialog$2,
     {
-      open: t1,
+      open: $0,
       PaperProps: {
         sx: {
-          borderRadius: X0 ? 0 : 3,
+          borderRadius: J0 ? 0 : 3,
           boxShadow: 6,
           padding: 0,
           zIndex: 9999
@@ -278132,7 +278136,7 @@ const SessionModalBase = ({
             variant: "contained",
             color: "primary",
             startIcon: /* @__PURE__ */ jsx(LoginIcon, {}),
-            onClick: h1,
+            onClick: c1,
             sx: { mt: 1 },
             children: "Odnów sesję"
           }

package/dist/main.js

@@ -1,7 +1,7 @@
 import { jsx as d, jsxs as I, Fragment as We } from "react/jsx-runtime";
 import { P as l, R as Kn, U as Xn, V as Zn, W as Qn, y as eo, X as to, q as ne, T as Pe, Y as ro, Z as no, $ as oo, c as Tt, g as Ct, e as Se, A as Ee, k as $e, s as oe, l as Le, o as ce, t as so, a0 as Xr, D as ao, F as Z, N as Ae, a1 as io, a2 as co, a3 as Wt, a4 as qt, J as Oe, a5 as hr, a6 as lo, L as uo, w as ye, K as Ue, H as Zr, i as xt, I as le, a7 as fo, S as Jt, a8 as qe, _ as po } from "./Stack-Bsa5WF4E.js";
-import { l as ho, r as mo, L as go, m as bo, n as et, S as yo, o as vo, p as So, q as To, t as Co, v as Et, w as xo, x as wo, B as Be, j as Mo, d as mr, y as Oo, C as Qr, E as Ve, H as Je, J as Te, M as en, N as Po, O as ae, P as De, R as Eo, V as ve, W as Kt, X as mt, Y as tn, Z as Ie, _ as gt, $ as Ao, a0 as Xt, a1 as rn, a2 as $o, a3 as Lo, a4 as Do, a5 as L, a6 as Me, z as nn, b as Io, e as jo, G as _o, a7 as No, K as ko, a8 as Ro, a9 as se, aa as on, ab as Zt, i as sn, ac as je, ad as zo, ae as Yo, af as Bo, ag as Fo, F as Uo, ah as wt, ai as Vo, aj as Go, ak as Ho, al as an, am as Wo, an as cn, ao as ln, ap as qo, aq as Jo, ar as Ko, as as dn, at as Xo, au as Zo, av as Qo, aw as es, ax as ts, ay as rs, az as ns, aA as os, aB as ss, aC as as, h as is, aD as cs, aE as un, aF as fn, aG as pn, aH as tt, aI as ls, aJ as ds, aK as us } from "./index-D8LvCb2N.js";
-import { aW as Jf, b0 as Kf, A as Xf, D as Zf, aX as Qf, g as ep, aY as tp, aL as rp, I as np, aM as op, aN as sp, aO as ap, aP as ip, aQ as cp, aR as lp, aT as dp, T as up, U as fp, aZ as pp, a$ as hp, aV as mp, a_ as gp, aU as bp, aS as yp } from "./index-D8LvCb2N.js";
+import { l as ho, r as mo, L as go, m as bo, n as et, S as yo, o as vo, p as So, q as To, t as Co, v as Et, w as xo, x as wo, B as Be, j as Mo, d as mr, y as Oo, C as Qr, E as Ve, H as Je, J as Te, M as en, N as Po, O as ae, P as De, R as Eo, V as ve, W as Kt, X as mt, Y as tn, Z as Ie, _ as gt, $ as Ao, a0 as Xt, a1 as rn, a2 as $o, a3 as Lo, a4 as Do, a5 as L, a6 as Me, z as nn, b as Io, e as jo, G as _o, a7 as No, K as ko, a8 as Ro, a9 as se, aa as on, ab as Zt, i as sn, ac as je, ad as zo, ae as Yo, af as Bo, ag as Fo, F as Uo, ah as wt, ai as Vo, aj as Go, ak as Ho, al as an, am as Wo, an as cn, ao as ln, ap as qo, aq as Jo, ar as Ko, as as dn, at as Xo, au as Zo, av as Qo, aw as es, ax as ts, ay as rs, az as ns, aA as os, aB as ss, aC as as, h as is, aD as cs, aE as un, aF as fn, aG as pn, aH as tt, aI as ls, aJ as ds, aK as us } from "./index-D2k25Xjg.js";
+import { aW as Jf, b0 as Kf, A as Xf, D as Zf, aX as Qf, g as ep, aY as tp, aL as rp, I as np, aM as op, aN as sp, aO as ap, aP as ip, aQ as cp, aR as lp, aT as dp, T as up, U as fp, aZ as pp, a$ as hp, aV as mp, a_ as gp, aU as bp, aS as yp } from "./index-D2k25Xjg.js";
 import * as E from "react";
 import { useState as B, useCallback as de, useEffect as Q, useLayoutEffect as Ge, useMemo as te } from "react";
 import { e as hn, P as mn, i as fs } from "./Drawer-DbJg-t8M.js";

package/dist/services/auth/useSessionExpiredInCurrentRun.d.ts

@@ -0,0 +1 @@
+export declare const useSessionExpiredInCurrentRun: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smart-factor/gem-ui-components",
-  "version": "0.0.143",
+  "version": "0.0.145",
   "private": false,
   "description": "Gem UI Components",
   "type": "module",

package/dist/components/SessionModal/useSessionModalOpen.d.ts

@@ -1 +0,0 @@
-export declare const useSessionModalOpen: (initialValue: boolean, whitelist?: string[]) => boolean;