@skylabs-digital/react-identity-access 2.2.0 → 2.3.0

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { jsx as n, Fragment as B, jsxs as a } from "react/jsx-runtime";
-import { createContext as he, useMemo as Q, useState as k, useCallback as ne, useEffect as te, useContext as ce } from "react";
-import { useLocation as we, Navigate as pe } from "react-router-dom";
+import { jsx as n, Fragment as U, jsxs as l } from "react/jsx-runtime";
+import { createContext as he, useMemo as X, useState as x, useCallback as ne, useEffect as te, useContext as ce, useRef as Be } from "react";
+import { useLocation as be, Navigate as pe } from "react-router-dom";
 class re {
   // SessionManager instance
   constructor(e, t = 1e4) {
@@ -16,40 +16,40 @@ class re {
     return this.executeRequest(e, t, r, s, !1);
   }
   async executeRequest(e, t, r, s, o = !1) {
-    const g = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, y = (s == null ? void 0 : s.timeout) || this.timeout;
-    let A = {
+    const p = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, b = (s == null ? void 0 : s.timeout) || this.timeout;
+    let k = {
       "Content-Type": "application/json",
       ...s == null ? void 0 : s.headers
     };
     if (!(s != null && s.skipAuth) && this.sessionManager)
       try {
-        const f = await this.sessionManager.getAuthHeaders();
-        A = { ...A, ...f };
-      } catch (f) {
-        console.warn("Failed to inject auth headers:", f);
+        const m = await this.sessionManager.getAuthHeaders();
+        k = { ...k, ...m };
+      } catch (m) {
+        console.warn("Failed to inject auth headers:", m);
       }
-    const w = new AbortController(), T = setTimeout(() => w.abort(), y);
+    const S = new AbortController(), T = setTimeout(() => S.abort(), b);
     try {
-      const f = await fetch(g, {
+      const m = await fetch(p, {
         method: e,
-        headers: A,
+        headers: k,
         body: r ? JSON.stringify(r) : void 0,
-        signal: w.signal
+        signal: S.signal
       });
-      if (clearTimeout(T), f.status === 401 && !(s != null && s.skipRetry) && !o && this.sessionManager)
+      if (clearTimeout(T), m.status === 401 && !(s != null && s.skipRetry) && !o && this.sessionManager)
         try {
-          const h = this.sessionManager.getTokens();
-          if (h != null && h.refreshToken)
+          const u = this.sessionManager.getTokens();
+          if (u != null && u.refreshToken)
             return await this.sessionManager.getAuthHeaders(), this.executeRequest(e, t, r, s, !0);
         } catch {
-          throw new Error(`HTTP ${f.status}: ${f.statusText}`);
+          throw new Error(`HTTP ${m.status}: ${m.statusText}`);
         }
-      if (!f.ok)
-        throw new Error(`HTTP ${f.status}: ${f.statusText}`);
-      const p = f.headers.get("content-type");
-      return !p || !p.includes("application/json") ? {} : await f.json();
-    } catch (f) {
-      throw clearTimeout(T), f instanceof Error && f.name === "AbortError" ? new Error(`Request timeout after ${y}ms`) : f;
+      if (!m.ok)
+        throw new Error(`HTTP ${m.status}: ${m.statusText}`);
+      const f = m.headers.get("content-type");
+      return !f || !f.includes("application/json") ? {} : await m.json();
+    } catch (m) {
+      throw clearTimeout(T), m instanceof Error && m.name === "AbortError" ? new Error(`Request timeout after ${b}ms`) : m;
     }
   }
   async get(e, t) {
@@ -65,7 +65,7 @@ class re {
     return this.request("DELETE", e, void 0, t);
   }
 }
-class Se {
+class ve {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -124,31 +124,31 @@ class Se {
     })).data;
   }
 }
-const Te = he(null);
-function kt({ config: i, children: e }) {
-  const t = Q(
+const Pe = he(null);
+function Et({ config: i, children: e }) {
+  const t = X(
     () => {
-      var p, h, m;
+      var f, u, y;
       return {
-        enabled: ((p = i.cache) == null ? void 0 : p.enabled) ?? !0,
-        ttl: ((h = i.cache) == null ? void 0 : h.ttl) ?? 3e5,
+        enabled: ((f = i.cache) == null ? void 0 : f.enabled) ?? !0,
+        ttl: ((u = i.cache) == null ? void 0 : u.ttl) ?? 3e5,
         // 5 minutes default
-        storageKey: ((m = i.cache) == null ? void 0 : m.storageKey) ?? `app_cache_${i.appId}`
+        storageKey: ((y = i.cache) == null ? void 0 : y.storageKey) ?? `app_cache_${i.appId}`
       };
     },
     [i.cache, i.appId]
-  ), [r, s] = k(() => {
+  ), [r, s] = x(() => {
     if (!t.enabled) return null;
     try {
-      const p = localStorage.getItem(t.storageKey);
-      if (!p) return null;
-      const h = JSON.parse(p);
-      return Date.now() - h.timestamp < t.ttl && h.appId === i.appId ? h.data : (localStorage.removeItem(t.storageKey), null);
+      const f = localStorage.getItem(t.storageKey);
+      if (!f) return null;
+      const u = JSON.parse(f);
+      return Date.now() - u.timestamp < t.ttl && u.appId === i.appId ? u.data : (localStorage.removeItem(t.storageKey), null);
     } catch {
       return null;
     }
-  }), [o, g] = k(!r), [y, A] = k(null), w = Q(() => {
-    const p = () => {
+  }), [o, p] = x(!r), [b, k] = x(null), S = X(() => {
+    const f = () => {
       T();
     };
     return {
@@ -157,15 +157,15 @@ function kt({ config: i, children: e }) {
       // App info
       appInfo: r,
       isAppLoading: o,
-      appError: y,
-      retryApp: p
+      appError: b,
+      retryApp: f
     };
-  }, [i, r, o, y]), T = ne(
-    async (p = !1) => {
-      if (!(!p && t.enabled && r))
+  }, [i, r, o, b]), T = ne(
+    async (f = !1) => {
+      if (!(!f && t.enabled && r))
         try {
-          g(!0), A(null);
-          const h = new re(i.baseUrl), R = await new Se(h, {}).getPublicAppInfo(i.appId);
+          p(!0), k(null);
+          const u = new re(i.baseUrl), R = await new ve(u, {}).getPublicAppInfo(i.appId);
           if (s(R), t.enabled)
             try {
               const C = {
@@ -177,46 +177,46 @@ function kt({ config: i, children: e }) {
             } catch (C) {
               console.warn("Failed to cache app info:", C);
             }
-        } catch (h) {
-          const m = h instanceof Error ? h : new Error("Failed to load app information");
-          A(m), s(null);
+        } catch (u) {
+          const y = u instanceof Error ? u : new Error("Failed to load app information");
+          k(y), s(null);
         } finally {
-          g(!1);
+          p(!1);
         }
     },
     [i.baseUrl, i.appId, t, r]
-  ), f = ne(async () => {
+  ), m = ne(async () => {
     if (!(!t.enabled || !r))
       try {
-        const p = localStorage.getItem(t.storageKey);
-        if (!p) return;
-        const h = JSON.parse(p);
-        if (Date.now() - h.timestamp > t.ttl * 0.5) {
-          const R = new re(i.baseUrl), U = await new Se(R, {}).getPublicAppInfo(i.appId);
-          s(U);
-          const P = {
-            data: U,
+        const f = localStorage.getItem(t.storageKey);
+        if (!f) return;
+        const u = JSON.parse(f);
+        if (Date.now() - u.timestamp > t.ttl * 0.5) {
+          const R = new re(i.baseUrl), q = await new ve(R, {}).getPublicAppInfo(i.appId);
+          s(q);
+          const A = {
+            data: q,
             timestamp: Date.now(),
             appId: i.appId
           };
-          localStorage.setItem(t.storageKey, JSON.stringify(P));
+          localStorage.setItem(t.storageKey, JSON.stringify(A));
         }
-      } catch (p) {
-        console.warn("Background app refresh failed:", p);
+      } catch (f) {
+        console.warn("Background app refresh failed:", f);
       }
   }, [i, t, r]);
   return te(() => {
-    r ? f() : T();
-  }, []), /* @__PURE__ */ n(Te.Provider, { value: w, children: e });
+    r ? m() : T();
+  }, []), /* @__PURE__ */ n(Pe.Provider, { value: S, children: e });
 }
 function oe() {
-  const i = ce(Te);
+  const i = ce(Pe);
   if (!i)
     throw new Error("useApp must be used within an AppProvider");
   return i;
 }
-const At = oe;
-class ye {
+const Rt = oe;
+class we {
   constructor(e = {}) {
     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);
   }
@@ -369,7 +369,7 @@ class ye {
     return e !== null && !this.isTokenExpired(e);
   }
 }
-class He {
+class Ue {
   constructor(e) {
     this.httpService = e;
   }
@@ -414,7 +414,7 @@ class He {
     });
   }
 }
-class ve {
+class xe {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -481,16 +481,16 @@ class ve {
       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 o = `/roles/user/${e}${s.toString() ? `?${s.toString()}` : ""}`, g = await this.httpService.get(o, {
+    const o = `/roles/user/${e}${s.toString() ? `?${s.toString()}` : ""}`, p = await this.httpService.get(o, {
       headers: r
     });
     return {
-      roles: g.data,
-      meta: g.meta
+      roles: p.data,
+      meta: p.meta
     };
   }
 }
-class Ne {
+class qe {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -608,7 +608,7 @@ class ue {
     )).data;
   }
 }
-function Be(i, e) {
+function ze(i, e) {
   if (i === "localhost" || i.startsWith("127.") || i.startsWith("192.168."))
     return null;
   if (e) {
@@ -616,31 +616,57 @@ function Be(i, e) {
     if (o === s || o === `www.${s}`)
       return null;
     if (o.endsWith(`.${s}`)) {
-      const g = o.slice(0, -(s.length + 1));
-      return g === "www" ? null : g;
+      const p = o.slice(0, -(s.length + 1));
+      return p === "www" ? null : p;
     }
     return null;
   }
   const r = i.split(".");
   return r.length >= 3 && r[0] !== "www" ? r[0] : null;
 }
-function Ue(i, e = "tenant", t) {
+function Oe(i, e = "tenant", t) {
   const s = new URLSearchParams(i).get(e);
   return s ? (t && t.setItem("tenant", s), s) : t ? t.getItem("tenant") : null;
 }
-function qe(i, e, t) {
+function We(i, e, t) {
   const { tenantMode: r, baseDomain: s, selectorParam: o } = i;
-  return r === "subdomain" ? Be(e.hostname, s) : r === "selector" ? Ue(e.search, o, t) : null;
+  return r === "subdomain" ? ze(e.hostname, s) : r === "selector" ? Oe(e.search, o, t) : null;
 }
-function ze(i, e, t) {
+function je(i, e, t) {
   if (t)
     return `${i}.${t}`;
   const r = e.split(".");
   return r.length === 2 ? `${i}.${e}` : r.length >= 3 ? (r[0] = i, r.join(".")) : null;
 }
-const be = he(null);
-function Tt({ config: i, children: e }) {
-  const { baseUrl: t, appInfo: r, appId: s } = oe(), o = ne(() => typeof window > "u" ? null : qe(
+const fe = "_auth";
+function Ve(i) {
+  const e = JSON.stringify(i);
+  return btoa(e).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
+}
+function _e(i) {
+  try {
+    let e = i.replace(/-/g, "+").replace(/_/g, "/");
+    for (; e.length % 4; )
+      e += "=";
+    const t = atob(e), r = JSON.parse(t);
+    return typeof r.accessToken == "string" && typeof r.refreshToken == "string" && typeof r.expiresIn == "number" ? r : null;
+  } catch {
+    return null;
+  }
+}
+function Ge() {
+  if (typeof window > "u") return null;
+  const e = new URLSearchParams(window.location.search).get(fe);
+  return e ? _e(e) : null;
+}
+function Ke() {
+  if (typeof window > "u") return;
+  const i = new URL(window.location.href);
+  i.searchParams.delete(fe), window.history.replaceState({}, "", i.toString());
+}
+const Se = he(null);
+function Ct({ config: i, children: e }) {
+  const { baseUrl: t, appInfo: r, appId: s } = oe(), o = ne(() => typeof window > "u" ? null : We(
     {
       tenantMode: i.tenantMode || "selector",
       baseDomain: i.baseDomain,
@@ -651,118 +677,118 @@ function Tt({ config: i, children: e }) {
       search: window.location.search
     },
     window.localStorage
-  ), [i.tenantMode, i.baseDomain, i.selectorParam]), [g, y] = k(() => o()), A = Q(
+  ), [i.tenantMode, i.baseDomain, i.selectorParam]), [p, b] = x(() => o()), k = X(
     () => {
-      var l, x, b;
+      var a, L, c;
       return {
-        enabled: ((l = i.cache) == null ? void 0 : l.enabled) ?? !0,
-        ttl: ((x = i.cache) == null ? void 0 : x.ttl) ?? 5 * 60 * 1e3,
+        enabled: ((a = i.cache) == null ? void 0 : a.enabled) ?? !0,
+        ttl: ((L = i.cache) == null ? void 0 : L.ttl) ?? 5 * 60 * 1e3,
         // 5 minutes default
-        storageKey: ((b = i.cache) == null ? void 0 : b.storageKey) ?? `tenant_cache_${g || "default"}`
+        storageKey: ((c = i.cache) == null ? void 0 : c.storageKey) ?? `tenant_cache_${p || "default"}`
       };
     },
-    [i.cache, g]
-  ), [w, T] = k(() => {
+    [i.cache, p]
+  ), [S, T] = x(() => {
     if (i.initialTenant) return i.initialTenant;
-    if (!A.enabled || !g) return null;
+    if (!k.enabled || !p) return null;
     try {
-      const l = localStorage.getItem(A.storageKey);
-      if (!l) return null;
-      const x = JSON.parse(l);
-      return Date.now() - x.timestamp < A.ttl && x.tenantSlug === g ? x.data : (localStorage.removeItem(A.storageKey), null);
+      const a = localStorage.getItem(k.storageKey);
+      if (!a) return null;
+      const L = JSON.parse(a);
+      return Date.now() - L.timestamp < k.ttl && L.tenantSlug === p ? L.data : (localStorage.removeItem(k.storageKey), null);
     } catch {
       return null;
     }
-  }), [f, p] = k(!w && !i.initialTenant), [h, m] = k(null), [R, C] = k(null), [U, P] = k(!1), [u, M] = k(null);
+  }), [m, f] = x(!S && !i.initialTenant), [u, y] = x(null), [R, C] = x(null), [q, A] = x(!1), [d, P] = x(null);
   te(() => {
-    const l = o();
-    y(l);
+    const a = o();
+    b(a);
   }, [o]);
-  const E = (r == null ? void 0 : r.settingsSchema) || null, q = ne(
-    async (l, x = !1) => {
-      if (!(!x && A.enabled && w && w.domain === l))
+  const E = (r == null ? void 0 : r.settingsSchema) || null, z = ne(
+    async (a, L = !1) => {
+      if (!(!L && k.enabled && S && S.domain === a))
         try {
-          p(!0), m(null);
-          const b = new re(t), c = await new ue(b, s).getPublicTenantInfo(l);
-          if (T(c), A.enabled)
+          f(!0), y(null);
+          const c = new re(t), g = await new ue(c, s).getPublicTenantInfo(a);
+          if (T(g), k.enabled)
             try {
-              const S = {
-                data: c,
+              const w = {
+                data: g,
                 timestamp: Date.now(),
-                tenantSlug: l
+                tenantSlug: a
               };
-              localStorage.setItem(A.storageKey, JSON.stringify(S));
-            } catch (S) {
-              console.warn("Failed to cache tenant info:", S);
+              localStorage.setItem(k.storageKey, JSON.stringify(w));
+            } catch (w) {
+              console.warn("Failed to cache tenant info:", w);
             }
-        } catch (b) {
-          const d = b instanceof Error ? b : new Error("Failed to load tenant information");
-          m(d), T(null);
+        } catch (c) {
+          const h = c instanceof Error ? c : new Error("Failed to load tenant information");
+          y(h), T(null);
         } finally {
-          p(!1);
+          f(!1);
         }
     },
-    [t, s, A, w]
-  ), V = ne(async () => {
-    if (!(!A.enabled || !w || !g))
+    [t, s, k, S]
+  ), G = ne(async () => {
+    if (!(!k.enabled || !S || !p))
       try {
-        const l = localStorage.getItem(A.storageKey);
-        if (!l) return;
-        const x = JSON.parse(l);
-        if (Date.now() - x.timestamp > A.ttl * 0.5) {
-          const d = new re(t), S = await new ue(d, s).getPublicTenantInfo(g);
-          T(S);
-          const _ = {
-            data: S,
+        const a = localStorage.getItem(k.storageKey);
+        if (!a) return;
+        const L = JSON.parse(a);
+        if (Date.now() - L.timestamp > k.ttl * 0.5) {
+          const h = new re(t), w = await new ue(h, s).getPublicTenantInfo(p);
+          T(w);
+          const j = {
+            data: w,
             timestamp: Date.now(),
-            tenantSlug: g
+            tenantSlug: p
           };
-          localStorage.setItem(A.storageKey, JSON.stringify(_));
+          localStorage.setItem(k.storageKey, JSON.stringify(j));
         }
-      } catch (l) {
-        console.warn("Background tenant refresh failed:", l);
+      } catch (a) {
+        console.warn("Background tenant refresh failed:", a);
       }
-  }, [t, s, A, w, g]), $ = ne(async () => {
-    if (w != null && w.id)
+  }, [t, s, k, S, p]), $ = ne(async () => {
+    if (S != null && S.id)
       try {
-        P(!0), M(null);
-        const l = new re(t), b = await new ue(l, w.appId).getTenantSettings(w.id);
-        C(b);
-      } catch (l) {
-        const x = l instanceof Error ? l : new Error("Failed to load tenant settings");
-        M(x), C(null);
+        A(!0), P(null);
+        const a = new re(t), c = await new ue(a, S.appId).getTenantSettings(S.id);
+        C(c);
+      } catch (a) {
+        const L = a instanceof Error ? a : new Error("Failed to load tenant settings");
+        P(L), C(null);
       } finally {
-        P(!1);
+        A(!1);
       }
-  }, [t, w]), j = ne(() => {
+  }, [t, S]), _ = ne(() => {
     $();
   }, [$]), v = ne(
-    (l) => {
+    (a) => {
       if (!E)
         return { isValid: !0, errors: [] };
-      const x = [];
+      const L = [];
       try {
-        return E.properties && Object.entries(E.properties).forEach(([b, d]) => {
-          var S;
-          const c = l[b];
-          if ((S = E.required) != null && S.includes(b) && c == null) {
-            x.push(`Field '${b}' is required`);
+        return E.properties && Object.entries(E.properties).forEach(([c, h]) => {
+          var w;
+          const g = a[c];
+          if ((w = E.required) != null && w.includes(c) && g == null) {
+            L.push(`Field '${c}' is required`);
             return;
           }
-          if (c != null) {
-            if (d.type) {
-              const _ = d.type, ee = typeof c;
-              _ === "string" && ee !== "string" ? x.push(`Field '${b}' must be a string`) : (_ === "number" || _ === "integer") && ee !== "number" ? x.push(`Field '${b}' must be a number`) : _ === "boolean" && ee !== "boolean" ? x.push(`Field '${b}' must be a boolean`) : _ === "array" && !Array.isArray(c) && x.push(`Field '${b}' must be an array`);
+          if (g != null) {
+            if (h.type) {
+              const j = h.type, Y = typeof g;
+              j === "string" && Y !== "string" ? L.push(`Field '${c}' must be a string`) : (j === "number" || j === "integer") && Y !== "number" ? L.push(`Field '${c}' must be a number`) : j === "boolean" && Y !== "boolean" ? L.push(`Field '${c}' must be a boolean`) : j === "array" && !Array.isArray(g) && L.push(`Field '${c}' must be an array`);
             }
-            d.minLength !== void 0 && typeof c == "string" && c.length < d.minLength && x.push(
-              `Field '${b}' must be at least ${d.minLength} characters long`
-            ), d.maxLength !== void 0 && typeof c == "string" && c.length > d.maxLength && x.push(
-              `Field '${b}' must be no more than ${d.maxLength} characters long`
-            ), d.minimum !== void 0 && typeof c == "number" && c < d.minimum && x.push(`Field '${b}' must be at least ${d.minimum}`), d.maximum !== void 0 && typeof c == "number" && c > d.maximum && x.push(`Field '${b}' must be no more than ${d.maximum}`), d.pattern && typeof c == "string" && (new RegExp(d.pattern).test(c) || x.push(`Field '${b}' does not match the required pattern`)), d.enum && !d.enum.includes(c) && x.push(`Field '${b}' must be one of: ${d.enum.join(", ")}`);
+            h.minLength !== void 0 && typeof g == "string" && g.length < h.minLength && L.push(
+              `Field '${c}' must be at least ${h.minLength} characters long`
+            ), h.maxLength !== void 0 && typeof g == "string" && g.length > h.maxLength && L.push(
+              `Field '${c}' must be no more than ${h.maxLength} characters long`
+            ), h.minimum !== void 0 && typeof g == "number" && g < h.minimum && L.push(`Field '${c}' must be at least ${h.minimum}`), h.maximum !== void 0 && typeof g == "number" && g > h.maximum && L.push(`Field '${c}' must be no more than ${h.maximum}`), h.pattern && typeof g == "string" && (new RegExp(h.pattern).test(g) || L.push(`Field '${c}' does not match the required pattern`)), h.enum && !h.enum.includes(g) && L.push(`Field '${c}' must be one of: ${h.enum.join(", ")}`);
           }
         }), {
-          isValid: x.length === 0,
-          errors: x
+          isValid: L.length === 0,
+          errors: L
         };
       } catch {
         return {
@@ -774,86 +800,88 @@ function Tt({ config: i, children: e }) {
     [E]
   );
   te(() => {
-    !i.initialTenant && g ? w ? V() : q(g) : !i.initialTenant && !g && (T(null), m(null), p(!1));
-  }, [i.initialTenant, g, w, q, V]), te(() => {
-    w != null && w.id ? $() : (C(null), M(null), P(!1));
-  }, [w == null ? void 0 : w.id, $]);
-  const I = ne(
-    (l, x = "reload") => {
-      const b = i.tenantMode || "selector";
-      if (localStorage.setItem("tenant", l), b === "subdomain") {
-        const d = window.location.hostname, c = ze(
-          l,
-          d,
+    !i.initialTenant && p ? S ? G() : z(p) : !i.initialTenant && !p && (T(null), y(null), f(!1));
+  }, [i.initialTenant, p, S, z, G]), te(() => {
+    S != null && S.id ? $() : (C(null), P(null), A(!1));
+  }, [S == null ? void 0 : S.id, $]);
+  const M = ne(
+    (a, L) => {
+      const { mode: c = "reload", tokens: h, redirectPath: g } = L || {}, w = i.tenantMode || "selector";
+      if (localStorage.setItem("tenant", a), w === "subdomain") {
+        const j = window.location.hostname, Y = je(
+          a,
+          j,
           i.baseDomain
         );
-        if (!c) {
+        if (!Y) {
           console.warn(
             "[TenantProvider] Cannot switch subdomain, invalid hostname:",
-            d
+            j
           );
           return;
         }
-        const S = `${window.location.protocol}//${c}${window.location.pathname}${window.location.search}`;
-        window.location.href = S;
-      } else if (b === "selector") {
-        const d = new URLSearchParams(window.location.search);
-        if (d.set(i.selectorParam || "tenant", l), x === "reload") {
-          const c = `${window.location.pathname}?${d.toString()}${window.location.hash}`;
-          window.location.href = c;
+        const H = g || window.location.pathname, N = new URL(`${window.location.protocol}//${Y}${H}`);
+        new URLSearchParams(window.location.search).forEach((F, K) => {
+          K !== fe && N.searchParams.set(K, F);
+        }), h && N.searchParams.set(fe, Ve(h)), window.location.href = N.toString();
+      } else if (w === "selector") {
+        const j = g || window.location.pathname, Y = new URLSearchParams(window.location.search);
+        if (Y.set(i.selectorParam || "tenant", a), c === "reload") {
+          const H = `${j}?${Y.toString()}${window.location.hash}`;
+          window.location.href = H;
         } else {
-          const c = `${window.location.pathname}?${d.toString()}${window.location.hash}`;
-          window.history.pushState({}, "", c), y(l), q(l);
+          const H = `${j}?${Y.toString()}${window.location.hash}`;
+          window.history.pushState({}, "", H), b(a), z(a);
         }
       }
     },
-    [i.tenantMode, i.selectorParam, q, g]
-  ), L = Q(() => ({
+    [i.tenantMode, i.selectorParam, i.baseDomain, z]
+  ), I = X(() => ({
     // Tenant info
-    tenant: w,
-    tenantSlug: g,
-    isTenantLoading: f,
-    tenantError: h,
+    tenant: S,
+    tenantSlug: p,
+    isTenantLoading: m,
+    tenantError: u,
     retryTenant: () => {
-      g && q(g);
+      p && z(p);
     },
     // Settings
     settings: R,
     settingsSchema: E,
-    isSettingsLoading: U,
-    settingsError: u,
+    isSettingsLoading: q,
+    settingsError: d,
     // Actions
-    refreshSettings: j,
-    switchTenant: I,
+    refreshSettings: _,
+    switchTenant: M,
     // Validation
     validateSettings: v
   }), [
-    w,
-    g,
-    f,
-    h,
+    S,
+    p,
+    m,
+    u,
     R,
     E,
-    U,
-    u,
-    j,
-    I,
+    q,
+    d,
+    _,
+    M,
     v
   ]);
-  return /* @__PURE__ */ n(be.Provider, { value: L, children: e });
+  return /* @__PURE__ */ n(Se.Provider, { value: I, children: e });
 }
-function fe() {
-  const i = ce(be);
+function me() {
+  const i = ce(Se);
   if (!i)
     throw new Error("useTenant must be used within a TenantProvider");
   return i;
 }
-function Pe() {
-  return ce(be);
+function Me() {
+  return ce(Se);
 }
-const Pt = fe;
-function Mt() {
-  const { settings: i, settingsSchema: e, isSettingsLoading: t, settingsError: r, validateSettings: s } = fe();
+const $t = me;
+function Ft() {
+  const { settings: i, settingsSchema: e, isSettingsLoading: t, settingsError: r, validateSettings: s } = me();
   return {
     settings: i,
     settingsSchema: e,
@@ -863,7 +891,7 @@ function Mt() {
   };
 }
 function se() {
-  const { tenant: i, tenantSlug: e, isTenantLoading: t, tenantError: r, retryTenant: s } = fe();
+  const { tenant: i, tenantSlug: e, isTenantLoading: t, tenantError: r, retryTenant: s } = me();
   return {
     tenant: i,
     tenantSlug: e,
@@ -872,273 +900,296 @@ function se() {
     retry: s
   };
 }
-const Me = he(null);
-function It({ config: i = {}, children: e }) {
-  const { appId: t, baseUrl: r } = oe(), { tenant: s, tenantSlug: o, switchTenant: g } = fe(), [y, A] = k(i.initialRoles || []), [w, T] = k(!i.initialRoles), [f, p] = k(null), [h, m] = k(!1), [R, C] = k(null), [U, P] = k(0), u = Q(() => new ye({
+const Ie = he(null);
+function Dt({ config: i = {}, children: e }) {
+  const { appId: t, baseUrl: r } = oe(), { tenant: s, tenantSlug: o, switchTenant: p } = me(), [b, k] = x(i.initialRoles || []), [S, T] = x(!i.initialRoles), [m, f] = x(null), [u, y] = x(!1), [R, C] = x(null), [q, A] = x(0), d = X(() => new we({
     tenantSlug: o,
     // SessionManager will generate storageKey internally
     onRefreshFailed: i.onRefreshFailed,
     baseUrl: r
-  }), [o, r, i.onRefreshFailed]), M = Q(() => {
-    const x = new re(r);
-    return x.setSessionManager(u), x;
-  }, [r, u]), E = Q(() => new He(new re(r)), [r]), q = Q(() => new Ne(M, u), [M, u]), V = Q(() => new ve(new re(r)), [r]), $ = Q(() => f || u.getUser(), [f, u]), j = Q(() => $ != null && $.roleId && y.find((x) => x.id === $.roleId) || null, [$, y]), v = Q(() => (j == null ? void 0 : j.permissions) || [], [j]), I = Q(() => u.hasValidSession() && f !== null, [u, f]), L = 5 * 60 * 1e3, l = Q(() => {
-    const x = async (F = !1) => {
+  }), [o, r, i.onRefreshFailed]), P = X(() => {
+    const c = new re(r);
+    return c.setSessionManager(d), c;
+  }, [r, d]), E = X(() => new Ue(new re(r)), [r]), z = X(() => new qe(P, d), [P, d]), G = X(() => new xe(new re(r)), [r]), $ = X(() => m || d.getUser(), [m, d]), _ = X(() => $ != null && $.roleId && b.find((c) => c.id === $.roleId) || null, [$, b]), v = X(() => (_ == null ? void 0 : _.permissions) || [], [_]), M = X(() => d.hasValidSession() && m !== null, [d, m]), I = 5 * 60 * 1e3, a = X(() => {
+    const c = async (D = !1) => {
       try {
-        if (!u.hasValidSession())
+        if (!d.hasValidSession())
           return;
-        const N = Date.now();
-        if (!F && N - U < L && f)
+        const B = Date.now();
+        if (!D && B - q < I && m)
           return;
-        const W = u.getUserId();
+        const W = d.getUserId();
         if (!W) {
           console.warn("[AuthProvider] No userId available in token or storage");
           return;
         }
-        m(!0), C(null);
-        const X = await q.getUserById(W);
-        p(X), u.setUser(X), P(Date.now());
-      } catch (N) {
-        const G = N instanceof Error ? N : new Error("Failed to load user data");
-        C(G), console.error("[AuthProvider] Failed to load user data:", G);
+        y(!0), C(null);
+        const Z = await z.getUserById(W);
+        f(Z), d.setUser(Z), A(Date.now());
+      } catch (B) {
+        const J = B instanceof Error ? B : new Error("Failed to load user data");
+        C(J), console.error("[AuthProvider] Failed to load user data:", J);
       } finally {
-        m(!1);
+        y(!1);
       }
-    }, b = async () => {
-      await x();
-    }, d = async (F) => {
-      const { username: N, password: G, tenantSlug: W } = F;
-      let X = s == null ? void 0 : s.id, Y = o, Z = u;
-      W && (X = (await new ue(M, t).getPublicTenantInfo(W)).id, Y = W);
-      const J = await E.login({
-        username: N,
-        password: G,
+    }, h = async () => {
+      await c();
+    }, g = async (D) => {
+      const { username: B, password: J, tenantSlug: W } = D;
+      let Z = s == null ? void 0 : s.id, Q = o, ee = d;
+      W && (Z = (await new ue(P, t).getPublicTenantInfo(W)).id, Q = W);
+      const V = await E.login({
+        username: B,
+        password: J,
         appId: t,
-        tenantId: X
+        tenantId: Z
       }), le = W && W !== o;
-      if (le && (Z = new ye({
-        tenantSlug: Y,
+      if (le && (ee = new we({
+        tenantSlug: Q,
         baseUrl: r
-      })), Z.setTokens({
-        accessToken: J.accessToken,
-        refreshToken: J.refreshToken,
-        expiresIn: J.expiresIn
-      }), J.user) {
-        Z.setUser(J.user), p(J.user);
+      })), ee.setTokens({
+        accessToken: V.accessToken,
+        refreshToken: V.refreshToken,
+        expiresIn: V.expiresIn
+      }), V.user) {
+        ee.setUser(V.user), f(V.user);
         try {
-          await x();
+          await c();
         } catch (de) {
           console.warn("Failed to load complete user data after login:", de);
         }
       }
-      return le && Y && Y !== o && g(Y), J;
-    }, c = async (F) => {
-      const { email: N, phoneNumber: G, name: W, password: X, lastName: Y, tenantId: Z } = F;
-      if (!N && !G)
+      return le && Q && Q !== o && p(Q, {
+        tokens: {
+          accessToken: V.accessToken,
+          refreshToken: V.refreshToken,
+          expiresIn: V.expiresIn
+        }
+      }), V;
+    }, w = async (D) => {
+      const { email: B, phoneNumber: J, name: W, password: Z, lastName: Q, tenantId: ee } = D;
+      if (!B && !J)
         throw new Error("Either email or phoneNumber is required");
-      if (!W || !X)
+      if (!W || !Z)
         throw new Error("Name and password are required");
-      const J = Z ?? (s == null ? void 0 : s.id);
+      const V = ee ?? (s == null ? void 0 : s.id);
       return await E.signup({
-        email: N,
-        phoneNumber: G,
+        email: B,
+        phoneNumber: J,
         name: W,
-        password: X,
-        tenantId: J,
-        lastName: Y,
+        password: Z,
+        tenantId: V,
+        lastName: Q,
         appId: t
       });
-    }, S = async (F) => {
-      const { email: N, phoneNumber: G, name: W, password: X, tenantName: Y, lastName: Z } = F;
-      if (!N && !G)
+    }, j = async (D) => {
+      const { email: B, phoneNumber: J, name: W, password: Z, tenantName: Q, lastName: ee } = D;
+      if (!B && !J)
         throw new Error("Either email or phoneNumber is required");
-      if (!W || !X || !Y)
+      if (!W || !Z || !Q)
         throw new Error("Name, password, and tenantName are required");
       return await E.signupTenantAdmin({
-        email: N,
-        phoneNumber: G,
+        email: B,
+        phoneNumber: J,
         name: W,
-        password: X,
-        tenantName: Y,
+        password: Z,
+        tenantName: Q,
         appId: t,
-        lastName: Z
+        lastName: ee
       });
-    }, _ = async (F) => {
-      const { currentPassword: N, newPassword: G } = F, W = await u.getAuthHeaders();
-      await E.changePassword({ currentPassword: N, newPassword: G }, W);
-    }, ee = async (F) => {
-      const { email: N, tenantId: G } = F, W = G ?? (s == null ? void 0 : s.id);
+    }, Y = async (D) => {
+      const { currentPassword: B, newPassword: J } = D, W = await d.getAuthHeaders();
+      await E.changePassword({ currentPassword: B, newPassword: J }, W);
+    }, H = async (D) => {
+      const { email: B, tenantId: J } = D, W = J ?? (s == null ? void 0 : s.id);
       if (!W)
         throw new Error("tenantId is required for password reset");
-      await E.requestPasswordReset({ email: N, tenantId: W });
-    }, z = async (F) => {
-      const { token: N, newPassword: G } = F;
-      await E.confirmPasswordReset({ token: N, newPassword: G });
-    }, H = async (F) => {
-      const { email: N, frontendUrl: G, name: W, lastName: X, tenantId: Y } = F, Z = Y ?? (s == null ? void 0 : s.id);
-      if (!Z)
+      await E.requestPasswordReset({ email: B, tenantId: W });
+    }, N = async (D) => {
+      const { token: B, newPassword: J } = D;
+      await E.confirmPasswordReset({ token: B, newPassword: J });
+    }, O = async (D) => {
+      const { email: B, frontendUrl: J, name: W, lastName: Z, tenantId: Q } = D, ee = Q ?? (s == null ? void 0 : s.id);
+      if (!ee)
         throw new Error("tenantId is required for magic link authentication");
       return await E.sendMagicLink({
-        email: N,
-        tenantId: Z,
-        frontendUrl: G,
+        email: B,
+        tenantId: ee,
+        frontendUrl: J,
         name: W,
-        lastName: X,
+        lastName: Z,
         appId: t
       });
-    }, O = async (F) => {
-      const { token: N, email: G, tenantSlug: W } = F;
-      let X = s == null ? void 0 : s.id, Y = o, Z = u;
-      W && (X = (await new ue(M, t).getPublicTenantInfo(W)).id, Y = W);
-      const J = await E.verifyMagicLink({
-        token: N,
-        email: G,
+    }, F = async (D) => {
+      const { token: B, email: J, tenantSlug: W } = D;
+      let Z = s == null ? void 0 : s.id, Q = o, ee = d;
+      W && (Z = (await new ue(P, t).getPublicTenantInfo(W)).id, Q = W);
+      const V = await E.verifyMagicLink({
+        token: B,
+        email: J,
         appId: t,
-        tenantId: X
+        tenantId: Z
       }), le = W && W !== o;
-      if (le && (Z = new ye({
-        tenantSlug: Y,
+      if (le && (ee = new we({
+        tenantSlug: Q,
         baseUrl: r
-      })), Z.setTokens({
-        accessToken: J.accessToken,
-        refreshToken: J.refreshToken,
-        expiresIn: J.expiresIn
-      }), J.user) {
-        Z.setUser(J.user), p(J.user);
+      })), ee.setTokens({
+        accessToken: V.accessToken,
+        refreshToken: V.refreshToken,
+        expiresIn: V.expiresIn
+      }), V.user) {
+        ee.setUser(V.user), f(V.user);
         try {
-          await x();
+          await c();
         } catch (de) {
           console.warn("Failed to load complete user data after magic link login:", de);
         }
       }
-      return le && Y && Y !== o && g(Y), J;
-    }, D = async () => {
-      const F = u.getTokens();
-      if (!(F != null && F.refreshToken))
+      return le && Q && Q !== o && p(Q, {
+        tokens: {
+          accessToken: V.accessToken,
+          refreshToken: V.refreshToken,
+          expiresIn: V.expiresIn
+        }
+      }), V;
+    }, K = async () => {
+      const D = d.getTokens();
+      if (!(D != null && D.refreshToken))
         throw new Error("No refresh token available");
-      const N = await E.refreshToken({
-        refreshToken: F.refreshToken
+      const B = await E.refreshToken({
+        refreshToken: D.refreshToken
       });
-      u.setTokens({
-        accessToken: N.accessToken,
-        refreshToken: N.refreshToken || F.refreshToken,
-        expiresIn: N.expiresIn
+      d.setTokens({
+        accessToken: B.accessToken,
+        refreshToken: B.refreshToken || D.refreshToken,
+        expiresIn: B.expiresIn
       });
-    }, K = () => {
-      u.clearSession(), p(null), C(null);
-    }, ge = (F) => {
-      u.setTokens(F);
-    }, Re = () => u.hasValidSession(), Ce = () => {
-      u.clearSession(), p(null), C(null);
-    }, $e = async () => {
+    }, ge = () => {
+      d.clearSession(), f(null), C(null);
+    }, Ce = (D) => {
+      d.setTokens(D);
+    }, $e = () => d.hasValidSession(), Fe = () => {
+      d.clearSession(), f(null), C(null);
+    }, De = async () => {
       if (t)
         try {
           T(!0);
-          const { roles: F } = await V.getRolesByApp(t);
-          A(F);
-        } catch (F) {
-          console.error("Failed to fetch roles:", F);
+          const { roles: D } = await G.getRolesByApp(t);
+          k(D);
+        } catch (D) {
+          console.error("Failed to fetch roles:", D);
         } finally {
           T(!1);
         }
-    }, Fe = async () => {
-      await $e();
-    }, me = (F) => {
+    }, He = async () => {
+      await De();
+    }, ye = (D) => {
       if (!v || v.length === 0)
         return !1;
-      if (typeof F == "string")
-        return v.includes(F);
-      const N = `${F.resource}.${F.action}`;
-      return v.includes(N);
+      if (typeof D == "string")
+        return v.includes(D);
+      const B = `${D.resource}.${D.action}`;
+      return v.includes(B);
     };
     return {
       // RFC-003: Authentication state
-      isAuthenticated: I,
-      sessionManager: u,
-      authenticatedHttpService: M,
-      login: d,
-      signup: c,
-      signupTenantAdmin: S,
-      sendMagicLink: H,
-      verifyMagicLink: O,
-      changePassword: _,
-      requestPasswordReset: ee,
-      confirmPasswordReset: z,
-      refreshToken: D,
-      logout: K,
-      setTokens: ge,
-      hasValidSession: Re,
-      clearSession: Ce,
-      currentUser: f,
-      isUserLoading: h,
+      isAuthenticated: M,
+      sessionManager: d,
+      authenticatedHttpService: P,
+      login: g,
+      signup: w,
+      signupTenantAdmin: j,
+      sendMagicLink: O,
+      verifyMagicLink: F,
+      changePassword: Y,
+      requestPasswordReset: H,
+      confirmPasswordReset: N,
+      refreshToken: K,
+      logout: ge,
+      setTokens: Ce,
+      hasValidSession: $e,
+      clearSession: Fe,
+      currentUser: m,
+      isUserLoading: u,
       userError: R,
-      loadUserData: x,
-      refreshUser: b,
-      userRole: j,
+      loadUserData: c,
+      refreshUser: h,
+      userRole: _,
       userPermissions: v,
-      availableRoles: y,
-      rolesLoading: w,
-      hasPermission: me,
-      hasAnyPermission: (F) => F.some((N) => me(N)),
-      hasAllPermissions: (F) => F.every((N) => me(N)),
+      availableRoles: b,
+      rolesLoading: S,
+      hasPermission: ye,
+      hasAnyPermission: (D) => D.some((B) => ye(B)),
+      hasAllPermissions: (D) => D.every((B) => ye(B)),
       getUserPermissionStrings: () => v || [],
-      refreshRoles: Fe
+      refreshRoles: He
     };
   }, [
-    I,
-    u,
     M,
+    d,
+    P,
     E,
-    q,
-    V,
+    z,
+    G,
     t,
     s,
     o,
-    g,
-    y,
-    f,
-    h,
+    p,
+    b,
+    m,
+    u,
     R,
-    j,
+    _,
     v,
-    U,
-    L
+    q,
+    I
   ]);
-  return te(() => {
+  te(() => {
     !i.initialRoles && t && (async () => {
       try {
         T(!0);
-        const b = new re(r), d = new ve(b), { roles: c } = await d.getRolesByApp(t);
-        A(c);
-      } catch (b) {
-        console.error("Failed to fetch roles:", b);
+        const h = new re(r), g = new xe(h), { roles: w } = await g.getRolesByApp(t);
+        k(w);
+      } catch (h) {
+        console.error("Failed to fetch roles:", h);
       } finally {
         T(!1);
       }
     })();
-  }, [t, r, i.initialRoles]), te(() => {
-    const x = u.getUser();
-    x && u.hasValidSession() && p(x);
-  }, [u]), te(() => {
-    !f && !h && l.loadUserData().catch(() => {
+  }, [t, r, i.initialRoles]);
+  const L = Be(!1);
+  return te(() => {
+    if (L.current) return;
+    const c = Ge();
+    c && (L.current = !0, d.setTokens({
+      accessToken: c.accessToken,
+      refreshToken: c.refreshToken,
+      expiresIn: c.expiresIn
+    }), Ke(), a.loadUserData().catch(() => {
+    }));
+  }, [d, a]), te(() => {
+    const c = d.getUser();
+    c && d.hasValidSession() && f(c);
+  }, [d]), te(() => {
+    !m && !u && a.loadUserData().catch(() => {
     });
-  }, [f, h, l]), te(() => {
-    if (!u.hasValidSession() || !f)
+  }, [m, u, a]), te(() => {
+    if (!d.hasValidSession() || !m)
       return;
-    const x = setInterval(() => {
-      l.loadUserData().catch(() => {
+    const c = setInterval(() => {
+      a.loadUserData().catch(() => {
       });
-    }, L);
-    return () => clearInterval(x);
-  }, [u, f, l, L]), /* @__PURE__ */ n(Me.Provider, { value: l, children: e });
+    }, I);
+    return () => clearInterval(c);
+  }, [d, m, a, I]), /* @__PURE__ */ n(Ie.Provider, { value: a, children: e });
 }
 function ae() {
-  const i = ce(Me);
+  const i = ce(Ie);
   if (!i)
     throw new Error("useAuth must be used within an AuthProvider");
   return i;
 }
-class Oe {
+class Je {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -1218,58 +1269,58 @@ class Oe {
     })).data;
   }
 }
-const Ie = he(null);
-function Lt({ config: i = {}, children: e }) {
-  const { baseUrl: t, appId: r } = oe(), { tenant: s } = se(), [o, g] = k([]), [y, A] = k(!1), [w, T] = k(null), f = Q(() => {
-    const m = new re(t);
-    return new Oe(m);
-  }, [t]), p = async () => {
+const Le = he(null);
+function Ht({ config: i = {}, children: e }) {
+  const { baseUrl: t, appId: r } = oe(), { tenant: s } = se(), [o, p] = x([]), [b, k] = x(!1), [S, T] = x(null), m = X(() => {
+    const y = new re(t);
+    return new Je(y);
+  }, [t]), f = async () => {
     if (!(s != null && s.id)) {
-      g([]);
+      p([]);
       return;
     }
-    A(!0), T(null);
+    k(!0), T(null);
     try {
-      const m = await f.getTenantFeatureFlags(s.id, r);
-      g(m);
-    } catch (m) {
-      const R = m instanceof Error ? m.message : "Failed to fetch feature flags";
-      T(R), i.onError && i.onError(m instanceof Error ? m : new Error(R));
+      const y = await m.getTenantFeatureFlags(s.id, r);
+      p(y);
+    } catch (y) {
+      const R = y instanceof Error ? y.message : "Failed to fetch feature flags";
+      T(R), i.onError && i.onError(y instanceof Error ? y : new Error(R));
     } finally {
-      A(!1);
+      k(!1);
     }
   };
   te(() => {
-    p();
-    const m = i.refreshInterval || 5 * 60 * 1e3, R = setInterval(p, m);
+    f();
+    const y = i.refreshInterval || 5 * 60 * 1e3, R = setInterval(f, y);
     return () => clearInterval(R);
   }, [s == null ? void 0 : s.id, i.refreshInterval]);
-  const h = Q(() => ({
+  const u = X(() => ({
     featureFlags: o,
-    loading: y,
-    error: w,
-    isEnabled: (P) => {
-      const u = o.find((M) => M.key === P);
-      return (u == null ? void 0 : u.value) === !0;
+    loading: b,
+    error: S,
+    isEnabled: (A) => {
+      const d = o.find((P) => P.key === A);
+      return (d == null ? void 0 : d.value) === !0;
     },
-    getFlag: (P) => o.find((u) => u.key === P),
-    getFlagState: (P) => {
-      const u = o.find((M) => M.key === P);
-      return u ? u.value ? "enabled" : "disabled" : "not_found";
+    getFlag: (A) => o.find((d) => d.key === A),
+    getFlagState: (A) => {
+      const d = o.find((P) => P.key === A);
+      return d ? d.value ? "enabled" : "disabled" : "not_found";
     },
     refresh: async () => {
-      await p();
+      await f();
     }
-  }), [o, y, w]);
-  return /* @__PURE__ */ n(Ie.Provider, { value: h, children: e });
+  }), [o, b, S]);
+  return /* @__PURE__ */ n(Le.Provider, { value: u, children: e });
 }
-function We() {
-  const i = ce(Ie);
+function Ye() {
+  const i = ce(Le);
   if (!i)
     throw new Error("useFeatureFlags must be used within a FeatureFlagProvider");
   return i;
 }
-class je {
+class Qe {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -1335,64 +1386,64 @@ class je {
     )).data;
   }
 }
-const Le = he(void 0);
-function Et({ config: i = {}, children: e }) {
-  const { baseUrl: t } = oe(), { tenant: r } = se(), [s, o] = k(null), [g, y] = k(!1), [A, w] = k(null), T = Q(() => {
-    const h = new re(t);
-    return new je(h);
-  }, [t]), f = async () => {
+const Ee = he(void 0);
+function Nt({ config: i = {}, children: e }) {
+  const { baseUrl: t } = oe(), { tenant: r } = se(), [s, o] = x(null), [p, b] = x(!1), [k, S] = x(null), T = X(() => {
+    const u = new re(t);
+    return new Qe(u);
+  }, [t]), m = async () => {
     if (!(r != null && r.id)) {
       o(null);
       return;
     }
-    y(!0), w(null);
+    b(!0), S(null);
     try {
-      const h = await T.getTenantSubscriptionFeatures(r.id);
-      o(h);
-    } catch (h) {
-      const m = h instanceof Error ? h.message : "Failed to fetch subscription";
-      w(m), i.onError && i.onError(h instanceof Error ? h : new Error(m));
+      const u = await T.getTenantSubscriptionFeatures(r.id);
+      o(u);
+    } catch (u) {
+      const y = u instanceof Error ? u.message : "Failed to fetch subscription";
+      S(y), i.onError && i.onError(u instanceof Error ? u : new Error(y));
     } finally {
-      y(!1);
+      b(!1);
     }
   };
   te(() => {
-    if (f(), !i.refreshInterval) return;
-    const h = i.refreshInterval || 10 * 60 * 1e3, m = setInterval(f, h);
-    return () => clearInterval(m);
+    if (m(), !i.refreshInterval) return;
+    const u = i.refreshInterval || 10 * 60 * 1e3, y = setInterval(m, u);
+    return () => clearInterval(y);
   }, [r == null ? void 0 : r.id, i.refreshInterval]);
-  const p = Q(() => {
-    const h = (s == null ? void 0 : s.features) || [];
+  const f = X(() => {
+    const u = (s == null ? void 0 : s.features) || [];
     return {
       subscription: s,
-      features: h,
-      loading: g,
-      error: A,
-      isFeatureEnabled: (u) => {
-        const M = h.find((E) => E.key === u);
-        return M ? M.type === "BOOLEAN" || M.type === "boolean" ? M.value === !0 : !!M.value : !1;
+      features: u,
+      loading: p,
+      error: k,
+      isFeatureEnabled: (d) => {
+        const P = u.find((E) => E.key === d);
+        return P ? P.type === "BOOLEAN" || P.type === "boolean" ? P.value === !0 : !!P.value : !1;
       },
-      getFeature: (u) => h.find((M) => M.key === u),
-      getFeatureValue: (u, M) => {
-        const E = h.find((q) => q.key === u);
-        return E ? E.value : M;
+      getFeature: (d) => u.find((P) => P.key === d),
+      getFeatureValue: (d, P) => {
+        const E = u.find((z) => z.key === d);
+        return E ? E.value : P;
       },
-      hasAllowedPlan: (u) => !s || !s.isActive ? !1 : u.includes(s.planId),
+      hasAllowedPlan: (d) => !s || !s.isActive ? !1 : d.includes(s.planId),
       refresh: async () => {
-        await f();
+        await m();
       }
     };
-  }, [s, g, A]);
-  return /* @__PURE__ */ n(Le.Provider, { value: p, children: e });
+  }, [s, p, k]);
+  return /* @__PURE__ */ n(Ee.Provider, { value: f, children: e });
 }
-function Ve() {
-  const i = ce(Le);
+function Xe() {
+  const i = ce(Ee);
   if (i === void 0)
     throw new Error("useSubscription must be used within a SubscriptionProvider");
   return i;
 }
 var ie = /* @__PURE__ */ ((i) => (i.SUPERUSER = "SUPERUSER", i.TENANT_ADMIN = "TENANT_ADMIN", i.USER = "USER", i))(ie || {});
-const xe = () => /* @__PURE__ */ a(
+const ke = () => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1429,11 +1480,11 @@ const xe = () => /* @__PURE__ */ a(
       )
     ]
   }
-), ke = ({
+), Te = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
-}) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1451,26 +1502,26 @@ const xe = () => /* @__PURE__ */ a(
     children: [
       /* @__PURE__ */ n("div", { style: { fontSize: "2rem", marginBottom: "10px" }, children: "⚠️" }),
       /* @__PURE__ */ n("h3", { style: { color: "#856404", marginBottom: "10px" }, children: "Insufficient Permissions" }),
-      e && i ? /* @__PURE__ */ a(B, { children: [
-        /* @__PURE__ */ a("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: [
+      e && i ? /* @__PURE__ */ l(U, { children: [
+        /* @__PURE__ */ l("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: [
           "This content requires ",
           /* @__PURE__ */ n("strong", { children: e }),
           " access level or higher."
         ] }),
-        /* @__PURE__ */ a("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
+        /* @__PURE__ */ l("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
           "Your current access level: ",
           /* @__PURE__ */ n("strong", { children: i })
         ] })
-      ] }) : /* @__PURE__ */ a(B, { children: [
+      ] }) : /* @__PURE__ */ l(U, { 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__ */ a("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
+        t && t.length > 0 && /* @__PURE__ */ l("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
           "Required permissions: ",
           /* @__PURE__ */ n("strong", { children: t.join(", ") })
         ] })
       ] })
     ]
   }
-), Ge = (i, e) => {
+), Ze = (i, e) => {
   const t = {
     [ie.USER]: 1,
     [ie.TENANT_ADMIN]: 2,
@@ -1478,28 +1529,28 @@ const xe = () => /* @__PURE__ */ a(
   };
   return t[i] >= t[e];
 };
-function Rt({
+function Bt({
   children: i,
   fallback: e,
   minUserType: t,
   requiredPermissions: r,
   requireAllPermissions: s = !1
 }) {
-  const { hasValidSession: o, sessionManager: g, hasPermission: y, hasAnyPermission: A, hasAllPermissions: w } = ae();
+  const { hasValidSession: o, sessionManager: p, hasPermission: b, hasAnyPermission: k, hasAllPermissions: S } = ae();
   if (!o())
-    return /* @__PURE__ */ n(B, { children: e || /* @__PURE__ */ n(xe, {}) });
-  const T = g.getUser();
+    return /* @__PURE__ */ n(U, { children: e || /* @__PURE__ */ n(ke, {}) });
+  const T = p.getUser();
   if (!T)
-    return /* @__PURE__ */ n(B, { children: e || /* @__PURE__ */ n(xe, {}) });
-  if (t && !Ge(T.userType, t))
-    return /* @__PURE__ */ n(ke, { userType: T.userType, minUserType: t });
-  if (r && r.length > 0 && !(s ? w(r) : A(r))) {
-    const p = r.filter((h) => !y(h)).map((h) => typeof h == "string" ? h : h.name);
-    return /* @__PURE__ */ n(ke, { missingPermissions: p });
-  }
-  return /* @__PURE__ */ n(B, { children: i });
+    return /* @__PURE__ */ n(U, { children: e || /* @__PURE__ */ n(ke, {}) });
+  if (t && !Ze(T.userType, t))
+    return /* @__PURE__ */ n(Te, { userType: T.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? S(r) : k(r))) {
+    const f = r.filter((u) => !b(u)).map((u) => typeof u == "string" ? u : u.name);
+    return /* @__PURE__ */ n(Te, { missingPermissions: f });
+  }
+  return /* @__PURE__ */ n(U, { children: i });
 }
-const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
+const et = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1512,7 +1563,7 @@ const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ a(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1526,7 +1577,7 @@ const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🔒" }),
           /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Access Required" }),
           /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "You need to be signed in to access this page." }),
-          /* @__PURE__ */ a("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__PURE__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1552,7 +1603,7 @@ const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ a(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1565,19 +1616,19 @@ const _e = ({ 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__ */ a(B, { children: [
-            /* @__PURE__ */ a("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: [
+          e && i ? /* @__PURE__ */ l(U, { children: [
+            /* @__PURE__ */ l("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: [
               "This page requires ",
               /* @__PURE__ */ n("strong", { children: e }),
               " access level or higher."
             ] }),
-            /* @__PURE__ */ a("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
+            /* @__PURE__ */ l("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
               "Your current access level: ",
               /* @__PURE__ */ n("strong", { children: i })
             ] })
-          ] }) : /* @__PURE__ */ a(B, { children: [
+          ] }) : /* @__PURE__ */ l(U, { 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__ */ a("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
+            t && t.length > 0 && /* @__PURE__ */ l("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
               "Required permissions: ",
               /* @__PURE__ */ n("strong", { children: t.join(", ") })
             ] })
@@ -1586,7 +1637,7 @@ const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
       }
     )
   }
-), Ke = (i, e) => {
+), tt = (i, e) => {
   const t = {
     [ie.USER]: 1,
     [ie.TENANT_ADMIN]: 2,
@@ -1594,7 +1645,7 @@ const _e = ({ redirectPath: i }) => /* @__PURE__ */ n(
   };
   return t[i] >= t[e];
 };
-function Ct({
+function Ut({
   children: i,
   redirectTo: e = "/login",
   minUserType: t,
@@ -1602,24 +1653,24 @@ function Ct({
   requireAllPermissions: s = !1,
   fallback: o
 }) {
-  const { hasValidSession: g, sessionManager: y, hasPermission: A, hasAnyPermission: w, hasAllPermissions: T } = ae(), f = we();
-  if (!g())
-    return o ? /* @__PURE__ */ n(B, { children: o }) : /* @__PURE__ */ a(B, { children: [
-      /* @__PURE__ */ n(_e, { redirectPath: e }),
-      /* @__PURE__ */ n(pe, { to: e, state: { from: f.pathname }, replace: !0 })
+  const { hasValidSession: p, sessionManager: b, hasPermission: k, hasAnyPermission: S, hasAllPermissions: T } = ae(), m = be();
+  if (!p())
+    return o ? /* @__PURE__ */ n(U, { children: o }) : /* @__PURE__ */ l(U, { children: [
+      /* @__PURE__ */ n(et, { redirectPath: e }),
+      /* @__PURE__ */ n(pe, { to: e, state: { from: m.pathname }, replace: !0 })
     ] });
-  const p = y.getUser();
-  if (!p)
-    return /* @__PURE__ */ n(pe, { to: e, state: { from: f.pathname }, replace: !0 });
-  if (t && !Ke(p.userType, t))
-    return /* @__PURE__ */ n(Ae, { userType: p.userType, minUserType: t });
-  if (r && r.length > 0 && !(s ? T(r) : w(r))) {
-    const m = r.filter((R) => !A(R)).map((R) => typeof R == "string" ? R : R.name);
-    return /* @__PURE__ */ n(Ae, { missingPermissions: m });
-  }
-  return /* @__PURE__ */ n(B, { children: i });
+  const f = b.getUser();
+  if (!f)
+    return /* @__PURE__ */ n(pe, { to: e, state: { from: m.pathname }, replace: !0 });
+  if (t && !tt(f.userType, t))
+    return /* @__PURE__ */ n(Ae, { userType: f.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? T(r) : S(r))) {
+    const y = r.filter((R) => !k(R)).map((R) => typeof R == "string" ? R : R.name);
+    return /* @__PURE__ */ n(Ae, { missingPermissions: y });
+  }
+  return /* @__PURE__ */ n(U, { children: i });
 }
-const Je = ({ redirectPath: i }) => /* @__PURE__ */ n(
+const rt = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1632,7 +1683,7 @@ const Je = ({ redirectPath: i }) => /* @__PURE__ */ n(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ a(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1646,7 +1697,7 @@ const Je = ({ redirectPath: i }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🏢" }),
           /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Tenant Required" }),
           /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "This page requires a tenant context to access." }),
-          /* @__PURE__ */ a("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__PURE__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1656,14 +1707,14 @@ const Je = ({ redirectPath: i }) => /* @__PURE__ */ n(
     )
   }
 );
-function $t({ children: i, redirectTo: e = "/", fallback: t }) {
-  const { tenant: r, isLoading: s, error: o } = se(), g = we();
-  return s || o ? null : r ? /* @__PURE__ */ n(B, { children: i }) : t ? /* @__PURE__ */ n(B, { children: t }) : /* @__PURE__ */ a(B, { children: [
-    /* @__PURE__ */ n(Je, { redirectPath: e }),
-    /* @__PURE__ */ n(pe, { to: e, state: { from: g.pathname }, replace: !0 })
+function qt({ children: i, redirectTo: e = "/", fallback: t }) {
+  const { tenant: r, isLoading: s, error: o } = se(), p = be();
+  return s || o ? null : r ? /* @__PURE__ */ n(U, { children: i }) : t ? /* @__PURE__ */ n(U, { children: t }) : /* @__PURE__ */ l(U, { children: [
+    /* @__PURE__ */ n(rt, { redirectPath: e }),
+    /* @__PURE__ */ n(pe, { to: e, state: { from: p.pathname }, replace: !0 })
   ] });
 }
-const Ye = ({ redirectPath: i }) => /* @__PURE__ */ n(
+const nt = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1676,7 +1727,7 @@ const Ye = ({ redirectPath: i }) => /* @__PURE__ */ n(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ a(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1690,7 +1741,7 @@ const Ye = ({ redirectPath: i }) => /* @__PURE__ */ n(
           /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🚀" }),
           /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Tenant Detected" }),
           /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "You are accessing a tenant-specific context. Redirecting to the appropriate page." }),
-          /* @__PURE__ */ a("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__PURE__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1700,14 +1751,14 @@ const Ye = ({ redirectPath: i }) => /* @__PURE__ */ n(
     )
   }
 );
-function Ft({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
-  const { tenant: r, isLoading: s, error: o } = se(), g = we();
-  return s || o ? null : r ? t ? /* @__PURE__ */ n(B, { children: t }) : /* @__PURE__ */ a(B, { children: [
-    /* @__PURE__ */ n(Ye, { redirectPath: e }),
-    /* @__PURE__ */ n(pe, { to: e, state: { from: g.pathname }, replace: !0 })
-  ] }) : /* @__PURE__ */ n(B, { children: i });
+function zt({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
+  const { tenant: r, isLoading: s, error: o } = se(), p = be();
+  return s || o ? null : r ? t ? /* @__PURE__ */ n(U, { children: t }) : /* @__PURE__ */ l(U, { children: [
+    /* @__PURE__ */ n(nt, { redirectPath: e }),
+    /* @__PURE__ */ n(pe, { to: e, state: { from: p.pathname }, replace: !0 })
+  ] }) : /* @__PURE__ */ n(U, { children: i });
 }
-const Qe = () => /* @__PURE__ */ a(
+const st = () => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1724,14 +1775,14 @@ const Qe = () => /* @__PURE__ */ a(
     ]
   }
 );
-function Dt({
+function Ot({
   children: i,
-  fallback: e = /* @__PURE__ */ n(Qe, {}),
+  fallback: e = /* @__PURE__ */ n(st, {}),
   allowedPlans: t,
   requiredFeature: r
 }) {
-  const { subscription: s, hasAllowedPlan: o, isFeatureEnabled: g, loading: y } = Ve();
-  return y ? /* @__PURE__ */ n(
+  const { subscription: s, hasAllowedPlan: o, isFeatureEnabled: p, loading: b } = Xe();
+  return b ? /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -1741,9 +1792,9 @@ function Dt({
       },
       children: "Loading subscription..."
     }
-  ) : s ? s.isActive ? t && t.length > 0 && !o(t) ? /* @__PURE__ */ n(B, { children: e }) : r && !g(r) ? /* @__PURE__ */ n(B, { children: e }) : /* @__PURE__ */ n(B, { children: i }) : /* @__PURE__ */ n(B, { children: e }) : /* @__PURE__ */ n(B, { children: e });
+  ) : s ? s.isActive ? t && t.length > 0 && !o(t) ? /* @__PURE__ */ n(U, { children: e }) : r && !p(r) ? /* @__PURE__ */ n(U, { children: e }) : /* @__PURE__ */ n(U, { children: i }) : /* @__PURE__ */ n(U, { children: e }) : /* @__PURE__ */ n(U, { children: e });
 }
-const Xe = ({ flagName: i }) => /* @__PURE__ */ a(
+const it = ({ flagName: i }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1762,7 +1813,7 @@ const Xe = ({ flagName: i }) => /* @__PURE__ */ a(
     children: [
       /* @__PURE__ */ n("div", { style: { fontSize: "24px", marginBottom: "8px" }, children: "🚧" }),
       /* @__PURE__ */ n("div", { style: { fontSize: "14px", fontWeight: "500", marginBottom: "4px" }, children: "Feature Not Available" }),
-      /* @__PURE__ */ a("div", { style: { fontSize: "12px", opacity: 0.7 }, children: [
+      /* @__PURE__ */ l("div", { style: { fontSize: "12px", opacity: 0.7 }, children: [
         'Feature flag "',
         i,
         '" is disabled'
@@ -1770,8 +1821,8 @@ const Xe = ({ flagName: i }) => /* @__PURE__ */ a(
     ]
   }
 );
-function Ht({ name: i, children: e, fallback: t }) {
-  const { isEnabled: r, loading: s } = We();
+function Wt({ name: i, children: e, fallback: t }) {
+  const { isEnabled: r, loading: s } = Ye();
   return s ? /* @__PURE__ */ n(
     "div",
     {
@@ -1785,9 +1836,9 @@ function Ht({ name: i, children: e, fallback: t }) {
       },
       children: "Loading feature flags..."
     }
-  ) : r(i) ? /* @__PURE__ */ n(B, { children: e }) : /* @__PURE__ */ n(B, { children: t || /* @__PURE__ */ n(Xe, { flagName: i }) });
+  ) : r(i) ? /* @__PURE__ */ n(U, { children: e }) : /* @__PURE__ */ n(U, { children: t || /* @__PURE__ */ n(it, { flagName: i }) });
 }
-const Ze = () => /* @__PURE__ */ a(
+const ot = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "16",
@@ -1804,7 +1855,7 @@ const Ze = () => /* @__PURE__ */ a(
       /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
     ]
   }
-), et = () => /* @__PURE__ */ a(
+), at = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "16",
@@ -1821,10 +1872,10 @@ const Ze = () => /* @__PURE__ */ a(
       /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
     ]
   }
-), tt = {
-  showPassword: /* @__PURE__ */ n(Ze, {}),
-  hidePassword: /* @__PURE__ */ n(et, {})
-}, rt = {
+), lt = {
+  showPassword: /* @__PURE__ */ n(ot, {}),
+  hidePassword: /* @__PURE__ */ n(at, {})
+}, ct = {
   title: "Sign In",
   usernameLabel: "Email or Phone",
   usernamePlaceholder: "Enter your email or phone number",
@@ -1838,7 +1889,7 @@ const Ze = () => /* @__PURE__ */ a(
   magicLinkLink: "Use Magic Link",
   errorMessage: "Invalid credentials",
   loadingText: "Signing in..."
-}, nt = {
+}, dt = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -1945,133 +1996,133 @@ const Ze = () => /* @__PURE__ */ a(
     fontSize: "0.875rem"
   }
 };
-function Nt({
+function jt({
   copy: i = {},
   styles: e = {},
   icons: t = {},
   onSuccess: r,
   onError: s,
   onForgotPassword: o,
-  onSignupClick: g,
-  onMagicLinkClick: y,
-  showForgotPassword: A = !0,
-  showSignupLink: w = !0,
+  onSignupClick: p,
+  onMagicLinkClick: b,
+  showForgotPassword: k = !0,
+  showSignupLink: S = !0,
   showMagicLinkOption: T = !0,
-  className: f
+  className: m
 }) {
-  const [p, h] = k(""), [m, R] = k(""), [C, U] = k(!1), [P, u] = k(!1), [M, E] = k(""), [q, V] = k({}), { login: $ } = ae(), { tenant: j } = se(), v = { ...rt, ...i }, I = { ...nt, ...e }, L = { ...tt, ...t }, l = () => {
-    const c = {};
-    return p.trim() || (c.username = !0), m.trim() || (c.password = !0), V(c), Object.keys(c).length === 0;
-  }, x = async (c) => {
-    if (c.preventDefault(), !!l()) {
-      if (!(j != null && j.id)) {
+  const [f, u] = x(""), [y, R] = x(""), [C, q] = x(!1), [A, d] = x(!1), [P, E] = x(""), [z, G] = x({}), { login: $ } = ae(), { tenant: _ } = se(), v = { ...ct, ...i }, M = { ...dt, ...e }, I = { ...lt, ...t }, a = () => {
+    const g = {};
+    return f.trim() || (g.username = !0), y.trim() || (g.password = !0), G(g), Object.keys(g).length === 0;
+  }, L = async (g) => {
+    if (g.preventDefault(), !!a()) {
+      if (!(_ != null && _.id)) {
         E("Tenant not found");
         return;
       }
-      u(!0), E("");
+      d(!0), E("");
       try {
-        const S = await $({
-          username: p,
-          password: m
+        const w = await $({
+          username: f,
+          password: y
           // tenantId inferred from context automatically
         });
-        r == null || r(S);
-      } catch (S) {
-        const _ = S.message || v.errorMessage;
-        E(_), s == null || s(_);
+        r == null || r(w);
+      } catch (w) {
+        const j = w.message || v.errorMessage;
+        E(j), s == null || s(j);
       } finally {
-        u(!1);
+        d(!1);
       }
     }
-  }, b = (c) => ({
-    ...I.input,
-    ...q[c] ? I.inputError : {}
-  }), d = () => ({
-    ...I.button,
-    ...P ? I.buttonLoading : {},
-    ...!p || !m || P ? I.buttonDisabled : {}
+  }, c = (g) => ({
+    ...M.input,
+    ...z[g] ? M.inputError : {}
+  }), h = () => ({
+    ...M.button,
+    ...A ? M.buttonLoading : {},
+    ...!f || !y || A ? M.buttonDisabled : {}
   });
-  return /* @__PURE__ */ a("div", { className: f, style: I.container, children: [
-    /* @__PURE__ */ n("h2", { style: I.title, children: v.title }),
-    /* @__PURE__ */ a("form", { onSubmit: x, style: I.form, children: [
-      /* @__PURE__ */ a("div", { style: I.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: I.label, children: v.usernameLabel }),
+  return /* @__PURE__ */ l("div", { className: m, style: M.container, children: [
+    /* @__PURE__ */ n("h2", { style: M.title, children: v.title }),
+    /* @__PURE__ */ l("form", { onSubmit: L, style: M.form, children: [
+      /* @__PURE__ */ l("div", { style: M.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: M.label, children: v.usernameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "username",
             name: "username",
             type: "text",
-            value: p,
-            onChange: (c) => {
-              h(c.target.value), q.username && V((S) => ({ ...S, username: !1 }));
+            value: f,
+            onChange: (g) => {
+              u(g.target.value), z.username && G((w) => ({ ...w, username: !1 }));
             },
             placeholder: v.usernamePlaceholder,
-            style: b("username"),
-            disabled: P
+            style: c("username"),
+            disabled: A
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { style: I.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: I.label, children: v.passwordLabel }),
-        /* @__PURE__ */ a("div", { style: I.inputContainer, children: [
+      /* @__PURE__ */ l("div", { style: M.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: M.label, children: v.passwordLabel }),
+        /* @__PURE__ */ l("div", { style: M.inputContainer, children: [
           /* @__PURE__ */ n(
             "input",
             {
               id: "password",
               name: "password",
               type: C ? "text" : "password",
-              value: m,
-              onChange: (c) => {
-                R(c.target.value), q.password && V((S) => ({ ...S, password: !1 }));
+              value: y,
+              onChange: (g) => {
+                R(g.target.value), z.password && G((w) => ({ ...w, password: !1 }));
               },
               placeholder: v.passwordPlaceholder,
               style: {
-                ...b("password"),
+                ...c("password"),
                 paddingRight: "2.5rem"
                 // Make room for the icon
               },
-              disabled: P
+              disabled: A
             }
           ),
           /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => U(!C),
-              style: I.passwordToggle,
-              disabled: P,
+              onClick: () => q(!C),
+              style: M.passwordToggle,
+              disabled: A,
               "aria-label": C ? "Hide password" : "Show password",
-              children: C ? L.hidePassword : L.showPassword
+              children: C ? I.hidePassword : I.showPassword
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !p || !m || P, style: d(), children: P ? v.loadingText : v.submitButton }),
-      M && /* @__PURE__ */ n("div", { style: I.errorText, children: M })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !f || !y || A, style: h(), children: A ? v.loadingText : v.submitButton }),
+      P && /* @__PURE__ */ n("div", { style: M.errorText, children: P })
     ] }),
-    (A || w || T) && /* @__PURE__ */ a("div", { style: I.linkContainer, children: [
-      T && /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ a("span", { style: I.divider, children: [
+    (k || S || T) && /* @__PURE__ */ l("div", { style: M.linkContainer, children: [
+      T && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: M.divider, children: [
           v.magicLinkText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: y, style: I.link, children: v.magicLinkLink })
+        /* @__PURE__ */ n("a", { onClick: b, style: M.link, children: v.magicLinkLink })
       ] }),
-      T && (A || w) && /* @__PURE__ */ n("div", { style: I.divider, children: "•" }),
-      A && /* @__PURE__ */ n("a", { onClick: o, style: I.link, children: v.forgotPasswordLink }),
-      A && w && /* @__PURE__ */ n("div", { style: I.divider, children: "•" }),
-      w && /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ a("span", { style: I.divider, children: [
+      T && (k || S) && /* @__PURE__ */ n("div", { style: M.divider, children: "•" }),
+      k && /* @__PURE__ */ n("a", { onClick: o, style: M.link, children: v.forgotPasswordLink }),
+      k && S && /* @__PURE__ */ n("div", { style: M.divider, children: "•" }),
+      S && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: M.divider, children: [
           v.signupText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: g, style: I.link, children: v.signupLink })
+        /* @__PURE__ */ n("a", { onClick: p, style: M.link, children: v.signupLink })
       ] })
     ] })
   ] });
 }
-const st = {
+const ut = {
   title: "Create Account",
   nameLabel: "First Name",
   namePlaceholder: "Enter your first name",
@@ -2097,7 +2148,7 @@ const st = {
   passwordMismatchError: "Passwords do not match",
   isAdminLabel: "Create new organization",
   isAdminDescription: "Check this if you want to create a new organization"
-}, it = {
+}, ht = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -2196,69 +2247,69 @@ const st = {
     fontSize: "0.875rem"
   }
 };
-function Bt({
+function Vt({
   copy: i = {},
   styles: e = {},
   signupType: t = "user",
   onSuccess: r,
   onError: s,
   onLoginClick: o,
-  onMagicLinkClick: g,
-  showLoginLink: y = !0,
-  showMagicLinkOption: A = !0,
-  className: w
+  onMagicLinkClick: p,
+  showLoginLink: b = !0,
+  showMagicLinkOption: k = !0,
+  className: S
 }) {
-  const [T, f] = k(""), [p, h] = k(""), [m, R] = k(""), [C, U] = k(""), [P, u] = k(""), [M, E] = k(""), [q, V] = k(""), [$, j] = k(!1), [v, I] = k(""), [L, l] = k({}), { signup: x, signupTenantAdmin: b } = ae(), { tenant: d } = se(), c = { ...st, ...i }, S = { ...it, ...e }, _ = () => {
-    const D = {};
-    return T.trim() || (D.name = !0), !m.trim() && !C.trim() && (D.email = !0, D.phoneNumber = !0), P.trim() || (D.password = !0), M.trim() || (D.confirmPassword = !0), t === "tenant" && !q.trim() && (D.tenantName = !0), l(D), Object.keys(D).length === 0;
-  }, ee = async (D) => {
-    if (D.preventDefault(), !!_()) {
-      if (P !== M) {
-        I(c.passwordMismatchError), l({ confirmPassword: !0 });
+  const [T, m] = x(""), [f, u] = x(""), [y, R] = x(""), [C, q] = x(""), [A, d] = x(""), [P, E] = x(""), [z, G] = x(""), [$, _] = x(!1), [v, M] = x(""), [I, a] = x({}), { signup: L, signupTenantAdmin: c } = ae(), { tenant: h } = se(), g = { ...ut, ...i }, w = { ...ht, ...e }, j = () => {
+    const F = {};
+    return T.trim() || (F.name = !0), !y.trim() && !C.trim() && (F.email = !0, F.phoneNumber = !0), A.trim() || (F.password = !0), P.trim() || (F.confirmPassword = !0), t === "tenant" && !z.trim() && (F.tenantName = !0), a(F), Object.keys(F).length === 0;
+  }, Y = async (F) => {
+    if (F.preventDefault(), !!j()) {
+      if (A !== P) {
+        M(g.passwordMismatchError), a({ confirmPassword: !0 });
         return;
       }
-      if (t === "user" && !(d != null && d.id)) {
-        I("Tenant not found");
+      if (t === "user" && !(h != null && h.id)) {
+        M("Tenant not found");
         return;
       }
-      j(!0), I("");
+      _(!0), M("");
       try {
         let K;
-        t === "tenant" ? K = await b({
-          email: m || void 0,
+        t === "tenant" ? K = await c({
+          email: y || void 0,
           phoneNumber: C || void 0,
           name: T,
-          password: P,
-          tenantName: q,
-          lastName: p || void 0
-        }) : K = await x({
-          email: m || void 0,
+          password: A,
+          tenantName: z,
+          lastName: f || void 0
+        }) : K = await L({
+          email: y || void 0,
           phoneNumber: C || void 0,
           name: T,
-          password: P,
-          tenantId: d.id,
-          lastName: p || void 0
+          password: A,
+          tenantId: h.id,
+          lastName: f || void 0
         }), r == null || r(K);
       } catch (K) {
-        const ge = K.message || c.errorMessage;
-        I(ge), s == null || s(ge);
+        const ge = K.message || g.errorMessage;
+        M(ge), s == null || s(ge);
       } finally {
-        j(!1);
+        _(!1);
       }
     }
-  }, z = (D) => ({
-    ...S.input,
-    ...L[D] ? S.inputError : {}
-  }), H = () => ({
-    ...S.button,
-    ...$ ? S.buttonLoading : {},
-    ...!T || !m && !C || !P || !M || $ || t === "tenant" && !q ? S.buttonDisabled : {}
-  }), O = T && (m || C) && P && M && (t === "user" || q);
-  return /* @__PURE__ */ a("div", { className: w, style: S.container, children: [
-    /* @__PURE__ */ n("h2", { style: S.title, children: c.title }),
-    /* @__PURE__ */ a("form", { onSubmit: ee, style: S.form, children: [
-      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: S.label, children: c.nameLabel }),
+  }, H = (F) => ({
+    ...w.input,
+    ...I[F] ? w.inputError : {}
+  }), N = () => ({
+    ...w.button,
+    ...$ ? w.buttonLoading : {},
+    ...!T || !y && !C || !A || !P || $ || t === "tenant" && !z ? w.buttonDisabled : {}
+  }), O = T && (y || C) && A && P && (t === "user" || z);
+  return /* @__PURE__ */ l("div", { className: S, style: w.container, children: [
+    /* @__PURE__ */ n("h2", { style: w.title, children: g.title }),
+    /* @__PURE__ */ l("form", { onSubmit: Y, style: w.form, children: [
+      /* @__PURE__ */ l("div", { style: w.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: w.label, children: g.nameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
@@ -2266,51 +2317,51 @@ function Bt({
             name: "name",
             type: "text",
             value: T,
-            onChange: (D) => {
-              f(D.target.value), L.name && l((K) => ({ ...K, name: !1 }));
+            onChange: (F) => {
+              m(F.target.value), I.name && a((K) => ({ ...K, name: !1 }));
             },
-            placeholder: c.namePlaceholder,
-            style: z("name"),
+            placeholder: g.namePlaceholder,
+            style: H("name"),
             disabled: $
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: S.label, children: c.lastNameLabel }),
+      /* @__PURE__ */ l("div", { style: w.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: w.label, children: g.lastNameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "lastName",
             name: "lastName",
             type: "text",
-            value: p,
-            onChange: (D) => h(D.target.value),
-            placeholder: c.lastNamePlaceholder,
-            style: S.input,
+            value: f,
+            onChange: (F) => u(F.target.value),
+            placeholder: g.lastNamePlaceholder,
+            style: w.input,
             disabled: $
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: S.label, children: c.emailLabel }),
+      /* @__PURE__ */ l("div", { style: w.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: w.label, children: g.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "email",
             name: "email",
             type: "email",
-            value: m,
-            onChange: (D) => {
-              R(D.target.value), L.email && l((K) => ({ ...K, email: !1, phoneNumber: !1 }));
+            value: y,
+            onChange: (F) => {
+              R(F.target.value), I.email && a((K) => ({ ...K, email: !1, phoneNumber: !1 }));
             },
-            placeholder: c.emailPlaceholder,
-            style: z("email"),
+            placeholder: g.emailPlaceholder,
+            style: H("email"),
             disabled: $
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: S.label, children: c.phoneNumberLabel }),
+      /* @__PURE__ */ l("div", { style: w.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: w.label, children: g.phoneNumberLabel }),
         /* @__PURE__ */ n(
           "input",
           {
@@ -2318,11 +2369,11 @@ function Bt({
             name: "phoneNumber",
             type: "tel",
             value: C,
-            onChange: (D) => {
-              U(D.target.value), L.phoneNumber && l((K) => ({ ...K, email: !1, phoneNumber: !1 }));
+            onChange: (F) => {
+              q(F.target.value), I.phoneNumber && a((K) => ({ ...K, email: !1, phoneNumber: !1 }));
             },
-            placeholder: c.phoneNumberPlaceholder,
-            style: z("phoneNumber"),
+            placeholder: g.phoneNumberPlaceholder,
+            style: H("phoneNumber"),
             disabled: $
           }
         )
@@ -2339,83 +2390,83 @@ function Bt({
           children: "At least one contact method (email or phone) is required"
         }
       ),
-      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: S.label, children: c.passwordLabel }),
+      /* @__PURE__ */ l("div", { style: w.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: w.label, children: g.passwordLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "password",
             name: "password",
             type: "password",
-            value: P,
-            onChange: (D) => {
-              u(D.target.value), L.password && l((K) => ({ ...K, password: !1 }));
+            value: A,
+            onChange: (F) => {
+              d(F.target.value), I.password && a((K) => ({ ...K, password: !1 }));
             },
-            placeholder: c.passwordPlaceholder,
-            style: z("password"),
+            placeholder: g.passwordPlaceholder,
+            style: H("password"),
             disabled: $
           }
         )
       ] }),
-      /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: S.label, children: c.confirmPasswordLabel }),
+      /* @__PURE__ */ l("div", { style: w.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: w.label, children: g.confirmPasswordLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "confirmPassword",
             name: "confirmPassword",
             type: "password",
-            value: M,
-            onChange: (D) => {
-              E(D.target.value), L.confirmPassword && l((K) => ({ ...K, confirmPassword: !1 })), v === c.passwordMismatchError && I("");
+            value: P,
+            onChange: (F) => {
+              E(F.target.value), I.confirmPassword && a((K) => ({ ...K, confirmPassword: !1 })), v === g.passwordMismatchError && M("");
             },
-            placeholder: c.confirmPasswordPlaceholder,
-            style: z("confirmPassword"),
+            placeholder: g.confirmPasswordPlaceholder,
+            style: H("confirmPassword"),
             disabled: $
           }
         )
       ] }),
-      t === "tenant" && /* @__PURE__ */ a("div", { style: S.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: S.label, children: c.tenantNameLabel }),
+      t === "tenant" && /* @__PURE__ */ l("div", { style: w.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: w.label, children: g.tenantNameLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             id: "tenantName",
             name: "tenantName",
             type: "text",
-            value: q,
-            onChange: (D) => {
-              V(D.target.value), L.tenantName && l((K) => ({ ...K, tenantName: !1 }));
+            value: z,
+            onChange: (F) => {
+              G(F.target.value), I.tenantName && a((K) => ({ ...K, tenantName: !1 }));
             },
-            placeholder: c.tenantNamePlaceholder,
-            style: z("tenantName"),
+            placeholder: g.tenantNamePlaceholder,
+            style: H("tenantName"),
             disabled: $
           }
         )
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !O || $, style: H(), children: $ ? c.loadingText : c.submitButton }),
-      v && /* @__PURE__ */ n("div", { style: S.errorText, children: v })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !O || $, style: N(), children: $ ? g.loadingText : g.submitButton }),
+      v && /* @__PURE__ */ n("div", { style: w.errorText, children: v })
     ] }),
-    (y || A) && /* @__PURE__ */ a("div", { style: S.linkContainer, children: [
-      A && /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ a("span", { style: S.divider, children: [
-          c.magicLinkText,
+    (b || k) && /* @__PURE__ */ l("div", { style: w.linkContainer, children: [
+      k && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: w.divider, children: [
+          g.magicLinkText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: g, style: S.link, children: c.magicLinkLink })
+        /* @__PURE__ */ n("a", { onClick: p, style: w.link, children: g.magicLinkLink })
       ] }),
-      A && y && /* @__PURE__ */ n("div", { style: S.divider, children: "•" }),
-      y && /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ a("span", { style: S.divider, children: [
-          c.loginText,
+      k && b && /* @__PURE__ */ n("div", { style: w.divider, children: "•" }),
+      b && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: w.divider, children: [
+          g.loginText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: o, style: S.link, children: c.loginLink })
+        /* @__PURE__ */ n("a", { onClick: o, style: w.link, children: g.loginLink })
       ] })
     ] })
   ] });
 }
-const ot = {
+const gt = {
   title: "Sign In with Magic Link",
   emailLabel: "Email",
   emailPlaceholder: "Enter your email",
@@ -2433,7 +2484,7 @@ const ot = {
   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."
-}, at = {
+}, pt = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -2536,84 +2587,84 @@ const ot = {
     fontSize: "0.875rem"
   }
 };
-function Ut({
+function _t({
   copy: i = {},
   styles: e = {},
   onSuccess: t,
   onError: r,
   onLoginClick: s,
   onSignupClick: o,
-  showTraditionalLinks: g = !0,
-  className: y,
-  verifyToken: A,
-  frontendUrl: w
+  showTraditionalLinks: p = !0,
+  className: b,
+  verifyToken: k,
+  frontendUrl: S
 }) {
-  const [T, f] = k(""), [p, h] = k(""), [m, R] = k(""), [C, U] = k(!1), [P, u] = k(!1), [M, E] = k(""), [q, V] = k(""), [$, j] = k({}), [v, I] = k(!1), { sendMagicLink: L, verifyMagicLink: l } = ae(), { tenant: x } = se(), b = { ...ot, ...i }, d = { ...at, ...e };
+  const [T, m] = x(""), [f, u] = x(""), [y, R] = x(""), [C, q] = x(!1), [A, d] = x(!1), [P, E] = x(""), [z, G] = x(""), [$, _] = x({}), [v, M] = x(!1), { sendMagicLink: I, verifyMagicLink: a } = ae(), { tenant: L } = se(), c = { ...gt, ...i }, h = { ...pt, ...e };
   te(() => {
-    A && c(A);
-  }, [A]);
-  const c = async (H) => {
-    if (!x || !T) {
+    k && g(k);
+  }, [k]);
+  const g = async (N) => {
+    if (!L || !T) {
       E("Missing tenant or email");
       return;
     }
-    u(!0), E("");
+    d(!0), E("");
     try {
-      const O = await l({
-        token: H,
+      const O = await a({
+        token: N,
         email: T
         // tenantId inferred from context automatically
       });
       t == null || t(O);
     } catch (O) {
-      const D = O.message || "Failed to verify magic link";
-      E(D), r == null || r(D);
+      const F = O.message || "Failed to verify magic link";
+      E(F), r == null || r(F);
     } finally {
-      u(!1);
+      d(!1);
     }
-  }, S = () => {
-    const H = {};
-    return T.trim() || (H.email = !0), v && !p.trim() && (H.name = !0), j(H), Object.keys(H).length === 0;
-  }, _ = async (H) => {
-    if (H.preventDefault(), !!S()) {
-      if (!(x != null && x.id)) {
+  }, w = () => {
+    const N = {};
+    return T.trim() || (N.email = !0), v && !f.trim() && (N.name = !0), _(N), Object.keys(N).length === 0;
+  }, j = async (N) => {
+    if (N.preventDefault(), !!w()) {
+      if (!(L != null && L.id)) {
         E("Tenant not found");
         return;
       }
-      U(!0), E(""), V("");
+      q(!0), E(""), G("");
       try {
-        const O = w || (typeof window < "u" ? window.location.origin : ""), D = await L({
+        const O = S || (typeof window < "u" ? window.location.origin : ""), F = await I({
           email: T,
-          tenantId: x.id,
+          tenantId: L.id,
           frontendUrl: O,
-          name: v ? p : void 0,
-          lastName: v ? m : void 0
+          name: v ? f : void 0,
+          lastName: v ? y : void 0
         });
-        V(b.successMessage), t == null || t(D);
+        G(c.successMessage), t == null || t(F);
       } catch (O) {
-        const D = O.message || b.errorMessage;
-        E(D), r == null || r(D);
+        const F = O.message || c.errorMessage;
+        E(F), r == null || r(F);
       } finally {
-        U(!1);
+        q(!1);
       }
     }
-  }, ee = (H) => ({
-    ...d.input,
-    ...$[H] ? d.inputError : {}
-  }), z = () => ({
-    ...d.button,
-    ...C || P ? d.buttonLoading : {},
-    ...!T || C || P ? d.buttonDisabled : {}
+  }, Y = (N) => ({
+    ...h.input,
+    ...$[N] ? h.inputError : {}
+  }), H = () => ({
+    ...h.button,
+    ...C || A ? h.buttonLoading : {},
+    ...!T || C || A ? h.buttonDisabled : {}
   });
-  return P ? /* @__PURE__ */ a("div", { className: y, style: d.container, children: [
-    /* @__PURE__ */ n("h2", { style: d.title, children: b.verifyingText }),
+  return A ? /* @__PURE__ */ l("div", { className: b, style: h.container, children: [
+    /* @__PURE__ */ n("h2", { style: h.title, children: c.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__ */ a("div", { className: y, style: d.container, children: [
-    /* @__PURE__ */ n("h2", { style: d.title, children: b.title }),
-    /* @__PURE__ */ n("p", { style: d.description, children: b.description }),
-    /* @__PURE__ */ a("form", { onSubmit: _, style: d.form, children: [
-      /* @__PURE__ */ a("div", { style: d.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: d.label, children: b.emailLabel }),
+  ] }) : /* @__PURE__ */ l("div", { className: b, style: h.container, children: [
+    /* @__PURE__ */ n("h2", { style: h.title, children: c.title }),
+    /* @__PURE__ */ n("p", { style: h.description, children: c.description }),
+    /* @__PURE__ */ l("form", { onSubmit: j, style: h.form, children: [
+      /* @__PURE__ */ l("div", { style: h.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: h.label, children: c.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
@@ -2621,12 +2672,12 @@ function Ut({
             name: "email",
             type: "email",
             value: T,
-            onChange: (H) => {
-              f(H.target.value), $.email && j((O) => ({ ...O, email: !1 }));
+            onChange: (N) => {
+              m(N.target.value), $.email && _((O) => ({ ...O, email: !1 }));
             },
-            placeholder: b.emailPlaceholder,
-            style: ee("email"),
-            disabled: C || P
+            placeholder: c.emailPlaceholder,
+            style: Y("email"),
+            disabled: C || A
           }
         )
       ] }),
@@ -2634,7 +2685,7 @@ function Ut({
         "button",
         {
           type: "button",
-          onClick: () => I(!0),
+          onClick: () => M(!0),
           style: {
             background: "none",
             border: "none",
@@ -2646,38 +2697,38 @@ function Ut({
           children: "New user? Add your name"
         }
       ) }),
-      v && /* @__PURE__ */ a(B, { children: [
-        /* @__PURE__ */ a("div", { style: d.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: d.label, children: b.nameLabel }),
+      v && /* @__PURE__ */ l(U, { children: [
+        /* @__PURE__ */ l("div", { style: h.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: h.label, children: c.nameLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               id: "name",
               name: "name",
               type: "text",
-              value: p,
-              onChange: (H) => {
-                h(H.target.value), $.name && j((O) => ({ ...O, name: !1 }));
+              value: f,
+              onChange: (N) => {
+                u(N.target.value), $.name && _((O) => ({ ...O, name: !1 }));
               },
-              placeholder: b.namePlaceholder,
-              style: ee("name"),
-              disabled: C || P
+              placeholder: c.namePlaceholder,
+              style: Y("name"),
+              disabled: C || A
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { style: d.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: d.label, children: b.lastNameLabel }),
+        /* @__PURE__ */ l("div", { style: h.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: h.label, children: c.lastNameLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               id: "lastName",
               name: "lastName",
               type: "text",
-              value: m,
-              onChange: (H) => R(H.target.value),
-              placeholder: b.lastNamePlaceholder,
-              style: d.input,
-              disabled: C || P
+              value: y,
+              onChange: (N) => R(N.target.value),
+              placeholder: c.lastNamePlaceholder,
+              style: h.input,
+              disabled: C || A
             }
           )
         ] }),
@@ -2686,7 +2737,7 @@ function Ut({
           {
             type: "button",
             onClick: () => {
-              I(!1), h(""), R("");
+              M(!1), u(""), R("");
             },
             style: {
               background: "none",
@@ -2700,30 +2751,30 @@ function Ut({
           }
         ) })
       ] }),
-      /* @__PURE__ */ n("button", { type: "submit", disabled: !T || C || P, style: z(), children: C ? b.loadingText : b.submitButton }),
-      M && /* @__PURE__ */ n("div", { style: d.errorText, children: M }),
-      q && /* @__PURE__ */ n("div", { style: d.successText, children: q })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !T || C || A, style: H(), children: C ? c.loadingText : c.submitButton }),
+      P && /* @__PURE__ */ n("div", { style: h.errorText, children: P }),
+      z && /* @__PURE__ */ n("div", { style: h.successText, children: z })
     ] }),
-    g && /* @__PURE__ */ a("div", { style: d.linkContainer, children: [
-      /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ a("span", { style: d.divider, children: [
-          b.loginText,
+    p && /* @__PURE__ */ l("div", { style: h.linkContainer, children: [
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: h.divider, children: [
+          c.loginText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: s, style: d.link, children: b.loginLink })
+        /* @__PURE__ */ n("a", { onClick: s, style: h.link, children: c.loginLink })
       ] }),
-      /* @__PURE__ */ n("div", { style: d.divider, children: "•" }),
-      /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ a("span", { style: d.divider, children: [
-          b.signupText,
+      /* @__PURE__ */ n("div", { style: h.divider, children: "•" }),
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: h.divider, children: [
+          c.signupText,
           " "
         ] }),
-        /* @__PURE__ */ n("a", { onClick: o, style: d.link, children: b.signupLink })
+        /* @__PURE__ */ n("a", { onClick: o, style: h.link, children: c.signupLink })
       ] })
     ] })
   ] });
 }
-const lt = {
+const ft = {
   title: "Verifying Magic Link",
   verifyingMessage: "Please wait while we verify your magic link...",
   successMessage: "Magic link verified successfully! You are now logged in.",
@@ -2731,7 +2782,7 @@ const lt = {
   redirectingMessage: "Redirecting you to the dashboard...",
   retryButton: "Try Again",
   backToLoginButton: "Back to Login"
-}, Ee = {
+}, Re = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -2818,7 +2869,7 @@ const lt = {
     cursor: "pointer",
     transition: "all 0.15s ease-in-out"
   }
-}, ct = () => /* @__PURE__ */ n("div", { style: Ee.spinner }), dt = () => /* @__PURE__ */ a(
+}, mt = () => /* @__PURE__ */ n("div", { style: Re.spinner }), yt = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "48",
@@ -2835,7 +2886,7 @@ const lt = {
       /* @__PURE__ */ n("polyline", { points: "22,4 12,14.01 9,11.01" })
     ]
   }
-), ut = () => /* @__PURE__ */ a(
+), wt = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "48",
@@ -2853,109 +2904,109 @@ const lt = {
       /* @__PURE__ */ n("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
     ]
   }
-), ht = {
-  loading: /* @__PURE__ */ n(ct, {}),
-  success: /* @__PURE__ */ n(dt, {}),
-  error: /* @__PURE__ */ n(ut, {})
+), bt = {
+  loading: /* @__PURE__ */ n(mt, {}),
+  success: /* @__PURE__ */ n(yt, {}),
+  error: /* @__PURE__ */ n(wt, {})
 };
-function qt({
+function Gt({
   copy: i = {},
   styles: e = {},
   icons: t = {},
   onSuccess: r,
   onError: s,
   onRetry: o,
-  onBackToLogin: g,
-  className: y,
-  token: A,
-  email: w,
+  onBackToLogin: p,
+  className: b,
+  token: k,
+  email: S,
   appId: T,
-  tenantSlug: f,
-  autoRedirectDelay: p = 3e3
+  tenantSlug: m,
+  autoRedirectDelay: f = 3e3
 }) {
-  const [h, m] = k("verifying"), [R, C] = k(""), { verifyMagicLink: U } = ae(), P = { ...lt, ...i }, u = { ...Ee, ...e }, M = { ...ht, ...t }, E = () => {
+  const [u, y] = x("verifying"), [R, C] = x(""), { verifyMagicLink: q } = ae(), A = { ...ft, ...i }, d = { ...Re, ...e }, P = { ...bt, ...t }, E = () => {
     if (typeof window > "u") return {};
     const v = new URLSearchParams(window.location.search);
     return {
-      token: A || v.get("token") || "",
-      email: w || v.get("email") || "",
+      token: k || v.get("token") || "",
+      email: S || v.get("email") || "",
       appId: T || v.get("appId") || "",
-      tenantSlug: f || v.get("tenantSlug") || void 0
+      tenantSlug: m || v.get("tenantSlug") || void 0
     };
-  }, q = async () => {
-    m("verifying"), C("");
+  }, z = async () => {
+    y("verifying"), C("");
     try {
       const v = E();
       if (!v.token || !v.email)
         throw new Error("Missing required parameters: token or email");
-      const I = await U({
+      const M = await q({
         token: v.token,
         email: v.email,
         tenantSlug: v.tenantSlug
       });
-      m("success"), r == null || r(I), p > 0 && setTimeout(() => {
-        m("redirecting");
-      }, p);
+      y("success"), r == null || r(M), f > 0 && setTimeout(() => {
+        y("redirecting");
+      }, f);
     } catch (v) {
-      const I = v.message || P.errorMessage;
-      C(I), m("error"), s == null || s(I);
+      const M = v.message || A.errorMessage;
+      C(M), y("error"), s == null || s(M);
     }
-  }, V = () => {
-    o == null || o(), q();
+  }, G = () => {
+    o == null || o(), z();
   }, $ = () => {
-    g == null || g();
+    p == null || p();
   };
   te(() => {
-    q();
+    z();
   }, []);
-  const j = () => {
-    switch (h) {
+  const _ = () => {
+    switch (u) {
       case "verifying":
-        return /* @__PURE__ */ a("div", { style: u.message, children: [
-          M.loading,
-          P.verifyingMessage
+        return /* @__PURE__ */ l("div", { style: d.message, children: [
+          P.loading,
+          A.verifyingMessage
         ] });
       case "success":
-        return /* @__PURE__ */ a(B, { children: [
-          M.success,
-          /* @__PURE__ */ n("div", { style: u.successMessage, children: P.successMessage })
+        return /* @__PURE__ */ l(U, { children: [
+          P.success,
+          /* @__PURE__ */ n("div", { style: d.successMessage, children: A.successMessage })
         ] });
       case "redirecting":
-        return /* @__PURE__ */ a(B, { children: [
-          M.loading,
-          /* @__PURE__ */ n("div", { style: u.message, children: P.redirectingMessage })
+        return /* @__PURE__ */ l(U, { children: [
+          P.loading,
+          /* @__PURE__ */ n("div", { style: d.message, children: A.redirectingMessage })
         ] });
       case "error":
-        return /* @__PURE__ */ a(B, { children: [
-          M.error,
-          /* @__PURE__ */ n("div", { style: u.errorMessage, children: R || P.errorMessage }),
-          /* @__PURE__ */ a("div", { style: u.buttonContainer, children: [
+        return /* @__PURE__ */ l(U, { children: [
+          P.error,
+          /* @__PURE__ */ n("div", { style: d.errorMessage, children: R || A.errorMessage }),
+          /* @__PURE__ */ l("div", { style: d.buttonContainer, children: [
             /* @__PURE__ */ n(
               "button",
               {
-                onClick: V,
-                style: u.retryButton,
+                onClick: G,
+                style: d.retryButton,
                 onMouseOver: (v) => {
                   v.currentTarget.style.backgroundColor = "#2563eb";
                 },
                 onMouseOut: (v) => {
                   v.currentTarget.style.backgroundColor = "#3b82f6";
                 },
-                children: P.retryButton
+                children: A.retryButton
               }
             ),
             /* @__PURE__ */ n(
               "button",
               {
                 onClick: $,
-                style: u.backButton,
+                style: d.backButton,
                 onMouseOver: (v) => {
                   v.currentTarget.style.backgroundColor = "#e5e7eb";
                 },
                 onMouseOut: (v) => {
                   v.currentTarget.style.backgroundColor = "#f3f4f6";
                 },
-                children: P.backToLoginButton
+                children: A.backToLoginButton
               }
             )
           ] })
@@ -2964,18 +3015,18 @@ function qt({
         return null;
     }
   };
-  return /* @__PURE__ */ a("div", { style: u.container, className: y, children: [
+  return /* @__PURE__ */ l("div", { style: d.container, className: b, children: [
     /* @__PURE__ */ n("style", { children: `
           @keyframes spin {
             0% { transform: rotate(0deg); }
             100% { transform: rotate(360deg); }
           }
         ` }),
-    /* @__PURE__ */ n("h1", { style: u.title, children: P.title }),
-    j()
+    /* @__PURE__ */ n("h1", { style: d.title, children: A.title }),
+    _()
   ] });
 }
-const gt = {
+const St = {
   title: "Reset Password",
   subtitle: "Enter your email address and we'll send you a link to reset your password.",
   emailLabel: "Email",
@@ -2997,7 +3048,7 @@ const gt = {
   resetLoadingText: "Resetting...",
   resetSuccessMessage: "Password reset successfully!",
   passwordMismatchError: "Passwords do not match"
-}, pt = {
+}, vt = {
   container: {
     maxWidth: "400px",
     margin: "0 auto",
@@ -3089,113 +3140,113 @@ const gt = {
     cursor: "pointer"
   }
 };
-function zt({
+function Kt({
   copy: i = {},
   styles: e = {},
   mode: t = "request",
   token: r = "",
   onSuccess: s,
   onError: o,
-  onBackToLogin: g,
-  onModeChange: y,
-  className: A
+  onBackToLogin: p,
+  onModeChange: b,
+  className: k
 }) {
-  const [w, T] = k(""), [f, p] = k(r), [h, m] = k(""), [R, C] = k(""), [U, P] = k(!1), [u, M] = k(""), [E, q] = k(""), [V, $] = k({}), { requestPasswordReset: j, confirmPasswordReset: v } = ae(), { tenant: I } = se(), L = { ...gt, ...i }, l = { ...pt, ...e }, x = () => {
-    const z = {};
-    return w.trim() || (z.email = !0), $(z), Object.keys(z).length === 0;
-  }, b = () => {
-    const z = {};
-    return f.trim() || (z.token = !0), h.trim() || (z.newPassword = !0), R.trim() || (z.confirmPassword = !0), $(z), Object.keys(z).length === 0;
-  }, d = async (z) => {
-    if (z.preventDefault(), !!x()) {
-      if (!(I != null && I.id)) {
-        M("Tenant not found");
+  const [S, T] = x(""), [m, f] = x(r), [u, y] = x(""), [R, C] = x(""), [q, A] = x(!1), [d, P] = x(""), [E, z] = x(""), [G, $] = x({}), { requestPasswordReset: _, confirmPasswordReset: v } = ae(), { tenant: M } = se(), I = { ...St, ...i }, a = { ...vt, ...e }, L = () => {
+    const H = {};
+    return S.trim() || (H.email = !0), $(H), Object.keys(H).length === 0;
+  }, c = () => {
+    const H = {};
+    return m.trim() || (H.token = !0), u.trim() || (H.newPassword = !0), R.trim() || (H.confirmPassword = !0), $(H), Object.keys(H).length === 0;
+  }, h = async (H) => {
+    if (H.preventDefault(), !!L()) {
+      if (!(M != null && M.id)) {
+        P("Tenant not found");
         return;
       }
-      P(!0), M(""), q("");
+      A(!0), P(""), z("");
       try {
-        await j({ email: w, tenantId: I.id }), q(L.successMessage), s == null || s();
-      } catch (H) {
-        const O = H.message || L.errorMessage;
-        M(O), o == null || o(O);
+        await _({ email: S, tenantId: M.id }), z(I.successMessage), s == null || s();
+      } catch (N) {
+        const O = N.message || I.errorMessage;
+        P(O), o == null || o(O);
       } finally {
-        P(!1);
+        A(!1);
       }
     }
-  }, c = async (z) => {
-    if (z.preventDefault(), !!b()) {
-      if (h !== R) {
-        M(L.passwordMismatchError), $({ confirmPassword: !0 });
+  }, g = async (H) => {
+    if (H.preventDefault(), !!c()) {
+      if (u !== R) {
+        P(I.passwordMismatchError), $({ confirmPassword: !0 });
         return;
       }
-      P(!0), M(""), q("");
+      A(!0), P(""), z("");
       try {
-        await v({ token: f, newPassword: h }), q(L.resetSuccessMessage), s == null || s();
-      } catch (H) {
-        const O = H.message || L.errorMessage;
-        M(O), o == null || o(O);
+        await v({ token: m, newPassword: u }), z(I.resetSuccessMessage), s == null || s();
+      } catch (N) {
+        const O = N.message || I.errorMessage;
+        P(O), o == null || o(O);
       } finally {
-        P(!1);
+        A(!1);
       }
     }
-  }, S = (z) => ({
-    ...l.input,
-    ...V[z] ? l.inputError : {}
-  }), _ = () => ({
-    ...l.button,
-    ...U ? l.buttonLoading : {}
+  }, w = (H) => ({
+    ...a.input,
+    ...G[H] ? a.inputError : {}
+  }), j = () => ({
+    ...a.button,
+    ...q ? a.buttonLoading : {}
   });
   if (t === "reset") {
-    const z = f && h && R;
-    return /* @__PURE__ */ a("div", { className: A, style: l.container, children: [
-      /* @__PURE__ */ n("h2", { style: l.title, children: L.resetTitle }),
-      /* @__PURE__ */ n("p", { style: l.subtitle, children: L.resetSubtitle }),
-      /* @__PURE__ */ a("form", { onSubmit: c, style: l.form, children: [
-        /* @__PURE__ */ a("div", { style: l.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: l.label, children: L.tokenLabel }),
+    const H = m && u && R;
+    return /* @__PURE__ */ l("div", { className: k, style: a.container, children: [
+      /* @__PURE__ */ n("h2", { style: a.title, children: I.resetTitle }),
+      /* @__PURE__ */ n("p", { style: a.subtitle, children: I.resetSubtitle }),
+      /* @__PURE__ */ l("form", { onSubmit: g, style: a.form, children: [
+        /* @__PURE__ */ l("div", { style: a.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: a.label, children: I.tokenLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "text",
-              value: f,
-              onChange: (H) => {
-                p(H.target.value), V.token && $((O) => ({ ...O, token: !1 }));
+              value: m,
+              onChange: (N) => {
+                f(N.target.value), G.token && $((O) => ({ ...O, token: !1 }));
               },
-              placeholder: L.tokenPlaceholder,
-              style: S("token"),
-              disabled: U
+              placeholder: I.tokenPlaceholder,
+              style: w("token"),
+              disabled: q
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { style: l.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: l.label, children: L.newPasswordLabel }),
+        /* @__PURE__ */ l("div", { style: a.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: a.label, children: I.newPasswordLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "password",
-              value: h,
-              onChange: (H) => {
-                m(H.target.value), V.newPassword && $((O) => ({ ...O, newPassword: !1 }));
+              value: u,
+              onChange: (N) => {
+                y(N.target.value), G.newPassword && $((O) => ({ ...O, newPassword: !1 }));
               },
-              placeholder: L.newPasswordPlaceholder,
-              style: S("newPassword"),
-              disabled: U
+              placeholder: I.newPasswordPlaceholder,
+              style: w("newPassword"),
+              disabled: q
             }
           )
         ] }),
-        /* @__PURE__ */ a("div", { style: l.fieldGroup, children: [
-          /* @__PURE__ */ n("label", { style: l.label, children: L.confirmPasswordLabel }),
+        /* @__PURE__ */ l("div", { style: a.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: a.label, children: I.confirmPasswordLabel }),
           /* @__PURE__ */ n(
             "input",
             {
               type: "password",
               value: R,
-              onChange: (H) => {
-                C(H.target.value), V.confirmPassword && $((O) => ({ ...O, confirmPassword: !1 })), u === L.passwordMismatchError && M("");
+              onChange: (N) => {
+                C(N.target.value), G.confirmPassword && $((O) => ({ ...O, confirmPassword: !1 })), d === I.passwordMismatchError && P("");
               },
-              placeholder: L.confirmPasswordPlaceholder,
-              style: S("confirmPassword"),
-              disabled: U
+              placeholder: I.confirmPasswordPlaceholder,
+              style: w("confirmPassword"),
+              disabled: q
             }
           )
         ] }),
@@ -3203,44 +3254,44 @@ function zt({
           "button",
           {
             type: "submit",
-            disabled: !z || U,
+            disabled: !H || q,
             style: {
-              ..._(),
-              ...!z || U ? l.buttonDisabled : {}
+              ...j(),
+              ...!H || q ? a.buttonDisabled : {}
             },
-            children: U ? L.resetLoadingText : L.resetSubmitButton
+            children: q ? I.resetLoadingText : I.resetSubmitButton
           }
         ),
-        u && /* @__PURE__ */ n("div", { style: l.errorText, children: u }),
-        E && /* @__PURE__ */ n("div", { style: l.successText, children: E })
+        d && /* @__PURE__ */ n("div", { style: a.errorText, children: d }),
+        E && /* @__PURE__ */ n("div", { style: a.successText, children: E })
       ] }),
-      /* @__PURE__ */ a("div", { style: l.linkContainer, children: [
-        /* @__PURE__ */ n("a", { onClick: g, style: l.link, children: L.backToLoginLink }),
-        y && /* @__PURE__ */ a(B, { children: [
+      /* @__PURE__ */ l("div", { style: a.linkContainer, children: [
+        /* @__PURE__ */ n("a", { onClick: p, style: a.link, children: I.backToLoginLink }),
+        b && /* @__PURE__ */ l(U, { children: [
           /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-          /* @__PURE__ */ n("a", { onClick: () => y("request"), style: l.link, children: "Request New Link" })
+          /* @__PURE__ */ n("a", { onClick: () => b("request"), style: a.link, children: "Request New Link" })
         ] })
       ] })
     ] });
   }
-  const ee = w;
-  return /* @__PURE__ */ a("div", { className: A, style: l.container, children: [
-    /* @__PURE__ */ n("h2", { style: l.title, children: L.title }),
-    /* @__PURE__ */ n("p", { style: l.subtitle, children: L.subtitle }),
-    /* @__PURE__ */ a("form", { onSubmit: d, style: l.form, children: [
-      /* @__PURE__ */ a("div", { style: l.fieldGroup, children: [
-        /* @__PURE__ */ n("label", { style: l.label, children: L.emailLabel }),
+  const Y = S;
+  return /* @__PURE__ */ l("div", { className: k, style: a.container, children: [
+    /* @__PURE__ */ n("h2", { style: a.title, children: I.title }),
+    /* @__PURE__ */ n("p", { style: a.subtitle, children: I.subtitle }),
+    /* @__PURE__ */ l("form", { onSubmit: h, style: a.form, children: [
+      /* @__PURE__ */ l("div", { style: a.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: a.label, children: I.emailLabel }),
         /* @__PURE__ */ n(
           "input",
           {
             type: "email",
-            value: w,
-            onChange: (z) => {
-              T(z.target.value), V.email && $((H) => ({ ...H, email: !1 }));
+            value: S,
+            onChange: (H) => {
+              T(H.target.value), G.email && $((N) => ({ ...N, email: !1 }));
             },
-            placeholder: L.emailPlaceholder,
-            style: S("email"),
-            disabled: U
+            placeholder: I.emailPlaceholder,
+            style: w("email"),
+            disabled: q
           }
         )
       ] }),
@@ -3248,27 +3299,27 @@ function zt({
         "button",
         {
           type: "submit",
-          disabled: !ee || U,
+          disabled: !Y || q,
           style: {
-            ..._(),
-            ...!ee || U ? l.buttonDisabled : {}
+            ...j(),
+            ...!Y || q ? a.buttonDisabled : {}
           },
-          children: U ? L.loadingText : L.submitButton
+          children: q ? I.loadingText : I.submitButton
         }
       ),
-      u && /* @__PURE__ */ n("div", { style: l.errorText, children: u }),
-      E && /* @__PURE__ */ n("div", { style: l.successText, children: E })
+      d && /* @__PURE__ */ n("div", { style: a.errorText, children: d }),
+      E && /* @__PURE__ */ n("div", { style: a.successText, children: E })
     ] }),
-    /* @__PURE__ */ a("div", { style: l.linkContainer, children: [
-      /* @__PURE__ */ n("a", { onClick: g, style: l.link, children: L.backToLoginLink }),
-      y && /* @__PURE__ */ a(B, { children: [
+    /* @__PURE__ */ l("div", { style: a.linkContainer, children: [
+      /* @__PURE__ */ n("a", { onClick: p, style: a.link, children: I.backToLoginLink }),
+      b && /* @__PURE__ */ l(U, { children: [
         /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-        /* @__PURE__ */ n("a", { onClick: () => y("reset"), style: l.link, children: "I have a token" })
+        /* @__PURE__ */ n("a", { onClick: () => b("reset"), style: a.link, children: "I have a token" })
       ] })
     ] })
   ] });
 }
-const ft = () => /* @__PURE__ */ n(
+const xt = () => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -3280,7 +3331,7 @@ const ft = () => /* @__PURE__ */ n(
     },
     children: /* @__PURE__ */ n("div", { children: "Loading..." })
   }
-), mt = ({ error: i, retry: e }) => /* @__PURE__ */ a(
+), kt = ({ error: i, retry: e }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -3314,40 +3365,40 @@ const ft = () => /* @__PURE__ */ n(
     ]
   }
 );
-function Ot({
+function Jt({
   children: i,
   loadingFallback: e,
   errorFallback: t,
   requireTenant: r = !0
 }) {
-  const { isAppLoading: s, appError: o, retryApp: g } = oe(), y = Pe(), A = (y == null ? void 0 : y.isTenantLoading) ?? !1, w = (y == null ? void 0 : y.tenantError) ?? null, T = (y == null ? void 0 : y.tenantSlug) ?? null, f = (y == null ? void 0 : y.retryTenant) ?? (() => {
-  }), p = r && y && T, h = s || p && A, m = o || (p ? w : null), R = () => {
-    o && g(), w && y && f();
+  const { isAppLoading: s, appError: o, retryApp: p } = oe(), b = Me(), k = (b == null ? void 0 : b.isTenantLoading) ?? !1, S = (b == null ? void 0 : b.tenantError) ?? null, T = (b == null ? void 0 : b.tenantSlug) ?? null, m = (b == null ? void 0 : b.retryTenant) ?? (() => {
+  }), f = r && b && T, u = s || f && k, y = o || (f ? S : null), R = () => {
+    o && p(), S && b && m();
   };
-  if (h)
-    return /* @__PURE__ */ n(B, { children: e || /* @__PURE__ */ n(ft, {}) });
-  if (m) {
-    const C = typeof t == "function" ? t(m, R) : t || /* @__PURE__ */ n(mt, { error: m, retry: R });
-    return /* @__PURE__ */ n(B, { children: C });
+  if (u)
+    return /* @__PURE__ */ n(U, { children: e || /* @__PURE__ */ n(xt, {}) });
+  if (y) {
+    const C = typeof t == "function" ? t(y, R) : t || /* @__PURE__ */ n(kt, { error: y, retry: R });
+    return /* @__PURE__ */ n(U, { children: C });
   }
-  return /* @__PURE__ */ n(B, { children: i });
+  return /* @__PURE__ */ n(U, { children: i });
 }
-function Wt(i = !0) {
-  const { isAppLoading: e, appError: t, retryApp: r, appInfo: s } = oe(), o = Pe(), g = (o == null ? void 0 : o.isTenantLoading) ?? !1, y = (o == null ? void 0 : o.tenantError) ?? null, A = (o == null ? void 0 : o.tenant) ?? null, w = (o == null ? void 0 : o.tenantSlug) ?? null, T = (o == null ? void 0 : o.retryTenant) ?? (() => {
-  }), f = i && o && w, p = e || f && g, h = t || (f ? y : null);
+function Yt(i = !0) {
+  const { isAppLoading: e, appError: t, retryApp: r, appInfo: s } = oe(), o = Me(), p = (o == null ? void 0 : o.isTenantLoading) ?? !1, b = (o == null ? void 0 : o.tenantError) ?? null, k = (o == null ? void 0 : o.tenant) ?? null, S = (o == null ? void 0 : o.tenantSlug) ?? null, T = (o == null ? void 0 : o.retryTenant) ?? (() => {
+  }), m = i && o && S, f = e || m && p, u = t || (m ? b : null);
   return {
-    isLoading: p,
-    error: h,
-    isReady: !p && !h && s !== null && (!f || A !== null),
+    isLoading: f,
+    error: u,
+    isReady: !f && !u && s !== null && (!m || k !== null),
     retry: () => {
-      t && r(), y && o && T();
+      t && r(), b && o && T();
     },
     // Individual states
     app: { isLoading: e, error: t, data: s },
-    tenant: o ? { isLoading: g, error: y, data: A } : null
+    tenant: o ? { isLoading: p, error: b, data: k } : null
   };
 }
-class jt {
+class Qt {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -3415,7 +3466,7 @@ class jt {
     };
   }
 }
-class Vt {
+class Xt {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -3466,7 +3517,7 @@ class Vt {
     });
   }
 }
-class Gt {
+class Zt {
   constructor(e) {
     this.httpService = e;
   }
@@ -3475,7 +3526,7 @@ class Gt {
     return await this.httpService.get("/health");
   }
 }
-class _t {
+class er {
   // Date string to Date object
   static toDate(e) {
     return new Date(e);
@@ -3598,47 +3649,47 @@ class _t {
   }
 }
 export {
-  _t as ApiMappers,
-  Se as AppApiService,
-  Ot as AppLoader,
-  kt as AppProvider,
-  He as AuthApiService,
-  It as AuthProvider,
-  Ht as FeatureFlag,
-  Oe as FeatureFlagApiService,
-  Lt as FeatureFlagProvider,
-  Gt as HealthApiService,
+  er as ApiMappers,
+  ve as AppApiService,
+  Jt as AppLoader,
+  Et as AppProvider,
+  Ue as AuthApiService,
+  Dt as AuthProvider,
+  Wt as FeatureFlag,
+  Je as FeatureFlagApiService,
+  Ht as FeatureFlagProvider,
+  Zt as HealthApiService,
   re as HttpService,
-  Ft as LandingRoute,
-  Nt as LoginForm,
-  Ut as MagicLinkForm,
-  qt as MagicLinkVerify,
-  zt as PasswordRecoveryForm,
-  jt as PermissionApiService,
-  Rt as Protected,
-  Ct as ProtectedRoute,
-  ve as RoleApiService,
-  ye as SessionManager,
-  Bt as SignupForm,
-  je as SubscriptionApiService,
-  Dt as SubscriptionGuard,
-  Vt as SubscriptionPlanApiService,
-  Et as SubscriptionProvider,
+  zt as LandingRoute,
+  jt as LoginForm,
+  _t as MagicLinkForm,
+  Gt as MagicLinkVerify,
+  Kt as PasswordRecoveryForm,
+  Qt as PermissionApiService,
+  Bt as Protected,
+  Ut as ProtectedRoute,
+  xe as RoleApiService,
+  we as SessionManager,
+  Vt as SignupForm,
+  Qe as SubscriptionApiService,
+  Ot as SubscriptionGuard,
+  Xt as SubscriptionPlanApiService,
+  Nt as SubscriptionProvider,
   ue as TenantApiService,
-  Tt as TenantProvider,
-  $t as TenantRoute,
-  Ne as UserApiService,
+  Ct as TenantProvider,
+  qt as TenantRoute,
+  qe as UserApiService,
   ie as UserType,
-  At as useApi,
+  Rt as useApi,
   oe as useApp,
-  Wt as useAppLoaderState,
+  Yt as useAppLoaderState,
   ae as useAuth,
-  We as useFeatureFlags,
-  Mt as useSettings,
-  Ve as useSubscription,
-  fe as useTenant,
+  Ye as useFeatureFlags,
+  Ft as useSettings,
+  Xe as useSubscription,
+  me as useTenant,
   se as useTenantInfo,
-  Pe as useTenantOptional,
-  Pt as useTenantSettings
+  Me as useTenantOptional,
+  $t as useTenantSettings
 };
 //# sourceMappingURL=index.es.js.map