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

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;
@@ -15,41 +15,41 @@ class te {
   async request(e, t, r, s) {
     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 = {
+  async executeRequest(e, t, r, s, o = !1) {
+    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(), T = 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(T), b.status === 401 && !(s != null && s.skipRetry) && !o && 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 f = b.headers.get("content-type");
+      return !f || !f.includes("application/json") ? {} : await b.json();
+    } catch (b) {
+      throw clearTimeout(T), 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;
   }
@@ -78,12 +78,12 @@ class Te {
   async getApps(e) {
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const s = `/apps/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
+    const s = `/apps/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(s, {
       headers: t
     });
     return {
-      apps: a.data,
-      meta: a.meta
+      apps: o.data,
+      meta: o.meta
     };
   }
   async getAppById(e) {
@@ -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 = _(() => {
+function St({ config: i, children: e }) {
+  const t = Q(
+    () => {
+      var f, h, S;
+      return {
+        enabled: ((f = i.cache) == null ? void 0 : f.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 f = localStorage.getItem(t.storageKey);
+      if (!f) return null;
+      const h = JSON.parse(f);
+      return Date.now() - h.timestamp < t.ttl && h.appId === i.appId ? h.data : (localStorage.removeItem(t.storageKey), null);
+    } catch {
+      return null;
+    }
+  }), [o, p] = v(!r), [I, A] = v(null), x = Q(() => {
     const f = () => {
-      P();
+      T();
     };
     return {
       appId: i.appId,
       baseUrl: i.baseUrl,
       // App info
-      appInfo: t,
-      isAppLoading: s,
-      appError: b,
+      appInfo: r,
+      isAppLoading: o,
+      appError: I,
       retryApp: f
     };
-  }, [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, o, I]), T = ne(
+    async (f = !1) => {
+      if (!(!f && 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 R = {
+                data: L,
+                timestamp: Date.now(),
+                appId: i.appId
+              };
+              localStorage.setItem(t.storageKey, JSON.stringify(R));
+            } catch (R) {
+              console.warn("Failed to cache app info:", R);
+            }
+        } 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 f = localStorage.getItem(t.storageKey);
+        if (!f) return;
+        const h = JSON.parse(f);
+        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 (f) {
+        console.warn("Background app refresh failed:", f);
+      }
+  }, [i, t, r]);
+  if (te(() => {
+    r ? b() : T();
+  }, []), o)
+    return /* @__PURE__ */ n(N, { children: i.loadingFallback || /* @__PURE__ */ n(De, {}) });
+  if (I) {
+    const f = typeof i.errorFallback == "function" ? i.errorFallback(I, () => T()) : i.errorFallback || /* @__PURE__ */ n(He, { error: I, retry: () => T() });
+    return /* @__PURE__ */ n(N, { children: f });
+  }
+  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 {
         }
       }
@@ -246,7 +304,14 @@ class Le {
     this.tokenStorage.set(t);
   }
   getTokens() {
-    return this.tokenStorage.get();
+    const { accessToken: e, refreshToken: t, expiresAt: r, expiresIn: s, tokenType: o } = this.tokenStorage.get() || {};
+    return e ? {
+      accessToken: e,
+      refreshToken: t,
+      expiresAt: r,
+      expiresIn: s,
+      tokenType: o
+    } : null;
   }
   clearTokens() {
     this.tokenStorage.clear();
@@ -325,19 +390,43 @@ 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;
   }
   // Public endpoints - no auth required
   async login(e) {
-    const t = await this.httpService.post("/auth/login", e);
-    return console.log(t), t;
+    return await this.httpService.post("/auth/login", e);
   }
   async signup(e) {
     return await this.httpService.post("/auth/signup", e);
@@ -376,7 +465,7 @@ class Re {
     });
   }
 }
-class pe {
+class Se {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -416,10 +505,10 @@ class pe {
   async getRolesByApp(e, t) {
     const r = new URLSearchParams();
     t != null && t.page && r.append("page", t.page.toString()), t != null && t.limit && r.append("limit", t.limit.toString()), t != null && t.sortBy && r.append("sortBy", t.sortBy), t != null && t.sortOrder && r.append("sortOrder", t.sortOrder);
-    const s = `/roles/app/${e}${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s);
+    const s = `/roles/app/${e}${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(s);
     return {
-      roles: a.data,
-      meta: a.meta
+      roles: o.data,
+      meta: o.meta
     };
   }
   async assignRole(e, t) {
@@ -443,16 +532,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 o = `/roles/user/${e}${s.toString() ? `?${s.toString()}` : ""}`, p = await this.httpService.get(o, {
       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;
   }
@@ -465,12 +554,12 @@ class Ce {
   async getUsers(e) {
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const s = `/users/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
+    const s = `/users/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(s, {
       headers: t
     });
     return {
-      users: a.data,
-      meta: a.meta
+      users: o.data,
+      meta: o.meta
     };
   }
   async getUserById(e) {
@@ -492,7 +581,7 @@ class Ce {
     });
   }
 }
-class fe {
+class ce {
   constructor(e, t, r) {
     this.httpService = e, this.appId = t, this.sessionManager = r;
   }
@@ -509,12 +598,12 @@ class fe {
       throw new Error("SessionManager is required for private endpoints");
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const s = `/tenants/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
+    const s = `/tenants/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(s, {
       headers: t
     });
     return {
-      tenants: a.data,
-      meta: a.meta
+      tenants: o.data,
+      meta: o.meta
     };
   }
   async getTenantById(e) {
@@ -570,7 +659,7 @@ class fe {
     )).data;
   }
 }
-const ve = ae(null), Ie = () => /* @__PURE__ */ n(
+const Te = de(null), Ue = () => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -582,7 +671,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 +705,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(), o = ne(() => {
+    const a = 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 (a === "subdomain") {
+      const c = window.location.hostname.split(".");
+      if (c.length >= 3) {
+        const d = c[0];
+        return localStorage.setItem(g, d), d;
       }
-      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 (a === "selector") {
+      const c = new URLSearchParams(window.location.search).get(i.selectorParam || "tenant");
+      return c ? (localStorage.setItem(g, c), c) : 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(() => o()), A = Q(
+    () => {
+      var a, g, m;
+      return {
+        enabled: ((a = i.cache) == null ? void 0 : a.enabled) ?? !0,
+        ttl: ((g = i.cache) == null ? void 0 : g.ttl) ?? 5 * 60 * 1e3,
+        // 5 minutes default
+        storageKey: ((m = i.cache) == null ? void 0 : m.storageKey) ?? `tenant_cache_${p || "default"}`
+      };
+    },
+    [i.cache, p]
+  ), [x, T] = v(() => {
+    if (i.initialTenant) return i.initialTenant;
+    if (!A.enabled || !p) return null;
+    try {
+      const a = localStorage.getItem(A.storageKey);
+      if (!a) return null;
+      const g = JSON.parse(a);
+      return Date.now() - g.timestamp < A.ttl && g.tenantSlug === p ? g.data : (localStorage.removeItem(A.storageKey), null);
+    } catch {
+      return null;
+    }
+  }), [b, f] = v(!x && !i.initialTenant), [h, S] = v(null), [L, R] = v(null), [q, k] = v(!1), [u, P] = v(null);
+  te(() => {
+    const a = o();
+    I(a);
+  }, [o]);
+  const C = (r == null ? void 0 : r.settingsSchema) || null, H = ne(
+    async (a, g = !1) => {
+      if (!(!g && A.enabled && x && x.domain === a))
+        try {
+          f(!0), S(null);
+          const m = new re(t), d = await new ce(m, s).getPublicTenantInfo(a);
+          if (T(d), A.enabled)
+            try {
+              const y = {
+                data: d,
+                timestamp: Date.now(),
+                tenantSlug: a
+              };
+              localStorage.setItem(A.storageKey, JSON.stringify(y));
+            } catch (y) {
+              console.warn("Failed to cache tenant info:", y);
+            }
+        } catch (m) {
+          const c = m instanceof Error ? m : new Error("Failed to load tenant information");
+          S(c), T(null);
+        } finally {
+          f(!1);
+        }
+    },
+    [t, s, A, x]
+  ), W = 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 a = localStorage.getItem(A.storageKey);
+        if (!a) return;
+        const g = JSON.parse(a);
+        if (Date.now() - g.timestamp > A.ttl * 0.5) {
+          const c = new re(t), y = await new ce(c, s).getPublicTenantInfo(p);
+          T(y);
+          const G = {
+            data: y,
+            timestamp: Date.now(),
+            tenantSlug: p
+          };
+          localStorage.setItem(A.storageKey, JSON.stringify(G));
+        }
+      } catch (a) {
+        console.warn("Background tenant refresh failed:", a);
       }
-    },
-    [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), P(null);
+        const a = new re(t), m = await new ce(a, x.appId).getTenantSettings(x.id);
+        R(m);
+      } catch (a) {
+        const g = a instanceof Error ? a : new Error("Failed to load tenant settings");
+        P(g), R(null);
       } finally {
-        v(!1);
+        k(!1);
       }
-  }, [t, a]), B = oe(() => {
+  }, [t, x]), V = ne(() => {
     F();
-  }, [F]), z = oe(
-    (S) => {
-      if (!y)
+  }, [F]), w = ne(
+    (a) => {
+      if (!C)
         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 C.properties && Object.entries(C.properties).forEach(([m, c]) => {
+          var y;
+          const d = a[m];
+          if ((y = C.required) != null && y.includes(m) && d == null) {
+            g.push(`Field '${m}' 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.type) {
+              const G = c.type, ee = typeof d;
+              G === "string" && ee !== "string" ? g.push(`Field '${m}' must be a string`) : (G === "number" || G === "integer") && ee !== "number" ? g.push(`Field '${m}' must be a number`) : G === "boolean" && ee !== "boolean" ? g.push(`Field '${m}' must be a boolean`) : G === "array" && !Array.isArray(d) && g.push(`Field '${m}' 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(", ")}`);
+            c.minLength !== void 0 && typeof d == "string" && d.length < c.minLength && g.push(
+              `Field '${m}' must be at least ${c.minLength} characters long`
+            ), c.maxLength !== void 0 && typeof d == "string" && d.length > c.maxLength && g.push(
+              `Field '${m}' must be no more than ${c.maxLength} characters long`
+            ), c.minimum !== void 0 && typeof d == "number" && d < c.minimum && g.push(`Field '${m}' must be at least ${c.minimum}`), c.maximum !== void 0 && typeof d == "number" && d > c.maximum && g.push(`Field '${m}' must be no more than ${c.maximum}`), c.pattern && typeof d == "string" && (new RegExp(c.pattern).test(d) || g.push(`Field '${m}' does not match the required pattern`)), c.enum && !c.enum.includes(d) && g.push(`Field '${m}' must be one of: ${c.enum.join(", ")}`);
           }
         }), {
-          isValid: c.length === 0,
-          errors: c
+          isValid: g.length === 0,
+          errors: g
         };
       } catch {
         return {
@@ -695,60 +841,88 @@ function pt({ config: i, children: e }) {
         };
       }
     },
-    [y]
+    [C]
   );
-  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 ? W() : H(p) : !i.initialTenant && !p && (T(null), S(null), f(!1));
+  }, [i.initialTenant, p, x, H, W]), te(() => {
+    x != null && x.id ? F() : (R(null), P(null), k(!1));
+  }, [x == null ? void 0 : x.id, F]);
+  const M = ne(
+    (a, g = "reload") => {
+      const m = i.tenantMode || "selector";
+      if (localStorage.setItem("tenant", a), m === "subdomain") {
+        const c = window.location.hostname, d = c.split(".");
+        if (d.length >= 2) {
+          d[0] = a;
+          const y = d.join("."), G = `${window.location.protocol}//${y}${window.location.pathname}${window.location.search}`;
+          window.location.href = G;
+        } else
+          console.warn(
+            "[TenantProvider] Cannot switch subdomain, invalid hostname:",
+            c
+          );
+      } else if (m === "selector") {
+        const c = new URLSearchParams(window.location.search);
+        if (c.set(i.selectorParam || "tenant", a), g === "reload") {
+          const d = `${window.location.pathname}?${c.toString()}${window.location.hash}`;
+          window.location.href = d;
+        } else {
+          const d = `${window.location.pathname}?${c.toString()}${window.location.hash}`;
+          window.history.pushState({}, "", d), I(a), H(a);
+        }
+      }
+    },
+    [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: C,
+    isSettingsLoading: q,
+    settingsError: u,
     // Actions
-    refreshSettings: B,
+    refreshSettings: V,
+    switchTenant: M,
     // Validation
-    validateSettings: z
+    validateSettings: w
   }), [
-    a,
+    x,
+    p,
+    b,
+    h,
+    L,
+    C,
+    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 a = typeof i.errorFallback == "function" ? i.errorFallback(h, () => H(p || "")) : i.errorFallback || /* @__PURE__ */ n(qe, { error: h, retry: () => H(p || "") });
+    return /* @__PURE__ */ n(N, { children: a });
   }
-  return /* @__PURE__ */ n(ve.Provider, { value: q, children: e });
+  return /* @__PURE__ */ n(Te.Provider, { value: E, children: e });
 }
-function ge() {
-  const i = le(ve);
+function fe() {
+  const i = ue(Te);
   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 +931,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 +941,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 Pe = de(null);
+function Tt({ config: i = {}, children: e }) {
+  const { appId: t, baseUrl: r } = he(), { tenant: s, tenantSlug: o, switchTenant: p } = fe(), [I, A] = v(i.initialRoles || []), [x, T] = v(!i.initialRoles), [b, f] = v(null), [h, S] = v(!1), [L, R] = v(null), [q, k] = v(0), u = Q(() => new ye({
+    tenantSlug: o,
+    // SessionManager will generate storageKey internally
+    onRefreshFailed: i.onRefreshFailed,
+    baseUrl: r
+  }), [o, r, i.onRefreshFailed]), P = Q(() => {
+    const g = new re(r);
+    return g.setSessionManager(u), g;
+  }, [r, u]), C = Q(() => new Ne(new re(r)), [r]), H = Q(() => new Be(P, u), [P, u]), W = 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, a = 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), R(null);
+        const X = await H.getUserById(j);
+        f(X), u.setUser(X), k(Date.now());
+      } catch (U) {
+        const K = U instanceof Error ? U : new Error("Failed to load user data");
+        R(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,
+    }, m = async () => {
+      await g();
+    }, c = async ($) => {
+      const { username: U, password: K, tenantSlug: j } = $;
+      let X = s == null ? void 0 : s.id, Y = o, Z = u;
+      j && (X = (await new ce(P, t).getPublicTenantInfo(j)).id, Y = j);
+      const J = await C.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 !== o;
+      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), f(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 !== o && p(Y), J;
+    }, d = 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 C.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 C.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
+    }, G = async ($) => {
+      const { currentPassword: U, newPassword: K } = $, j = await u.getAuthHeaders();
+      await C.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 C.requestPasswordReset({ email: U, tenantId: j });
+    }, z = async ($) => {
+      const { token: U, newPassword: K } = $;
+      await C.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 C.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 = o, Z = u;
+      j && (X = (await new ce(P, t).getPublicTenantInfo(j)).id, Y = j);
+      const J = await C.verifyMagicLink({
+        token: U,
+        email: K,
+        appId: t,
+        tenantId: X
+      }), ae = j && j !== o;
+      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), f(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 !== o && 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 C.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(), f(null), R(null);
+    }, ge = ($) => {
+      u.setTokens($);
+    }, Ce = () => u.hasValidSession(), Re = () => {
+      u.clearSession(), f(null), R(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);
+          T(!0);
+          const { roles: $ } = await W.getRolesByApp(t);
+          A($);
+        } catch ($) {
+          console.error("Failed to fetch roles:", $);
         } finally {
-          P(!1);
+          T(!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,
+      // RFC-003: Authentication state
+      isAuthenticated: M,
+      sessionManager: u,
+      authenticatedHttpService: P,
+      login: c,
+      signup: d,
+      signupTenantAdmin: y,
+      sendMagicLink: B,
+      verifyMagicLink: O,
       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
+      requestPasswordReset: ee,
+      confirmPasswordReset: z,
+      refreshToken: D,
+      logout: _,
+      setTokens: ge,
+      hasValidSession: Ce,
+      clearSession: Re,
+      currentUser: b,
+      isUserLoading: h,
+      userError: L,
+      loadUserData: g,
+      refreshUser: m,
+      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,
+    P,
+    C,
+    H,
+    W,
     t,
+    s,
+    o,
+    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);
+        T(!0);
+        const m = new re(r), c = new Se(m), { roles: d } = await c.getRolesByApp(t);
+        A(d);
+      } catch (m) {
+        console.error("Failed to fetch roles:", m);
       } finally {
-        P(!1);
+        T(!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() && f(g);
+  }, [u]), te(() => {
+    !b && !h && a.loadUserData().catch(() => {
+    });
+  }, [b, h, a]), te(() => {
+    if (!u.hasValidSession() || !b)
+      return;
+    const g = setInterval(() => {
+      a.loadUserData().catch(() => {
+      });
+    }, E);
+    return () => clearInterval(g);
+  }, [u, b, a, E]), /* @__PURE__ */ n(Pe.Provider, { value: a, children: e });
 }
-function ie() {
-  const i = le(Se);
+function oe() {
+  const i = ue(Pe);
   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;
   }
@@ -1030,12 +1228,12 @@ class He {
       throw new Error("SessionManager is required for private endpoints");
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const s = `/feature-flags/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
+    const s = `/feature-flags/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(s, {
       headers: t
     });
     return {
-      featureFlags: a.data,
-      meta: a.meta
+      featureFlags: o.data,
+      meta: o.meta
     };
   }
   async getFeatureFlagById(e) {
@@ -1083,64 +1281,64 @@ class He {
       throw new Error("Flag Key, Tenant ID and App ID are required");
     const s = new URLSearchParams();
     s.append("tenantId", t), s.append("appId", r);
-    const a = `/tenant-feature-flags/${e}${s.toString() ? `?${s.toString()}` : ""}`;
-    return (await this.httpService.get(a, {
+    const o = `/tenant-feature-flags/${e}${s.toString() ? `?${s.toString()}` : ""}`;
+    return (await this.httpService.get(o, {
       headers: { "X-Tenant-ID": t }
     })).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 Pt({ config: i = {}, children: e }) {
+  const { baseUrl: t, appId: r } = he(), { tenant: s } = se(), [o, p] = v([]), [I, A] = v(!1), [x, T] = v(null), b = Q(() => {
+    const S = new re(t);
+    return new ze(S);
+  }, [t]), f = async () => {
     if (!(s != null && s.id)) {
-      b([]);
+      p([]);
       return;
     }
-    L(!0), f(null);
+    A(!0), T(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";
+      T(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(() => {
+    f();
+    const S = i.refreshInterval || 5 * 60 * 1e3, L = setInterval(f, S);
+    return () => clearInterval(L);
   }, [s == null ? void 0 : s.id, i.refreshInterval]);
-  const w = _(() => ({
-    featureFlags: a,
-    loading: E,
-    error: P,
-    isEnabled: (u) => {
-      const y = a.find((x) => x.key === u);
-      return (y == null ? void 0 : y.value) === !0;
+  const h = Q(() => ({
+    featureFlags: o,
+    loading: I,
+    error: x,
+    isEnabled: (k) => {
+      const u = o.find((P) => P.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) => o.find((u) => u.key === k),
+    getFlagState: (k) => {
+      const u = o.find((P) => P.key === k);
+      return u ? u.value ? "enabled" : "disabled" : "not_found";
     },
     refresh: async () => {
-      await M();
+      await f();
     }
-  }), [a, E, P]);
-  return /* @__PURE__ */ n(xe.Provider, { value: w, children: e });
+  }), [o, 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 +1404,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, o] = v(null), [p, I] = v(!1), [A, x] = v(null), T = Q(() => {
+    const h = new re(t);
+    return new je(h);
+  }, [t]), b = async () => {
     if (!(r != null && r.id)) {
-      a(null);
+      o(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 T.getTenantSubscriptionFeatures(r.id);
+      o(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 f = 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 P = h.find((C) => C.key === u);
+        return P ? P.type === "BOOLEAN" || P.type === "boolean" ? P.value === !0 : !!P.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((P) => P.key === u),
+      getFeatureValue: (u, P) => {
+        const C = h.find((H) => H.key === u);
+        return C ? C.value : P;
       },
-      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: f, 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 +1498,7 @@ const me = () => /* @__PURE__ */ l(
       )
     ]
   }
-), ye = ({
+), xe = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
@@ -1322,7 +1520,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 +1530,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 +1539,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();
-  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 });
+  const { hasValidSession: o, sessionManager: p, hasPermission: I, hasAnyPermission: A, hasAllPermissions: x } = oe();
+  if (!o())
+    return /* @__PURE__ */ n(N, { children: e || /* @__PURE__ */ n(ve, {}) });
+  const T = p.getUser();
+  if (!T)
+    return /* @__PURE__ */ n(N, { children: e || /* @__PURE__ */ n(ve, {}) });
+  if (t && !We(T.userType, t))
+    return /* @__PURE__ */ n(xe, { userType: T.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? x(r) : A(r))) {
+    const f = r.filter((h) => !I(h)).map((h) => typeof h == "string" ? h : h.name);
+    return /* @__PURE__ */ n(xe, { missingPermissions: f });
+  }
+  return /* @__PURE__ */ n(N, { children: i });
 }
-const qe = ({ redirectPath: i }) => /* @__PURE__ */ n(
+const Ge = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1406,7 +1604,7 @@ const qe = ({ redirectPath: i }) => /* @__PURE__ */ n(
       }
     )
   }
-), be = ({
+), ke = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
@@ -1436,7 +1634,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 +1644,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,40 +1655,40 @@ 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,
   requiredPermissions: r,
   requireAllPermissions: s = !1,
-  fallback: a
+  fallback: o
 }) {
-  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: T } = oe(), b = we();
+  if (!p())
+    return o ? /* @__PURE__ */ n(N, { children: o }) : /* @__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 f = I.getUser();
+  if (!f)
+    return /* @__PURE__ */ n(pe, { to: e, state: { from: b.pathname }, replace: !0 });
+  if (t && !Ke(f.userType, t))
+    return /* @__PURE__ */ n(ke, { userType: f.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? T(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 +1725,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 Ct({ children: i, redirectTo: e = "/", fallback: t }) {
+  const { tenant: r, isLoading: s, error: o } = se(), p = we();
+  return s || o ? 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 +1769,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 Rt({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
+  const { tenant: r, isLoading: s, error: o } = se(), p = we();
+  return s || o ? 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 +1793,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: o, isFeatureEnabled: p, loading: I } = Ve();
+  return I ? /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -1612,9 +1810,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 && !o(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 +1839,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 +1854,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 }) }));
+  ) : 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 +1873,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 +1890,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 +1907,7 @@ const Ve = () => /* @__PURE__ */ l(
   magicLinkLink: "Use Magic Link",
   errorMessage: "Invalid credentials",
   loadingText: "Signing in..."
-}, Ke = {
+}, rt = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -1816,129 +2014,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
+  onForgotPassword: o,
+  onSignupClick: p,
+  onMagicLinkClick: I,
+  showForgotPassword: A = !0,
+  showSignupLink: x = !0,
+  showMagicLinkOption: T = !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 [f, h] = v(""), [S, L] = v(""), [R, q] = v(!1), [k, u] = v(!1), [P, C] = v(""), [H, W] = v({}), { login: F } = oe(), { tenant: V } = se(), w = { ...tt, ...i }, M = { ...rt, ...e }, E = { ...et, ...t }, a = () => {
+    const d = {};
+    return f.trim() || (d.username = !0), S.trim() || (d.password = !0), W(d), Object.keys(d).length === 0;
+  }, g = async (d) => {
+    if (d.preventDefault(), !!a()) {
+      if (!(V != null && V.id)) {
+        C("Tenant not found");
         return;
       }
-      y(!0), F("");
+      u(!0), C("");
       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: f,
+          password: S
+          // tenantId inferred from context automatically
+        });
+        r == null || r(y);
+      } catch (y) {
+        const G = y.message || w.errorMessage;
+        C(G), s == null || s(G);
       } finally {
-        y(!1);
+        u(!1);
       }
     }
-  }, H = (k) => ({
-    ...o.input,
-    ...B[k] ? o.inputError : {}
-  }), C = () => ({
-    ...o.button,
-    ...u ? o.buttonLoading : {},
-    ...!M || !v || u ? o.buttonDisabled : {}
+  }, m = (d) => ({
+    ...M.input,
+    ...H[d] ? M.inputError : {}
+  }), c = () => ({
+    ...M.button,
+    ...k ? M.buttonLoading : {},
+    ...!f || !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: f,
+            onChange: (d) => {
+              h(d.target.value), H.username && W((y) => ({ ...y, username: !1 }));
             },
-            placeholder: h.usernamePlaceholder,
-            style: H("username"),
-            disabled: u
+            placeholder: w.usernamePlaceholder,
+            style: m("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: R ? "text" : "password",
+              value: S,
+              onChange: (d) => {
+                L(d.target.value), H.password && W((y) => ({ ...y, password: !1 }));
               },
-              placeholder: h.passwordPlaceholder,
+              placeholder: w.passwordPlaceholder,
               style: {
-                ...H("password"),
+                ...m("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(!R),
+              style: M.passwordToggle,
+              disabled: k,
+              "aria-label": R ? "Hide password" : "Show password",
+              children: R ? 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: !f || !S || k, style: c(), children: k ? w.loadingText : w.submitButton }),
+      P && /* @__PURE__ */ n("div", { style: M.errorText, children: P })
     ] }),
-    (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 || T) && /* @__PURE__ */ l("div", { style: M.linkContainer, children: [
+      T && /* @__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,
+      T && (A || x) && /* @__PURE__ */ n("div", { style: M.divider, children: "•" }),
+      A && /* @__PURE__ */ n("a", { onClick: o, 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 +2166,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 +2265,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
+  onLoginClick: o,
+  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 [T, b] = v(""), [f, h] = v(""), [S, L] = v(""), [R, q] = v(""), [k, u] = v(""), [P, C] = v(""), [H, W] = v(""), [F, V] = v(!1), [w, M] = v(""), [E, a] = v({}), { signup: g, signupTenantAdmin: m } = oe(), { tenant: c } = se(), d = { ...nt, ...i }, y = { ...st, ...e }, G = () => {
+    const D = {};
+    return T.trim() || (D.name = !0), !S.trim() && !R.trim() && (D.email = !0, D.phoneNumber = !0), k.trim() || (D.password = !0), P.trim() || (D.confirmPassword = !0), t === "tenant" && !H.trim() && (D.tenantName = !0), a(D), Object.keys(D).length === 0;
+  }, ee = async (D) => {
+    if (D.preventDefault(), !!G()) {
+      if (k !== P) {
+        M(d.passwordMismatchError), a({ confirmPassword: !0 });
         return;
       }
-      if (t === "user" && !(H != null && H.id)) {
-        h("Tenant not found");
+      if (t === "user" && !(c != null && c.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 m({
+          email: S || void 0,
+          phoneNumber: R || void 0,
+          name: T,
+          password: k,
+          tenantName: H,
+          lastName: f || void 0
+        }) : _ = await g({
+          email: S || void 0,
+          phoneNumber: R || void 0,
+          name: T,
+          password: k,
+          tenantId: c.id,
+          lastName: f || void 0
+        }), r == null || r(_);
+      } catch (_) {
+        const ge = _.message || d.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 : {},
+    ...!T || !S && !R || !k || !P || F || t === "tenant" && !H ? y.buttonDisabled : {}
+  }), O = T && (S || R) && k && P && (t === "user" || H);
+  return /* @__PURE__ */ l("div", { className: x, style: y.container, children: [
+    /* @__PURE__ */ n("h2", { style: y.title, children: d.title }),
+    /* @__PURE__ */ l("form", { onSubmit: ee, style: y.form, children: [
+      /* @__PURE__ */ l("div", { style: y.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: y.label, children: d.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: T,
+            onChange: (D) => {
+              b(D.target.value), E.name && a((_) => ({ ..._, name: !1 }));
             },
-            placeholder: k.namePlaceholder,
-            style: j("name"),
-            disabled: q
+            placeholder: d.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: d.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: f,
+            onChange: (D) => h(D.target.value),
+            placeholder: d.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: d.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 && a((_) => ({ ..._, email: !1, phoneNumber: !1 }));
             },
-            placeholder: k.emailPlaceholder,
-            style: j("email"),
-            disabled: q
+            placeholder: d.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: d.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: R,
+            onChange: (D) => {
+              q(D.target.value), E.phoneNumber && a((_) => ({ ..._, email: !1, phoneNumber: !1 }));
             },
-            placeholder: k.phoneNumberPlaceholder,
-            style: j("phoneNumber"),
-            disabled: q
+            placeholder: d.phoneNumberPlaceholder,
+            style: z("phoneNumber"),
+            disabled: F
           }
         )
       ] }),
@@ -2208,83 +2408,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: d.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 && a((_) => ({ ..._, password: !1 }));
             },
-            placeholder: k.passwordPlaceholder,
-            style: j("password"),
-            disabled: q
+            placeholder: d.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: d.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: P,
+            onChange: (D) => {
+              C(D.target.value), E.confirmPassword && a((_) => ({ ..._, confirmPassword: !1 })), w === d.passwordMismatchError && M("");
             },
-            placeholder: k.confirmPasswordPlaceholder,
-            style: j("confirmPassword"),
-            disabled: q
+            placeholder: d.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: d.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) => {
+              W(D.target.value), E.tenantName && a((_) => ({ ..._, tenantName: !1 }));
             },
-            placeholder: k.tenantNamePlaceholder,
-            style: j("tenantName"),
-            disabled: q
+            placeholder: d.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 ? d.loadingText : d.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: [
+          d.magicLinkText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: b, style: T.link, children: k.magicLinkLink })
+        /* @__PURE__ */ n("a", { onClick: p, style: y.link, children: d.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: [
+          d.loginText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: a, style: T.link, children: k.loginLink })
+        /* @__PURE__ */ n("a", { onClick: o, style: y.link, children: d.loginLink })
       ] })
     ] })
   ] });
 }
-const Xe = {
+const it = {
   title: "Sign In with Magic Link",
   emailLabel: "Email",
   emailPlaceholder: "Enter your email",
@@ -2302,7 +2502,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 +2605,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
+  onSignupClick: o,
+  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 [T, b] = v(""), [f, h] = v(""), [S, L] = v(""), [R, q] = v(!1), [k, u] = v(!1), [P, C] = v(""), [H, W] = v(""), [F, V] = v({}), [w, M] = v(!1), { sendMagicLink: E, verifyMagicLink: a } = oe(), { tenant: g } = se(), m = { ...it, ...i }, c = { ...ot, ...e };
+  te(() => {
+    A && d(A);
+  }, [A]);
+  const d = async (B) => {
+    if (!g || !T) {
+      C("Missing tenant or email");
+      return;
+    }
+    u(!0), C("");
     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 a({
+        token: B,
+        email: T
+        // tenantId inferred from context automatically
+      });
+      t == null || t(O);
+    } catch (O) {
+      const D = O.message || "Failed to verify magic link";
+      C(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 T.trim() || (B.email = !0), w && !f.trim() && (B.name = !0), V(B), Object.keys(B).length === 0;
+  }, G = async (B) => {
+    if (B.preventDefault(), !!y()) {
+      if (!(g != null && g.id)) {
+        C("Tenant not found");
         return;
       }
-      U(!0), F(""), z("");
+      q(!0), C(""), W("");
       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: T,
+          tenantId: g.id,
+          frontendUrl: O,
+          name: w ? f : void 0,
+          lastName: w ? S : void 0
+        });
+        W(m.successMessage), t == null || t(D);
+      } catch (O) {
+        const D = O.message || m.errorMessage;
+        C(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) => ({
+    ...c.input,
+    ...F[B] ? c.inputError : {}
+  }), z = () => ({
+    ...c.button,
+    ...R || k ? c.buttonLoading : {},
+    ...!T || R || k ? c.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: c.container, children: [
+    /* @__PURE__ */ n("h2", { style: c.title, children: m.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: c.container, children: [
+    /* @__PURE__ */ n("h2", { style: c.title, children: m.title }),
+    /* @__PURE__ */ n("p", { style: c.description, children: m.description }),
+    /* @__PURE__ */ l("form", { onSubmit: G, style: c.form, children: [
+      /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: c.label, children: m.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: T,
+            onChange: (B) => {
+              b(B.target.value), F.email && V((O) => ({ ...O, email: !1 }));
             },
-            placeholder: H.emailPlaceholder,
-            style: O("email"),
-            disabled: g || u
+            placeholder: m.emailPlaceholder,
+            style: ee("email"),
+            disabled: R || 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 +2715,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: c.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: c.label, children: m.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: f,
+              onChange: (B) => {
+                h(B.target.value), F.name && V((O) => ({ ...O, name: !1 }));
               },
-              placeholder: H.namePlaceholder,
-              style: O("name"),
-              disabled: g || u
+              placeholder: m.namePlaceholder,
+              style: ee("name"),
+              disabled: R || k
             }
           )
         ] }),
-        /* @__PURE__ */ l("div", { style: C.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: C.label, children: H.lastNameLabel }),
+        /* @__PURE__ */ l("div", { style: c.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: c.label, children: m.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: m.lastNamePlaceholder,
+              style: c.input,
+              disabled: R || k
             }
           )
         ] }),
@@ -2550,7 +2755,7 @@ function Et({
           {
             type: "button",
             onClick: () => {
-              h(!1), w(""), I("");
+              M(!1), h(""), L("");
             },
             style: {
               background: "none",
@@ -2564,30 +2769,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: !T || R || k, style: z(), children: R ? m.loadingText : m.submitButton }),
+      P && /* @__PURE__ */ n("div", { style: c.errorText, children: P }),
+      H && /* @__PURE__ */ n("div", { style: c.successText, children: H })
     ] }),
-    b && /* @__PURE__ */ l("div", { style: C.linkContainer, children: [
+    p && /* @__PURE__ */ l("div", { style: c.linkContainer, children: [
       /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: C.divider, children: [
-          H.loginText,
+        /* @__PURE__ */ l("span", { style: c.divider, children: [
+          m.loginText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: s, style: C.link, children: H.loginLink })
+        /* @__PURE__ */ n("a", { onClick: s, style: c.link, children: m.loginLink })
       ] }),
-      /* @__PURE__ */ n("div", { style: C.divider, children: "•" }),
+      /* @__PURE__ */ n("div", { style: c.divider, children: "•" }),
       /* @__PURE__ */ l("div", { children: [
-        /* @__PURE__ */ l("span", { style: C.divider, children: [
-          H.signupText,
+        /* @__PURE__ */ l("span", { style: c.divider, children: [
+          m.signupText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: a, style: C.link, children: H.signupLink })
+        /* @__PURE__ */ n("a", { onClick: o, style: c.link, children: m.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 +2800,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 +2887,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 +2904,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 +2922,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
+  onRetry: o,
+  onBackToLogin: p,
+  className: I,
+  token: A,
+  email: x,
+  appId: T,
+  tenantSlug: b,
+  autoRedirectDelay: f = 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, R] = v(""), { verifyMagicLink: q } = oe(), k = { ...at, ...i }, u = { ...Ee, ...e }, P = { ...ut, ...t }, C = () => {
     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: T || w.get("appId") || "",
+      tenantSlug: b || w.get("tenantSlug") || void 0
     };
-  }, B = async () => {
-    v("verifying"), g("");
+  }, H = async () => {
+    S("verifying"), R("");
     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 = C();
+      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), f > 0 && setTimeout(() => {
+        S("redirecting");
+      }, f);
+    } catch (w) {
+      const M = w.message || k.errorMessage;
+      R(M), S("error"), s == null || s(M);
     }
-  }, z = () => {
-    a == null || a(), B();
-  }, q = () => {
-    b == null || b();
+  }, W = () => {
+    o == null || o(), 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: [
+          P.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: [
+          P.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: [
+          P.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: [
+          P.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: W,
+                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 +3033,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 +3066,7 @@ const it = {
   resetLoadingText: "Resetting...",
   resetSuccessMessage: "Password reset successfully!",
   passwordMismatchError: "Passwords do not match"
-}, ot = {
+}, gt = {
   container: {
     maxWidth: "400px",
     margin: "0 auto",
@@ -2954,113 +3158,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
+  onError: o,
+  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, T] = v(""), [b, f] = v(r), [h, S] = v(""), [L, R] = v(""), [q, k] = v(!1), [u, P] = v(""), [C, H] = v(""), [W, F] = v({}), { requestPasswordReset: V, confirmPasswordReset: w } = oe(), { tenant: M } = se(), E = { ...ht, ...i }, a = { ...gt, ...e }, g = () => {
+    const z = {};
+    return x.trim() || (z.email = !0), F(z), Object.keys(z).length === 0;
+  }, m = () => {
+    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;
+  }, c = async (z) => {
+    if (z.preventDefault(), !!g()) {
+      if (!(M != null && M.id)) {
+        P("Tenant not found");
         return;
       }
-      u(!0), x(""), B("");
+      k(!0), P(""), 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;
+        P(O), o == null || o(O);
       } finally {
-        u(!1);
+        k(!1);
       }
     }
-  }, C = async (O) => {
-    if (O.preventDefault(), !!Y()) {
-      if (w !== I) {
-        x(o.passwordMismatchError), q({ confirmPassword: !0 });
+  }, d = async (z) => {
+    if (z.preventDefault(), !!m()) {
+      if (h !== L) {
+        P(E.passwordMismatchError), F({ confirmPassword: !0 });
         return;
       }
-      u(!0), x(""), B("");
+      k(!0), P(""), 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;
+        P(O), o == null || o(O);
       } finally {
-        u(!1);
+        k(!1);
       }
     }
-  }, k = (O) => ({
-    ...d.input,
-    ...z[O] ? d.inputError : {}
-  }), T = () => ({
-    ...d.button,
-    ...U ? d.buttonLoading : {}
+  }, y = (z) => ({
+    ...a.input,
+    ...W[z] ? a.inputError : {}
+  }), G = () => ({
+    ...a.button,
+    ...q ? a.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: a.container, children: [
+      /* @__PURE__ */ n("h2", { style: a.title, children: E.resetTitle }),
+      /* @__PURE__ */ n("p", { style: a.subtitle, children: E.resetSubtitle }),
+      /* @__PURE__ */ l("form", { onSubmit: d, style: a.form, children: [
+        /* @__PURE__ */ l("div", { style: a.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: a.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) => {
+                f(B.target.value), W.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: a.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: a.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), W.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: a.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: a.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) => {
+                R(B.target.value), W.confirmPassword && F((O) => ({ ...O, confirmPassword: !1 })), u === E.passwordMismatchError && P("");
               },
-              placeholder: o.confirmPasswordPlaceholder,
-              style: k("confirmPassword"),
-              disabled: U
+              placeholder: E.confirmPasswordPlaceholder,
+              style: y("confirmPassword"),
+              disabled: q
             }
           )
         ] }),
@@ -3068,44 +3272,44 @@ function Rt({
           "button",
           {
             type: "submit",
-            disabled: !O || U,
+            disabled: !z || q,
             style: {
-              ...T(),
-              ...!O || U ? d.buttonDisabled : {}
+              ...G(),
+              ...!z || q ? a.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: a.errorText, children: u }),
+        C && /* @__PURE__ */ n("div", { style: a.successText, children: C })
       ] }),
-      /* @__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: a.linkContainer, children: [
+        /* @__PURE__ */ n("a", { onClick: p, style: a.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: a.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: a.container, children: [
+    /* @__PURE__ */ n("h2", { style: a.title, children: E.title }),
+    /* @__PURE__ */ n("p", { style: a.subtitle, children: E.subtitle }),
+    /* @__PURE__ */ l("form", { onSubmit: c, style: a.form, children: [
+      /* @__PURE__ */ l("div", { style: a.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: a.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) => {
+              T(z.target.value), W.email && F((B) => ({ ...B, email: !1 }));
             },
-            placeholder: o.emailPlaceholder,
-            style: k("email"),
-            disabled: U
+            placeholder: E.emailPlaceholder,
+            style: y("email"),
+            disabled: q
           }
         )
       ] }),
@@ -3113,27 +3317,27 @@ function Rt({
         "button",
         {
           type: "submit",
-          disabled: !J || U,
+          disabled: !ee || q,
           style: {
-            ...T(),
-            ...!J || U ? d.buttonDisabled : {}
+            ...G(),
+            ...!ee || q ? a.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: a.errorText, children: u }),
+      C && /* @__PURE__ */ n("div", { style: a.successText, children: C })
     ] }),
-    /* @__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: a.linkContainer, children: [
+      /* @__PURE__ */ n("a", { onClick: p, style: a.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: a.link, children: "I have a token" })
       ] })
     ] })
   ] });
 }
-class Ct {
+class Ut {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -3154,12 +3358,12 @@ class Ct {
       throw new Error("SessionManager is required for private endpoints");
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const s = `/permissions/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
+    const s = `/permissions/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(s, {
       headers: t
     });
     return {
-      permissions: a.data,
-      meta: a.meta
+      permissions: o.data,
+      meta: o.meta
     };
   }
   async getPermissionById(e) {
@@ -3194,14 +3398,14 @@ class Ct {
   async getAppPermissions(e, t) {
     const r = new URLSearchParams();
     t != null && t.page && r.append("page", t.page.toString()), t != null && t.limit && r.append("limit", t.limit.toString()), t != null && t.sortBy && r.append("sortBy", t.sortBy), t != null && t.sortOrder && r.append("sortOrder", t.sortOrder);
-    const s = `/permissions/apps/${e}${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s);
+    const s = `/permissions/apps/${e}${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(s);
     return {
-      permissions: a.data,
-      meta: a.meta
+      permissions: o.data,
+      meta: o.meta
     };
   }
 }
-class It {
+class qt {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -3218,12 +3422,12 @@ class It {
   async getSubscriptionPlans(e) {
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder), e != null && e.appId && r.append("appId", e.appId);
-    const s = `/subscription-plans/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
+    const s = `/subscription-plans/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(s, {
       headers: t
     });
     return {
-      plans: a.data,
-      meta: a.meta
+      plans: o.data,
+      meta: o.meta
     };
   }
   async getSubscriptionPlanById(e) {
@@ -3252,7 +3456,7 @@ class It {
     });
   }
 }
-class Ft {
+class zt {
   constructor(e) {
     this.httpService = e;
   }
@@ -3261,7 +3465,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 +3588,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,
+  Tt as AuthProvider,
+  Ft as FeatureFlag,
+  ze as FeatureFlagApiService,
+  Pt as FeatureFlagProvider,
+  zt as HealthApiService,
+  re as HttpService,
+  Rt 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,
+  Ct 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