@stack-spot/auth-react 1.0.0

package/out/index.d.ts

@@ -0,0 +1,44 @@
+import { AuthManager, Session, ThirdPartyLoginParams, AuthConfig } from '@stack-spot/auth';
+
+interface SessionManagerConfig extends Pick<AuthConfig, 'accountUrl' | 'authUrl' | 'clientId' | 'defaultTenant' | 'redirectUrl'> {
+    loginUrl: string;
+    rdUrl?: string;
+}
+type AuthExtraData = {
+    from?: string | null;
+    finalRedirect?: string | null;
+};
+type ChangeListener = (session: Session | undefined) => void;
+/**
+ * Controls the current session in a browser.
+ *
+ * This should not be used under a Node.JS environment.
+ *
+ * This is a singleton. To create the first instance or recover the current one, use `SessionManager.create`.
+ */
+declare class SessionManager {
+    private current;
+    readonly auth: AuthManager<AuthExtraData>;
+    private config;
+    private changeListeners;
+    static instance: SessionManager;
+    private constructor();
+    static create(config: SessionManagerConfig): SessionManager;
+    private setSession;
+    restoreSession(): Promise<void>;
+    hasSession(): boolean;
+    getSession(): Session;
+    endSession(redirectToLogin?: boolean): void;
+    logout(): Promise<void>;
+    startThirdPartyLogin(data: ThirdPartyLoginParams): Promise<void>;
+    urlHasThirdPartyLoginData(): boolean;
+    completeThirdPartyLogin(): Promise<void>;
+    getEmailForLogin(): string;
+    onChange(listener: ChangeListener): () => void;
+    private persistSessionEmailCookie;
+    private sendLoginEventRd;
+}
+
+declare function useSession(): Session | undefined;
+
+export { SessionManager, useSession };

package/out/index.js

@@ -0,0 +1,191 @@
+'use strict';
+
+var auth = require('@stack-spot/auth');
+var react = require('react');
+
+const portalUrl = new URL(location.href);
+const cookieDomain = portalUrl.host.replace("app", "").replace("edp", "").split(":")[0];
+const defaultCookieAttributes = `domain=${cookieDomain}; SameSite=Strict;`;
+const setCookie = (key, value) => {
+  document.cookie = `${key}=${value}; ${defaultCookieAttributes}`;
+};
+const removeCookie = (key) => {
+  document.cookie = `${key}=; max-age=0; ${defaultCookieAttributes}`;
+};
+const getCookie = (key) => getCookies()[key];
+const getCookies = () => document.cookie.split("; ").reduce((prev, current) => {
+  const [name, ...value] = current.split("=");
+  prev[name] = value.join("=");
+  return prev;
+}, {});
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+const sessionKey = "session";
+const loginEmailKey = "sessionEmail";
+const _SessionManager = class _SessionManager {
+  constructor(config) {
+    __publicField(this, "current");
+    __publicField(this, "auth");
+    __publicField(this, "config");
+    __publicField(this, "changeListeners", []);
+    this.config = config;
+    this.auth = new auth.AuthManager(__spreadProps(__spreadValues({}, config), {
+      authMigrationUrl: config.authUrl,
+      migrationClientId: config.clientId,
+      storage: localStorage,
+      sessionPersistence: {
+        load: () => localStorage.getItem(sessionKey),
+        save: (session) => localStorage.setItem(sessionKey, session)
+      }
+    }));
+    _SessionManager.instance = this;
+  }
+  static create(config) {
+    var _a;
+    return (_a = _SessionManager.instance) != null ? _a : new _SessionManager(config);
+  }
+  setSession(session) {
+    this.current = session;
+    this.changeListeners.forEach((l) => l(session));
+  }
+  async restoreSession() {
+    const session = await this.auth.restoreSession();
+    if (session)
+      this.setSession(session);
+  }
+  hasSession() {
+    return !!this.current && !this.current.isExpired();
+  }
+  getSession() {
+    if (!this.hasSession()) {
+      this.endSession();
+      throw new Error("Session is not available, redirecting to login.");
+    }
+    return this.current;
+  }
+  endSession(redirectToLogin = true) {
+    this.setSession(void 0);
+    localStorage.removeItem(sessionKey);
+    if (redirectToLogin)
+      window.location.href = this.config.loginUrl;
+  }
+  async logout() {
+    var _a;
+    try {
+      await ((_a = this.current) == null ? void 0 : _a.logout());
+    } catch (error) {
+      console.error(`Could not logout from IDM.
+${error}`);
+    }
+    removeCookie(loginEmailKey);
+    this.endSession();
+  }
+  async startThirdPartyLogin(data) {
+    const params = new URLSearchParams(location.search);
+    const authUrl = await this.auth.startThirdPartyLogin(data, {
+      from: location.href,
+      finalRedirect: params.get("finalRedirect")
+    });
+    location.href = authUrl;
+  }
+  urlHasThirdPartyLoginData() {
+    const url = new URL(location.toString());
+    return url.searchParams.has("state") && !url.searchParams.has("error");
+  }
+  async completeThirdPartyLogin() {
+    var _a, _b;
+    const url = new URL(location.toString());
+    if (url.searchParams.has("error")) {
+      throw new Error(`Error while signing in: ${url.searchParams.get("error_description")}`);
+    }
+    const { session, data: { from, finalRedirect } } = await this.auth.completeThirdPartyLogin(location.search);
+    this.setSession(session);
+    this.persistSessionEmailCookie();
+    if (finalRedirect)
+      location.href = finalRedirect;
+    history.replaceState(null, "", from || location.toString().replace(/\?.*$/, ""));
+    this.sendLoginEventRd((_a = this.current) == null ? void 0 : _a.getTokenData().email, (_b = this.current) == null ? void 0 : _b.getTokenData().name);
+  }
+  getEmailForLogin() {
+    var _a;
+    return (_a = getCookie(loginEmailKey)) != null ? _a : "";
+  }
+  onChange(listener) {
+    this.changeListeners.push(listener);
+    return () => {
+      const index = this.changeListeners.indexOf(listener);
+      if (index != -1)
+        this.changeListeners.splice(index, 1);
+    };
+  }
+  persistSessionEmailCookie() {
+    var _a, _b;
+    const sessionEmail = (_b = (_a = this.current) == null ? void 0 : _a.getTokenData().email) != null ? _b : "";
+    setCookie(loginEmailKey, sessionEmail);
+  }
+  async sendLoginEventRd(email, name) {
+    if (!this.config.rdUrl)
+      return;
+    if (!email && !name) {
+      console.error("Unable to trigger login hook. No sessionEmail or name identified.");
+      return;
+    }
+    const rdObject = {
+      event_type: "CONVERSION",
+      event_family: "CDP",
+      payload: {
+        email,
+        name,
+        conversion_identifier: "login-v1"
+      }
+    };
+    const response = await fetch(this.config.rdUrl, {
+      method: "POST",
+      body: JSON.stringify(rdObject),
+      headers: {
+        "content-type": "application/json"
+      }
+    });
+    const data = await response.json();
+    if (!response.ok) {
+      console.error("Error while sending event to RD Station", data);
+    }
+  }
+};
+__publicField(_SessionManager, "instance");
+let SessionManager = _SessionManager;
+
+function useSession() {
+  const manager = SessionManager.instance;
+  const [session, setSession] = react.useState((manager == null ? void 0 : manager.hasSession()) ? manager.getSession() : void 0);
+  react.useEffect(() => {
+    return manager == null ? void 0 : manager.onChange(setSession);
+  }, []);
+  return session;
+}
+
+exports.SessionManager = SessionManager;
+exports.useSession = useSession;
+//# sourceMappingURL=index.js.map

package/out/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/utils/cookies.ts","../src/SessionManager.ts","../src/hooks.ts"],"sourcesContent":["const portalUrl = new URL(location.href)\nconst cookieDomain = portalUrl.host.replace('app', '').replace('edp', '').split(':')[0]\nconst defaultCookieAttributes = `domain=${cookieDomain}; SameSite=Strict;`\n\nexport const setCookie = (key: string, value: string) => {\n  document.cookie = `${key}=${value}; ${defaultCookieAttributes}`\n}\n\nexport const removeCookie = (key: string) => {\n  document.cookie = `${key}=; max-age=0; ${defaultCookieAttributes}`\n}\n\nexport const getCookie = (key: string) => getCookies()[key]\n\nexport const getCookies = (): Record<string, string> => document.cookie.split('; ').reduce((prev, current) => {\n  const [name, ...value] = current.split('=')\n  prev[name] = value.join('=')\n  return prev\n}, {} as Record<string, string>)\n","import { AuthConfig, AuthManager, Session, ThirdPartyLoginParams } from '@stack-spot/auth'\nimport { getCookie, removeCookie, setCookie } from \"./utils/cookies\"\n\nconst sessionKey = 'session'\nconst loginEmailKey = 'sessionEmail'\n\ninterface SessionManagerConfig extends Pick<AuthConfig, 'accountUrl' | 'authUrl' | 'clientId' | 'defaultTenant' | 'redirectUrl'> {\n  loginUrl: string,\n  rdUrl?: string,\n}\n\ntype AuthExtraData = { from?: string | null, finalRedirect?: string | null }\n\ntype ChangeListener = (session: Session | undefined) => void\n\n/**\n * Controls the current session in a browser.\n * \n * This should not be used under a Node.JS environment.\n * \n * This is a singleton. To create the first instance or recover the current one, use `SessionManager.create`.\n */\nexport class SessionManager {\n  private current: Session | undefined\n  readonly auth: AuthManager<AuthExtraData>\n  private config: SessionManagerConfig\n  private changeListeners: ChangeListener[] = []\n  static instance: SessionManager\n\n  private constructor(config: SessionManagerConfig) {\n    this.config = config\n    this.auth = new AuthManager<AuthExtraData>({\n      ...config,\n      authMigrationUrl: config.authUrl,\n      migrationClientId: config.clientId,\n      storage: localStorage,\n      sessionPersistence: {\n        load: () => localStorage.getItem(sessionKey),\n        save: (session) => localStorage.setItem(sessionKey, session),\n      },\n    })\n    SessionManager.instance = this\n  }\n\n  static create(config: SessionManagerConfig) {\n    return SessionManager.instance ?? new SessionManager(config)\n  }\n\n  private setSession(session: Session | undefined) {\n    this.current = session\n    this.changeListeners.forEach(l => l(session))\n  }\n\n  async restoreSession() {\n    const session = await this.auth.restoreSession()\n    if (session) this.setSession(session)\n  }\n\n  hasSession() {\n    return !!this.current && !this.current.isExpired()\n  }\n\n  getSession() {\n    if (!this.hasSession()) {\n      this.endSession()\n      throw new Error('Session is not available, redirecting to login.')\n    }\n    return this.current!\n  }\n\n  endSession(redirectToLogin = true) {\n    this.setSession(undefined)\n    localStorage.removeItem(sessionKey)\n    if (redirectToLogin) window.location.href = this.config.loginUrl\n  }\n\n  async logout() {\n    try {\n      await this.current?.logout()\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error(`Could not logout from IDM.\\n${error}`)\n    }\n    removeCookie(loginEmailKey)\n    this.endSession()\n  }\n\n  async startThirdPartyLogin(data: ThirdPartyLoginParams) {\n    const params = new URLSearchParams(location.search)\n    const authUrl = await this.auth.startThirdPartyLogin(data, {\n      from: location.href,\n      finalRedirect: params.get('finalRedirect'),\n    })\n    location.href = authUrl\n  }\n\n  urlHasThirdPartyLoginData() {\n    const url = new URL(location.toString())\n    return url.searchParams.has('state') && !url.searchParams.has('error')\n  }\n\n  async completeThirdPartyLogin() {\n    const url = new URL(location.toString())\n    if (url.searchParams.has('error')) {\n      throw new Error(`Error while signing in: ${url.searchParams.get('error_description')}`)\n    }\n    const { session, data: { from, finalRedirect } } = await this.auth.completeThirdPartyLogin(location.search)\n    this.setSession(session)\n    this.persistSessionEmailCookie()\n    if (finalRedirect) location.href = finalRedirect\n    history.replaceState(null, '', from || location.toString().replace(/\\?.*$/, ''))\n    this.sendLoginEventRd(this.current?.getTokenData().email, this.current?.getTokenData().name)\n  }\n\n  getEmailForLogin() {\n    return getCookie(loginEmailKey) ?? ''\n  }\n\n  onChange(listener: ChangeListener) {\n    this.changeListeners.push(listener)\n    return () => {\n      const index = this.changeListeners.indexOf(listener)\n      if (index != -1) this.changeListeners.splice(index, 1)\n    }\n  }\n\n  private persistSessionEmailCookie() {\n    const sessionEmail = this.current?.getTokenData().email ?? ''\n    setCookie(loginEmailKey, sessionEmail)\n  }\n\n  private async sendLoginEventRd(email?: string, name?: string) {\n    if (!this.config.rdUrl) return\n    if (!email && !name) {\n      // eslint-disable-next-line no-console\n      console.error('Unable to trigger login hook. No sessionEmail or name identified.')\n      return\n    }\n\n    const rdObject = {\n      event_type: 'CONVERSION',\n      event_family: 'CDP',\n      payload: {\n        email,\n        name,\n        conversion_identifier: 'login-v1',\n      },\n    }\n\n    const response = await fetch(this.config.rdUrl, {\n      method: 'POST',\n      body: JSON.stringify(rdObject),\n      headers: {\n        'content-type': 'application/json',\n      },\n    })\n    const data = await response.json()\n\n    if (!response.ok) {\n      // eslint-disable-next-line no-console\n      console.error('Error while sending event to RD Station', data)\n    }\n  }\n}\n","import { Session } from '@stack-spot/auth'\nimport { useEffect, useState } from 'react'\nimport { SessionManager } from './SessionManager'\n\nexport function useSession() {\n  const manager = SessionManager.instance\n  const [session, setSession] = useState<Session | undefined>(manager?.hasSession() ? manager.getSession() : undefined)\n  useEffect(() => {\n    return manager?.onChange(setSession)\n  }, [])\n  return session\n}\n"],"names":["AuthManager","useState","useEffect"],"mappings":"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"}

package/out/index.mjs

@@ -0,0 +1,188 @@
+import { AuthManager } from '@stack-spot/auth';
+import { useState, useEffect } from 'react';
+
+const portalUrl = new URL(location.href);
+const cookieDomain = portalUrl.host.replace("app", "").replace("edp", "").split(":")[0];
+const defaultCookieAttributes = `domain=${cookieDomain}; SameSite=Strict;`;
+const setCookie = (key, value) => {
+  document.cookie = `${key}=${value}; ${defaultCookieAttributes}`;
+};
+const removeCookie = (key) => {
+  document.cookie = `${key}=; max-age=0; ${defaultCookieAttributes}`;
+};
+const getCookie = (key) => getCookies()[key];
+const getCookies = () => document.cookie.split("; ").reduce((prev, current) => {
+  const [name, ...value] = current.split("=");
+  prev[name] = value.join("=");
+  return prev;
+}, {});
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+const sessionKey = "session";
+const loginEmailKey = "sessionEmail";
+const _SessionManager = class _SessionManager {
+  constructor(config) {
+    __publicField(this, "current");
+    __publicField(this, "auth");
+    __publicField(this, "config");
+    __publicField(this, "changeListeners", []);
+    this.config = config;
+    this.auth = new AuthManager(__spreadProps(__spreadValues({}, config), {
+      authMigrationUrl: config.authUrl,
+      migrationClientId: config.clientId,
+      storage: localStorage,
+      sessionPersistence: {
+        load: () => localStorage.getItem(sessionKey),
+        save: (session) => localStorage.setItem(sessionKey, session)
+      }
+    }));
+    _SessionManager.instance = this;
+  }
+  static create(config) {
+    var _a;
+    return (_a = _SessionManager.instance) != null ? _a : new _SessionManager(config);
+  }
+  setSession(session) {
+    this.current = session;
+    this.changeListeners.forEach((l) => l(session));
+  }
+  async restoreSession() {
+    const session = await this.auth.restoreSession();
+    if (session)
+      this.setSession(session);
+  }
+  hasSession() {
+    return !!this.current && !this.current.isExpired();
+  }
+  getSession() {
+    if (!this.hasSession()) {
+      this.endSession();
+      throw new Error("Session is not available, redirecting to login.");
+    }
+    return this.current;
+  }
+  endSession(redirectToLogin = true) {
+    this.setSession(void 0);
+    localStorage.removeItem(sessionKey);
+    if (redirectToLogin)
+      window.location.href = this.config.loginUrl;
+  }
+  async logout() {
+    var _a;
+    try {
+      await ((_a = this.current) == null ? void 0 : _a.logout());
+    } catch (error) {
+      console.error(`Could not logout from IDM.
+${error}`);
+    }
+    removeCookie(loginEmailKey);
+    this.endSession();
+  }
+  async startThirdPartyLogin(data) {
+    const params = new URLSearchParams(location.search);
+    const authUrl = await this.auth.startThirdPartyLogin(data, {
+      from: location.href,
+      finalRedirect: params.get("finalRedirect")
+    });
+    location.href = authUrl;
+  }
+  urlHasThirdPartyLoginData() {
+    const url = new URL(location.toString());
+    return url.searchParams.has("state") && !url.searchParams.has("error");
+  }
+  async completeThirdPartyLogin() {
+    var _a, _b;
+    const url = new URL(location.toString());
+    if (url.searchParams.has("error")) {
+      throw new Error(`Error while signing in: ${url.searchParams.get("error_description")}`);
+    }
+    const { session, data: { from, finalRedirect } } = await this.auth.completeThirdPartyLogin(location.search);
+    this.setSession(session);
+    this.persistSessionEmailCookie();
+    if (finalRedirect)
+      location.href = finalRedirect;
+    history.replaceState(null, "", from || location.toString().replace(/\?.*$/, ""));
+    this.sendLoginEventRd((_a = this.current) == null ? void 0 : _a.getTokenData().email, (_b = this.current) == null ? void 0 : _b.getTokenData().name);
+  }
+  getEmailForLogin() {
+    var _a;
+    return (_a = getCookie(loginEmailKey)) != null ? _a : "";
+  }
+  onChange(listener) {
+    this.changeListeners.push(listener);
+    return () => {
+      const index = this.changeListeners.indexOf(listener);
+      if (index != -1)
+        this.changeListeners.splice(index, 1);
+    };
+  }
+  persistSessionEmailCookie() {
+    var _a, _b;
+    const sessionEmail = (_b = (_a = this.current) == null ? void 0 : _a.getTokenData().email) != null ? _b : "";
+    setCookie(loginEmailKey, sessionEmail);
+  }
+  async sendLoginEventRd(email, name) {
+    if (!this.config.rdUrl)
+      return;
+    if (!email && !name) {
+      console.error("Unable to trigger login hook. No sessionEmail or name identified.");
+      return;
+    }
+    const rdObject = {
+      event_type: "CONVERSION",
+      event_family: "CDP",
+      payload: {
+        email,
+        name,
+        conversion_identifier: "login-v1"
+      }
+    };
+    const response = await fetch(this.config.rdUrl, {
+      method: "POST",
+      body: JSON.stringify(rdObject),
+      headers: {
+        "content-type": "application/json"
+      }
+    });
+    const data = await response.json();
+    if (!response.ok) {
+      console.error("Error while sending event to RD Station", data);
+    }
+  }
+};
+__publicField(_SessionManager, "instance");
+let SessionManager = _SessionManager;
+
+function useSession() {
+  const manager = SessionManager.instance;
+  const [session, setSession] = useState((manager == null ? void 0 : manager.hasSession()) ? manager.getSession() : void 0);
+  useEffect(() => {
+    return manager == null ? void 0 : manager.onChange(setSession);
+  }, []);
+  return session;
+}
+
+export { SessionManager, useSession };
+//# sourceMappingURL=index.mjs.map

package/out/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/utils/cookies.ts","../src/SessionManager.ts","../src/hooks.ts"],"sourcesContent":["const portalUrl = new URL(location.href)\nconst cookieDomain = portalUrl.host.replace('app', '').replace('edp', '').split(':')[0]\nconst defaultCookieAttributes = `domain=${cookieDomain}; SameSite=Strict;`\n\nexport const setCookie = (key: string, value: string) => {\n  document.cookie = `${key}=${value}; ${defaultCookieAttributes}`\n}\n\nexport const removeCookie = (key: string) => {\n  document.cookie = `${key}=; max-age=0; ${defaultCookieAttributes}`\n}\n\nexport const getCookie = (key: string) => getCookies()[key]\n\nexport const getCookies = (): Record<string, string> => document.cookie.split('; ').reduce((prev, current) => {\n  const [name, ...value] = current.split('=')\n  prev[name] = value.join('=')\n  return prev\n}, {} as Record<string, string>)\n","import { AuthConfig, AuthManager, Session, ThirdPartyLoginParams } from '@stack-spot/auth'\nimport { getCookie, removeCookie, setCookie } from \"./utils/cookies\"\n\nconst sessionKey = 'session'\nconst loginEmailKey = 'sessionEmail'\n\ninterface SessionManagerConfig extends Pick<AuthConfig, 'accountUrl' | 'authUrl' | 'clientId' | 'defaultTenant' | 'redirectUrl'> {\n  loginUrl: string,\n  rdUrl?: string,\n}\n\ntype AuthExtraData = { from?: string | null, finalRedirect?: string | null }\n\ntype ChangeListener = (session: Session | undefined) => void\n\n/**\n * Controls the current session in a browser.\n * \n * This should not be used under a Node.JS environment.\n * \n * This is a singleton. To create the first instance or recover the current one, use `SessionManager.create`.\n */\nexport class SessionManager {\n  private current: Session | undefined\n  readonly auth: AuthManager<AuthExtraData>\n  private config: SessionManagerConfig\n  private changeListeners: ChangeListener[] = []\n  static instance: SessionManager\n\n  private constructor(config: SessionManagerConfig) {\n    this.config = config\n    this.auth = new AuthManager<AuthExtraData>({\n      ...config,\n      authMigrationUrl: config.authUrl,\n      migrationClientId: config.clientId,\n      storage: localStorage,\n      sessionPersistence: {\n        load: () => localStorage.getItem(sessionKey),\n        save: (session) => localStorage.setItem(sessionKey, session),\n      },\n    })\n    SessionManager.instance = this\n  }\n\n  static create(config: SessionManagerConfig) {\n    return SessionManager.instance ?? new SessionManager(config)\n  }\n\n  private setSession(session: Session | undefined) {\n    this.current = session\n    this.changeListeners.forEach(l => l(session))\n  }\n\n  async restoreSession() {\n    const session = await this.auth.restoreSession()\n    if (session) this.setSession(session)\n  }\n\n  hasSession() {\n    return !!this.current && !this.current.isExpired()\n  }\n\n  getSession() {\n    if (!this.hasSession()) {\n      this.endSession()\n      throw new Error('Session is not available, redirecting to login.')\n    }\n    return this.current!\n  }\n\n  endSession(redirectToLogin = true) {\n    this.setSession(undefined)\n    localStorage.removeItem(sessionKey)\n    if (redirectToLogin) window.location.href = this.config.loginUrl\n  }\n\n  async logout() {\n    try {\n      await this.current?.logout()\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error(`Could not logout from IDM.\\n${error}`)\n    }\n    removeCookie(loginEmailKey)\n    this.endSession()\n  }\n\n  async startThirdPartyLogin(data: ThirdPartyLoginParams) {\n    const params = new URLSearchParams(location.search)\n    const authUrl = await this.auth.startThirdPartyLogin(data, {\n      from: location.href,\n      finalRedirect: params.get('finalRedirect'),\n    })\n    location.href = authUrl\n  }\n\n  urlHasThirdPartyLoginData() {\n    const url = new URL(location.toString())\n    return url.searchParams.has('state') && !url.searchParams.has('error')\n  }\n\n  async completeThirdPartyLogin() {\n    const url = new URL(location.toString())\n    if (url.searchParams.has('error')) {\n      throw new Error(`Error while signing in: ${url.searchParams.get('error_description')}`)\n    }\n    const { session, data: { from, finalRedirect } } = await this.auth.completeThirdPartyLogin(location.search)\n    this.setSession(session)\n    this.persistSessionEmailCookie()\n    if (finalRedirect) location.href = finalRedirect\n    history.replaceState(null, '', from || location.toString().replace(/\\?.*$/, ''))\n    this.sendLoginEventRd(this.current?.getTokenData().email, this.current?.getTokenData().name)\n  }\n\n  getEmailForLogin() {\n    return getCookie(loginEmailKey) ?? ''\n  }\n\n  onChange(listener: ChangeListener) {\n    this.changeListeners.push(listener)\n    return () => {\n      const index = this.changeListeners.indexOf(listener)\n      if (index != -1) this.changeListeners.splice(index, 1)\n    }\n  }\n\n  private persistSessionEmailCookie() {\n    const sessionEmail = this.current?.getTokenData().email ?? ''\n    setCookie(loginEmailKey, sessionEmail)\n  }\n\n  private async sendLoginEventRd(email?: string, name?: string) {\n    if (!this.config.rdUrl) return\n    if (!email && !name) {\n      // eslint-disable-next-line no-console\n      console.error('Unable to trigger login hook. No sessionEmail or name identified.')\n      return\n    }\n\n    const rdObject = {\n      event_type: 'CONVERSION',\n      event_family: 'CDP',\n      payload: {\n        email,\n        name,\n        conversion_identifier: 'login-v1',\n      },\n    }\n\n    const response = await fetch(this.config.rdUrl, {\n      method: 'POST',\n      body: JSON.stringify(rdObject),\n      headers: {\n        'content-type': 'application/json',\n      },\n    })\n    const data = await response.json()\n\n    if (!response.ok) {\n      // eslint-disable-next-line no-console\n      console.error('Error while sending event to RD Station', data)\n    }\n  }\n}\n","import { Session } from '@stack-spot/auth'\nimport { useEffect, useState } from 'react'\nimport { SessionManager } from './SessionManager'\n\nexport function useSession() {\n  const manager = SessionManager.instance\n  const [session, setSession] = useState<Session | undefined>(manager?.hasSession() ? manager.getSession() : undefined)\n  useEffect(() => {\n    return manager?.onChange(setSession)\n  }, [])\n  return session\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@stack-spot/auth-react",
+  "version": "1.0.0",
+  "main": "out/index.js",
+  "module": "out/index.mjs",
+  "typings": "out/index.d.ts",
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "esbuild": "^0.18.16",
+    "eslint": "^8.56.0",
+    "rollup": "^3.26.3",
+    "rollup-plugin-dts": "^5.3.0",
+    "rollup-plugin-esbuild": "^5.0.0",
+    "typescript": "^4.9.4",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15"
+  },
+  "peerDependencies": {
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0",
+    "@stack-spot/auth": ">=4.2.0"
+  },
+  "scripts": {
+    "compile": "rollup -c",
+    "build": "pnpm compile"
+  }
+}

package/rollup.config.mjs

@@ -0,0 +1,37 @@
+import dts from 'rollup-plugin-dts'
+import esbuild from 'rollup-plugin-esbuild'
+import packageJson from './package.json' assert { type: 'json' }
+
+const name = packageJson.main.replace(/\.js$/, '')
+
+const bundle = config => ({
+  ...config,
+  input: 'src/index.ts',
+  external: id => !/^[./]/.test(id),
+})
+
+// eslint-disable-next-line import/no-default-export
+export default [
+  bundle({
+    plugins: [esbuild()],
+    output: [
+      {
+        file: `${name}.js`,
+        format: 'cjs',
+        sourcemap: true,
+      },
+      {
+        file: `${name}.mjs`,
+        format: 'es',
+        sourcemap: true,
+      },
+    ],
+  }),
+  bundle({
+    plugins: [dts()],
+    output: {
+      file: `${name}.d.ts`,
+      format: 'es',
+    },
+  }),
+]

package/src/SessionManager.ts

@@ -0,0 +1,164 @@
+import { AuthConfig, AuthManager, Session, ThirdPartyLoginParams } from '@stack-spot/auth'
+import { getCookie, removeCookie, setCookie } from "./utils/cookies"
+
+const sessionKey = 'session'
+const loginEmailKey = 'sessionEmail'
+
+interface SessionManagerConfig extends Pick<AuthConfig, 'accountUrl' | 'authUrl' | 'clientId' | 'defaultTenant' | 'redirectUrl'> {
+  loginUrl: string,
+  rdUrl?: string,
+}
+
+type AuthExtraData = { from?: string | null, finalRedirect?: string | null }
+
+type ChangeListener = (session: Session | undefined) => void
+
+/**
+ * Controls the current session in a browser.
+ * 
+ * This should not be used under a Node.JS environment.
+ * 
+ * This is a singleton. To create the first instance or recover the current one, use `SessionManager.create`.
+ */
+export class SessionManager {
+  private current: Session | undefined
+  readonly auth: AuthManager<AuthExtraData>
+  private config: SessionManagerConfig
+  private changeListeners: ChangeListener[] = []
+  static instance: SessionManager
+
+  private constructor(config: SessionManagerConfig) {
+    this.config = config
+    this.auth = new AuthManager<AuthExtraData>({
+      ...config,
+      authMigrationUrl: config.authUrl,
+      migrationClientId: config.clientId,
+      storage: localStorage,
+      sessionPersistence: {
+        load: () => localStorage.getItem(sessionKey),
+        save: (session) => localStorage.setItem(sessionKey, session),
+      },
+    })
+    SessionManager.instance = this
+  }
+
+  static create(config: SessionManagerConfig) {
+    return SessionManager.instance ?? new SessionManager(config)
+  }
+
+  private setSession(session: Session | undefined) {
+    this.current = session
+    this.changeListeners.forEach(l => l(session))
+  }
+
+  async restoreSession() {
+    const session = await this.auth.restoreSession()
+    if (session) this.setSession(session)
+  }
+
+  hasSession() {
+    return !!this.current && !this.current.isExpired()
+  }
+
+  getSession() {
+    if (!this.hasSession()) {
+      this.endSession()
+      throw new Error('Session is not available, redirecting to login.')
+    }
+    return this.current!
+  }
+
+  endSession(redirectToLogin = true) {
+    this.setSession(undefined)
+    localStorage.removeItem(sessionKey)
+    if (redirectToLogin) window.location.href = this.config.loginUrl
+  }
+
+  async logout() {
+    try {
+      await this.current?.logout()
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.error(`Could not logout from IDM.\n${error}`)
+    }
+    removeCookie(loginEmailKey)
+    this.endSession()
+  }
+
+  async startThirdPartyLogin(data: ThirdPartyLoginParams) {
+    const params = new URLSearchParams(location.search)
+    const authUrl = await this.auth.startThirdPartyLogin(data, {
+      from: location.href,
+      finalRedirect: params.get('finalRedirect'),
+    })
+    location.href = authUrl
+  }
+
+  urlHasThirdPartyLoginData() {
+    const url = new URL(location.toString())
+    return url.searchParams.has('state') && !url.searchParams.has('error')
+  }
+
+  async completeThirdPartyLogin() {
+    const url = new URL(location.toString())
+    if (url.searchParams.has('error')) {
+      throw new Error(`Error while signing in: ${url.searchParams.get('error_description')}`)
+    }
+    const { session, data: { from, finalRedirect } } = await this.auth.completeThirdPartyLogin(location.search)
+    this.setSession(session)
+    this.persistSessionEmailCookie()
+    if (finalRedirect) location.href = finalRedirect
+    history.replaceState(null, '', from || location.toString().replace(/\?.*$/, ''))
+    this.sendLoginEventRd(this.current?.getTokenData().email, this.current?.getTokenData().name)
+  }
+
+  getEmailForLogin() {
+    return getCookie(loginEmailKey) ?? ''
+  }
+
+  onChange(listener: ChangeListener) {
+    this.changeListeners.push(listener)
+    return () => {
+      const index = this.changeListeners.indexOf(listener)
+      if (index != -1) this.changeListeners.splice(index, 1)
+    }
+  }
+
+  private persistSessionEmailCookie() {
+    const sessionEmail = this.current?.getTokenData().email ?? ''
+    setCookie(loginEmailKey, sessionEmail)
+  }
+
+  private async sendLoginEventRd(email?: string, name?: string) {
+    if (!this.config.rdUrl) return
+    if (!email && !name) {
+      // eslint-disable-next-line no-console
+      console.error('Unable to trigger login hook. No sessionEmail or name identified.')
+      return
+    }
+
+    const rdObject = {
+      event_type: 'CONVERSION',
+      event_family: 'CDP',
+      payload: {
+        email,
+        name,
+        conversion_identifier: 'login-v1',
+      },
+    }
+
+    const response = await fetch(this.config.rdUrl, {
+      method: 'POST',
+      body: JSON.stringify(rdObject),
+      headers: {
+        'content-type': 'application/json',
+      },
+    })
+    const data = await response.json()
+
+    if (!response.ok) {
+      // eslint-disable-next-line no-console
+      console.error('Error while sending event to RD Station', data)
+    }
+  }
+}

package/src/hooks.ts

@@ -0,0 +1,12 @@
+import { Session } from '@stack-spot/auth'
+import { useEffect, useState } from 'react'
+import { SessionManager } from './SessionManager'
+
+export function useSession() {
+  const manager = SessionManager.instance
+  const [session, setSession] = useState<Session | undefined>(manager?.hasSession() ? manager.getSession() : undefined)
+  useEffect(() => {
+    return manager?.onChange(setSession)
+  }, [])
+  return session
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { SessionManager } from './SessionManager'
+export { useSession } from './hooks'

package/src/utils/cookies.ts

@@ -0,0 +1,19 @@
+const portalUrl = new URL(location.href)
+const cookieDomain = portalUrl.host.replace('app', '').replace('edp', '').split(':')[0]
+const defaultCookieAttributes = `domain=${cookieDomain}; SameSite=Strict;`
+
+export const setCookie = (key: string, value: string) => {
+  document.cookie = `${key}=${value}; ${defaultCookieAttributes}`
+}
+
+export const removeCookie = (key: string) => {
+  document.cookie = `${key}=; max-age=0; ${defaultCookieAttributes}`
+}
+
+export const getCookie = (key: string) => getCookies()[key]
+
+export const getCookies = (): Record<string, string> => document.cookie.split('; ').reduce((prev, current) => {
+  const [name, ...value] = current.split('=')
+  prev[name] = value.join('=')
+  return prev
+}, {} as Record<string, string>)

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "src"
+  },
+  "include": ["src"]
+}