@skylabs-digital/react-identity-access 1.6.0 → 2.0.0

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsx as n, Fragment as D, jsxs as l } from "react/jsx-runtime";
-import { createContext as ae, useState as p, useMemo as _, useCallback as oe, useEffect as Z, useContext as le } from "react";
-import { useLocation as he, Navigate as de } from "react-router-dom";
-class te {
+import { jsx as n, Fragment as N, jsxs as l } from "react/jsx-runtime";
+import { createContext as de, useMemo as Q, useState as v, useCallback as ne, useEffect as te, useContext as ue } from "react";
+import { useLocation as we, Navigate as pe } from "react-router-dom";
+class re {
   // SessionManager instance
   constructor(e, t = 1e4) {
     this.baseUrl = e.replace(/\/$/, ""), this.timeout = t;
@@ -16,40 +16,40 @@ class te {
     return this.executeRequest(e, t, r, s, !1);
   }
   async executeRequest(e, t, r, s, a = !1) {
-    const b = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, E = (s == null ? void 0 : s.timeout) || this.timeout;
-    let L = {
+    const p = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, I = (s == null ? void 0 : s.timeout) || this.timeout;
+    let A = {
       "Content-Type": "application/json",
       ...s == null ? void 0 : s.headers
     };
     if (!(s != null && s.skipAuth) && this.sessionManager)
       try {
-        const m = await this.sessionManager.getAuthHeaders();
-        L = { ...L, ...m };
-      } catch (m) {
-        console.warn("Failed to inject auth headers:", m);
+        const b = await this.sessionManager.getAuthHeaders();
+        A = { ...A, ...b };
+      } catch (b) {
+        console.warn("Failed to inject auth headers:", b);
       }
-    const P = new AbortController(), f = setTimeout(() => P.abort(), E);
+    const x = new AbortController(), P = setTimeout(() => x.abort(), I);
     try {
-      const m = await fetch(b, {
+      const b = await fetch(p, {
         method: e,
-        headers: L,
+        headers: A,
         body: r ? JSON.stringify(r) : void 0,
-        signal: P.signal
+        signal: x.signal
       });
-      if (clearTimeout(f), m.status === 401 && !(s != null && s.skipRetry) && !a && this.sessionManager)
+      if (clearTimeout(P), b.status === 401 && !(s != null && s.skipRetry) && !a && this.sessionManager)
         try {
-          const w = this.sessionManager.getTokens();
-          if (w != null && w.refreshToken)
+          const h = this.sessionManager.getTokens();
+          if (h != null && h.refreshToken)
             return await this.sessionManager.getAuthHeaders(), this.executeRequest(e, t, r, s, !0);
         } catch {
-          throw new Error(`HTTP ${m.status}: ${m.statusText}`);
+          throw new Error(`HTTP ${b.status}: ${b.statusText}`);
         }
-      if (!m.ok)
-        throw new Error(`HTTP ${m.status}: ${m.statusText}`);
-      const M = m.headers.get("content-type");
-      return !M || !M.includes("application/json") ? {} : await m.json();
-    } catch (m) {
-      throw clearTimeout(f), m instanceof Error && m.name === "AbortError" ? new Error(`Request timeout after ${E}ms`) : m;
+      if (!b.ok)
+        throw new Error(`HTTP ${b.status}: ${b.statusText}`);
+      const m = b.headers.get("content-type");
+      return !m || !m.includes("application/json") ? {} : await b.json();
+    } catch (b) {
+      throw clearTimeout(P), b instanceof Error && b.name === "AbortError" ? new Error(`Request timeout after ${I}ms`) : b;
     }
   }
   async get(e, t) {
@@ -65,7 +65,7 @@ class te {
     return this.request("DELETE", e, void 0, t);
   }
 }
-class Te {
+class be {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -124,7 +124,7 @@ class Te {
     })).data;
   }
 }
-const we = ae(null), Me = () => /* @__PURE__ */ n(
+const Ae = de(null), De = () => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -136,7 +136,7 @@ const we = ae(null), Me = () => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ n("div", { children: "Loading application..." })
   }
-), Ee = ({ error: i, retry: e }) => /* @__PURE__ */ l(
+), He = ({ error: i, retry: e }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -170,55 +170,113 @@ const we = ae(null), Me = () => /* @__PURE__ */ n(
     ]
   }
 );
-function ht({ config: i, children: e }) {
-  const [t, r] = p(null), [s, a] = p(!0), [b, E] = p(null), L = _(() => {
-    const f = () => {
+function St({ config: i, children: e }) {
+  const t = Q(
+    () => {
+      var m, h, S;
+      return {
+        enabled: ((m = i.cache) == null ? void 0 : m.enabled) ?? !0,
+        ttl: ((h = i.cache) == null ? void 0 : h.ttl) ?? 3e5,
+        // 5 minutes default
+        storageKey: ((S = i.cache) == null ? void 0 : S.storageKey) ?? `app_cache_${i.appId}`
+      };
+    },
+    [i.cache, i.appId]
+  ), [r, s] = v(() => {
+    if (!t.enabled) return null;
+    try {
+      const m = localStorage.getItem(t.storageKey);
+      if (!m) return null;
+      const h = JSON.parse(m);
+      return Date.now() - h.timestamp < t.ttl && h.appId === i.appId ? h.data : (localStorage.removeItem(t.storageKey), null);
+    } catch {
+      return null;
+    }
+  }), [a, p] = v(!r), [I, A] = v(null), x = Q(() => {
+    const m = () => {
       P();
     };
     return {
       appId: i.appId,
       baseUrl: i.baseUrl,
       // App info
-      appInfo: t,
-      isAppLoading: s,
-      appError: b,
-      retryApp: f
+      appInfo: r,
+      isAppLoading: a,
+      appError: I,
+      retryApp: m
     };
-  }, [i, t, s, b]), P = oe(async () => {
-    try {
-      a(!0), E(null);
-      const f = new te(i.baseUrl), M = await new Te(f, {}).getPublicAppInfo(i.appId);
-      r(M);
-    } catch (f) {
-      const m = f instanceof Error ? f : new Error("Failed to load app information");
-      E(m), r(null);
-    } finally {
-      a(!1);
-    }
-  }, [i.baseUrl, i.appId]);
-  if (Z(() => {
-    P();
-  }, [P]), s)
-    return /* @__PURE__ */ n(D, { children: i.loadingFallback || /* @__PURE__ */ n(Me, {}) });
-  if (b) {
-    const f = typeof i.errorFallback == "function" ? i.errorFallback(b, () => P()) : i.errorFallback || /* @__PURE__ */ n(Ee, { error: b, retry: () => P() });
-    return /* @__PURE__ */ n(D, { children: f });
-  }
-  return /* @__PURE__ */ n(we.Provider, { value: L, children: e });
+  }, [i, r, a, I]), P = ne(
+    async (m = !1) => {
+      if (!(!m && t.enabled && r))
+        try {
+          p(!0), A(null);
+          const h = new re(i.baseUrl), L = await new be(h, {}).getPublicAppInfo(i.appId);
+          if (s(L), t.enabled)
+            try {
+              const C = {
+                data: L,
+                timestamp: Date.now(),
+                appId: i.appId
+              };
+              localStorage.setItem(t.storageKey, JSON.stringify(C));
+            } catch (C) {
+              console.warn("Failed to cache app info:", C);
+            }
+        } catch (h) {
+          const S = h instanceof Error ? h : new Error("Failed to load app information");
+          A(S), s(null);
+        } finally {
+          p(!1);
+        }
+    },
+    [i.baseUrl, i.appId, t, r]
+  ), b = ne(async () => {
+    if (!(!t.enabled || !r))
+      try {
+        const m = localStorage.getItem(t.storageKey);
+        if (!m) return;
+        const h = JSON.parse(m);
+        if (Date.now() - h.timestamp > t.ttl * 0.5) {
+          const L = new re(i.baseUrl), q = await new be(L, {}).getPublicAppInfo(i.appId);
+          s(q);
+          const k = {
+            data: q,
+            timestamp: Date.now(),
+            appId: i.appId
+          };
+          localStorage.setItem(t.storageKey, JSON.stringify(k));
+        }
+      } catch (m) {
+        console.warn("Background app refresh failed:", m);
+      }
+  }, [i, t, r]);
+  if (te(() => {
+    r ? b() : P();
+  }, []), a)
+    return /* @__PURE__ */ n(N, { children: i.loadingFallback || /* @__PURE__ */ n(De, {}) });
+  if (I) {
+    const m = typeof i.errorFallback == "function" ? i.errorFallback(I, () => P()) : i.errorFallback || /* @__PURE__ */ n(He, { error: I, retry: () => P() });
+    return /* @__PURE__ */ n(N, { children: m });
+  }
+  return /* @__PURE__ */ n(Ae.Provider, { value: x, children: e });
 }
-function ne() {
-  const i = le(we);
+function he() {
+  const i = ue(Ae);
   if (!i)
     throw new Error("useApp must be used within an AppProvider");
   return i;
 }
-const gt = ne;
-class Le {
+const vt = he;
+class ye {
   constructor(e = {}) {
-    this.refreshPromise = null, this.refreshQueue = [], this.storageKey = e.storageKey || "auth_tokens", this.autoRefresh = e.autoRefresh ?? !0, this.refreshThreshold = e.refreshThreshold || 3e5, this.onRefreshFailed = e.onRefreshFailed, this.baseUrl = e.baseUrl || "", this.tokenStorage = e.tokenStorage || {
+    this.refreshPromise = null, this.refreshQueue = [], e.tenantSlug !== void 0 ? this.storageKey = e.tenantSlug ? `auth_tokens_${e.tenantSlug}` : "auth_tokens" : this.storageKey = e.storageKey || "auth_tokens", this.autoRefresh = e.autoRefresh ?? !0, this.refreshThreshold = e.refreshThreshold || 3e5, this.onRefreshFailed = e.onRefreshFailed, this.baseUrl = e.baseUrl || "", this.tokenStorage = e.tokenStorage || this.createTokenStorage(this.storageKey);
+  }
+  // Helper to create a TokenStorage for a specific key
+  createTokenStorage(e) {
+    return {
       get: () => {
         try {
-          const t = localStorage.getItem(this.storageKey);
+          const t = localStorage.getItem(e);
           return t ? JSON.parse(t) : null;
         } catch {
           return null;
@@ -226,13 +284,13 @@ class Le {
       },
       set: (t) => {
         try {
-          localStorage.setItem(this.storageKey, JSON.stringify(t));
+          localStorage.setItem(e, JSON.stringify(t));
         } catch {
         }
       },
       clear: () => {
         try {
-          localStorage.removeItem(this.storageKey);
+          localStorage.removeItem(e);
         } catch {
         }
       }
@@ -325,12 +383,37 @@ class Le {
   clearSession() {
     this.clearTokens(), this.clearUser();
   }
+  /**
+   * Decode JWT token and extract payload
+   * Returns null if token is invalid or cannot be decoded
+   */
+  getTokenPayload() {
+    try {
+      const e = this.getTokens();
+      if (!(e != null && e.accessToken)) return null;
+      const t = e.accessToken.split(".");
+      if (t.length !== 3) return null;
+      const r = t[1], s = atob(r.replace(/-/g, "+").replace(/_/g, "/"));
+      return JSON.parse(s);
+    } catch {
+      return null;
+    }
+  }
+  /**
+   * Get userId from token (source of truth) or fallback to stored user
+   */
+  getUserId() {
+    const e = this.getTokenPayload();
+    if (e != null && e.userId) return e.userId;
+    const t = this.getUser();
+    return (t == null ? void 0 : t.id) || null;
+  }
   hasValidSession() {
     const e = this.getTokens();
     return e !== null && !this.isTokenExpired(e);
   }
 }
-class Re {
+class Ne {
   constructor(e) {
     this.httpService = e;
   }
@@ -376,7 +459,7 @@ class Re {
     });
   }
 }
-class pe {
+class Se {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -443,16 +526,16 @@ class pe {
       throw new Error("SessionManager is required for private endpoints");
     const r = await this.sessionManager.getAuthHeaders(), s = new URLSearchParams();
     t != null && t.page && s.append("page", t.page.toString()), t != null && t.limit && s.append("limit", t.limit.toString()), t != null && t.sortBy && s.append("sortBy", t.sortBy), t != null && t.sortOrder && s.append("sortOrder", t.sortOrder);
-    const a = `/roles/user/${e}${s.toString() ? `?${s.toString()}` : ""}`, b = await this.httpService.get(a, {
+    const a = `/roles/user/${e}${s.toString() ? `?${s.toString()}` : ""}`, p = await this.httpService.get(a, {
       headers: r
     });
     return {
-      roles: b.data,
-      meta: b.meta
+      roles: p.data,
+      meta: p.meta
     };
   }
 }
-class Ce {
+class Be {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -492,7 +575,7 @@ class Ce {
     });
   }
 }
-class fe {
+class ce {
   constructor(e, t, r) {
     this.httpService = e, this.appId = t, this.sessionManager = r;
   }
@@ -570,7 +653,7 @@ class fe {
     )).data;
   }
 }
-const ve = ae(null), Ie = () => /* @__PURE__ */ n(
+const Pe = de(null), Ue = () => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -582,7 +665,7 @@ const ve = ae(null), Ie = () => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ n("div", { children: "Loading tenant..." })
   }
-), Fe = ({ error: i, retry: e }) => /* @__PURE__ */ l(
+), qe = ({ error: i, retry: e }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -616,77 +699,134 @@ const ve = ae(null), Ie = () => /* @__PURE__ */ n(
     ]
   }
 );
-function pt({ config: i, children: e }) {
-  const { baseUrl: t, appInfo: r, appId: s } = ne(), [a, b] = p(i.initialTenant || null), [E, L] = p(!i.initialTenant), [P, f] = p(null), [m, M] = p(null), [w, v] = p(!1), [I, g] = p(null), U = oe(() => {
-    const S = i.tenantMode || "selector", c = "tenant";
+function xt({ config: i, children: e }) {
+  const { baseUrl: t, appInfo: r, appId: s } = he(), a = ne(() => {
+    const o = i.tenantMode || "selector", g = "tenant";
     if (typeof window > "u") return null;
-    if (S === "subdomain") {
-      const o = window.location.hostname.split(".");
-      if (o.length >= 3) {
-        const d = o[0];
-        return localStorage.setItem(c, d), d;
+    if (o === "subdomain") {
+      const d = window.location.hostname.split(".");
+      if (d.length >= 3) {
+        const c = d[0];
+        return localStorage.setItem(g, c), c;
       }
-      return localStorage.getItem(c);
-    } else if (S === "selector") {
-      const o = new URLSearchParams(window.location.search).get(i.selectorParam || "tenant");
-      return o ? (localStorage.setItem(c, o), o) : localStorage.getItem(c);
+      return localStorage.getItem(g);
+    } else if (o === "selector") {
+      const d = new URLSearchParams(window.location.search).get(i.selectorParam || "tenant");
+      return d ? (localStorage.setItem(g, d), d) : localStorage.getItem(g);
     }
     return null;
-  }, [i.tenantMode, i.selectorParam]), u = _(() => U(), [U]), y = (r == null ? void 0 : r.settingsSchema) || null, x = oe(
-    async (S) => {
+  }, [i.tenantMode, i.selectorParam]), [p, I] = v(() => a()), A = Q(
+    () => {
+      var o, g, f;
+      return {
+        enabled: ((o = i.cache) == null ? void 0 : o.enabled) ?? !0,
+        ttl: ((g = i.cache) == null ? void 0 : g.ttl) ?? 5 * 60 * 1e3,
+        // 5 minutes default
+        storageKey: ((f = i.cache) == null ? void 0 : f.storageKey) ?? `tenant_cache_${p || "default"}`
+      };
+    },
+    [i.cache, p]
+  ), [x, P] = v(() => {
+    if (i.initialTenant) return i.initialTenant;
+    if (!A.enabled || !p) return null;
+    try {
+      const o = localStorage.getItem(A.storageKey);
+      if (!o) return null;
+      const g = JSON.parse(o);
+      return Date.now() - g.timestamp < A.ttl && g.tenantSlug === p ? g.data : (localStorage.removeItem(A.storageKey), null);
+    } catch {
+      return null;
+    }
+  }), [b, m] = v(!x && !i.initialTenant), [h, S] = v(null), [L, C] = v(null), [q, k] = v(!1), [u, T] = v(null);
+  te(() => {
+    const o = a();
+    I(o);
+  }, [a]);
+  const R = (r == null ? void 0 : r.settingsSchema) || null, H = ne(
+    async (o, g = !1) => {
+      if (!(!g && A.enabled && x && x.domain === o))
+        try {
+          m(!0), S(null);
+          const f = new re(t), c = await new ce(f, s).getPublicTenantInfo(o);
+          if (P(c), A.enabled)
+            try {
+              const y = {
+                data: c,
+                timestamp: Date.now(),
+                tenantSlug: o
+              };
+              localStorage.setItem(A.storageKey, JSON.stringify(y));
+            } catch (y) {
+              console.warn("Failed to cache tenant info:", y);
+            }
+        } catch (f) {
+          const d = f instanceof Error ? f : new Error("Failed to load tenant information");
+          S(d), P(null);
+        } finally {
+          m(!1);
+        }
+    },
+    [t, s, A, x]
+  ), G = ne(async () => {
+    if (!(!A.enabled || !x || !p))
       try {
-        L(!0), f(null);
-        const c = new te(t), o = await new fe(c, s).getPublicTenantInfo(S);
-        b(o);
-      } catch (c) {
-        const h = c instanceof Error ? c : new Error("Failed to load tenant information");
-        f(h), b(null);
-      } finally {
-        L(!1);
+        const o = localStorage.getItem(A.storageKey);
+        if (!o) return;
+        const g = JSON.parse(o);
+        if (Date.now() - g.timestamp > A.ttl * 0.5) {
+          const d = new re(t), y = await new ce(d, s).getPublicTenantInfo(p);
+          P(y);
+          const W = {
+            data: y,
+            timestamp: Date.now(),
+            tenantSlug: p
+          };
+          localStorage.setItem(A.storageKey, JSON.stringify(W));
+        }
+      } catch (o) {
+        console.warn("Background tenant refresh failed:", o);
       }
-    },
-    [t, s]
-  ), F = oe(async () => {
-    if (a != null && a.id)
+  }, [t, s, A, x, p]), F = ne(async () => {
+    if (x != null && x.id)
       try {
-        v(!0), g(null);
-        const S = new te(t), h = await new fe(S, a.appId).getTenantSettings(a.id);
-        M(h);
-      } catch (S) {
-        const c = S instanceof Error ? S : new Error("Failed to load tenant settings");
-        g(c), M(null);
+        k(!0), T(null);
+        const o = new re(t), f = await new ce(o, x.appId).getTenantSettings(x.id);
+        C(f);
+      } catch (o) {
+        const g = o instanceof Error ? o : new Error("Failed to load tenant settings");
+        T(g), C(null);
       } finally {
-        v(!1);
+        k(!1);
       }
-  }, [t, a]), B = oe(() => {
+  }, [t, x]), V = ne(() => {
     F();
-  }, [F]), z = oe(
-    (S) => {
-      if (!y)
+  }, [F]), w = ne(
+    (o) => {
+      if (!R)
         return { isValid: !0, errors: [] };
-      const c = [];
+      const g = [];
       try {
-        return y.properties && Object.entries(y.properties).forEach(([h, o]) => {
-          var G;
-          const d = S[h];
-          if ((G = y.required) != null && G.includes(h) && d == null) {
-            c.push(`Field '${h}' is required`);
+        return R.properties && Object.entries(R.properties).forEach(([f, d]) => {
+          var y;
+          const c = o[f];
+          if ((y = R.required) != null && y.includes(f) && c == null) {
+            g.push(`Field '${f}' is required`);
             return;
           }
-          if (d != null) {
-            if (o.type) {
-              const Y = o.type, H = typeof d;
-              Y === "string" && H !== "string" ? c.push(`Field '${h}' must be a string`) : (Y === "number" || Y === "integer") && H !== "number" ? c.push(`Field '${h}' must be a number`) : Y === "boolean" && H !== "boolean" ? c.push(`Field '${h}' must be a boolean`) : Y === "array" && !Array.isArray(d) && c.push(`Field '${h}' must be an array`);
+          if (c != null) {
+            if (d.type) {
+              const W = d.type, ee = typeof c;
+              W === "string" && ee !== "string" ? g.push(`Field '${f}' must be a string`) : (W === "number" || W === "integer") && ee !== "number" ? g.push(`Field '${f}' must be a number`) : W === "boolean" && ee !== "boolean" ? g.push(`Field '${f}' must be a boolean`) : W === "array" && !Array.isArray(c) && g.push(`Field '${f}' must be an array`);
             }
-            o.minLength !== void 0 && typeof d == "string" && d.length < o.minLength && c.push(
-              `Field '${h}' must be at least ${o.minLength} characters long`
-            ), o.maxLength !== void 0 && typeof d == "string" && d.length > o.maxLength && c.push(
-              `Field '${h}' must be no more than ${o.maxLength} characters long`
-            ), o.minimum !== void 0 && typeof d == "number" && d < o.minimum && c.push(`Field '${h}' must be at least ${o.minimum}`), o.maximum !== void 0 && typeof d == "number" && d > o.maximum && c.push(`Field '${h}' must be no more than ${o.maximum}`), o.pattern && typeof d == "string" && (new RegExp(o.pattern).test(d) || c.push(`Field '${h}' does not match the required pattern`)), o.enum && !o.enum.includes(d) && c.push(`Field '${h}' must be one of: ${o.enum.join(", ")}`);
+            d.minLength !== void 0 && typeof c == "string" && c.length < d.minLength && g.push(
+              `Field '${f}' must be at least ${d.minLength} characters long`
+            ), d.maxLength !== void 0 && typeof c == "string" && c.length > d.maxLength && g.push(
+              `Field '${f}' must be no more than ${d.maxLength} characters long`
+            ), d.minimum !== void 0 && typeof c == "number" && c < d.minimum && g.push(`Field '${f}' must be at least ${d.minimum}`), d.maximum !== void 0 && typeof c == "number" && c > d.maximum && g.push(`Field '${f}' must be no more than ${d.maximum}`), d.pattern && typeof c == "string" && (new RegExp(d.pattern).test(c) || g.push(`Field '${f}' does not match the required pattern`)), d.enum && !d.enum.includes(c) && g.push(`Field '${f}' must be one of: ${d.enum.join(", ")}`);
           }
         }), {
-          isValid: c.length === 0,
-          errors: c
+          isValid: g.length === 0,
+          errors: g
         };
       } catch {
         return {
@@ -695,60 +835,93 @@ function pt({ config: i, children: e }) {
         };
       }
     },
-    [y]
+    [R]
   );
-  Z(() => {
-    !i.initialTenant && u ? x(u) : !i.initialTenant && !u && (b(null), f(null), L(!1));
-  }, [i.initialTenant, u, x]), Z(() => {
-    a != null && a.id ? F() : (M(null), g(null), v(!1));
-  }, [a == null ? void 0 : a.id, F]);
-  const q = _(() => ({
+  te(() => {
+    !i.initialTenant && p ? x ? G() : H(p) : !i.initialTenant && !p && (P(null), S(null), m(!1));
+  }, [i.initialTenant, p, x, H, G]), te(() => {
+    x != null && x.id ? F() : (C(null), T(null), k(!1));
+  }, [x == null ? void 0 : x.id, F]);
+  const M = ne(
+    (o, g = "reload") => {
+      const f = i.tenantMode || "selector";
+      if (console.log("[TenantProvider] Switching tenant:", {
+        targetTenantSlug: o,
+        currentTenantSlug: p,
+        tenantMode: f,
+        mode: g
+      }), localStorage.setItem("tenant", o), f === "subdomain") {
+        const d = window.location.hostname, c = d.split(".");
+        if (c.length >= 2) {
+          c[0] = o;
+          const y = c.join("."), W = `${window.location.protocol}//${y}${window.location.pathname}${window.location.search}`;
+          console.log("[TenantProvider] Redirecting to:", W), window.location.href = W;
+        } else
+          console.warn(
+            "[TenantProvider] Cannot switch subdomain, invalid hostname:",
+            d
+          );
+      } else if (f === "selector") {
+        const d = new URLSearchParams(window.location.search);
+        if (d.set(i.selectorParam || "tenant", o), g === "reload") {
+          const c = `${window.location.pathname}?${d.toString()}${window.location.hash}`;
+          console.log("[TenantProvider] Reloading with new tenant:", c), window.location.href = c;
+        } else {
+          const c = `${window.location.pathname}?${d.toString()}${window.location.hash}`;
+          console.log("[TenantProvider] Navigating without reload:", c), window.history.pushState({}, "", c), I(o), H(o);
+        }
+      }
+    },
+    [i.tenantMode, i.selectorParam, H, p]
+  ), E = Q(() => ({
     // Tenant info
-    tenant: a,
-    tenantSlug: u,
-    isTenantLoading: E,
-    tenantError: P,
+    tenant: x,
+    tenantSlug: p,
+    isTenantLoading: b,
+    tenantError: h,
     retryTenant: () => {
-      u && x(u);
+      p && H(p);
     },
     // Settings
-    settings: m,
-    settingsSchema: y,
-    isSettingsLoading: w,
-    settingsError: I,
+    settings: L,
+    settingsSchema: R,
+    isSettingsLoading: q,
+    settingsError: u,
     // Actions
-    refreshSettings: B,
+    refreshSettings: V,
+    switchTenant: M,
     // Validation
-    validateSettings: z
+    validateSettings: w
   }), [
-    a,
+    x,
+    p,
+    b,
+    h,
+    L,
+    R,
+    q,
     u,
-    E,
-    P,
-    m,
-    y,
-    w,
-    I,
-    B,
-    z
+    V,
+    M,
+    w
   ]);
-  if (E)
-    return /* @__PURE__ */ n(D, { children: i.loadingFallback || /* @__PURE__ */ n(Ie, {}) });
-  if (P) {
-    const S = typeof i.errorFallback == "function" ? i.errorFallback(P, () => x(u || "")) : i.errorFallback || /* @__PURE__ */ n(Fe, { error: P, retry: () => x(u || "") });
-    return /* @__PURE__ */ n(D, { children: S });
+  if (b)
+    return /* @__PURE__ */ n(N, { children: i.loadingFallback || /* @__PURE__ */ n(Ue, {}) });
+  if (h) {
+    const o = typeof i.errorFallback == "function" ? i.errorFallback(h, () => H(p || "")) : i.errorFallback || /* @__PURE__ */ n(qe, { error: h, retry: () => H(p || "") });
+    return /* @__PURE__ */ n(N, { children: o });
   }
-  return /* @__PURE__ */ n(ve.Provider, { value: q, children: e });
+  return /* @__PURE__ */ n(Pe.Provider, { value: E, children: e });
 }
-function ge() {
-  const i = le(ve);
+function fe() {
+  const i = ue(Pe);
   if (!i)
     throw new Error("useTenant must be used within a TenantProvider");
   return i;
 }
-const ft = ge;
-function mt() {
-  const { settings: i, settingsSchema: e, isSettingsLoading: t, settingsError: r, validateSettings: s } = ge();
+const kt = fe;
+function At() {
+  const { settings: i, settingsSchema: e, isSettingsLoading: t, settingsError: r, validateSettings: s } = fe();
   return {
     settings: i,
     settingsSchema: e,
@@ -757,8 +930,8 @@ function mt() {
     validateSettings: s
   };
 }
-function re() {
-  const { tenant: i, tenantSlug: e, isTenantLoading: t, tenantError: r, retryTenant: s } = ge();
+function se() {
+  const { tenant: i, tenantSlug: e, isTenantLoading: t, tenantError: r, retryTenant: s } = fe();
   return {
     tenant: i,
     tenantSlug: e,
@@ -767,249 +940,273 @@ function re() {
     retry: s
   };
 }
-const Se = ae(null);
-function yt({ config: i = {}, children: e }) {
-  const { appId: t, baseUrl: r } = ne(), s = re(), a = (s == null ? void 0 : s.tenantSlug) || null, [b, E] = p(i.initialRoles || []), [L, P] = p(!i.initialRoles), [f, m] = p(null), [M, w] = p(!1), [v, I] = p(null), g = _(() => {
-    const S = a ? `auth_tokens_${a}` : "auth_tokens", c = {
-      get: () => {
-        try {
-          const h = localStorage.getItem(S);
-          return h ? JSON.parse(h) : null;
-        } catch {
-          return null;
-        }
-      },
-      set: (h) => {
-        try {
-          localStorage.setItem(S, JSON.stringify(h));
-        } catch {
-        }
-      },
-      clear: () => {
-        try {
-          localStorage.removeItem(S);
-        } catch {
-        }
-      }
-    };
-    return new Le({
-      onRefreshFailed: i.onRefreshFailed,
-      tokenStorage: c,
-      baseUrl: r
-    });
-  }, [a, r, i.onRefreshFailed]), U = _(() => {
-    const S = new te(r);
-    return S.setSessionManager(g), S;
-  }, [r, g]), u = _(() => new Re(new te(r)), [r]), y = _(() => new Ce(U, g), [U, g]), x = _(() => new pe(new te(r)), [r]), F = _(() => f || g.getUser(), [f, g]), B = _(() => F != null && F.roleId && b.find((S) => S.id === F.roleId) || null, [F, b]), z = _(() => (B == null ? void 0 : B.permissions) || [], [B]);
-  Z(() => {
-    console.log("AuthProvider - userPermissions changed:", z);
-  }, [z]);
-  const q = _(() => {
-    const S = async () => {
+const Te = de(null);
+function Pt({ config: i = {}, children: e }) {
+  const { appId: t, baseUrl: r } = he(), { tenant: s, tenantSlug: a, switchTenant: p } = fe(), [I, A] = v(i.initialRoles || []), [x, P] = v(!i.initialRoles), [b, m] = v(null), [h, S] = v(!1), [L, C] = v(null), [q, k] = v(0), u = Q(() => new ye({
+    tenantSlug: a,
+    // SessionManager will generate storageKey internally
+    onRefreshFailed: i.onRefreshFailed,
+    baseUrl: r
+  }), [a, r, i.onRefreshFailed]), T = Q(() => {
+    const g = new re(r);
+    return g.setSessionManager(u), g;
+  }, [r, u]), R = Q(() => new Ne(new re(r)), [r]), H = Q(() => new Be(T, u), [T, u]), G = Q(() => new Se(new re(r)), [r]), F = Q(() => b || u.getUser(), [b, u]), V = Q(() => F != null && F.roleId && I.find((g) => g.id === F.roleId) || null, [F, I]), w = Q(() => (V == null ? void 0 : V.permissions) || [], [V]), M = Q(() => u.hasValidSession() && b !== null, [u, b]), E = 5 * 60 * 1e3, o = Q(() => {
+    const g = async ($ = !1) => {
       try {
-        w(!0), I(null);
-        const A = g.getUser();
-        if (!(A != null && A.id))
-          throw new Error("No user ID available in session");
-        const $ = await y.getUserById(A.id);
-        m($), g.setUser($);
-      } catch (A) {
-        const $ = A instanceof Error ? A : new Error("Failed to load user data");
-        I($), console.error("Failed to load user data:", $);
+        if (!u.hasValidSession())
+          return;
+        const U = Date.now();
+        if (!$ && U - q < E && b)
+          return;
+        const j = u.getUserId();
+        if (!j) {
+          console.warn("[AuthProvider] No userId available in token or storage");
+          return;
+        }
+        S(!0), C(null);
+        const X = await H.getUserById(j);
+        m(X), u.setUser(X), k(Date.now());
+      } catch (U) {
+        const K = U instanceof Error ? U : new Error("Failed to load user data");
+        C(K), console.error("[AuthProvider] Failed to load user data:", K);
       } finally {
-        w(!1);
+        S(!1);
       }
-    }, c = async () => {
-      await S();
-    }, h = async (A, $, Q, X) => {
-      const W = await u.login({
-        username: A,
-        password: $,
-        appId: Q,
+    }, f = async () => {
+      await g();
+    }, d = async ($) => {
+      const { username: U, password: K, tenantSlug: j } = $;
+      let X = s == null ? void 0 : s.id, Y = a, Z = u;
+      j && (X = (await new ce(T, t).getPublicTenantInfo(j)).id, Y = j);
+      const J = await R.login({
+        username: U,
+        password: K,
+        appId: t,
         tenantId: X
-      });
-      if (g.setTokens({
-        accessToken: W.accessToken,
-        refreshToken: W.refreshToken,
-        expiresIn: W.expiresIn
-      }), W.user) {
-        g.setUser(W.user), m(W.user);
+      }), ae = j && j !== a;
+      if (ae && (Z = new ye({
+        tenantSlug: Y,
+        baseUrl: r
+      })), Z.setTokens({
+        accessToken: J.accessToken,
+        refreshToken: J.refreshToken,
+        expiresIn: J.expiresIn
+      }), J.user) {
+        Z.setUser(J.user), m(J.user);
         try {
-          await S();
-        } catch (ee) {
-          console.warn("Failed to load complete user data after login:", ee);
+          await g();
+        } catch (le) {
+          console.warn("Failed to load complete user data after login:", le);
         }
       }
-      return W;
-    }, o = async (A, $, Q, X, W, ee, ce) => {
-      if (!A && !$)
+      return ae && Y && Y !== a && p(Y), J;
+    }, c = async ($) => {
+      const { email: U, phoneNumber: K, name: j, password: X, lastName: Y, tenantId: Z } = $;
+      if (!U && !K)
         throw new Error("Either email or phoneNumber is required");
-      if (!Q || !X)
+      if (!j || !X)
         throw new Error("Name and password are required");
-      return await u.signup({
-        email: A,
-        phoneNumber: $,
-        name: Q,
+      const J = Z ?? (s == null ? void 0 : s.id);
+      return await R.signup({
+        email: U,
+        phoneNumber: K,
+        name: j,
         password: X,
-        tenantId: W,
-        lastName: ee,
-        appId: ce
+        tenantId: J,
+        lastName: Y,
+        appId: t
       });
-    }, d = async (A, $, Q, X, W, ee, ce) => {
-      if (!A && !$)
+    }, y = async ($) => {
+      const { email: U, phoneNumber: K, name: j, password: X, tenantName: Y, lastName: Z } = $;
+      if (!U && !K)
         throw new Error("Either email or phoneNumber is required");
-      if (!Q || !X || !W)
+      if (!j || !X || !Y)
         throw new Error("Name, password, and tenantName are required");
-      return await u.signupTenantAdmin({
-        email: A,
-        phoneNumber: $,
-        name: Q,
+      return await R.signupTenantAdmin({
+        email: U,
+        phoneNumber: K,
+        name: j,
         password: X,
-        tenantName: W,
-        appId: ce,
-        lastName: ee
+        tenantName: Y,
+        appId: t,
+        lastName: Z
       });
-    }, G = async (A, $) => {
-      const Q = await g.getAuthHeaders();
-      await u.changePassword({ currentPassword: A, newPassword: $ }, Q);
-    }, Y = async (A, $) => {
-      await u.requestPasswordReset({ email: A, tenantId: $ });
-    }, H = async (A, $) => {
-      await u.confirmPasswordReset({ token: A, newPassword: $ });
-    }, C = async (A, $, Q, X, W, ee) => await u.sendMagicLink({
-      email: A,
-      tenantId: $,
-      frontendUrl: Q,
-      name: X,
-      lastName: W,
-      appId: ee
-    }), k = async (A, $, Q, X) => {
-      const W = await u.verifyMagicLink({
-        token: A,
-        email: $,
-        appId: Q,
-        tenantId: X
+    }, W = async ($) => {
+      const { currentPassword: U, newPassword: K } = $, j = await u.getAuthHeaders();
+      await R.changePassword({ currentPassword: U, newPassword: K }, j);
+    }, ee = async ($) => {
+      const { email: U, tenantId: K } = $, j = K ?? (s == null ? void 0 : s.id);
+      if (!j)
+        throw new Error("tenantId is required for password reset");
+      await R.requestPasswordReset({ email: U, tenantId: j });
+    }, z = async ($) => {
+      const { token: U, newPassword: K } = $;
+      await R.confirmPasswordReset({ token: U, newPassword: K });
+    }, B = async ($) => {
+      const { email: U, frontendUrl: K, name: j, lastName: X, tenantId: Y } = $, Z = Y ?? (s == null ? void 0 : s.id);
+      if (!Z)
+        throw new Error("tenantId is required for magic link authentication");
+      return await R.sendMagicLink({
+        email: U,
+        tenantId: Z,
+        frontendUrl: K,
+        name: j,
+        lastName: X,
+        appId: t
       });
-      if (g.setTokens({
-        accessToken: W.accessToken,
-        refreshToken: W.refreshToken,
-        expiresIn: W.expiresIn
-      }), W.user) {
-        g.setUser(W.user), m(W.user);
+    }, O = async ($) => {
+      const { token: U, email: K, tenantSlug: j } = $;
+      let X = s == null ? void 0 : s.id, Y = a, Z = u;
+      j && (X = (await new ce(T, t).getPublicTenantInfo(j)).id, Y = j);
+      const J = await R.verifyMagicLink({
+        token: U,
+        email: K,
+        appId: t,
+        tenantId: X
+      }), ae = j && j !== a;
+      if (ae && (Z = new ye({
+        tenantSlug: Y,
+        baseUrl: r
+      })), Z.setTokens({
+        accessToken: J.accessToken,
+        refreshToken: J.refreshToken,
+        expiresIn: J.expiresIn
+      }), J.user) {
+        Z.setUser(J.user), m(J.user);
         try {
-          await S();
-        } catch (ee) {
-          console.warn("Failed to load complete user data after magic link login:", ee);
+          await g();
+        } catch (le) {
+          console.warn("Failed to load complete user data after magic link login:", le);
         }
       }
-      return W;
-    }, T = async () => {
-      const A = g.getTokens();
-      if (!(A != null && A.refreshToken))
+      return ae && Y && Y !== a && p(Y), J;
+    }, D = async () => {
+      const $ = u.getTokens();
+      if (!($ != null && $.refreshToken))
         throw new Error("No refresh token available");
-      const $ = await u.refreshToken({
-        refreshToken: A.refreshToken
+      const U = await R.refreshToken({
+        refreshToken: $.refreshToken
       });
-      g.setTokens({
-        accessToken: $.accessToken,
-        refreshToken: $.refreshToken || A.refreshToken,
-        expiresIn: $.expiresIn
+      u.setTokens({
+        accessToken: U.accessToken,
+        refreshToken: U.refreshToken || $.refreshToken,
+        expiresIn: U.expiresIn
       });
-    }, J = () => {
-      g.clearSession(), m(null), I(null);
-    }, O = (A) => {
-      g.setTokens(A);
-    }, j = () => g.hasValidSession(), N = () => {
-      g.clearSession(), m(null), I(null);
-    }, K = async () => {
+    }, _ = () => {
+      u.clearSession(), m(null), C(null);
+    }, ge = ($) => {
+      u.setTokens($);
+    }, Re = () => u.hasValidSession(), Ce = () => {
+      u.clearSession(), m(null), C(null);
+    }, Le = async () => {
       if (t)
         try {
           P(!0);
-          const { roles: A } = await x.getRolesByApp(t);
-          E(A);
-        } catch (A) {
-          console.error("Failed to fetch roles:", A);
+          const { roles: $ } = await G.getRolesByApp(t);
+          A($);
+        } catch ($) {
+          console.error("Failed to fetch roles:", $);
         } finally {
           P(!1);
         }
-    }, R = async () => {
-      await K();
-    }, V = (A) => {
-      if (!z || z.length === 0)
+    }, Fe = async () => {
+      await Le();
+    }, me = ($) => {
+      if (!w || w.length === 0)
         return !1;
-      if (typeof A == "string")
-        return z.includes(A);
-      const $ = `${A.resource}.${A.action}`;
-      return z.includes($);
+      if (typeof $ == "string")
+        return w.includes($);
+      const U = `${$.resource}.${$.action}`;
+      return w.includes(U);
     };
     return {
-      sessionManager: g,
-      authenticatedHttpService: U,
-      login: h,
-      signup: o,
-      signupTenantAdmin: d,
-      sendMagicLink: C,
-      verifyMagicLink: k,
-      changePassword: G,
-      requestPasswordReset: Y,
-      confirmPasswordReset: H,
-      refreshToken: T,
-      logout: J,
-      setTokens: O,
-      hasValidSession: j,
-      clearSession: N,
-      currentUser: f,
-      isUserLoading: M,
-      userError: v,
-      refreshUser: c,
-      userRole: B,
-      userPermissions: z,
-      availableRoles: b,
-      rolesLoading: L,
-      hasPermission: V,
-      hasAnyPermission: (A) => A.some(($) => V($)),
-      hasAllPermissions: (A) => A.every(($) => V($)),
-      getUserPermissionStrings: () => z || [],
-      refreshRoles: R
+      // RFC-003: Authentication state
+      isAuthenticated: M,
+      sessionManager: u,
+      authenticatedHttpService: T,
+      login: d,
+      signup: c,
+      signupTenantAdmin: y,
+      sendMagicLink: B,
+      verifyMagicLink: O,
+      changePassword: W,
+      requestPasswordReset: ee,
+      confirmPasswordReset: z,
+      refreshToken: D,
+      logout: _,
+      setTokens: ge,
+      hasValidSession: Re,
+      clearSession: Ce,
+      currentUser: b,
+      isUserLoading: h,
+      userError: L,
+      loadUserData: g,
+      refreshUser: f,
+      userRole: V,
+      userPermissions: w,
+      availableRoles: I,
+      rolesLoading: x,
+      hasPermission: me,
+      hasAnyPermission: ($) => $.some((U) => me(U)),
+      hasAllPermissions: ($) => $.every((U) => me(U)),
+      getUserPermissionStrings: () => w || [],
+      refreshRoles: Fe
     };
   }, [
-    g,
-    U,
+    M,
     u,
-    y,
-    x,
+    T,
+    R,
+    H,
+    G,
     t,
+    s,
+    a,
+    p,
+    I,
     b,
-    f,
-    M,
-    v,
-    B,
-    z
+    h,
+    L,
+    V,
+    w,
+    q,
+    E
   ]);
-  return Z(() => {
+  return te(() => {
     !i.initialRoles && t && (async () => {
       try {
         P(!0);
-        const c = new te(r), h = new pe(c), { roles: o } = await h.getRolesByApp(t);
-        E(o);
-      } catch (c) {
-        console.error("Failed to fetch roles:", c);
+        const f = new re(r), d = new Se(f), { roles: c } = await d.getRolesByApp(t);
+        A(c);
+      } catch (f) {
+        console.error("Failed to fetch roles:", f);
       } finally {
         P(!1);
       }
     })();
-  }, [t, r, i.initialRoles]), Z(() => {
-    const S = g.getUser();
-    S && g.hasValidSession() && m(S);
-  }, [g]), /* @__PURE__ */ n(Se.Provider, { value: q, children: e });
+  }, [t, r, i.initialRoles]), te(() => {
+    const g = u.getUser();
+    g && u.hasValidSession() && m(g);
+  }, [u]), te(() => {
+    !b && !h && o.loadUserData().catch(() => {
+    });
+  }, [b, h, o]), te(() => {
+    if (!u.hasValidSession() || !b)
+      return;
+    const g = setInterval(() => {
+      o.loadUserData().catch(() => {
+      });
+    }, E);
+    return () => clearInterval(g);
+  }, [u, b, o, E]), /* @__PURE__ */ n(Te.Provider, { value: o, children: e });
 }
-function ie() {
-  const i = le(Se);
+function oe() {
+  const i = ue(Te);
   if (!i)
     throw new Error("useAuth must be used within an AuthProvider");
   return i;
 }
-class He {
+class ze {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -1089,58 +1286,58 @@ class He {
     })).data;
   }
 }
-const xe = ae(null);
-function bt({ config: i = {}, children: e }) {
-  const { baseUrl: t, appId: r } = ne(), { tenant: s } = re(), [a, b] = p([]), [E, L] = p(!1), [P, f] = p(null), m = _(() => {
-    const v = new te(t);
-    return new He(v);
-  }, [t]), M = async () => {
+const Me = de(null);
+function Tt({ config: i = {}, children: e }) {
+  const { baseUrl: t, appId: r } = he(), { tenant: s } = se(), [a, p] = v([]), [I, A] = v(!1), [x, P] = v(null), b = Q(() => {
+    const S = new re(t);
+    return new ze(S);
+  }, [t]), m = async () => {
     if (!(s != null && s.id)) {
-      b([]);
+      p([]);
       return;
     }
-    L(!0), f(null);
+    A(!0), P(null);
     try {
-      const v = await m.getTenantFeatureFlags(s.id, r);
-      b(v);
-    } catch (v) {
-      const I = v instanceof Error ? v.message : "Failed to fetch feature flags";
-      f(I), i.onError && i.onError(v instanceof Error ? v : new Error(I));
+      const S = await b.getTenantFeatureFlags(s.id, r);
+      p(S);
+    } catch (S) {
+      const L = S instanceof Error ? S.message : "Failed to fetch feature flags";
+      P(L), i.onError && i.onError(S instanceof Error ? S : new Error(L));
     } finally {
-      L(!1);
+      A(!1);
     }
   };
-  Z(() => {
-    M();
-    const v = i.refreshInterval || 5 * 60 * 1e3, I = setInterval(M, v);
-    return () => clearInterval(I);
+  te(() => {
+    m();
+    const S = i.refreshInterval || 5 * 60 * 1e3, L = setInterval(m, S);
+    return () => clearInterval(L);
   }, [s == null ? void 0 : s.id, i.refreshInterval]);
-  const w = _(() => ({
+  const h = Q(() => ({
     featureFlags: a,
-    loading: E,
-    error: P,
-    isEnabled: (u) => {
-      const y = a.find((x) => x.key === u);
-      return (y == null ? void 0 : y.value) === !0;
+    loading: I,
+    error: x,
+    isEnabled: (k) => {
+      const u = a.find((T) => T.key === k);
+      return (u == null ? void 0 : u.value) === !0;
     },
-    getFlag: (u) => a.find((y) => y.key === u),
-    getFlagState: (u) => {
-      const y = a.find((x) => x.key === u);
-      return y ? y.value ? "enabled" : "disabled" : "not_found";
+    getFlag: (k) => a.find((u) => u.key === k),
+    getFlagState: (k) => {
+      const u = a.find((T) => T.key === k);
+      return u ? u.value ? "enabled" : "disabled" : "not_found";
     },
     refresh: async () => {
-      await M();
+      await m();
     }
-  }), [a, E, P]);
-  return /* @__PURE__ */ n(xe.Provider, { value: w, children: e });
+  }), [a, I, x]);
+  return /* @__PURE__ */ n(Me.Provider, { value: h, children: e });
 }
-function $e() {
-  const i = le(xe);
+function Oe() {
+  const i = ue(Me);
   if (!i)
     throw new Error("useFeatureFlags must be used within a FeatureFlagProvider");
   return i;
 }
-class De {
+class je {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -1206,64 +1403,64 @@ class De {
     )).data;
   }
 }
-const ke = ae(void 0);
-function wt({ config: i = {}, children: e }) {
-  const { baseUrl: t } = ne(), { tenant: r } = re(), [s, a] = p(null), [b, E] = p(!1), [L, P] = p(null), f = _(() => {
-    const w = new te(t);
-    return new De(w);
-  }, [t]), m = async () => {
+const Ie = de(void 0);
+function Mt({ config: i = {}, children: e }) {
+  const { baseUrl: t } = he(), { tenant: r } = se(), [s, a] = v(null), [p, I] = v(!1), [A, x] = v(null), P = Q(() => {
+    const h = new re(t);
+    return new je(h);
+  }, [t]), b = async () => {
     if (!(r != null && r.id)) {
       a(null);
       return;
     }
-    E(!0), P(null);
+    I(!0), x(null);
     try {
-      const w = await f.getTenantSubscriptionFeatures(r.id);
-      a(w);
-    } catch (w) {
-      const v = w instanceof Error ? w.message : "Failed to fetch subscription";
-      P(v), i.onError && i.onError(w instanceof Error ? w : new Error(v));
+      const h = await P.getTenantSubscriptionFeatures(r.id);
+      a(h);
+    } catch (h) {
+      const S = h instanceof Error ? h.message : "Failed to fetch subscription";
+      x(S), i.onError && i.onError(h instanceof Error ? h : new Error(S));
     } finally {
-      E(!1);
+      I(!1);
     }
   };
-  Z(() => {
-    if (m(), !i.refreshInterval) return;
-    const w = i.refreshInterval || 10 * 60 * 1e3, v = setInterval(m, w);
-    return () => clearInterval(v);
+  te(() => {
+    if (b(), !i.refreshInterval) return;
+    const h = i.refreshInterval || 10 * 60 * 1e3, S = setInterval(b, h);
+    return () => clearInterval(S);
   }, [r == null ? void 0 : r.id, i.refreshInterval]);
-  const M = _(() => {
-    const w = (s == null ? void 0 : s.features) || [];
+  const m = Q(() => {
+    const h = (s == null ? void 0 : s.features) || [];
     return {
       subscription: s,
-      features: w,
-      loading: b,
-      error: L,
-      isFeatureEnabled: (y) => {
-        const x = w.find((F) => F.key === y);
-        return x ? x.type === "BOOLEAN" || x.type === "boolean" ? x.value === !0 : !!x.value : !1;
+      features: h,
+      loading: p,
+      error: A,
+      isFeatureEnabled: (u) => {
+        const T = h.find((R) => R.key === u);
+        return T ? T.type === "BOOLEAN" || T.type === "boolean" ? T.value === !0 : !!T.value : !1;
       },
-      getFeature: (y) => w.find((x) => x.key === y),
-      getFeatureValue: (y, x) => {
-        const F = w.find((B) => B.key === y);
-        return F ? F.value : x;
+      getFeature: (u) => h.find((T) => T.key === u),
+      getFeatureValue: (u, T) => {
+        const R = h.find((H) => H.key === u);
+        return R ? R.value : T;
       },
-      hasAllowedPlan: (y) => !s || !s.isActive ? !1 : y.includes(s.planId),
+      hasAllowedPlan: (u) => !s || !s.isActive ? !1 : u.includes(s.planId),
       refresh: async () => {
-        await m();
+        await b();
       }
     };
-  }, [s, b, L]);
-  return /* @__PURE__ */ n(ke.Provider, { value: M, children: e });
+  }, [s, p, A]);
+  return /* @__PURE__ */ n(Ie.Provider, { value: m, children: e });
 }
-function Be() {
-  const i = le(ke);
+function Ve() {
+  const i = ue(Ie);
   if (i === void 0)
     throw new Error("useSubscription must be used within a SubscriptionProvider");
   return i;
 }
-var se = /* @__PURE__ */ ((i) => (i.SUPERUSER = "SUPERUSER", i.TENANT_ADMIN = "TENANT_ADMIN", i.USER = "USER", i))(se || {});
-const me = () => /* @__PURE__ */ l(
+var ie = /* @__PURE__ */ ((i) => (i.SUPERUSER = "SUPERUSER", i.TENANT_ADMIN = "TENANT_ADMIN", i.USER = "USER", i))(ie || {});
+const ve = () => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1300,7 +1497,7 @@ const me = () => /* @__PURE__ */ l(
       )
     ]
   }
-), ye = ({
+), xe = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
@@ -1322,7 +1519,7 @@ const me = () => /* @__PURE__ */ l(
     children: [
       /* @__PURE__ */ n("div", { style: { fontSize: "2rem", marginBottom: "10px" }, children: "⚠️" }),
       /* @__PURE__ */ n("h3", { style: { color: "#856404", marginBottom: "10px" }, children: "Insufficient Permissions" }),
-      e && i ? /* @__PURE__ */ l(D, { children: [
+      e && i ? /* @__PURE__ */ l(N, { children: [
         /* @__PURE__ */ l("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: [
           "This content requires ",
           /* @__PURE__ */ n("strong", { children: e }),
@@ -1332,7 +1529,7 @@ const me = () => /* @__PURE__ */ l(
           "Your current access level: ",
           /* @__PURE__ */ n("strong", { children: i })
         ] })
-      ] }) : /* @__PURE__ */ l(D, { children: [
+      ] }) : /* @__PURE__ */ l(N, { children: [
         /* @__PURE__ */ n("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: "You don't have the required permissions to view this content." }),
         t && t.length > 0 && /* @__PURE__ */ l("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
           "Required permissions: ",
@@ -1341,36 +1538,36 @@ const me = () => /* @__PURE__ */ l(
       ] })
     ]
   }
-), Ne = (i, e) => {
+), We = (i, e) => {
   const t = {
-    [se.USER]: 1,
-    [se.TENANT_ADMIN]: 2,
-    [se.SUPERUSER]: 3
+    [ie.USER]: 1,
+    [ie.TENANT_ADMIN]: 2,
+    [ie.SUPERUSER]: 3
   };
   return t[i] >= t[e];
 };
-function vt({
+function It({
   children: i,
   fallback: e,
   minUserType: t,
   requiredPermissions: r,
   requireAllPermissions: s = !1
 }) {
-  const { hasValidSession: a, sessionManager: b, hasPermission: E, hasAnyPermission: L, hasAllPermissions: P } = ie();
+  const { hasValidSession: a, sessionManager: p, hasPermission: I, hasAnyPermission: A, hasAllPermissions: x } = oe();
   if (!a())
-    return /* @__PURE__ */ n(D, { children: e || /* @__PURE__ */ n(me, {}) });
-  const f = b.getUser();
-  if (!f)
-    return /* @__PURE__ */ n(D, { children: e || /* @__PURE__ */ n(me, {}) });
-  if (t && !Ne(f.userType, t))
-    return /* @__PURE__ */ n(ye, { userType: f.userType, minUserType: t });
-  if (r && r.length > 0 && !(s ? P(r) : L(r))) {
-    const M = r.filter((w) => !E(w)).map((w) => typeof w == "string" ? w : w.name);
-    return /* @__PURE__ */ n(ye, { missingPermissions: M });
-  }
-  return /* @__PURE__ */ n(D, { children: i });
+    return /* @__PURE__ */ n(N, { children: e || /* @__PURE__ */ n(ve, {}) });
+  const P = p.getUser();
+  if (!P)
+    return /* @__PURE__ */ n(N, { children: e || /* @__PURE__ */ n(ve, {}) });
+  if (t && !We(P.userType, t))
+    return /* @__PURE__ */ n(xe, { userType: P.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? x(r) : A(r))) {
+    const m = r.filter((h) => !I(h)).map((h) => typeof h == "string" ? h : h.name);
+    return /* @__PURE__ */ n(xe, { missingPermissions: m });
+  }
+  return /* @__PURE__ */ n(N, { children: i });
 }
-const qe = ({ redirectPath: i }) => /* @__PURE__ */ n(
+const Ge = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1406,7 +1603,7 @@ const qe = ({ redirectPath: i }) => /* @__PURE__ */ n(
       }
     )
   }
-), be = ({
+), ke = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
@@ -1436,7 +1633,7 @@ const qe = ({ redirectPath: i }) => /* @__PURE__ */ n(
         children: [
           /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "⚠️" }),
           /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Insufficient Permissions" }),
-          e && i ? /* @__PURE__ */ l(D, { children: [
+          e && i ? /* @__PURE__ */ l(N, { children: [
             /* @__PURE__ */ l("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: [
               "This page requires ",
               /* @__PURE__ */ n("strong", { children: e }),
@@ -1446,7 +1643,7 @@ const qe = ({ redirectPath: i }) => /* @__PURE__ */ n(
               "Your current access level: ",
               /* @__PURE__ */ n("strong", { children: i })
             ] })
-          ] }) : /* @__PURE__ */ l(D, { children: [
+          ] }) : /* @__PURE__ */ l(N, { children: [
             /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: "You don't have the required permissions to access this page." }),
             t && t.length > 0 && /* @__PURE__ */ l("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
               "Required permissions: ",
@@ -1457,15 +1654,15 @@ const qe = ({ redirectPath: i }) => /* @__PURE__ */ n(
       }
     )
   }
-), Ue = (i, e) => {
+), Ke = (i, e) => {
   const t = {
-    [se.USER]: 1,
-    [se.TENANT_ADMIN]: 2,
-    [se.SUPERUSER]: 3
+    [ie.USER]: 1,
+    [ie.TENANT_ADMIN]: 2,
+    [ie.SUPERUSER]: 3
   };
   return t[i] >= t[e];
 };
-function St({
+function Et({
   children: i,
   redirectTo: e = "/login",
   minUserType: t,
@@ -1473,24 +1670,24 @@ function St({
   requireAllPermissions: s = !1,
   fallback: a
 }) {
-  const { hasValidSession: b, sessionManager: E, hasPermission: L, hasAnyPermission: P, hasAllPermissions: f } = ie(), m = he();
-  if (!b())
-    return a ? /* @__PURE__ */ n(D, { children: a }) : /* @__PURE__ */ l(D, { children: [
-      /* @__PURE__ */ n(qe, { redirectPath: e }),
-      /* @__PURE__ */ n(de, { to: e, state: { from: m.pathname }, replace: !0 })
+  const { hasValidSession: p, sessionManager: I, hasPermission: A, hasAnyPermission: x, hasAllPermissions: P } = oe(), b = we();
+  if (!p())
+    return a ? /* @__PURE__ */ n(N, { children: a }) : /* @__PURE__ */ l(N, { children: [
+      /* @__PURE__ */ n(Ge, { redirectPath: e }),
+      /* @__PURE__ */ n(pe, { to: e, state: { from: b.pathname }, replace: !0 })
     ] });
-  const M = E.getUser();
-  if (!M)
-    return /* @__PURE__ */ n(de, { to: e, state: { from: m.pathname }, replace: !0 });
-  if (t && !Ue(M.userType, t))
-    return /* @__PURE__ */ n(be, { userType: M.userType, minUserType: t });
-  if (r && r.length > 0 && !(s ? f(r) : P(r))) {
-    const v = r.filter((I) => !L(I)).map((I) => typeof I == "string" ? I : I.name);
-    return /* @__PURE__ */ n(be, { missingPermissions: v });
-  }
-  return /* @__PURE__ */ n(D, { children: i });
+  const m = I.getUser();
+  if (!m)
+    return /* @__PURE__ */ n(pe, { to: e, state: { from: b.pathname }, replace: !0 });
+  if (t && !Ke(m.userType, t))
+    return /* @__PURE__ */ n(ke, { userType: m.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? P(r) : x(r))) {
+    const S = r.filter((L) => !A(L)).map((L) => typeof L == "string" ? L : L.name);
+    return /* @__PURE__ */ n(ke, { missingPermissions: S });
+  }
+  return /* @__PURE__ */ n(N, { children: i });
 }
-const ze = ({ redirectPath: i }) => /* @__PURE__ */ n(
+const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1527,14 +1724,14 @@ const ze = ({ redirectPath: i }) => /* @__PURE__ */ n(
     )
   }
 );
-function xt({ children: i, redirectTo: e = "/", fallback: t }) {
-  const { tenant: r, isLoading: s, error: a } = re(), b = he();
-  return s || a ? null : r ? /* @__PURE__ */ n(D, { children: i }) : t ? /* @__PURE__ */ n(D, { children: t }) : /* @__PURE__ */ l(D, { children: [
-    /* @__PURE__ */ n(ze, { redirectPath: e }),
-    /* @__PURE__ */ n(de, { to: e, state: { from: b.pathname }, replace: !0 })
+function Rt({ children: i, redirectTo: e = "/", fallback: t }) {
+  const { tenant: r, isLoading: s, error: a } = se(), p = we();
+  return s || a ? null : r ? /* @__PURE__ */ n(N, { children: i }) : t ? /* @__PURE__ */ n(N, { children: t }) : /* @__PURE__ */ l(N, { children: [
+    /* @__PURE__ */ n(_e, { redirectPath: e }),
+    /* @__PURE__ */ n(pe, { to: e, state: { from: p.pathname }, replace: !0 })
   ] });
 }
-const Oe = ({ redirectPath: i }) => /* @__PURE__ */ n(
+const Je = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1571,14 +1768,14 @@ const Oe = ({ redirectPath: i }) => /* @__PURE__ */ n(
     )
   }
 );
-function kt({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
-  const { tenant: r, isLoading: s, error: a } = re(), b = he();
-  return s || a ? null : r ? t ? /* @__PURE__ */ n(D, { children: t }) : /* @__PURE__ */ l(D, { children: [
-    /* @__PURE__ */ n(Oe, { redirectPath: e }),
-    /* @__PURE__ */ n(de, { to: e, state: { from: b.pathname }, replace: !0 })
-  ] }) : /* @__PURE__ */ n(D, { children: i });
+function Ct({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
+  const { tenant: r, isLoading: s, error: a } = se(), p = we();
+  return s || a ? null : r ? t ? /* @__PURE__ */ n(N, { children: t }) : /* @__PURE__ */ l(N, { children: [
+    /* @__PURE__ */ n(Je, { redirectPath: e }),
+    /* @__PURE__ */ n(pe, { to: e, state: { from: p.pathname }, replace: !0 })
+  ] }) : /* @__PURE__ */ n(N, { children: i });
 }
-const je = () => /* @__PURE__ */ l(
+const Ye = () => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1595,14 +1792,14 @@ const je = () => /* @__PURE__ */ l(
     ]
   }
 );
-function At({
+function Lt({
   children: i,
-  fallback: e = /* @__PURE__ */ n(je, {}),
+  fallback: e = /* @__PURE__ */ n(Ye, {}),
   allowedPlans: t,
   requiredFeature: r
 }) {
-  const { subscription: s, hasAllowedPlan: a, isFeatureEnabled: b, loading: E } = Be();
-  return E ? /* @__PURE__ */ n(
+  const { subscription: s, hasAllowedPlan: a, isFeatureEnabled: p, loading: I } = Ve();
+  return I ? /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -1612,9 +1809,9 @@ function At({
       },
       children: "Loading subscription..."
     }
-  ) : s ? s.isActive ? t && t.length > 0 && !a(t) ? /* @__PURE__ */ n(D, { children: e }) : r && !b(r) ? /* @__PURE__ */ n(D, { children: e }) : /* @__PURE__ */ n(D, { children: i }) : /* @__PURE__ */ n(D, { children: e }) : /* @__PURE__ */ n(D, { children: e });
+  ) : s ? s.isActive ? t && t.length > 0 && !a(t) ? /* @__PURE__ */ n(N, { children: e }) : r && !p(r) ? /* @__PURE__ */ n(N, { children: e }) : /* @__PURE__ */ n(N, { children: i }) : /* @__PURE__ */ n(N, { children: e }) : /* @__PURE__ */ n(N, { children: e });
 }
-const We = ({ flagName: i }) => /* @__PURE__ */ l(
+const Qe = ({ flagName: i }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1641,8 +1838,8 @@ const We = ({ flagName: i }) => /* @__PURE__ */ l(
     ]
   }
 );
-function Pt({ name: i, children: e, fallback: t }) {
-  const { isEnabled: r, loading: s } = $e();
+function Ft({ name: i, children: e, fallback: t }) {
+  const { isEnabled: r, loading: s } = Oe();
   return s ? /* @__PURE__ */ n(
     "div",
     {
@@ -1656,9 +1853,9 @@ function Pt({ name: i, children: e, fallback: t }) {
       },
       children: "Loading feature flags..."
     }
-  ) : (console.log(i, r(i)), r(i) ? /* @__PURE__ */ n(D, { children: e }) : /* @__PURE__ */ n(D, { children: t || /* @__PURE__ */ n(We, { flagName: i }) }));
+  ) : (console.log(i, r(i)), r(i) ? /* @__PURE__ */ n(N, { children: e }) : /* @__PURE__ */ n(N, { children: t || /* @__PURE__ */ n(Qe, { flagName: i }) }));
 }
-const Ve = () => /* @__PURE__ */ l(
+const Xe = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "16",
@@ -1675,7 +1872,7 @@ const Ve = () => /* @__PURE__ */ l(
       /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
     ]
   }
-), Ge = () => /* @__PURE__ */ l(
+), Ze = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "16",
@@ -1692,10 +1889,10 @@ const Ve = () => /* @__PURE__ */ l(
       /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
     ]
   }
-), Ye = {
-  showPassword: /* @__PURE__ */ n(Ve, {}),
-  hidePassword: /* @__PURE__ */ n(Ge, {})
-}, _e = {
+), et = {
+  showPassword: /* @__PURE__ */ n(Xe, {}),
+  hidePassword: /* @__PURE__ */ n(Ze, {})
+}, tt = {
   title: "Sign In",
   usernameLabel: "Email or Phone",
   usernamePlaceholder: "Enter your email or phone number",
@@ -1709,7 +1906,7 @@ const Ve = () => /* @__PURE__ */ l(
   magicLinkLink: "Use Magic Link",
   errorMessage: "Invalid credentials",
   loadingText: "Signing in..."
-}, Ke = {
+}, rt = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -1816,129 +2013,133 @@ const Ve = () => /* @__PURE__ */ l(
     fontSize: "0.875rem"
   }
 };
-function Tt({
+function $t({
   copy: i = {},
   styles: e = {},
   icons: t = {},
   onSuccess: r,
   onError: s,
   onForgotPassword: a,
-  onSignupClick: b,
-  onMagicLinkClick: E,
-  showForgotPassword: L = !0,
-  showSignupLink: P = !0,
-  showMagicLinkOption: f = !0,
-  className: m
+  onSignupClick: p,
+  onMagicLinkClick: I,
+  showForgotPassword: A = !0,
+  showSignupLink: x = !0,
+  showMagicLinkOption: P = !0,
+  className: b
 }) {
-  const [M, w] = p(""), [v, I] = p(""), [g, U] = p(!1), [u, y] = p(!1), [x, F] = p(""), [B, z] = p({}), { login: q } = ie(), { tenant: S } = re(), { appId: c } = ne(), h = { ..._e, ...i }, o = { ...Ke, ...e }, d = { ...Ye, ...t }, G = () => {
-    const k = {};
-    return M.trim() || (k.username = !0), v.trim() || (k.password = !0), z(k), Object.keys(k).length === 0;
-  }, Y = async (k) => {
-    if (k.preventDefault(), !!G()) {
-      if (!(S != null && S.id)) {
-        F("Tenant not found");
+  const [m, h] = v(""), [S, L] = v(""), [C, q] = v(!1), [k, u] = v(!1), [T, R] = v(""), [H, G] = v({}), { login: F } = oe(), { tenant: V } = se(), w = { ...tt, ...i }, M = { ...rt, ...e }, E = { ...et, ...t }, o = () => {
+    const c = {};
+    return m.trim() || (c.username = !0), S.trim() || (c.password = !0), G(c), Object.keys(c).length === 0;
+  }, g = async (c) => {
+    if (c.preventDefault(), !!o()) {
+      if (!(V != null && V.id)) {
+        R("Tenant not found");
         return;
       }
-      y(!0), F("");
+      u(!0), R("");
       try {
-        const T = await q(M, v, c, S.id);
-        r == null || r(T);
-      } catch (T) {
-        const J = T.message || h.errorMessage;
-        F(J), s == null || s(J);
+        const y = await F({
+          username: m,
+          password: S
+          // tenantId inferred from context automatically
+        });
+        r == null || r(y);
+      } catch (y) {
+        const W = y.message || w.errorMessage;
+        R(W), s == null || s(W);
       } finally {
-        y(!1);
+        u(!1);
       }
     }
-  }, H = (k) => ({
-    ...o.input,
-    ...B[k] ? o.inputError : {}
-  }), C = () => ({
-    ...o.button,
-    ...u ? o.buttonLoading : {},
-    ...!M || !v || u ? o.buttonDisabled : {}
+  }, f = (c) => ({
+    ...M.input,
+    ...H[c] ? M.inputError : {}
+  }), d = () => ({
+    ...M.button,
+    ...k ? M.buttonLoading : {},
+    ...!m || !S || k ? M.buttonDisabled : {}
   });
-  return /* @__PURE__ */ l("div", { className: m, style: o.container, children: [
-    /* @__PURE__ */ n("h2", { style: o.title, children: h.title }),
-    /* @__PURE__ */ l("form", { onSubmit: Y, style: o.form, children: [
-      /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: o.label, children: h.usernameLabel }),
+  return /* @__PURE__ */ l("div", { className: b, style: M.container, children: [
+    /* @__PURE__ */ n("h2", { style: M.title, children: w.title }),
+    /* @__PURE__ */ l("form", { onSubmit: g, style: M.form, children: [
+      /* @__PURE__ */ l("div", { style: M.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: M.label, children: w.usernameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "username",
             name: "username",
             type: "text",
-            value: M,
-            onChange: (k) => {
-              w(k.target.value), B.username && z((T) => ({ ...T, username: !1 }));
+            value: m,
+            onChange: (c) => {
+              h(c.target.value), H.username && G((y) => ({ ...y, username: !1 }));
             },
-            placeholder: h.usernamePlaceholder,
-            style: H("username"),
-            disabled: u
+            placeholder: w.usernamePlaceholder,
+            style: f("username"),
+            disabled: k
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: o.label, children: h.passwordLabel }),
-        /* @__PURE__ */ l("div", { style: o.inputContainer, children: [
+      /* @__PURE__ */ l("div", { style: M.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: M.label, children: w.passwordLabel }),
+        /* @__PURE__ */ l("div", { style: M.inputContainer, children: [
           /* @__PURE__ */ n(
             "input",
             {
               id: "password",
               name: "password",
-              type: g ? "text" : "password",
-              value: v,
-              onChange: (k) => {
-                I(k.target.value), B.password && z((T) => ({ ...T, password: !1 }));
+              type: C ? "text" : "password",
+              value: S,
+              onChange: (c) => {
+                L(c.target.value), H.password && G((y) => ({ ...y, password: !1 }));
               },
-              placeholder: h.passwordPlaceholder,
+              placeholder: w.passwordPlaceholder,
               style: {
-                ...H("password"),
+                ...f("password"),
                 paddingRight: "2.5rem"
                 // Make room for the icon
               },
-              disabled: u
+              disabled: k
             }
           ),
           /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => U(!g),
-              style: o.passwordToggle,
-              disabled: u,
-              "aria-label": g ? "Hide password" : "Show password",
-              children: g ? d.hidePassword : d.showPassword
+              onClick: () => q(!C),
+              style: M.passwordToggle,
+              disabled: k,
+              "aria-label": C ? "Hide password" : "Show password",
+              children: C ? E.hidePassword : E.showPassword
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !M || !v || u, style: C(), children: u ? h.loadingText : h.submitButton }),
-      x && /* @__PURE__ */ n("div", { style: o.errorText, children: x })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !m || !S || k, style: d(), children: k ? w.loadingText : w.submitButton }),
+      T && /* @__PURE__ */ n("div", { style: M.errorText, children: T })
     ] }),
-    (L || P || f) && /* @__PURE__ */ l("div", { style: o.linkContainer, children: [
-      f && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: o.divider, children: [
-          h.magicLinkText,
+    (A || x || P) && /* @__PURE__ */ l("div", { style: M.linkContainer, children: [
+      P && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: M.divider, children: [
+          w.magicLinkText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: E, style: o.link, children: h.magicLinkLink })
+        /* @__PURE__ */ n("a", { onClick: I, style: M.link, children: w.magicLinkLink })
       ] }),
-      f && (L || P) && /* @__PURE__ */ n("div", { style: o.divider, children: "•" }),
-      L && /* @__PURE__ */ n("a", { onClick: a, style: o.link, children: h.forgotPasswordLink }),
-      L && P && /* @__PURE__ */ n("div", { style: o.divider, children: "•" }),
-      P && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: o.divider, children: [
-          h.signupText,
+      P && (A || x) && /* @__PURE__ */ n("div", { style: M.divider, children: "•" }),
+      A && /* @__PURE__ */ n("a", { onClick: a, style: M.link, children: w.forgotPasswordLink }),
+      A && x && /* @__PURE__ */ n("div", { style: M.divider, children: "•" }),
+      x && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: M.divider, children: [
+          w.signupText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: b, style: o.link, children: h.signupLink })
+        /* @__PURE__ */ n("a", { onClick: p, style: M.link, children: w.signupLink })
       ] })
     ] })
   ] });
 }
-const Qe = {
+const nt = {
   title: "Create Account",
   nameLabel: "First Name",
   namePlaceholder: "Enter your first name",
@@ -1964,7 +2165,7 @@ const Qe = {
   passwordMismatchError: "Passwords do not match",
   isAdminLabel: "Create new organization",
   isAdminDescription: "Check this if you want to create a new organization"
-}, Je = {
+}, st = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -2063,136 +2264,134 @@ const Qe = {
     fontSize: "0.875rem"
   }
 };
-function Mt({
+function Dt({
   copy: i = {},
   styles: e = {},
   signupType: t = "user",
   onSuccess: r,
   onError: s,
   onLoginClick: a,
-  onMagicLinkClick: b,
-  showLoginLink: E = !0,
-  showMagicLinkOption: L = !0,
-  className: P
+  onMagicLinkClick: p,
+  showLoginLink: I = !0,
+  showMagicLinkOption: A = !0,
+  className: x
 }) {
-  const [f, m] = p(""), [M, w] = p(""), [v, I] = p(""), [g, U] = p(""), [u, y] = p(""), [x, F] = p(""), [B, z] = p(""), [q, S] = p(!1), [c, h] = p(""), [o, d] = p({}), { signup: G, signupTenantAdmin: Y } = ie(), { tenant: H } = re(), { appId: C } = ne(), k = { ...Qe, ...i }, T = { ...Je, ...e }, J = () => {
-    const R = {};
-    return f.trim() || (R.name = !0), !v.trim() && !g.trim() && (R.email = !0, R.phoneNumber = !0), u.trim() || (R.password = !0), x.trim() || (R.confirmPassword = !0), t === "tenant" && !B.trim() && (R.tenantName = !0), d(R), Object.keys(R).length === 0;
-  }, O = async (R) => {
-    if (R.preventDefault(), !!J()) {
-      if (u !== x) {
-        h(k.passwordMismatchError), d({ confirmPassword: !0 });
+  const [P, b] = v(""), [m, h] = v(""), [S, L] = v(""), [C, q] = v(""), [k, u] = v(""), [T, R] = v(""), [H, G] = v(""), [F, V] = v(!1), [w, M] = v(""), [E, o] = v({}), { signup: g, signupTenantAdmin: f } = oe(), { tenant: d } = se(), c = { ...nt, ...i }, y = { ...st, ...e }, W = () => {
+    const D = {};
+    return P.trim() || (D.name = !0), !S.trim() && !C.trim() && (D.email = !0, D.phoneNumber = !0), k.trim() || (D.password = !0), T.trim() || (D.confirmPassword = !0), t === "tenant" && !H.trim() && (D.tenantName = !0), o(D), Object.keys(D).length === 0;
+  }, ee = async (D) => {
+    if (D.preventDefault(), !!W()) {
+      if (k !== T) {
+        M(c.passwordMismatchError), o({ confirmPassword: !0 });
         return;
       }
-      if (t === "user" && !(H != null && H.id)) {
-        h("Tenant not found");
+      if (t === "user" && !(d != null && d.id)) {
+        M("Tenant not found");
         return;
       }
-      S(!0), h("");
+      V(!0), M("");
       try {
-        let V;
-        t === "tenant" ? V = await Y(
-          v || void 0,
-          g || void 0,
-          f,
-          u,
-          B,
-          M || void 0,
-          C
-        ) : V = await G(
-          v || void 0,
-          g || void 0,
-          f,
-          u,
-          H.id,
-          M || void 0,
-          C
-        ), r == null || r(V);
-      } catch (V) {
-        const ue = V.message || k.errorMessage;
-        h(ue), s == null || s(ue);
+        let _;
+        t === "tenant" ? _ = await f({
+          email: S || void 0,
+          phoneNumber: C || void 0,
+          name: P,
+          password: k,
+          tenantName: H,
+          lastName: m || void 0
+        }) : _ = await g({
+          email: S || void 0,
+          phoneNumber: C || void 0,
+          name: P,
+          password: k,
+          tenantId: d.id,
+          lastName: m || void 0
+        }), r == null || r(_);
+      } catch (_) {
+        const ge = _.message || c.errorMessage;
+        M(ge), s == null || s(ge);
       } finally {
-        S(!1);
+        V(!1);
       }
     }
-  }, j = (R) => ({
-    ...T.input,
-    ...o[R] ? T.inputError : {}
-  }), N = () => ({
-    ...T.button,
-    ...q ? T.buttonLoading : {},
-    ...!f || !v && !g || !u || !x || q || t === "tenant" && !B ? T.buttonDisabled : {}
-  }), K = f && (v || g) && u && x && (t === "user" || B);
-  return /* @__PURE__ */ l("div", { className: P, style: T.container, children: [
-    /* @__PURE__ */ n("h2", { style: T.title, children: k.title }),
-    /* @__PURE__ */ l("form", { onSubmit: O, style: T.form, children: [
-      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: T.label, children: k.nameLabel }),
+  }, z = (D) => ({
+    ...y.input,
+    ...E[D] ? y.inputError : {}
+  }), B = () => ({
+    ...y.button,
+    ...F ? y.buttonLoading : {},
+    ...!P || !S && !C || !k || !T || F || t === "tenant" && !H ? y.buttonDisabled : {}
+  }), O = P && (S || C) && k && T && (t === "user" || H);
+  return /* @__PURE__ */ l("div", { className: x, style: y.container, children: [
+    /* @__PURE__ */ n("h2", { style: y.title, children: c.title }),
+    /* @__PURE__ */ l("form", { onSubmit: ee, style: y.form, children: [
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.nameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "name",
             name: "name",
             type: "text",
-            value: f,
-            onChange: (R) => {
-              m(R.target.value), o.name && d((V) => ({ ...V, name: !1 }));
+            value: P,
+            onChange: (D) => {
+              b(D.target.value), E.name && o((_) => ({ ..._, name: !1 }));
             },
-            placeholder: k.namePlaceholder,
-            style: j("name"),
-            disabled: q
+            placeholder: c.namePlaceholder,
+            style: z("name"),
+            disabled: F
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: T.label, children: k.lastNameLabel }),
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.lastNameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "lastName",
             name: "lastName",
             type: "text",
-            value: M,
-            onChange: (R) => w(R.target.value),
-            placeholder: k.lastNamePlaceholder,
-            style: T.input,
-            disabled: q
+            value: m,
+            onChange: (D) => h(D.target.value),
+            placeholder: c.lastNamePlaceholder,
+            style: y.input,
+            disabled: F
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: T.label, children: k.emailLabel }),
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "email",
             name: "email",
             type: "email",
-            value: v,
-            onChange: (R) => {
-              I(R.target.value), o.email && d((V) => ({ ...V, email: !1, phoneNumber: !1 }));
+            value: S,
+            onChange: (D) => {
+              L(D.target.value), E.email && o((_) => ({ ..._, email: !1, phoneNumber: !1 }));
             },
-            placeholder: k.emailPlaceholder,
-            style: j("email"),
-            disabled: q
+            placeholder: c.emailPlaceholder,
+            style: z("email"),
+            disabled: F
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: T.label, children: k.phoneNumberLabel }),
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.phoneNumberLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "phoneNumber",
             name: "phoneNumber",
             type: "tel",
-            value: g,
-            onChange: (R) => {
-              U(R.target.value), o.phoneNumber && d((V) => ({ ...V, email: !1, phoneNumber: !1 }));
+            value: C,
+            onChange: (D) => {
+              q(D.target.value), E.phoneNumber && o((_) => ({ ..._, email: !1, phoneNumber: !1 }));
             },
-            placeholder: k.phoneNumberPlaceholder,
-            style: j("phoneNumber"),
-            disabled: q
+            placeholder: c.phoneNumberPlaceholder,
+            style: z("phoneNumber"),
+            disabled: F
           }
         )
       ] }),
@@ -2208,83 +2407,83 @@ function Mt({
           children: "At least one contact method (email or phone) is required"
         }
       ),
-      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: T.label, children: k.passwordLabel }),
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.passwordLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "password",
             name: "password",
             type: "password",
-            value: u,
-            onChange: (R) => {
-              y(R.target.value), o.password && d((V) => ({ ...V, password: !1 }));
+            value: k,
+            onChange: (D) => {
+              u(D.target.value), E.password && o((_) => ({ ..._, password: !1 }));
             },
-            placeholder: k.passwordPlaceholder,
-            style: j("password"),
-            disabled: q
+            placeholder: c.passwordPlaceholder,
+            style: z("password"),
+            disabled: F
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: T.label, children: k.confirmPasswordLabel }),
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.confirmPasswordLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "confirmPassword",
             name: "confirmPassword",
             type: "password",
-            value: x,
-            onChange: (R) => {
-              F(R.target.value), o.confirmPassword && d((V) => ({ ...V, confirmPassword: !1 })), c === k.passwordMismatchError && h("");
+            value: T,
+            onChange: (D) => {
+              R(D.target.value), E.confirmPassword && o((_) => ({ ..._, confirmPassword: !1 })), w === c.passwordMismatchError && M("");
             },
-            placeholder: k.confirmPasswordPlaceholder,
-            style: j("confirmPassword"),
-            disabled: q
+            placeholder: c.confirmPasswordPlaceholder,
+            style: z("confirmPassword"),
+            disabled: F
           }
         )
       ] }),
-      t === "tenant" && /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: T.label, children: k.tenantNameLabel }),
+      t === "tenant" && /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: c.tenantNameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "tenantName",
             name: "tenantName",
             type: "text",
-            value: B,
-            onChange: (R) => {
-              z(R.target.value), o.tenantName && d((V) => ({ ...V, tenantName: !1 }));
+            value: H,
+            onChange: (D) => {
+              G(D.target.value), E.tenantName && o((_) => ({ ..._, tenantName: !1 }));
             },
-            placeholder: k.tenantNamePlaceholder,
-            style: j("tenantName"),
-            disabled: q
+            placeholder: c.tenantNamePlaceholder,
+            style: z("tenantName"),
+            disabled: F
           }
         )
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !K || q, style: N(), children: q ? k.loadingText : k.submitButton }),
-      c && /* @__PURE__ */ n("div", { style: T.errorText, children: c })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !O || F, style: B(), children: F ? c.loadingText : c.submitButton }),
+      w && /* @__PURE__ */ n("div", { style: y.errorText, children: w })
     ] }),
-    (E || L) && /* @__PURE__ */ l("div", { style: T.linkContainer, children: [
-      L && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: T.divider, children: [
-          k.magicLinkText,
+    (I || A) && /* @__PURE__ */ l("div", { style: y.linkContainer, children: [
+      A && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: y.divider, children: [
+          c.magicLinkText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: b, style: T.link, children: k.magicLinkLink })
+        /* @__PURE__ */ n("a", { onClick: p, style: y.link, children: c.magicLinkLink })
       ] }),
-      L && E && /* @__PURE__ */ n("div", { style: T.divider, children: "•" }),
-      E && /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: T.divider, children: [
-          k.loginText,
+      A && I && /* @__PURE__ */ n("div", { style: y.divider, children: "•" }),
+      I && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: y.divider, children: [
+          c.loginText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: a, style: T.link, children: k.loginLink })
+        /* @__PURE__ */ n("a", { onClick: a, style: y.link, children: c.loginLink })
       ] })
     ] })
   ] });
 }
-const Xe = {
+const it = {
   title: "Sign In with Magic Link",
   emailLabel: "Email",
   emailPlaceholder: "Enter your email",
@@ -2302,7 +2501,7 @@ const Xe = {
   loadingText: "Sending magic link...",
   verifyingText: "Verifying magic link...",
   description: "Enter your email to receive a magic link. If you don't have an account, we'll create one for you."
-}, Ze = {
+}, ot = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -2405,100 +2604,105 @@ const Xe = {
     fontSize: "0.875rem"
   }
 };
-function Et({
+function Ht({
   copy: i = {},
   styles: e = {},
   onSuccess: t,
   onError: r,
   onLoginClick: s,
   onSignupClick: a,
-  showTraditionalLinks: b = !0,
-  className: E,
-  verifyToken: L,
-  frontendUrl: P
+  showTraditionalLinks: p = !0,
+  className: I,
+  verifyToken: A,
+  frontendUrl: x
 }) {
-  const [f, m] = p(""), [M, w] = p(""), [v, I] = p(""), [g, U] = p(!1), [u, y] = p(!1), [x, F] = p(""), [B, z] = p(""), [q, S] = p({}), [c, h] = p(!1), { sendMagicLink: o, verifyMagicLink: d } = ie(), { tenant: G } = re(), { appId: Y } = ne(), H = { ...Xe, ...i }, C = { ...Ze, ...e };
-  Z(() => {
-    L && k(L);
-  }, [L]);
-  const k = async (N) => {
-    y(!0), F("");
+  const [P, b] = v(""), [m, h] = v(""), [S, L] = v(""), [C, q] = v(!1), [k, u] = v(!1), [T, R] = v(""), [H, G] = v(""), [F, V] = v({}), [w, M] = v(!1), { sendMagicLink: E, verifyMagicLink: o } = oe(), { tenant: g } = se(), f = { ...it, ...i }, d = { ...ot, ...e };
+  te(() => {
+    A && c(A);
+  }, [A]);
+  const c = async (B) => {
+    if (!g || !P) {
+      R("Missing tenant or email");
+      return;
+    }
+    u(!0), R("");
     try {
-      if (!f || !Y)
-        throw new Error("Email and App ID are required for magic link verification");
-      const K = await d(N, f, Y, G == null ? void 0 : G.id);
-      t == null || t(K);
-    } catch (K) {
-      const R = K.message || "Failed to verify magic link";
-      F(R), r == null || r(R);
+      const O = await o({
+        token: B,
+        email: P
+        // tenantId inferred from context automatically
+      });
+      t == null || t(O);
+    } catch (O) {
+      const D = O.message || "Failed to verify magic link";
+      R(D), r == null || r(D);
     } finally {
-      y(!1);
+      u(!1);
     }
-  }, T = () => {
-    const N = {};
-    return f.trim() || (N.email = !0), c && !M.trim() && (N.name = !0), S(N), Object.keys(N).length === 0;
-  }, J = async (N) => {
-    if (N.preventDefault(), !!T()) {
-      if (!(G != null && G.id)) {
-        F("Tenant not found");
+  }, y = () => {
+    const B = {};
+    return P.trim() || (B.email = !0), w && !m.trim() && (B.name = !0), V(B), Object.keys(B).length === 0;
+  }, W = async (B) => {
+    if (B.preventDefault(), !!y()) {
+      if (!(g != null && g.id)) {
+        R("Tenant not found");
         return;
       }
-      U(!0), F(""), z("");
+      q(!0), R(""), G("");
       try {
-        const K = P || (typeof window < "u" ? window.location.origin : ""), R = await o(
-          f,
-          G.id,
-          K,
-          c ? M : void 0,
-          c ? v : void 0,
-          Y
-        );
-        z(H.successMessage), t == null || t(R);
-      } catch (K) {
-        const R = K.message || H.errorMessage;
-        F(R), r == null || r(R);
+        const O = x || (typeof window < "u" ? window.location.origin : ""), D = await E({
+          email: P,
+          tenantId: g.id,
+          frontendUrl: O,
+          name: w ? m : void 0,
+          lastName: w ? S : void 0
+        });
+        G(f.successMessage), t == null || t(D);
+      } catch (O) {
+        const D = O.message || f.errorMessage;
+        R(D), r == null || r(D);
       } finally {
-        U(!1);
+        q(!1);
       }
     }
-  }, O = (N) => ({
-    ...C.input,
-    ...q[N] ? C.inputError : {}
-  }), j = () => ({
-    ...C.button,
-    ...g || u ? C.buttonLoading : {},
-    ...!f || g || u ? C.buttonDisabled : {}
+  }, ee = (B) => ({
+    ...d.input,
+    ...F[B] ? d.inputError : {}
+  }), z = () => ({
+    ...d.button,
+    ...C || k ? d.buttonLoading : {},
+    ...!P || C || k ? d.buttonDisabled : {}
   });
-  return u ? /* @__PURE__ */ l("div", { className: E, style: C.container, children: [
-    /* @__PURE__ */ n("h2", { style: C.title, children: H.verifyingText }),
+  return k ? /* @__PURE__ */ l("div", { className: I, style: d.container, children: [
+    /* @__PURE__ */ n("h2", { style: d.title, children: f.verifyingText }),
     /* @__PURE__ */ n("div", { style: { textAlign: "center", padding: "2rem" }, children: /* @__PURE__ */ n("div", { style: { fontSize: "1rem", color: "#6b7280" }, children: "Please wait while we verify your magic link..." }) })
-  ] }) : /* @__PURE__ */ l("div", { className: E, style: C.container, children: [
-    /* @__PURE__ */ n("h2", { style: C.title, children: H.title }),
-    /* @__PURE__ */ n("p", { style: C.description, children: H.description }),
-    /* @__PURE__ */ l("form", { onSubmit: J, style: C.form, children: [
-      /* @__PURE__ */ l("div", { style: C.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: C.label, children: H.emailLabel }),
+  ] }) : /* @__PURE__ */ l("div", { className: I, style: d.container, children: [
+    /* @__PURE__ */ n("h2", { style: d.title, children: f.title }),
+    /* @__PURE__ */ n("p", { style: d.description, children: f.description }),
+    /* @__PURE__ */ l("form", { onSubmit: W, style: d.form, children: [
+      /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: d.label, children: f.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "email",
             name: "email",
             type: "email",
-            value: f,
-            onChange: (N) => {
-              m(N.target.value), q.email && S((K) => ({ ...K, email: !1 }));
+            value: P,
+            onChange: (B) => {
+              b(B.target.value), F.email && V((O) => ({ ...O, email: !1 }));
             },
-            placeholder: H.emailPlaceholder,
-            style: O("email"),
-            disabled: g || u
+            placeholder: f.emailPlaceholder,
+            style: ee("email"),
+            disabled: C || k
           }
         )
       ] }),
-      !c && /* @__PURE__ */ n("div", { style: { textAlign: "center", marginTop: "0.5rem" }, children: /* @__PURE__ */ n(
+      !w && /* @__PURE__ */ n("div", { style: { textAlign: "center", marginTop: "0.5rem" }, children: /* @__PURE__ */ n(
         "button",
         {
           type: "button",
-          onClick: () => h(!0),
+          onClick: () => M(!0),
           style: {
             background: "none",
             border: "none",
@@ -2510,38 +2714,38 @@ function Et({
           children: "New user? Add your name"
         }
       ) }),
-      c && /* @__PURE__ */ l(D, { children: [
-        /* @__PURE__ */ l("div", { style: C.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: C.label, children: H.nameLabel }),
+      w && /* @__PURE__ */ l(N, { children: [
+        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: f.nameLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               id: "name",
               name: "name",
               type: "text",
-              value: M,
-              onChange: (N) => {
-                w(N.target.value), q.name && S((K) => ({ ...K, name: !1 }));
+              value: m,
+              onChange: (B) => {
+                h(B.target.value), F.name && V((O) => ({ ...O, name: !1 }));
               },
-              placeholder: H.namePlaceholder,
-              style: O("name"),
-              disabled: g || u
+              placeholder: f.namePlaceholder,
+              style: ee("name"),
+              disabled: C || k
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { style: C.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: C.label, children: H.lastNameLabel }),
+        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: f.lastNameLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               id: "lastName",
               name: "lastName",
               type: "text",
-              value: v,
-              onChange: (N) => I(N.target.value),
-              placeholder: H.lastNamePlaceholder,
-              style: C.input,
-              disabled: g || u
+              value: S,
+              onChange: (B) => L(B.target.value),
+              placeholder: f.lastNamePlaceholder,
+              style: d.input,
+              disabled: C || k
             }
           )
         ] }),
@@ -2550,7 +2754,7 @@ function Et({
           {
             type: "button",
             onClick: () => {
-              h(!1), w(""), I("");
+              M(!1), h(""), L("");
             },
             style: {
               background: "none",
@@ -2564,30 +2768,30 @@ function Et({
           }
         ) })
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !f || g || u, style: j(), children: g ? H.loadingText : H.submitButton }),
-      x && /* @__PURE__ */ n("div", { style: C.errorText, children: x }),
-      B && /* @__PURE__ */ n("div", { style: C.successText, children: B })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !P || C || k, style: z(), children: C ? f.loadingText : f.submitButton }),
+      T && /* @__PURE__ */ n("div", { style: d.errorText, children: T }),
+      H && /* @__PURE__ */ n("div", { style: d.successText, children: H })
     ] }),
-    b && /* @__PURE__ */ l("div", { style: C.linkContainer, children: [
+    p && /* @__PURE__ */ l("div", { style: d.linkContainer, children: [
       /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: C.divider, children: [
-          H.loginText,
+        /* @__PURE__ */ l("span", { style: d.divider, children: [
+          f.loginText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: s, style: C.link, children: H.loginLink })
+        /* @__PURE__ */ n("a", { onClick: s, style: d.link, children: f.loginLink })
       ] }),
-      /* @__PURE__ */ n("div", { style: C.divider, children: "•" }),
+      /* @__PURE__ */ n("div", { style: d.divider, children: "•" }),
       /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: C.divider, children: [
-          H.signupText,
+        /* @__PURE__ */ l("span", { style: d.divider, children: [
+          f.signupText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: a, style: C.link, children: H.signupLink })
+        /* @__PURE__ */ n("a", { onClick: a, style: d.link, children: f.signupLink })
       ] })
     ] })
   ] });
 }
-const et = {
+const at = {
   title: "Verifying Magic Link",
   verifyingMessage: "Please wait while we verify your magic link...",
   successMessage: "Magic link verified successfully! You are now logged in.",
@@ -2595,7 +2799,7 @@ const et = {
   redirectingMessage: "Redirecting you to the dashboard...",
   retryButton: "Try Again",
   backToLoginButton: "Back to Login"
-}, Ae = {
+}, Ee = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -2682,7 +2886,7 @@ const et = {
     cursor: "pointer",
     transition: "all 0.15s ease-in-out"
   }
-}, tt = () => /* @__PURE__ */ n("div", { style: Ae.spinner }), rt = () => /* @__PURE__ */ l(
+}, lt = () => /* @__PURE__ */ n("div", { style: Ee.spinner }), ct = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "48",
@@ -2699,7 +2903,7 @@ const et = {
       /* @__PURE__ */ n("polyline", { points: "22,4 12,14.01 9,11.01" })
     ]
   }
-), nt = () => /* @__PURE__ */ l(
+), dt = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "48",
@@ -2717,110 +2921,109 @@ const et = {
       /* @__PURE__ */ n("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
     ]
   }
-), st = {
-  loading: /* @__PURE__ */ n(tt, {}),
-  success: /* @__PURE__ */ n(rt, {}),
-  error: /* @__PURE__ */ n(nt, {})
+), ut = {
+  loading: /* @__PURE__ */ n(lt, {}),
+  success: /* @__PURE__ */ n(ct, {}),
+  error: /* @__PURE__ */ n(dt, {})
 };
-function Lt({
+function Nt({
   copy: i = {},
   styles: e = {},
   icons: t = {},
   onSuccess: r,
   onError: s,
   onRetry: a,
-  onBackToLogin: b,
-  className: E,
-  token: L,
-  email: P,
-  appId: f,
-  tenantId: m,
-  autoRedirectDelay: M = 3e3
+  onBackToLogin: p,
+  className: I,
+  token: A,
+  email: x,
+  appId: P,
+  tenantSlug: b,
+  autoRedirectDelay: m = 3e3
 }) {
-  const [w, v] = p("verifying"), [I, g] = p(""), { verifyMagicLink: U } = ie(), u = { ...et, ...i }, y = { ...Ae, ...e }, x = { ...st, ...t }, F = () => {
+  const [h, S] = v("verifying"), [L, C] = v(""), { verifyMagicLink: q } = oe(), k = { ...at, ...i }, u = { ...Ee, ...e }, T = { ...ut, ...t }, R = () => {
     if (typeof window > "u") return {};
-    const c = new URLSearchParams(window.location.search);
+    const w = new URLSearchParams(window.location.search);
     return {
-      token: L || c.get("token") || "",
-      email: P || c.get("email") || "",
-      appId: f || c.get("appId") || "",
-      tenantId: m || c.get("tenantId") || void 0
+      token: A || w.get("token") || "",
+      email: x || w.get("email") || "",
+      appId: P || w.get("appId") || "",
+      tenantSlug: b || w.get("tenantSlug") || void 0
     };
-  }, B = async () => {
-    v("verifying"), g("");
+  }, H = async () => {
+    S("verifying"), C("");
     try {
-      const c = F();
-      if (!c.token || !c.email || !c.appId)
-        throw new Error("Missing required parameters: token, email, or appId");
-      const h = await U(
-        c.token,
-        c.email,
-        c.appId,
-        c.tenantId
-      );
-      v("success"), r == null || r(h), M > 0 && setTimeout(() => {
-        v("redirecting");
-      }, M);
-    } catch (c) {
-      const h = c.message || u.errorMessage;
-      g(h), v("error"), s == null || s(h);
+      const w = R();
+      if (!w.token || !w.email)
+        throw new Error("Missing required parameters: token or email");
+      const M = await q({
+        token: w.token,
+        email: w.email,
+        tenantSlug: w.tenantSlug
+      });
+      S("success"), r == null || r(M), m > 0 && setTimeout(() => {
+        S("redirecting");
+      }, m);
+    } catch (w) {
+      const M = w.message || k.errorMessage;
+      C(M), S("error"), s == null || s(M);
     }
-  }, z = () => {
-    a == null || a(), B();
-  }, q = () => {
-    b == null || b();
+  }, G = () => {
+    a == null || a(), H();
+  }, F = () => {
+    p == null || p();
   };
-  Z(() => {
-    B();
+  te(() => {
+    H();
   }, []);
-  const S = () => {
-    switch (w) {
+  const V = () => {
+    switch (h) {
       case "verifying":
-        return /* @__PURE__ */ l("div", { style: y.message, children: [
-          x.loading,
-          u.verifyingMessage
+        return /* @__PURE__ */ l("div", { style: u.message, children: [
+          T.loading,
+          k.verifyingMessage
         ] });
       case "success":
-        return /* @__PURE__ */ l(D, { children: [
-          x.success,
-          /* @__PURE__ */ n("div", { style: y.successMessage, children: u.successMessage })
+        return /* @__PURE__ */ l(N, { children: [
+          T.success,
+          /* @__PURE__ */ n("div", { style: u.successMessage, children: k.successMessage })
         ] });
       case "redirecting":
-        return /* @__PURE__ */ l(D, { children: [
-          x.loading,
-          /* @__PURE__ */ n("div", { style: y.message, children: u.redirectingMessage })
+        return /* @__PURE__ */ l(N, { children: [
+          T.loading,
+          /* @__PURE__ */ n("div", { style: u.message, children: k.redirectingMessage })
         ] });
       case "error":
-        return /* @__PURE__ */ l(D, { children: [
-          x.error,
-          /* @__PURE__ */ n("div", { style: y.errorMessage, children: I || u.errorMessage }),
-          /* @__PURE__ */ l("div", { style: y.buttonContainer, children: [
+        return /* @__PURE__ */ l(N, { children: [
+          T.error,
+          /* @__PURE__ */ n("div", { style: u.errorMessage, children: L || k.errorMessage }),
+          /* @__PURE__ */ l("div", { style: u.buttonContainer, children: [
             /* @__PURE__ */ n(
               "button",
               {
-                onClick: z,
-                style: y.retryButton,
-                onMouseOver: (c) => {
-                  c.currentTarget.style.backgroundColor = "#2563eb";
+                onClick: G,
+                style: u.retryButton,
+                onMouseOver: (w) => {
+                  w.currentTarget.style.backgroundColor = "#2563eb";
                 },
-                onMouseOut: (c) => {
-                  c.currentTarget.style.backgroundColor = "#3b82f6";
+                onMouseOut: (w) => {
+                  w.currentTarget.style.backgroundColor = "#3b82f6";
                 },
-                children: u.retryButton
+                children: k.retryButton
               }
             ),
             /* @__PURE__ */ n(
               "button",
               {
-                onClick: q,
-                style: y.backButton,
-                onMouseOver: (c) => {
-                  c.currentTarget.style.backgroundColor = "#e5e7eb";
+                onClick: F,
+                style: u.backButton,
+                onMouseOver: (w) => {
+                  w.currentTarget.style.backgroundColor = "#e5e7eb";
                 },
-                onMouseOut: (c) => {
-                  c.currentTarget.style.backgroundColor = "#f3f4f6";
+                onMouseOut: (w) => {
+                  w.currentTarget.style.backgroundColor = "#f3f4f6";
                 },
-                children: u.backToLoginButton
+                children: k.backToLoginButton
               }
             )
           ] })
@@ -2829,18 +3032,18 @@ function Lt({
         return null;
     }
   };
-  return /* @__PURE__ */ l("div", { style: y.container, className: E, children: [
+  return /* @__PURE__ */ l("div", { style: u.container, className: I, children: [
     /* @__PURE__ */ n("style", { children: `
           @keyframes spin {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
           }
         ` }),
-    /* @__PURE__ */ n("h1", { style: y.title, children: u.title }),
-    S()
+    /* @__PURE__ */ n("h1", { style: u.title, children: k.title }),
+    V()
   ] });
 }
-const it = {
+const ht = {
   title: "Reset Password",
   subtitle: "Enter your email address and we'll send you a link to reset your password.",
   emailLabel: "Email",
@@ -2862,7 +3065,7 @@ const it = {
   resetLoadingText: "Resetting...",
   resetSuccessMessage: "Password reset successfully!",
   passwordMismatchError: "Passwords do not match"
-}, ot = {
+}, gt = {
   container: {
     maxWidth: "400px",
     margin: "0 auto",
@@ -2954,113 +3157,113 @@ const it = {
     cursor: "pointer"
   }
 };
-function Rt({
+function Bt({
   copy: i = {},
   styles: e = {},
   mode: t = "request",
   token: r = "",
   onSuccess: s,
   onError: a,
-  onBackToLogin: b,
-  onModeChange: E,
-  className: L
+  onBackToLogin: p,
+  onModeChange: I,
+  className: A
 }) {
-  const [P, f] = p(""), [m, M] = p(r), [w, v] = p(""), [I, g] = p(""), [U, u] = p(!1), [y, x] = p(""), [F, B] = p(""), [z, q] = p({}), { requestPasswordReset: S, confirmPasswordReset: c } = ie(), { tenant: h } = re(), o = { ...it, ...i }, d = { ...ot, ...e }, G = () => {
-    const O = {};
-    return P.trim() || (O.email = !0), q(O), Object.keys(O).length === 0;
-  }, Y = () => {
-    const O = {};
-    return m.trim() || (O.token = !0), w.trim() || (O.newPassword = !0), I.trim() || (O.confirmPassword = !0), q(O), Object.keys(O).length === 0;
-  }, H = async (O) => {
-    if (O.preventDefault(), !!G()) {
-      if (!(h != null && h.id)) {
-        x("Tenant not found");
+  const [x, P] = v(""), [b, m] = v(r), [h, S] = v(""), [L, C] = v(""), [q, k] = v(!1), [u, T] = v(""), [R, H] = v(""), [G, F] = v({}), { requestPasswordReset: V, confirmPasswordReset: w } = oe(), { tenant: M } = se(), E = { ...ht, ...i }, o = { ...gt, ...e }, g = () => {
+    const z = {};
+    return x.trim() || (z.email = !0), F(z), Object.keys(z).length === 0;
+  }, f = () => {
+    const z = {};
+    return b.trim() || (z.token = !0), h.trim() || (z.newPassword = !0), L.trim() || (z.confirmPassword = !0), F(z), Object.keys(z).length === 0;
+  }, d = async (z) => {
+    if (z.preventDefault(), !!g()) {
+      if (!(M != null && M.id)) {
+        T("Tenant not found");
         return;
       }
-      u(!0), x(""), B("");
+      k(!0), T(""), H("");
       try {
-        await S(P, h.id), B(o.successMessage), s == null || s();
-      } catch (j) {
-        const N = j.message || o.errorMessage;
-        x(N), a == null || a(N);
+        await V({ email: x, tenantId: M.id }), H(E.successMessage), s == null || s();
+      } catch (B) {
+        const O = B.message || E.errorMessage;
+        T(O), a == null || a(O);
       } finally {
-        u(!1);
+        k(!1);
       }
     }
-  }, C = async (O) => {
-    if (O.preventDefault(), !!Y()) {
-      if (w !== I) {
-        x(o.passwordMismatchError), q({ confirmPassword: !0 });
+  }, c = async (z) => {
+    if (z.preventDefault(), !!f()) {
+      if (h !== L) {
+        T(E.passwordMismatchError), F({ confirmPassword: !0 });
         return;
       }
-      u(!0), x(""), B("");
+      k(!0), T(""), H("");
       try {
-        await c(m, w), B(o.resetSuccessMessage), s == null || s();
-      } catch (j) {
-        const N = j.message || o.errorMessage;
-        x(N), a == null || a(N);
+        await w({ token: b, newPassword: h }), H(E.resetSuccessMessage), s == null || s();
+      } catch (B) {
+        const O = B.message || E.errorMessage;
+        T(O), a == null || a(O);
       } finally {
-        u(!1);
+        k(!1);
       }
     }
-  }, k = (O) => ({
-    ...d.input,
-    ...z[O] ? d.inputError : {}
-  }), T = () => ({
-    ...d.button,
-    ...U ? d.buttonLoading : {}
+  }, y = (z) => ({
+    ...o.input,
+    ...G[z] ? o.inputError : {}
+  }), W = () => ({
+    ...o.button,
+    ...q ? o.buttonLoading : {}
   });
   if (t === "reset") {
-    const O = m && w && I;
-    return /* @__PURE__ */ l("div", { className: L, style: d.container, children: [
-      /* @__PURE__ */ n("h2", { style: d.title, children: o.resetTitle }),
-      /* @__PURE__ */ n("p", { style: d.subtitle, children: o.resetSubtitle }),
-      /* @__PURE__ */ l("form", { onSubmit: C, style: d.form, children: [
-        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: d.label, children: o.tokenLabel }),
+    const z = b && h && L;
+    return /* @__PURE__ */ l("div", { className: A, style: o.container, children: [
+      /* @__PURE__ */ n("h2", { style: o.title, children: E.resetTitle }),
+      /* @__PURE__ */ n("p", { style: o.subtitle, children: E.resetSubtitle }),
+      /* @__PURE__ */ l("form", { onSubmit: c, style: o.form, children: [
+        /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: o.label, children: E.tokenLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "text",
-              value: m,
-              onChange: (j) => {
-                M(j.target.value), z.token && q((N) => ({ ...N, token: !1 }));
+              value: b,
+              onChange: (B) => {
+                m(B.target.value), G.token && F((O) => ({ ...O, token: !1 }));
               },
-              placeholder: o.tokenPlaceholder,
-              style: k("token"),
-              disabled: U
+              placeholder: E.tokenPlaceholder,
+              style: y("token"),
+              disabled: q
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: d.label, children: o.newPasswordLabel }),
+        /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: o.label, children: E.newPasswordLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "password",
-              value: w,
-              onChange: (j) => {
-                v(j.target.value), z.newPassword && q((N) => ({ ...N, newPassword: !1 }));
+              value: h,
+              onChange: (B) => {
+                S(B.target.value), G.newPassword && F((O) => ({ ...O, newPassword: !1 }));
               },
-              placeholder: o.newPasswordPlaceholder,
-              style: k("newPassword"),
-              disabled: U
+              placeholder: E.newPasswordPlaceholder,
+              style: y("newPassword"),
+              disabled: q
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: d.label, children: o.confirmPasswordLabel }),
+        /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: o.label, children: E.confirmPasswordLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "password",
-              value: I,
-              onChange: (j) => {
-                g(j.target.value), z.confirmPassword && q((N) => ({ ...N, confirmPassword: !1 })), y === o.passwordMismatchError && x("");
+              value: L,
+              onChange: (B) => {
+                C(B.target.value), G.confirmPassword && F((O) => ({ ...O, confirmPassword: !1 })), u === E.passwordMismatchError && T("");
               },
-              placeholder: o.confirmPasswordPlaceholder,
-              style: k("confirmPassword"),
-              disabled: U
+              placeholder: E.confirmPasswordPlaceholder,
+              style: y("confirmPassword"),
+              disabled: q
             }
           )
         ] }),
@@ -3068,44 +3271,44 @@ function Rt({
           "button",
           {
             type: "submit",
-            disabled: !O || U,
+            disabled: !z || q,
             style: {
-              ...T(),
-              ...!O || U ? d.buttonDisabled : {}
+              ...W(),
+              ...!z || q ? o.buttonDisabled : {}
             },
-            children: U ? o.resetLoadingText : o.resetSubmitButton
+            children: q ? E.resetLoadingText : E.resetSubmitButton
           }
         ),
-        y && /* @__PURE__ */ n("div", { style: d.errorText, children: y }),
-        F && /* @__PURE__ */ n("div", { style: d.successText, children: F })
+        u && /* @__PURE__ */ n("div", { style: o.errorText, children: u }),
+        R && /* @__PURE__ */ n("div", { style: o.successText, children: R })
       ] }),
-      /* @__PURE__ */ l("div", { style: d.linkContainer, children: [
-        /* @__PURE__ */ n("a", { onClick: b, style: d.link, children: o.backToLoginLink }),
-        E && /* @__PURE__ */ l(D, { children: [
+      /* @__PURE__ */ l("div", { style: o.linkContainer, children: [
+        /* @__PURE__ */ n("a", { onClick: p, style: o.link, children: E.backToLoginLink }),
+        I && /* @__PURE__ */ l(N, { children: [
           /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-          /* @__PURE__ */ n("a", { onClick: () => E("request"), style: d.link, children: "Request New Link" })
+          /* @__PURE__ */ n("a", { onClick: () => I("request"), style: o.link, children: "Request New Link" })
         ] })
       ] })
     ] });
   }
-  const J = P;
-  return /* @__PURE__ */ l("div", { className: L, style: d.container, children: [
-    /* @__PURE__ */ n("h2", { style: d.title, children: o.title }),
-    /* @__PURE__ */ n("p", { style: d.subtitle, children: o.subtitle }),
-    /* @__PURE__ */ l("form", { onSubmit: H, style: d.form, children: [
-      /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: d.label, children: o.emailLabel }),
+  const ee = x;
+  return /* @__PURE__ */ l("div", { className: A, style: o.container, children: [
+    /* @__PURE__ */ n("h2", { style: o.title, children: E.title }),
+    /* @__PURE__ */ n("p", { style: o.subtitle, children: E.subtitle }),
+    /* @__PURE__ */ l("form", { onSubmit: d, style: o.form, children: [
+      /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: o.label, children: E.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             type: "email",
-            value: P,
-            onChange: (O) => {
-              f(O.target.value), z.email && q((j) => ({ ...j, email: !1 }));
+            value: x,
+            onChange: (z) => {
+              P(z.target.value), G.email && F((B) => ({ ...B, email: !1 }));
             },
-            placeholder: o.emailPlaceholder,
-            style: k("email"),
-            disabled: U
+            placeholder: E.emailPlaceholder,
+            style: y("email"),
+            disabled: q
           }
         )
       ] }),
@@ -3113,27 +3316,27 @@ function Rt({
         "button",
         {
           type: "submit",
-          disabled: !J || U,
+          disabled: !ee || q,
           style: {
-            ...T(),
-            ...!J || U ? d.buttonDisabled : {}
+            ...W(),
+            ...!ee || q ? o.buttonDisabled : {}
           },
-          children: U ? o.loadingText : o.submitButton
+          children: q ? E.loadingText : E.submitButton
         }
       ),
-      y && /* @__PURE__ */ n("div", { style: d.errorText, children: y }),
-      F && /* @__PURE__ */ n("div", { style: d.successText, children: F })
+      u && /* @__PURE__ */ n("div", { style: o.errorText, children: u }),
+      R && /* @__PURE__ */ n("div", { style: o.successText, children: R })
     ] }),
-    /* @__PURE__ */ l("div", { style: d.linkContainer, children: [
-      /* @__PURE__ */ n("a", { onClick: b, style: d.link, children: o.backToLoginLink }),
-      E && /* @__PURE__ */ l(D, { children: [
+    /* @__PURE__ */ l("div", { style: o.linkContainer, children: [
+      /* @__PURE__ */ n("a", { onClick: p, style: o.link, children: E.backToLoginLink }),
+      I && /* @__PURE__ */ l(N, { children: [
         /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-        /* @__PURE__ */ n("a", { onClick: () => E("reset"), style: d.link, children: "I have a token" })
+        /* @__PURE__ */ n("a", { onClick: () => I("reset"), style: o.link, children: "I have a token" })
       ] })
     ] })
   ] });
 }
-class Ct {
+class Ut {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -3201,7 +3404,7 @@ class Ct {
     };
   }
 }
-class It {
+class qt {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -3252,7 +3455,7 @@ class It {
     });
   }
 }
-class Ft {
+class zt {
   constructor(e) {
     this.httpService = e;
   }
@@ -3261,7 +3464,7 @@ class Ft {
     return await this.httpService.get("/health");
   }
 }
-class Ht {
+class Ot {
   // Date string to Date object
   static toDate(e) {
     return new Date(e);
@@ -3384,44 +3587,44 @@ class Ht {
   }
 }
 export {
-  Ht as ApiMappers,
-  Te as AppApiService,
-  ht as AppProvider,
-  Re as AuthApiService,
-  yt as AuthProvider,
-  Pt as FeatureFlag,
-  He as FeatureFlagApiService,
-  bt as FeatureFlagProvider,
-  Ft as HealthApiService,
-  te as HttpService,
-  kt as LandingRoute,
-  Tt as LoginForm,
-  Et as MagicLinkForm,
-  Lt as MagicLinkVerify,
-  Rt as PasswordRecoveryForm,
-  Ct as PermissionApiService,
-  vt as Protected,
-  St as ProtectedRoute,
-  pe as RoleApiService,
-  Le as SessionManager,
-  Mt as SignupForm,
-  De as SubscriptionApiService,
-  At as SubscriptionGuard,
-  It as SubscriptionPlanApiService,
-  wt as SubscriptionProvider,
-  fe as TenantApiService,
-  pt as TenantProvider,
-  xt as TenantRoute,
-  Ce as UserApiService,
-  se as UserType,
-  gt as useApi,
-  ne as useApp,
-  ie as useAuth,
-  $e as useFeatureFlags,
-  mt as useSettings,
-  Be as useSubscription,
-  ge as useTenant,
-  re as useTenantInfo,
-  ft as useTenantSettings
+  Ot as ApiMappers,
+  be as AppApiService,
+  St as AppProvider,
+  Ne as AuthApiService,
+  Pt as AuthProvider,
+  Ft as FeatureFlag,
+  ze as FeatureFlagApiService,
+  Tt as FeatureFlagProvider,
+  zt as HealthApiService,
+  re as HttpService,
+  Ct as LandingRoute,
+  $t as LoginForm,
+  Ht as MagicLinkForm,
+  Nt as MagicLinkVerify,
+  Bt as PasswordRecoveryForm,
+  Ut as PermissionApiService,
+  It as Protected,
+  Et as ProtectedRoute,
+  Se as RoleApiService,
+  ye as SessionManager,
+  Dt as SignupForm,
+  je as SubscriptionApiService,
+  Lt as SubscriptionGuard,
+  qt as SubscriptionPlanApiService,
+  Mt as SubscriptionProvider,
+  ce as TenantApiService,
+  xt as TenantProvider,
+  Rt as TenantRoute,
+  Be as UserApiService,
+  ie as UserType,
+  vt as useApi,
+  he as useApp,
+  oe as useAuth,
+  Oe as useFeatureFlags,
+  At as useSettings,
+  Ve as useSubscription,
+  fe as useTenant,
+  se as useTenantInfo,
+  kt as useTenantSettings
 };
 //# sourceMappingURL=index.es.js.map