@ilivemylife/react-sdk 0.1.0

package/README.md

@@ -0,0 +1,37 @@
+# @ilivemylife/react-sdk
+
+Bring **[iLiveMyLife](https://iLiveMyLife.io)** into your web app: let people **sign in with their
+iLiveMyLife account** and **chat inside your product** — one small React client.
+
+## What is iLiveMyLife?
+
+[iLiveMyLife](https://iLiveMyLife.io) is a collaborative **knowledge graph**: your information as
+nodes you own, with real-time sync, sharing, an AI assistant (Lifebot), and an open API. One account
+travels across every app built on the platform — and the data stays with its owner.
+
+This package is the **React client** that brings two of those capabilities into *your* app:
+
+- **Single sign-on** — people log in with their iLiveMyLife account; no passwords for you to store.
+- **In-app messenger** — a real chat inside your product, backed by the graph.
+
+## Become a partner
+
+We're opening the platform to partner sites. Want iLiveMyLife login and messaging inside your app?
+We onboard partners individually — **[get in touch on DigitalTwins.team](https://digitaltwins.team/in/ilya-sorokin)** and we'll set you up.
+
+## Part of the iLiveMyLife platform
+
+- **[iLiveMyLife.io](https://iLiveMyLife.io)** · **[app.iLiveMyLife.io](https://app.iLiveMyLife.io)** — the platform and the web app.
+- **[`@ilivemylife/graph-sdk`](https://www.npmjs.com/package/@ilivemylife/graph-sdk)** — read and write the graph from code, the terminal, or an AI assistant (SDK + CLI + MCP server).
+- Built on iLiveMyLife: **[DigitalTwins.team](https://digitaltwins.team)** · **[BasicNeeds.me](https://basicneeds.me)**.
+
+## Author
+
+Built by **Ilya Sorokin** — founder of iLiveMyLife and [DigitalTwins.team](https://digitaltwins.team).
+
+**Profile & message me:** [digitaltwins.team/in/ilya-sorokin](https://digitaltwins.team/in/ilya-sorokin) — contact, links (LinkedIn included), and a direct chat, running on this very SDK.
+
+## License
+
+© 2026 Ilya Sorokin. All rights reserved. Proprietary software, published for use with the
+iLiveMyLife platform. For licensing or partnership inquiries, contact the author.

package/dist/index.cjs

@@ -0,0 +1,669 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  IlmlButton: () => IlmlButton,
+  IlmlChat: () => IlmlChat,
+  IlmlChatWidget: () => IlmlChatWidget,
+  getIlmlToken: () => getIlmlToken,
+  getSsoLoginUrl: () => getSsoLoginUrl,
+  isValidSsoOrigin: () => isValidSsoOrigin,
+  popupCenterParams: () => popupCenterParams,
+  signOutIlmlSession: () => signOutIlmlSession,
+  useIlmlProfile: () => useIlmlProfile,
+  useIlmlSession: () => useIlmlSession,
+  useIlmlSessionState: () => useIlmlSessionState,
+  useIlmlSso: () => useIlmlSso
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/ssoHelpers.ts
+function getSsoLoginUrl(ssoUrl, options = {}) {
+  const { addTimestamp = true, route = "", clientId } = options;
+  const baseUrl = route ? `${ssoUrl}/${route}` : ssoUrl;
+  const params = new URLSearchParams();
+  if (addTimestamp) {
+    params.append("timestamp", Date.now().toString());
+  }
+  if (clientId) {
+    params.append("client_id", clientId);
+  }
+  const queryString = params.toString();
+  return queryString ? `${baseUrl}?${queryString}` : baseUrl;
+}
+function popupCenterParams(width, height) {
+  return {
+    left: window.screen.width / 2 - width / 2,
+    top: window.screen.height / 2 - height / 2
+  };
+}
+function isValidSsoOrigin(event, ssoUrl) {
+  try {
+    const expectedOrigin = new URL(ssoUrl).origin;
+    return event.origin === expectedOrigin;
+  } catch {
+    return false;
+  }
+}
+
+// src/useIlmlSso.ts
+var import_react = require("react");
+var MESSENGER_TYPES = ["messengerReady", "messengerInitialized"];
+function useIlmlSso(opts) {
+  const {
+    ssoUrl,
+    ssoRoute,
+    clientId,
+    onSsoData,
+    onError,
+    onClose,
+    responseType = "loginSuccess",
+    windowName = "ilmlSsoLogin",
+    width = 500,
+    height = 700
+  } = opts;
+  const loginWindowRef = (0, import_react.useRef)(null);
+  const processingRef = (0, import_react.useRef)(false);
+  const openLogin = (0, import_react.useCallback)(() => {
+    if (loginWindowRef.current && !loginWindowRef.current.closed) {
+      loginWindowRef.current.focus();
+      return;
+    }
+    processingRef.current = false;
+    const url = getSsoLoginUrl(ssoUrl, { route: ssoRoute, clientId });
+    const pos = popupCenterParams(width, height);
+    const popup = window.open(
+      url,
+      windowName,
+      `width=${width},height=${height},toolbar=no,location=no,directories=no,status=no,menubar=no,copyhistory=no,top=${pos.top},left=${pos.left}`
+    );
+    loginWindowRef.current = popup;
+    if (!onClose) return;
+    if (!popup) {
+      onClose();
+      return;
+    }
+    const poll = window.setInterval(() => {
+      if (popup.closed) {
+        window.clearInterval(poll);
+        if (!processingRef.current) onClose();
+      }
+    }, 300);
+  }, [ssoUrl, ssoRoute, clientId, windowName, width, height, onClose]);
+  const onMessage = (0, import_react.useCallback)(
+    async (event) => {
+      if (!isValidSsoOrigin(event, ssoUrl)) return;
+      if (MESSENGER_TYPES.includes(event.data?.type)) return;
+      let parsed;
+      try {
+        parsed = JSON.parse(event.data?.type);
+      } catch {
+        return;
+      }
+      if (parsed?.name === "loginError") {
+        onError?.("loginError");
+        return;
+      }
+      if (parsed?.name === "signupError") {
+        onError?.("signupError");
+        return;
+      }
+      if (parsed?.name === responseType) {
+        if (processingRef.current) return;
+        processingRef.current = true;
+        const data = event.data?.data;
+        if (data?.accessToken) {
+          try {
+            localStorage.setItem("walletAccessToken", data.accessToken);
+          } catch {
+          }
+        }
+        if (loginWindowRef.current && !loginWindowRef.current.closed) {
+          loginWindowRef.current.close();
+        }
+        await onSsoData(data ?? {});
+      }
+    },
+    [ssoUrl, responseType, onSsoData, onError]
+  );
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("message", onMessage);
+    return () => window.removeEventListener("message", onMessage);
+  }, [onMessage]);
+  return { openLogin };
+}
+
+// src/IlmlChat.tsx
+var import_react2 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function IlmlChat({ ssoUrl, nodeId, token, isNodeReady, className, style }) {
+  const iframeRef = (0, import_react2.useRef)(null);
+  const mountedRef = (0, import_react2.useRef)(true);
+  const [loading, setLoading] = (0, import_react2.useState)(true);
+  (0, import_react2.useEffect)(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    setLoading(true);
+  }, [nodeId]);
+  const expectedOrigin = (() => {
+    try {
+      return new URL(ssoUrl).origin;
+    } catch {
+      return "";
+    }
+  })();
+  const resolveToken = (0, import_react2.useCallback)(() => {
+    if (token != null) return token;
+    try {
+      return localStorage.getItem("walletAccessToken");
+    } catch {
+      return null;
+    }
+  }, [token]);
+  const handshake = (0, import_react2.useCallback)(async () => {
+    if (isNodeReady) {
+      for (let attempt = 0; attempt < 15; attempt++) {
+        if (!mountedRef.current) return;
+        if (await isNodeReady(nodeId)) break;
+        await new Promise((resolve) => setTimeout(resolve, 1e3));
+      }
+    }
+    const win = iframeRef.current?.contentWindow;
+    if (!mountedRef.current || !win) return;
+    win.postMessage({ type: "initMessenger", token: resolveToken() }, expectedOrigin);
+    setLoading(false);
+  }, [isNodeReady, nodeId, resolveToken, expectedOrigin]);
+  const handleMessage = (0, import_react2.useCallback)(
+    (event) => {
+      if (!expectedOrigin || event.origin !== expectedOrigin) return;
+      const { type } = event.data || {};
+      if (type === "messengerReady") void handshake();
+      else if (type === "messengerInitialized") setLoading(false);
+    },
+    [expectedOrigin, handshake]
+  );
+  (0, import_react2.useEffect)(() => {
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [handleMessage]);
+  const iframeUrl = `${ssoUrl}/embed/app?node=${encodeURIComponent(nodeId)}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className, style: { position: "relative", ...style }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "iframe",
+      {
+        ref: iframeRef,
+        src: iframeUrl,
+        title: "iLiveMyLife Chat",
+        style: { width: "100%", height: "100%", border: "none" },
+        allow: "microphone; camera",
+        sandbox: "allow-scripts allow-same-origin allow-forms allow-popups"
+      }
+    ),
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 10,
+          background: "#fff",
+          color: "#64748b",
+          fontSize: 13
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: "@keyframes ilml-chat-spin{to{transform:rotate(360deg)}}" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              style: {
+                width: 22,
+                height: 22,
+                border: "2px solid #e2e8f0",
+                borderTopColor: "#0178d4",
+                borderRadius: "50%",
+                animation: "ilml-chat-spin 0.8s linear infinite"
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Loading chat\u2026" })
+        ]
+      }
+    ) : null
+  ] });
+}
+
+// src/IlmlChatWidget.tsx
+var import_react3 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var iconBtn = {
+  background: "none",
+  border: "none",
+  cursor: "pointer",
+  color: "rgba(255,255,255,0.82)",
+  fontSize: 14,
+  lineHeight: 1,
+  padding: "2px 6px",
+  borderRadius: 4,
+  textDecoration: "none",
+  display: "inline-flex",
+  alignItems: "center"
+};
+function IlmlChatWidget({
+  ssoUrl,
+  nodeId,
+  token,
+  title,
+  onClose,
+  onMinimize,
+  isNodeReady,
+  allowFullscreen = true,
+  allowTall = true,
+  accentColor = "#0178d4",
+  className,
+  style
+}) {
+  const [expanded, setExpanded] = (0, import_react3.useState)(false);
+  const [tall, setTall] = (0, import_react3.useState)(false);
+  const openInAppUrl = `${ssoUrl}/item/${encodeURIComponent(nodeId)}`;
+  const dockStyle = {
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    height: "70vh",
+    maxHeight: 520,
+    width: "92vw",
+    maxWidth: 360,
+    borderRadius: 16,
+    background: "#fff",
+    boxShadow: "0 20px 50px rgba(0,0,0,0.25)",
+    ...style,
+    // Tall mode wins over any consumer height in `style`: fill (almost) the whole viewport height,
+    // leaving a small margin, at the docked width.
+    ...tall ? { height: "94vh", maxHeight: "94vh" } : {}
+  };
+  const fullStyle = {
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    position: "fixed",
+    inset: 0,
+    zIndex: 1400,
+    background: "#fff"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: expanded ? void 0 : className, style: expanded ? fullStyle : dockStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 4,
+          padding: "8px 12px",
+          background: accentColor,
+          color: "#fff",
+          flexShrink: 0
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "button",
+            {
+              onClick: onMinimize,
+              disabled: !onMinimize,
+              title: onMinimize ? "Minimize" : void 0,
+              style: {
+                ...iconBtn,
+                flex: 1,
+                minWidth: 0,
+                textAlign: "left",
+                color: "#fff",
+                fontWeight: 600,
+                fontSize: 14,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                display: "block",
+                cursor: onMinimize ? "pointer" : "default"
+              },
+              children: title || "Chat"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href: openInAppUrl, target: "_blank", rel: "noopener", title: "Open in iLiveMyLife", style: iconBtn, children: "\u2197" }),
+          allowTall && !expanded ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: () => setTall((v) => !v), title: tall ? "Restore height" : "Full height", style: iconBtn, children: "\u2195" }) : null,
+          allowFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: () => setExpanded((v) => !v), title: expanded ? "Restore" : "Full screen", style: iconBtn, children: expanded ? "\u2750" : "\u26F6" }) : null,
+          onMinimize ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: onMinimize, title: "Minimize", style: iconBtn, children: "\u2014" }) : null,
+          onClose ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: onClose, title: "Close", style: { ...iconBtn, fontSize: 18 }, children: "\xD7" }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(IlmlChat, { ssoUrl, nodeId, token, isNodeReady, style: { flex: 1, minHeight: 0 } })
+  ] });
+}
+
+// src/IlmlButton.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function IlmlButton({
+  href,
+  onClick,
+  disabled,
+  target,
+  rel,
+  type = "button",
+  className,
+  style,
+  children
+}) {
+  const cls = `ilml-btn${className ? ` ${className}` : ""}`;
+  if (href) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href, onClick, target, rel, className: cls, style, "aria-disabled": disabled || void 0, children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type, onClick, disabled, className: cls, style, children });
+}
+
+// src/useIlmlProfile.ts
+var import_react4 = require("react");
+var DEFAULT_GRAPHQL_URL = "https://api.ilivemylife.io/graphql/v1";
+var ME_QUERY = "{ me { id displayName fullName email currentAvatar { uri } } }";
+function useIlmlProfile(token, opts = {}) {
+  const graphqlUrl = opts.graphqlUrl || DEFAULT_GRAPHQL_URL;
+  const [state, setState] = (0, import_react4.useState)({
+    profile: null,
+    loading: false,
+    invalid: false
+  });
+  (0, import_react4.useEffect)(() => {
+    if (!token) {
+      setState({ profile: null, loading: false, invalid: false });
+      return;
+    }
+    let alive = true;
+    setState((s) => ({ ...s, loading: true, invalid: false }));
+    (async () => {
+      try {
+        const res = await fetch(graphqlUrl, {
+          method: "POST",
+          headers: { "content-type": "application/json", "access-token": token },
+          body: JSON.stringify({ query: ME_QUERY })
+        });
+        if (!alive) return;
+        const json = await res.json().catch(() => null);
+        const me = json?.data?.me;
+        if (me?.id) {
+          setState({
+            profile: {
+              id: me.id,
+              name: me.displayName || me.fullName || me.email || "Account",
+              avatar: me.currentAvatar?.uri || void 0,
+              email: me.email
+            },
+            loading: false,
+            invalid: false
+          });
+          return;
+        }
+        const code = json?.errors?.[0]?.extensions?.code;
+        const authFailed = code === "UNAUTHENTICATED" || res.status === 401 || res.status === 403;
+        setState({ profile: null, loading: false, invalid: authFailed });
+      } catch {
+        if (alive) setState({ profile: null, loading: false, invalid: false });
+      }
+    })();
+    return () => {
+      alive = false;
+    };
+  }, [token, graphqlUrl]);
+  return state;
+}
+
+// src/useIlmlSession.ts
+var import_react5 = require("react");
+var ME_QUERY2 = "{ me { id displayName fullName email currentAvatar { uri } } }";
+var ACCESS_TOKEN_HEADER = "access-token";
+var cfg = null;
+function configure(opts) {
+  if (cfg) return;
+  cfg = {
+    graphqlUrl: opts.graphqlUrl,
+    onNewToken: opts.onNewToken,
+    tokenKey: opts.tokenKey || "walletAccessToken",
+    profileKey: opts.profileKey || "ilmlProfile"
+  };
+}
+function getItem(key) {
+  try {
+    return typeof window !== "undefined" ? window.localStorage.getItem(key) : null;
+  } catch {
+    return null;
+  }
+}
+function setItem(key, value) {
+  try {
+    window.localStorage.setItem(key, value);
+  } catch {
+  }
+}
+function removeItem(key) {
+  try {
+    window.localStorage.removeItem(key);
+  } catch {
+  }
+}
+function readToken() {
+  return cfg ? getItem(cfg.tokenKey) : null;
+}
+function readCachedProfile() {
+  if (!cfg) return null;
+  const raw = getItem(cfg.profileKey);
+  if (!raw) return null;
+  try {
+    return JSON.parse(raw);
+  } catch {
+    return null;
+  }
+}
+var sessionCache = { token: null, profile: null };
+var firedTokens = /* @__PURE__ */ new Set();
+function fireNewToken(token) {
+  if (!cfg?.onNewToken || firedTokens.has(token)) return;
+  firedTokens.add(token);
+  try {
+    const r = cfg.onNewToken(token);
+    if (r && typeof r.then === "function") {
+      r.then(void 0, () => firedTokens.delete(token));
+    }
+  } catch {
+    firedTokens.delete(token);
+  }
+}
+var sessionListeners = /* @__PURE__ */ new Set();
+var sessionReady = false;
+var sessionInitialized = false;
+function notifySession() {
+  sessionListeners.forEach((cb) => cb());
+}
+function subscribeSession(cb) {
+  sessionListeners.add(cb);
+  return () => {
+    sessionListeners.delete(cb);
+  };
+}
+function setSessionToken(token) {
+  const tokenKey = cfg?.tokenKey || "walletAccessToken";
+  const profileKey = cfg?.profileKey || "ilmlProfile";
+  if (token) {
+    setItem(tokenKey, token);
+    fireNewToken(token);
+  } else {
+    removeItem(tokenKey);
+    removeItem(profileKey);
+    sessionCache.profile = null;
+  }
+  sessionCache.token = token;
+  notifySession();
+}
+function signOutIlmlSession() {
+  setSessionToken(null);
+}
+function getIlmlToken() {
+  return sessionCache.token ?? readToken();
+}
+function initSessionOnce() {
+  if (sessionInitialized || typeof window === "undefined" || !cfg) return;
+  sessionInitialized = true;
+  const t = readToken();
+  sessionCache.token = t;
+  if (t && !sessionCache.profile) sessionCache.profile = readCachedProfile();
+  if (t) fireNewToken(t);
+  sessionReady = true;
+  window.addEventListener("storage", (e) => {
+    if (!cfg || e.key !== cfg.tokenKey) return;
+    const next = readToken();
+    if (next === sessionCache.token) return;
+    sessionCache.token = next;
+    if (!next) sessionCache.profile = null;
+    else fireNewToken(next);
+    notifySession();
+  });
+  notifySession();
+}
+var profileState = { token: null, profile: null, loading: false, invalid: false };
+var profileListeners = /* @__PURE__ */ new Set();
+var profileLatestToken = null;
+function subscribeProfile(cb) {
+  profileListeners.add(cb);
+  return () => {
+    profileListeners.delete(cb);
+  };
+}
+function notifyProfile() {
+  profileListeners.forEach((cb) => cb());
+}
+async function ensureProfile(token) {
+  if (!cfg) return;
+  const t = token || null;
+  if (!t) {
+    profileLatestToken = null;
+    if (profileState.token !== null || profileState.profile) {
+      profileState = { token: null, profile: null, loading: false, invalid: false };
+      notifyProfile();
+    }
+    return;
+  }
+  if (profileState.token === t && profileState.profile && !profileState.loading) return;
+  if (profileState.token === t && profileState.invalid) return;
+  if (profileLatestToken === t && profileState.loading) return;
+  profileLatestToken = t;
+  profileState = { token: t, profile: profileState.token === t ? profileState.profile : null, loading: true, invalid: false };
+  notifyProfile();
+  try {
+    const res = await fetch(cfg.graphqlUrl, {
+      method: "POST",
+      headers: { "content-type": "application/json", [ACCESS_TOKEN_HEADER]: t },
+      body: JSON.stringify({ query: ME_QUERY2 })
+    });
+    const json = await res.json().catch(() => null);
+    if (profileLatestToken !== t) return;
+    const me = json?.data?.me;
+    if (me?.id) {
+      const profile = {
+        id: me.id,
+        name: me.displayName || me.fullName || me.email || "Account",
+        avatar: me.currentAvatar?.uri || void 0,
+        email: me.email
+      };
+      sessionCache.profile = profile;
+      setItem(cfg.profileKey, JSON.stringify(profile));
+      profileState = { token: t, profile, loading: false, invalid: false };
+    } else {
+      const code = json?.errors?.[0]?.extensions?.code;
+      const authFailed = code === "UNAUTHENTICATED" || res.status === 401 || res.status === 403;
+      profileState = { token: t, profile: null, loading: false, invalid: authFailed };
+      if (authFailed) setSessionToken(null);
+    }
+  } catch {
+    if (profileLatestToken !== t) return;
+    profileState = { token: t, profile: profileState.profile, loading: false, invalid: false };
+  } finally {
+    if (profileLatestToken === t) notifyProfile();
+  }
+}
+function useIlmlSessionState() {
+  const token = (0, import_react5.useSyncExternalStore)(subscribeSession, () => sessionCache.token, () => null);
+  const ready = (0, import_react5.useSyncExternalStore)(subscribeSession, () => sessionReady, () => false);
+  const profileSnap = (0, import_react5.useSyncExternalStore)(subscribeProfile, () => profileState, () => profileState);
+  (0, import_react5.useEffect)(() => {
+    initSessionOnce();
+  }, []);
+  (0, import_react5.useEffect)(() => {
+    ensureProfile(token);
+  }, [token]);
+  (0, import_react5.useEffect)(() => {
+    if (sessionCache.token) fireNewToken(sessionCache.token);
+  }, []);
+  const t = token || null;
+  const profile = profileSnap.token === t ? profileSnap.profile : null;
+  return {
+    token,
+    isLoggedIn: !!token,
+    ready,
+    // Fresh `me` wins; the cached profile fills the gap while the first fetch is in flight.
+    profile: profile || (t ? sessionCache.profile : null),
+    profileLoading: profileSnap.loading,
+    profileInvalid: profileSnap.invalid
+  };
+}
+function useIlmlSession(opts) {
+  configure(opts);
+  const state = useIlmlSessionState();
+  const { openLogin } = useIlmlSso({
+    ssoUrl: opts.ssoUrl,
+    ssoRoute: opts.ssoRoute,
+    clientId: opts.clientId,
+    onSsoData: (data) => {
+      setSessionToken(data?.accessToken || readToken());
+    },
+    onClose: opts.onLoginClose
+  });
+  const logout = (0, import_react5.useCallback)(() => setSessionToken(null), []);
+  return { ...state, login: openLogin, logout };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IlmlButton,
+  IlmlChat,
+  IlmlChatWidget,
+  getIlmlToken,
+  getSsoLoginUrl,
+  isValidSsoOrigin,
+  popupCenterParams,
+  signOutIlmlSession,
+  useIlmlProfile,
+  useIlmlSession,
+  useIlmlSessionState,
+  useIlmlSso
+});