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

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsx as s, Fragment as H, jsxs as c } from "react/jsx-runtime";
-import { createContext as te, useState as b, useMemo as z, useCallback as Z, useEffect as Y, useContext as re } from "react";
-import { useLocation as ae, Navigate as ie } from "react-router";
-class G {
+import { jsx as n, Fragment as D, jsxs as l } from "react/jsx-runtime";
+import { createContext as ae, useState as p, useMemo as _, useCallback as oe, useEffect as Z, useContext as le } from "react";
+import { useLocation as he, Navigate as de } from "react-router-dom";
+class te {
   // SessionManager instance
   constructor(e, t = 1e4) {
     this.baseUrl = e.replace(/\/$/, ""), this.timeout = t;
@@ -12,44 +12,44 @@ class G {
   getBaseUrl() {
     return this.baseUrl;
   }
-  async request(e, t, r, n) {
-    return this.executeRequest(e, t, r, n, !1);
+  async request(e, t, r, s) {
+    return this.executeRequest(e, t, r, s, !1);
   }
-  async executeRequest(e, t, r, n, o = !1) {
-    const m = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, T = (n == null ? void 0 : n.timeout) || this.timeout;
-    let M = {
+  async executeRequest(e, t, r, s, a = !1) {
+    const b = `${this.baseUrl}${t.startsWith("/") ? t : `/${t}`}`, E = (s == null ? void 0 : s.timeout) || this.timeout;
+    let L = {
       "Content-Type": "application/json",
-      ...n == null ? void 0 : n.headers
+      ...s == null ? void 0 : s.headers
     };
-    if (!(n != null && n.skipAuth) && this.sessionManager)
+    if (!(s != null && s.skipAuth) && this.sessionManager)
       try {
-        const h = await this.sessionManager.getAuthHeaders();
-        M = { ...M, ...h };
-      } catch (h) {
-        console.warn("Failed to inject auth headers:", h);
+        const m = await this.sessionManager.getAuthHeaders();
+        L = { ...L, ...m };
+      } catch (m) {
+        console.warn("Failed to inject auth headers:", m);
       }
-    const P = new AbortController(), g = setTimeout(() => P.abort(), T);
+    const P = new AbortController(), f = setTimeout(() => P.abort(), E);
     try {
-      const h = await fetch(m, {
+      const m = await fetch(b, {
         method: e,
-        headers: M,
+        headers: L,
         body: r ? JSON.stringify(r) : void 0,
         signal: P.signal
       });
-      if (clearTimeout(g), h.status === 401 && !(n != null && n.skipRetry) && !o && this.sessionManager)
+      if (clearTimeout(f), m.status === 401 && !(s != null && s.skipRetry) && !a && this.sessionManager)
         try {
-          const p = this.sessionManager.getTokens();
-          if (p != null && p.refreshToken)
-            return await this.sessionManager.getAuthHeaders(), this.executeRequest(e, t, r, n, !0);
+          const w = this.sessionManager.getTokens();
+          if (w != null && w.refreshToken)
+            return await this.sessionManager.getAuthHeaders(), this.executeRequest(e, t, r, s, !0);
         } catch {
-          throw new Error(`HTTP ${h.status}: ${h.statusText}`);
+          throw new Error(`HTTP ${m.status}: ${m.statusText}`);
         }
-      if (!h.ok)
-        throw new Error(`HTTP ${h.status}: ${h.statusText}`);
-      const x = h.headers.get("content-type");
-      return !x || !x.includes("application/json") ? {} : await h.json();
-    } catch (h) {
-      throw clearTimeout(g), h instanceof Error && h.name === "AbortError" ? new Error(`Request timeout after ${T}ms`) : h;
+      if (!m.ok)
+        throw new Error(`HTTP ${m.status}: ${m.statusText}`);
+      const M = m.headers.get("content-type");
+      return !M || !M.includes("application/json") ? {} : await m.json();
+    } catch (m) {
+      throw clearTimeout(f), m instanceof Error && m.name === "AbortError" ? new Error(`Request timeout after ${E}ms`) : m;
     }
   }
   async get(e, t) {
@@ -65,7 +65,7 @@ class G {
     return this.request("DELETE", e, void 0, t);
   }
 }
-class Se {
+class Te {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -78,12 +78,12 @@ class Se {
   async getApps(e) {
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const n = `/apps/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/apps/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      apps: o.data,
-      meta: o.meta
+      apps: a.data,
+      meta: a.meta
     };
   }
   async getAppById(e) {
@@ -110,11 +110,11 @@ class Se {
     )).data;
   }
   async updateSettingsSchema(e, t, r) {
-    const n = await this.sessionManager.getAuthHeaders();
+    const s = await this.sessionManager.getAuthHeaders();
     return (await this.httpService.put(
       `/apps/${e}/settings-schema`,
       { schema: t, defaultSettings: r },
-      { headers: n }
+      { headers: s }
     )).data;
   }
   async exportConfig(e) {
@@ -124,7 +124,7 @@ class Se {
     })).data;
   }
 }
-const pe = te(null), ve = () => /* @__PURE__ */ s(
+const we = ae(null), Me = () => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -134,9 +134,9 @@ const pe = te(null), ve = () => /* @__PURE__ */ s(
       height: "100vh",
       fontFamily: "system-ui, sans-serif"
     },
-    children: /* @__PURE__ */ s("div", { children: "Loading application..." })
+    children: /* @__PURE__ */ n("div", { children: "Loading application..." })
   }
-), xe = ({ error: i, retry: e }) => /* @__PURE__ */ c(
+), Ee = ({ error: i, retry: e }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -150,9 +150,9 @@ const pe = te(null), ve = () => /* @__PURE__ */ s(
       padding: "20px"
     },
     children: [
-      /* @__PURE__ */ s("h2", { style: { color: "#dc3545", marginBottom: "16px" }, children: "Application Error" }),
-      /* @__PURE__ */ s("p", { style: { color: "#6c757d", marginBottom: "24px" }, children: i.message || "Unable to load application" }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n("h2", { style: { color: "#dc3545", marginBottom: "16px" }, children: "Application Error" }),
+      /* @__PURE__ */ n("p", { style: { color: "#6c757d", marginBottom: "24px" }, children: i.message || "Unable to load application" }),
+      /* @__PURE__ */ n(
         "button",
         {
           onClick: e,
@@ -170,9 +170,9 @@ const pe = te(null), ve = () => /* @__PURE__ */ s(
     ]
   }
 );
-function et({ config: i, children: e }) {
-  const [t, r] = b(null), [n, o] = b(!0), [m, T] = b(null), M = z(() => {
-    const g = () => {
+function ht({ config: i, children: e }) {
+  const [t, r] = p(null), [s, a] = p(!0), [b, E] = p(null), L = _(() => {
+    const f = () => {
       P();
     };
     return {
@@ -180,40 +180,40 @@ function et({ config: i, children: e }) {
       baseUrl: i.baseUrl,
       // App info
       appInfo: t,
-      isAppLoading: n,
-      appError: m,
-      retryApp: g
+      isAppLoading: s,
+      appError: b,
+      retryApp: f
     };
-  }, [i, t, n, m]), P = Z(async () => {
+  }, [i, t, s, b]), P = oe(async () => {
     try {
-      o(!0), T(null);
-      const g = new G(i.baseUrl), x = await new Se(g, {}).getPublicAppInfo(i.appId);
-      r(x);
-    } catch (g) {
-      const h = g instanceof Error ? g : new Error("Failed to load app information");
-      T(h), r(null);
+      a(!0), E(null);
+      const f = new te(i.baseUrl), M = await new Te(f, {}).getPublicAppInfo(i.appId);
+      r(M);
+    } catch (f) {
+      const m = f instanceof Error ? f : new Error("Failed to load app information");
+      E(m), r(null);
     } finally {
-      o(!1);
+      a(!1);
     }
   }, [i.baseUrl, i.appId]);
-  if (Y(() => {
+  if (Z(() => {
     P();
-  }, [P]), n)
-    return /* @__PURE__ */ s(H, { children: i.loadingFallback || /* @__PURE__ */ s(ve, {}) });
-  if (m) {
-    const g = typeof i.errorFallback == "function" ? i.errorFallback(m, () => P()) : i.errorFallback || /* @__PURE__ */ s(xe, { error: m, retry: () => P() });
-    return /* @__PURE__ */ s(H, { children: g });
+  }, [P]), s)
+    return /* @__PURE__ */ n(D, { children: i.loadingFallback || /* @__PURE__ */ n(Me, {}) });
+  if (b) {
+    const f = typeof i.errorFallback == "function" ? i.errorFallback(b, () => P()) : i.errorFallback || /* @__PURE__ */ n(Ee, { error: b, retry: () => P() });
+    return /* @__PURE__ */ n(D, { children: f });
   }
-  return /* @__PURE__ */ s(pe.Provider, { value: M, children: e });
+  return /* @__PURE__ */ n(we.Provider, { value: L, children: e });
 }
-function se() {
-  const i = re(pe);
+function ne() {
+  const i = le(we);
   if (!i)
     throw new Error("useApp must be used within an AppProvider");
   return i;
 }
-const tt = se;
-class Ae {
+const gt = ne;
+class Le {
   constructor(e = {}) {
     this.refreshPromise = null, this.refreshQueue = [], this.storageKey = e.storageKey || "auth_tokens", this.autoRefresh = e.autoRefresh ?? !0, this.refreshThreshold = e.refreshThreshold || 3e5, this.onRefreshFailed = e.onRefreshFailed, this.baseUrl = e.baseUrl || "", this.tokenStorage = e.tokenStorage || {
       get: () => {
@@ -281,10 +281,10 @@ class Ae {
     try {
       await this.refreshPromise;
       const t = this.getTokens(), r = t != null && t.accessToken ? { Authorization: `Bearer ${t.accessToken}` } : {};
-      return this.refreshQueue.forEach(({ resolve: n }) => n(r)), this.refreshQueue = [], r;
+      return this.refreshQueue.forEach(({ resolve: s }) => s(r)), this.refreshQueue = [], r;
     } catch (t) {
       const r = t instanceof Error ? t : new Error("Token refresh failed");
-      return this.refreshQueue.forEach(({ reject: n }) => n(r)), this.refreshQueue = [], this.clearSession(), this.onRefreshFailed && this.onRefreshFailed(), {};
+      return this.refreshQueue.forEach(({ reject: s }) => s(r)), this.refreshQueue = [], this.clearSession(), this.onRefreshFailed && this.onRefreshFailed(), {};
     } finally {
       this.refreshPromise = null;
     }
@@ -303,11 +303,11 @@ class Ae {
     });
     if (!r.ok)
       throw new Error(`Token refresh failed: ${r.status} ${r.statusText}`);
-    const n = await r.json();
+    const s = await r.json();
     this.setTokens({
-      accessToken: n.accessToken,
-      refreshToken: n.refreshToken || e,
-      expiresIn: n.expiresIn
+      accessToken: s.accessToken,
+      refreshToken: s.refreshToken || e,
+      expiresIn: s.expiresIn
     });
   }
   setUser(e) {
@@ -330,7 +330,7 @@ class Ae {
     return e !== null && !this.isTokenExpired(e);
   }
 }
-class Pe {
+class Re {
   constructor(e) {
     this.httpService = e;
   }
@@ -354,6 +354,18 @@ class Pe {
   async requestPasswordReset(e) {
     await this.httpService.post("/auth/password-reset/request", e);
   }
+  async sendMagicLink(e) {
+    return await this.httpService.post(
+      "/auth/magic-link/send",
+      e
+    );
+  }
+  async verifyMagicLink(e) {
+    return await this.httpService.post(
+      "/auth/magic-link/verify",
+      e
+    );
+  }
   async confirmPasswordReset(e) {
     await this.httpService.post("/auth/password-reset/confirm", e);
   }
@@ -364,7 +376,7 @@ class Pe {
     });
   }
 }
-class ce {
+class pe {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -404,10 +416,10 @@ class ce {
   async getRolesByApp(e, t) {
     const r = new URLSearchParams();
     t != null && t.page && r.append("page", t.page.toString()), t != null && t.limit && r.append("limit", t.limit.toString()), t != null && t.sortBy && r.append("sortBy", t.sortBy), t != null && t.sortOrder && r.append("sortOrder", t.sortOrder);
-    const n = `/roles/app/${e}${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n);
+    const s = `/roles/app/${e}${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s);
     return {
-      roles: o.data,
-      meta: o.meta
+      roles: a.data,
+      meta: a.meta
     };
   }
   async assignRole(e, t) {
@@ -429,18 +441,18 @@ class ce {
   async getUserRoles(e, t) {
     if (!this.sessionManager)
       throw new Error("SessionManager is required for private endpoints");
-    const r = await this.sessionManager.getAuthHeaders(), n = new URLSearchParams();
-    t != null && t.page && n.append("page", t.page.toString()), t != null && t.limit && n.append("limit", t.limit.toString()), t != null && t.sortBy && n.append("sortBy", t.sortBy), t != null && t.sortOrder && n.append("sortOrder", t.sortOrder);
-    const o = `/roles/user/${e}${n.toString() ? `?${n.toString()}` : ""}`, m = await this.httpService.get(o, {
+    const r = await this.sessionManager.getAuthHeaders(), s = new URLSearchParams();
+    t != null && t.page && s.append("page", t.page.toString()), t != null && t.limit && s.append("limit", t.limit.toString()), t != null && t.sortBy && s.append("sortBy", t.sortBy), t != null && t.sortOrder && s.append("sortOrder", t.sortOrder);
+    const a = `/roles/user/${e}${s.toString() ? `?${s.toString()}` : ""}`, b = await this.httpService.get(a, {
       headers: r
     });
     return {
-      roles: m.data,
-      meta: m.meta
+      roles: b.data,
+      meta: b.meta
     };
   }
 }
-class ke {
+class Ce {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -453,12 +465,12 @@ class ke {
   async getUsers(e) {
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const n = `/users/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/users/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      users: o.data,
-      meta: o.meta
+      users: a.data,
+      meta: a.meta
     };
   }
   async getUserById(e) {
@@ -480,7 +492,7 @@ class ke {
     });
   }
 }
-class de {
+class fe {
   constructor(e, t, r) {
     this.httpService = e, this.appId = t, this.sessionManager = r;
   }
@@ -497,12 +509,12 @@ class de {
       throw new Error("SessionManager is required for private endpoints");
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const n = `/tenants/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/tenants/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      tenants: o.data,
-      meta: o.meta
+      tenants: a.data,
+      meta: a.meta
     };
   }
   async getTenantById(e) {
@@ -558,7 +570,7 @@ class de {
     )).data;
   }
 }
-const fe = te(null), Te = () => /* @__PURE__ */ s(
+const ve = ae(null), Ie = () => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -568,9 +580,9 @@ const fe = te(null), Te = () => /* @__PURE__ */ s(
       height: "100vh",
       fontFamily: "system-ui, sans-serif"
     },
-    children: /* @__PURE__ */ s("div", { children: "Loading tenant..." })
+    children: /* @__PURE__ */ n("div", { children: "Loading tenant..." })
   }
-), Me = ({ error: i, retry: e }) => /* @__PURE__ */ c(
+), Fe = ({ error: i, retry: e }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -584,9 +596,9 @@ const fe = te(null), Te = () => /* @__PURE__ */ s(
       padding: "20px"
     },
     children: [
-      /* @__PURE__ */ s("h2", { style: { color: "#dc3545", marginBottom: "16px" }, children: "Tenant Error" }),
-      /* @__PURE__ */ s("p", { style: { color: "#6c757d", marginBottom: "24px" }, children: i.message || "Unable to load tenant" }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n("h2", { style: { color: "#dc3545", marginBottom: "16px" }, children: "Tenant Error" }),
+      /* @__PURE__ */ n("p", { style: { color: "#6c757d", marginBottom: "24px" }, children: i.message || "Unable to load tenant" }),
+      /* @__PURE__ */ n(
         "button",
         {
           onClick: e,
@@ -604,77 +616,77 @@ const fe = te(null), Te = () => /* @__PURE__ */ s(
     ]
   }
 );
-function rt({ config: i, children: e }) {
-  const { baseUrl: t, appInfo: r, appId: n } = se(), [o, m] = b(i.initialTenant || null), [T, M] = b(!i.initialTenant), [P, g] = b(null), [h, x] = b(null), [p, A] = b(!1), [F, f] = b(null), L = Z(() => {
-    const d = i.tenantMode || "selector", w = "tenant";
+function pt({ config: i, children: e }) {
+  const { baseUrl: t, appInfo: r, appId: s } = ne(), [a, b] = p(i.initialTenant || null), [E, L] = p(!i.initialTenant), [P, f] = p(null), [m, M] = p(null), [w, v] = p(!1), [I, g] = p(null), U = oe(() => {
+    const S = i.tenantMode || "selector", c = "tenant";
     if (typeof window > "u") return null;
-    if (d === "subdomain") {
-      const a = window.location.hostname.split(".");
-      if (a.length >= 3) {
-        const l = a[0];
-        return localStorage.setItem(w, l), l;
+    if (S === "subdomain") {
+      const o = window.location.hostname.split(".");
+      if (o.length >= 3) {
+        const d = o[0];
+        return localStorage.setItem(c, d), d;
       }
-      return localStorage.getItem(w);
-    } else if (d === "selector") {
-      const a = new URLSearchParams(window.location.search).get(i.selectorParam || "tenant");
-      return a ? (localStorage.setItem(w, a), a) : localStorage.getItem(w);
+      return localStorage.getItem(c);
+    } else if (S === "selector") {
+      const o = new URLSearchParams(window.location.search).get(i.selectorParam || "tenant");
+      return o ? (localStorage.setItem(c, o), o) : localStorage.getItem(c);
     }
     return null;
-  }, [i.tenantMode, i.selectorParam]), y = z(() => L(), [L]), S = (r == null ? void 0 : r.settingsSchema) || null, k = Z(
-    async (d) => {
+  }, [i.tenantMode, i.selectorParam]), u = _(() => U(), [U]), y = (r == null ? void 0 : r.settingsSchema) || null, x = oe(
+    async (S) => {
       try {
-        M(!0), g(null);
-        const w = new G(t), a = await new de(w, n).getPublicTenantInfo(d);
-        m(a);
-      } catch (w) {
-        const u = w instanceof Error ? w : new Error("Failed to load tenant information");
-        g(u), m(null);
+        L(!0), f(null);
+        const c = new te(t), o = await new fe(c, s).getPublicTenantInfo(S);
+        b(o);
+      } catch (c) {
+        const h = c instanceof Error ? c : new Error("Failed to load tenant information");
+        f(h), b(null);
       } finally {
-        M(!1);
+        L(!1);
       }
     },
-    [t, n]
-  ), R = Z(async () => {
-    if (o != null && o.id)
+    [t, s]
+  ), F = oe(async () => {
+    if (a != null && a.id)
       try {
-        A(!0), f(null);
-        const d = new G(t), u = await new de(d, o.appId).getTenantSettings(o.id);
-        x(u);
-      } catch (d) {
-        const w = d instanceof Error ? d : new Error("Failed to load tenant settings");
-        f(w), x(null);
+        v(!0), g(null);
+        const S = new te(t), h = await new fe(S, a.appId).getTenantSettings(a.id);
+        M(h);
+      } catch (S) {
+        const c = S instanceof Error ? S : new Error("Failed to load tenant settings");
+        g(c), M(null);
       } finally {
-        A(!1);
+        v(!1);
       }
-  }, [t, o]), D = Z(() => {
-    R();
-  }, [R]), E = Z(
-    (d) => {
-      if (!S)
+  }, [t, a]), B = oe(() => {
+    F();
+  }, [F]), z = oe(
+    (S) => {
+      if (!y)
         return { isValid: !0, errors: [] };
-      const w = [];
+      const c = [];
       try {
-        return S.properties && Object.entries(S.properties).forEach(([u, a]) => {
-          var W;
-          const l = d[u];
-          if ((W = S.required) != null && W.includes(u) && l == null) {
-            w.push(`Field '${u}' is required`);
+        return y.properties && Object.entries(y.properties).forEach(([h, o]) => {
+          var G;
+          const d = S[h];
+          if ((G = y.required) != null && G.includes(h) && d == null) {
+            c.push(`Field '${h}' is required`);
             return;
           }
-          if (l != null) {
-            if (a.type) {
-              const I = a.type, N = typeof l;
-              I === "string" && N !== "string" ? w.push(`Field '${u}' must be a string`) : (I === "number" || I === "integer") && N !== "number" ? w.push(`Field '${u}' must be a number`) : I === "boolean" && N !== "boolean" ? w.push(`Field '${u}' must be a boolean`) : I === "array" && !Array.isArray(l) && w.push(`Field '${u}' must be an array`);
+          if (d != null) {
+            if (o.type) {
+              const Y = o.type, H = typeof d;
+              Y === "string" && H !== "string" ? c.push(`Field '${h}' must be a string`) : (Y === "number" || Y === "integer") && H !== "number" ? c.push(`Field '${h}' must be a number`) : Y === "boolean" && H !== "boolean" ? c.push(`Field '${h}' must be a boolean`) : Y === "array" && !Array.isArray(d) && c.push(`Field '${h}' must be an array`);
             }
-            a.minLength !== void 0 && typeof l == "string" && l.length < a.minLength && w.push(
-              `Field '${u}' must be at least ${a.minLength} characters long`
-            ), a.maxLength !== void 0 && typeof l == "string" && l.length > a.maxLength && w.push(
-              `Field '${u}' must be no more than ${a.maxLength} characters long`
-            ), a.minimum !== void 0 && typeof l == "number" && l < a.minimum && w.push(`Field '${u}' must be at least ${a.minimum}`), a.maximum !== void 0 && typeof l == "number" && l > a.maximum && w.push(`Field '${u}' must be no more than ${a.maximum}`), a.pattern && typeof l == "string" && (new RegExp(a.pattern).test(l) || w.push(`Field '${u}' does not match the required pattern`)), a.enum && !a.enum.includes(l) && w.push(`Field '${u}' must be one of: ${a.enum.join(", ")}`);
+            o.minLength !== void 0 && typeof d == "string" && d.length < o.minLength && c.push(
+              `Field '${h}' must be at least ${o.minLength} characters long`
+            ), o.maxLength !== void 0 && typeof d == "string" && d.length > o.maxLength && c.push(
+              `Field '${h}' must be no more than ${o.maxLength} characters long`
+            ), o.minimum !== void 0 && typeof d == "number" && d < o.minimum && c.push(`Field '${h}' must be at least ${o.minimum}`), o.maximum !== void 0 && typeof d == "number" && d > o.maximum && c.push(`Field '${h}' must be no more than ${o.maximum}`), o.pattern && typeof d == "string" && (new RegExp(o.pattern).test(d) || c.push(`Field '${h}' does not match the required pattern`)), o.enum && !o.enum.includes(d) && c.push(`Field '${h}' must be one of: ${o.enum.join(", ")}`);
           }
         }), {
-          isValid: w.length === 0,
-          errors: w
+          isValid: c.length === 0,
+          errors: c
         };
       } catch {
         return {
@@ -683,276 +695,321 @@ function rt({ config: i, children: e }) {
         };
       }
     },
-    [S]
+    [y]
   );
-  Y(() => {
-    !i.initialTenant && y ? k(y) : !i.initialTenant && !y && (m(null), g(null), M(!1));
-  }, [i.initialTenant, y, k]), Y(() => {
-    o != null && o.id ? R() : (x(null), f(null), A(!1));
-  }, [o == null ? void 0 : o.id, R]);
-  const B = z(() => ({
+  Z(() => {
+    !i.initialTenant && u ? x(u) : !i.initialTenant && !u && (b(null), f(null), L(!1));
+  }, [i.initialTenant, u, x]), Z(() => {
+    a != null && a.id ? F() : (M(null), g(null), v(!1));
+  }, [a == null ? void 0 : a.id, F]);
+  const q = _(() => ({
     // Tenant info
-    tenant: o,
-    tenantSlug: y,
-    isTenantLoading: T,
+    tenant: a,
+    tenantSlug: u,
+    isTenantLoading: E,
     tenantError: P,
     retryTenant: () => {
-      y && k(y);
+      u && x(u);
     },
     // Settings
-    settings: h,
-    settingsSchema: S,
-    isSettingsLoading: p,
-    settingsError: F,
+    settings: m,
+    settingsSchema: y,
+    isSettingsLoading: w,
+    settingsError: I,
     // Actions
-    refreshSettings: D,
+    refreshSettings: B,
     // Validation
-    validateSettings: E
+    validateSettings: z
   }), [
-    o,
-    y,
-    T,
+    a,
+    u,
+    E,
     P,
-    h,
-    S,
-    p,
-    F,
-    D,
-    E
+    m,
+    y,
+    w,
+    I,
+    B,
+    z
   ]);
-  if (T)
-    return /* @__PURE__ */ s(H, { children: i.loadingFallback || /* @__PURE__ */ s(Te, {}) });
+  if (E)
+    return /* @__PURE__ */ n(D, { children: i.loadingFallback || /* @__PURE__ */ n(Ie, {}) });
   if (P) {
-    const d = typeof i.errorFallback == "function" ? i.errorFallback(P, () => k(y || "")) : i.errorFallback || /* @__PURE__ */ s(Me, { error: P, retry: () => k(y || "") });
-    return /* @__PURE__ */ s(H, { children: d });
+    const S = typeof i.errorFallback == "function" ? i.errorFallback(P, () => x(u || "")) : i.errorFallback || /* @__PURE__ */ n(Fe, { error: P, retry: () => x(u || "") });
+    return /* @__PURE__ */ n(D, { children: S });
   }
-  return /* @__PURE__ */ s(fe.Provider, { value: B, children: e });
+  return /* @__PURE__ */ n(ve.Provider, { value: q, children: e });
 }
-function le() {
-  const i = re(fe);
+function ge() {
+  const i = le(ve);
   if (!i)
     throw new Error("useTenant must be used within a TenantProvider");
   return i;
 }
-const st = le;
-function nt() {
-  const { settings: i, settingsSchema: e, isSettingsLoading: t, settingsError: r, validateSettings: n } = le();
+const ft = ge;
+function mt() {
+  const { settings: i, settingsSchema: e, isSettingsLoading: t, settingsError: r, validateSettings: s } = ge();
   return {
     settings: i,
     settingsSchema: e,
     isLoading: t,
     error: r,
-    validateSettings: n
+    validateSettings: s
   };
 }
-function K() {
-  const { tenant: i, tenantSlug: e, isTenantLoading: t, tenantError: r, retryTenant: n } = le();
+function re() {
+  const { tenant: i, tenantSlug: e, isTenantLoading: t, tenantError: r, retryTenant: s } = ge();
   return {
     tenant: i,
     tenantSlug: e,
     isLoading: t,
     error: r,
-    retry: n
+    retry: s
   };
 }
-const ye = te(null);
-function it({ config: i = {}, children: e }) {
-  const { appId: t, baseUrl: r } = se(), n = K(), o = (n == null ? void 0 : n.tenantSlug) || null, [m, T] = b(i.initialRoles || []), [M, P] = b(!i.initialRoles), [g, h] = b(null), [x, p] = b(!1), [A, F] = b(null), f = z(() => {
-    const d = o ? `auth_tokens_${o}` : "auth_tokens", w = {
+const Se = ae(null);
+function yt({ config: i = {}, children: e }) {
+  const { appId: t, baseUrl: r } = ne(), s = re(), a = (s == null ? void 0 : s.tenantSlug) || null, [b, E] = p(i.initialRoles || []), [L, P] = p(!i.initialRoles), [f, m] = p(null), [M, w] = p(!1), [v, I] = p(null), g = _(() => {
+    const S = a ? `auth_tokens_${a}` : "auth_tokens", c = {
       get: () => {
         try {
-          const u = localStorage.getItem(d);
-          return u ? JSON.parse(u) : null;
+          const h = localStorage.getItem(S);
+          return h ? JSON.parse(h) : null;
         } catch {
           return null;
         }
       },
-      set: (u) => {
+      set: (h) => {
         try {
-          localStorage.setItem(d, JSON.stringify(u));
+          localStorage.setItem(S, JSON.stringify(h));
         } catch {
         }
       },
       clear: () => {
         try {
-          localStorage.removeItem(d);
+          localStorage.removeItem(S);
         } catch {
         }
       }
     };
-    return new Ae({
+    return new Le({
       onRefreshFailed: i.onRefreshFailed,
-      tokenStorage: w,
+      tokenStorage: c,
       baseUrl: r
     });
-  }, [o, r, i.onRefreshFailed]), L = z(() => {
-    const d = new G(r);
-    return d.setSessionManager(f), d;
-  }, [r, f]), y = z(() => new Pe(new G(r)), [r]), S = z(() => new ke(L, f), [L, f]), k = z(() => new ce(new G(r)), [r]), R = z(() => g || f.getUser(), [g, f]), D = z(() => R != null && R.roleId && m.find((d) => d.id === R.roleId) || null, [R, m]), E = z(() => (D == null ? void 0 : D.permissions) || [], [D]);
-  Y(() => {
-    console.log("AuthProvider - userPermissions changed:", E);
-  }, [E]);
-  const B = z(() => {
-    const d = async () => {
+  }, [a, r, i.onRefreshFailed]), U = _(() => {
+    const S = new te(r);
+    return S.setSessionManager(g), S;
+  }, [r, g]), u = _(() => new Re(new te(r)), [r]), y = _(() => new Ce(U, g), [U, g]), x = _(() => new pe(new te(r)), [r]), F = _(() => f || g.getUser(), [f, g]), B = _(() => F != null && F.roleId && b.find((S) => S.id === F.roleId) || null, [F, b]), z = _(() => (B == null ? void 0 : B.permissions) || [], [B]);
+  Z(() => {
+    console.log("AuthProvider - userPermissions changed:", z);
+  }, [z]);
+  const q = _(() => {
+    const S = async () => {
       try {
-        p(!0), F(null);
-        const v = f.getUser();
-        if (!(v != null && v.id))
+        w(!0), I(null);
+        const A = g.getUser();
+        if (!(A != null && A.id))
           throw new Error("No user ID available in session");
-        const $ = await S.getUserById(v.id);
-        h($), f.setUser($);
-      } catch (v) {
-        const $ = v instanceof Error ? v : new Error("Failed to load user data");
-        F($), console.error("Failed to load user data:", $);
+        const $ = await y.getUserById(A.id);
+        m($), g.setUser($);
+      } catch (A) {
+        const $ = A instanceof Error ? A : new Error("Failed to load user data");
+        I($), console.error("Failed to load user data:", $);
       } finally {
-        p(!1);
+        w(!1);
       }
-    }, w = async () => {
-      await d();
-    }, u = async (v, $, J) => {
-      const V = await y.login({
-        email: v,
+    }, c = async () => {
+      await S();
+    }, h = async (A, $, Q, X) => {
+      const W = await u.login({
+        username: A,
         password: $,
-        tenantId: J
+        appId: Q,
+        tenantId: X
       });
-      if (f.setTokens({
-        accessToken: V.accessToken,
-        refreshToken: V.refreshToken,
-        expiresIn: V.expiresIn
-      }), V.user) {
-        f.setUser(V.user), h(V.user);
+      if (g.setTokens({
+        accessToken: W.accessToken,
+        refreshToken: W.refreshToken,
+        expiresIn: W.expiresIn
+      }), W.user) {
+        g.setUser(W.user), m(W.user);
         try {
-          await d();
+          await S();
         } catch (ee) {
           console.warn("Failed to load complete user data after login:", ee);
         }
       }
-      return V;
-    }, a = async (v, $, J, V, ee) => await y.signup({
-      email: v,
-      name: $,
-      password: J,
-      tenantId: V,
-      lastName: ee
-    }), l = async (v, $, J, V, ee) => await y.signupTenantAdmin({
-      email: v,
-      name: $,
-      password: J,
-      tenantName: V,
-      appId: t,
-      lastName: ee
-    }), W = async (v, $) => {
-      const J = await f.getAuthHeaders();
-      await y.changePassword({ currentPassword: v, newPassword: $ }, J);
-    }, I = async (v, $) => {
-      await y.requestPasswordReset({ email: v, tenantId: $ });
-    }, N = async (v, $) => {
-      await y.confirmPasswordReset({ token: v, newPassword: $ });
-    }, _ = async () => {
-      const v = f.getTokens();
-      if (!(v != null && v.refreshToken))
+      return W;
+    }, o = async (A, $, Q, X, W, ee, ce) => {
+      if (!A && !$)
+        throw new Error("Either email or phoneNumber is required");
+      if (!Q || !X)
+        throw new Error("Name and password are required");
+      return await u.signup({
+        email: A,
+        phoneNumber: $,
+        name: Q,
+        password: X,
+        tenantId: W,
+        lastName: ee,
+        appId: ce
+      });
+    }, d = async (A, $, Q, X, W, ee, ce) => {
+      if (!A && !$)
+        throw new Error("Either email or phoneNumber is required");
+      if (!Q || !X || !W)
+        throw new Error("Name, password, and tenantName are required");
+      return await u.signupTenantAdmin({
+        email: A,
+        phoneNumber: $,
+        name: Q,
+        password: X,
+        tenantName: W,
+        appId: ce,
+        lastName: ee
+      });
+    }, G = async (A, $) => {
+      const Q = await g.getAuthHeaders();
+      await u.changePassword({ currentPassword: A, newPassword: $ }, Q);
+    }, Y = async (A, $) => {
+      await u.requestPasswordReset({ email: A, tenantId: $ });
+    }, H = async (A, $) => {
+      await u.confirmPasswordReset({ token: A, newPassword: $ });
+    }, C = async (A, $, Q, X, W, ee) => await u.sendMagicLink({
+      email: A,
+      tenantId: $,
+      frontendUrl: Q,
+      name: X,
+      lastName: W,
+      appId: ee
+    }), k = async (A, $, Q, X) => {
+      const W = await u.verifyMagicLink({
+        token: A,
+        email: $,
+        appId: Q,
+        tenantId: X
+      });
+      if (g.setTokens({
+        accessToken: W.accessToken,
+        refreshToken: W.refreshToken,
+        expiresIn: W.expiresIn
+      }), W.user) {
+        g.setUser(W.user), m(W.user);
+        try {
+          await S();
+        } catch (ee) {
+          console.warn("Failed to load complete user data after magic link login:", ee);
+        }
+      }
+      return W;
+    }, T = async () => {
+      const A = g.getTokens();
+      if (!(A != null && A.refreshToken))
         throw new Error("No refresh token available");
-      const $ = await y.refreshToken({
-        refreshToken: v.refreshToken
+      const $ = await u.refreshToken({
+        refreshToken: A.refreshToken
       });
-      f.setTokens({
+      g.setTokens({
         accessToken: $.accessToken,
-        refreshToken: $.refreshToken || v.refreshToken,
+        refreshToken: $.refreshToken || A.refreshToken,
         expiresIn: $.expiresIn
       });
-    }, C = () => {
-      f.clearSession(), h(null), F(null);
-    }, U = (v) => {
-      f.setTokens(v);
-    }, Q = () => f.hasValidSession(), q = () => {
-      f.clearSession(), h(null), F(null);
-    }, O = async () => {
+    }, J = () => {
+      g.clearSession(), m(null), I(null);
+    }, O = (A) => {
+      g.setTokens(A);
+    }, j = () => g.hasValidSession(), N = () => {
+      g.clearSession(), m(null), I(null);
+    }, K = async () => {
       if (t)
         try {
           P(!0);
-          const { roles: v } = await k.getRolesByApp(t);
-          T(v);
-        } catch (v) {
-          console.error("Failed to fetch roles:", v);
+          const { roles: A } = await x.getRolesByApp(t);
+          E(A);
+        } catch (A) {
+          console.error("Failed to fetch roles:", A);
         } finally {
           P(!1);
         }
-    }, j = async () => {
-      await O();
-    }, oe = (v) => {
-      if (!E || E.length === 0)
+    }, R = async () => {
+      await K();
+    }, V = (A) => {
+      if (!z || z.length === 0)
         return !1;
-      if (typeof v == "string")
-        return E.includes(v);
-      const $ = `${v.resource}.${v.action}`;
-      return E.includes($);
+      if (typeof A == "string")
+        return z.includes(A);
+      const $ = `${A.resource}.${A.action}`;
+      return z.includes($);
     };
     return {
-      sessionManager: f,
-      authenticatedHttpService: L,
-      login: u,
-      signup: a,
-      signupTenantAdmin: l,
-      changePassword: W,
-      requestPasswordReset: I,
-      confirmPasswordReset: N,
-      refreshToken: _,
-      logout: C,
-      setTokens: U,
-      hasValidSession: Q,
-      clearSession: q,
-      currentUser: g,
-      isUserLoading: x,
-      userError: A,
-      refreshUser: w,
-      userRole: D,
-      userPermissions: E,
-      availableRoles: m,
-      rolesLoading: M,
-      hasPermission: oe,
-      hasAnyPermission: (v) => v.some(($) => oe($)),
-      hasAllPermissions: (v) => v.every(($) => oe($)),
-      getUserPermissionStrings: () => E || [],
-      refreshRoles: j
+      sessionManager: g,
+      authenticatedHttpService: U,
+      login: h,
+      signup: o,
+      signupTenantAdmin: d,
+      sendMagicLink: C,
+      verifyMagicLink: k,
+      changePassword: G,
+      requestPasswordReset: Y,
+      confirmPasswordReset: H,
+      refreshToken: T,
+      logout: J,
+      setTokens: O,
+      hasValidSession: j,
+      clearSession: N,
+      currentUser: f,
+      isUserLoading: M,
+      userError: v,
+      refreshUser: c,
+      userRole: B,
+      userPermissions: z,
+      availableRoles: b,
+      rolesLoading: L,
+      hasPermission: V,
+      hasAnyPermission: (A) => A.some(($) => V($)),
+      hasAllPermissions: (A) => A.every(($) => V($)),
+      getUserPermissionStrings: () => z || [],
+      refreshRoles: R
     };
   }, [
-    f,
-    L,
-    y,
-    S,
-    k,
-    t,
-    m,
     g,
+    U,
+    u,
+    y,
     x,
-    A,
-    D,
-    E
+    t,
+    b,
+    f,
+    M,
+    v,
+    B,
+    z
   ]);
-  return Y(() => {
+  return Z(() => {
     !i.initialRoles && t && (async () => {
       try {
         P(!0);
-        const w = new G(r), u = new ce(w), { roles: a } = await u.getRolesByApp(t);
-        T(a);
-      } catch (w) {
-        console.error("Failed to fetch roles:", w);
+        const c = new te(r), h = new pe(c), { roles: o } = await h.getRolesByApp(t);
+        E(o);
+      } catch (c) {
+        console.error("Failed to fetch roles:", c);
       } finally {
         P(!1);
       }
     })();
-  }, [t, r, i.initialRoles]), Y(() => {
-    const d = f.getUser();
-    d && f.hasValidSession() && h(d);
-  }, [f]), /* @__PURE__ */ s(ye.Provider, { value: B, children: e });
+  }, [t, r, i.initialRoles]), Z(() => {
+    const S = g.getUser();
+    S && g.hasValidSession() && m(S);
+  }, [g]), /* @__PURE__ */ n(Se.Provider, { value: q, children: e });
 }
-function ne() {
-  const i = re(ye);
+function ie() {
+  const i = le(Se);
   if (!i)
     throw new Error("useAuth must be used within an AuthProvider");
   return i;
 }
-class Ee {
+class He {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -973,12 +1030,12 @@ class Ee {
       throw new Error("SessionManager is required for private endpoints");
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const n = `/feature-flags/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/feature-flags/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      featureFlags: o.data,
-      meta: o.meta
+      featureFlags: a.data,
+      meta: a.meta
     };
   }
   async getFeatureFlagById(e) {
@@ -1015,8 +1072,8 @@ class Ee {
       throw new Error("Tenant ID and App ID are required");
     const r = new URLSearchParams();
     r.append("tenantId", e), r.append("appId", t);
-    const n = `/tenant-feature-flags${r.toString() ? `?${r.toString()}` : ""}`;
-    return (await this.httpService.get(n, {
+    const s = `/tenant-feature-flags${r.toString() ? `?${r.toString()}` : ""}`;
+    return (await this.httpService.get(s, {
       headers: { "X-Tenant-ID": e }
     })).data;
   }
@@ -1024,66 +1081,66 @@ class Ee {
   async getTenantFeatureFlag(e, t, r) {
     if (!e || !t || !r)
       throw new Error("Flag Key, Tenant ID and App ID are required");
-    const n = new URLSearchParams();
-    n.append("tenantId", t), n.append("appId", r);
-    const o = `/tenant-feature-flags/${e}${n.toString() ? `?${n.toString()}` : ""}`;
-    return (await this.httpService.get(o, {
+    const s = new URLSearchParams();
+    s.append("tenantId", t), s.append("appId", r);
+    const a = `/tenant-feature-flags/${e}${s.toString() ? `?${s.toString()}` : ""}`;
+    return (await this.httpService.get(a, {
       headers: { "X-Tenant-ID": t }
     })).data;
   }
 }
-const we = te(null);
-function ot({ config: i = {}, children: e }) {
-  const { baseUrl: t, appId: r } = se(), { tenant: n } = K(), [o, m] = b([]), [T, M] = b(!1), [P, g] = b(null), h = z(() => {
-    const A = new G(t);
-    return new Ee(A);
-  }, [t]), x = async () => {
-    if (!(n != null && n.id)) {
-      m([]);
+const xe = ae(null);
+function bt({ config: i = {}, children: e }) {
+  const { baseUrl: t, appId: r } = ne(), { tenant: s } = re(), [a, b] = p([]), [E, L] = p(!1), [P, f] = p(null), m = _(() => {
+    const v = new te(t);
+    return new He(v);
+  }, [t]), M = async () => {
+    if (!(s != null && s.id)) {
+      b([]);
       return;
     }
-    M(!0), g(null);
+    L(!0), f(null);
     try {
-      const A = await h.getTenantFeatureFlags(n.id, r);
-      m(A);
-    } catch (A) {
-      const F = A instanceof Error ? A.message : "Failed to fetch feature flags";
-      g(F), i.onError && i.onError(A instanceof Error ? A : new Error(F));
+      const v = await m.getTenantFeatureFlags(s.id, r);
+      b(v);
+    } catch (v) {
+      const I = v instanceof Error ? v.message : "Failed to fetch feature flags";
+      f(I), i.onError && i.onError(v instanceof Error ? v : new Error(I));
     } finally {
-      M(!1);
+      L(!1);
     }
   };
-  Y(() => {
-    x();
-    const A = i.refreshInterval || 5 * 60 * 1e3, F = setInterval(x, A);
-    return () => clearInterval(F);
-  }, [n == null ? void 0 : n.id, i.refreshInterval]);
-  const p = z(() => ({
-    featureFlags: o,
-    loading: T,
+  Z(() => {
+    M();
+    const v = i.refreshInterval || 5 * 60 * 1e3, I = setInterval(M, v);
+    return () => clearInterval(I);
+  }, [s == null ? void 0 : s.id, i.refreshInterval]);
+  const w = _(() => ({
+    featureFlags: a,
+    loading: E,
     error: P,
-    isEnabled: (y) => {
-      const S = o.find((k) => k.key === y);
-      return (S == null ? void 0 : S.value) === !0;
+    isEnabled: (u) => {
+      const y = a.find((x) => x.key === u);
+      return (y == null ? void 0 : y.value) === !0;
     },
-    getFlag: (y) => o.find((S) => S.key === y),
-    getFlagState: (y) => {
-      const S = o.find((k) => k.key === y);
-      return S ? S.value ? "enabled" : "disabled" : "not_found";
+    getFlag: (u) => a.find((y) => y.key === u),
+    getFlagState: (u) => {
+      const y = a.find((x) => x.key === u);
+      return y ? y.value ? "enabled" : "disabled" : "not_found";
     },
     refresh: async () => {
-      await x();
+      await M();
     }
-  }), [o, T, P]);
-  return /* @__PURE__ */ s(we.Provider, { value: p, children: e });
+  }), [a, E, P]);
+  return /* @__PURE__ */ n(xe.Provider, { value: w, children: e });
 }
-function Re() {
-  const i = re(we);
+function $e() {
+  const i = le(xe);
   if (!i)
     throw new Error("useFeatureFlags must be used within a FeatureFlagProvider");
   return i;
 }
-class Fe {
+class De {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -1149,64 +1206,64 @@ class Fe {
     )).data;
   }
 }
-const me = te(void 0);
-function at({ config: i = {}, children: e }) {
-  const { baseUrl: t } = se(), { tenant: r } = K(), [n, o] = b(null), [m, T] = b(!1), [M, P] = b(null), g = z(() => {
-    const p = new G(t);
-    return new Fe(p);
-  }, [t]), h = async () => {
+const ke = ae(void 0);
+function wt({ config: i = {}, children: e }) {
+  const { baseUrl: t } = ne(), { tenant: r } = re(), [s, a] = p(null), [b, E] = p(!1), [L, P] = p(null), f = _(() => {
+    const w = new te(t);
+    return new De(w);
+  }, [t]), m = async () => {
     if (!(r != null && r.id)) {
-      o(null);
+      a(null);
       return;
     }
-    T(!0), P(null);
+    E(!0), P(null);
     try {
-      const p = await g.getTenantSubscriptionFeatures(r.id);
-      o(p);
-    } catch (p) {
-      const A = p instanceof Error ? p.message : "Failed to fetch subscription";
-      P(A), i.onError && i.onError(p instanceof Error ? p : new Error(A));
+      const w = await f.getTenantSubscriptionFeatures(r.id);
+      a(w);
+    } catch (w) {
+      const v = w instanceof Error ? w.message : "Failed to fetch subscription";
+      P(v), i.onError && i.onError(w instanceof Error ? w : new Error(v));
     } finally {
-      T(!1);
+      E(!1);
     }
   };
-  Y(() => {
-    if (h(), !i.refreshInterval) return;
-    const p = i.refreshInterval || 10 * 60 * 1e3, A = setInterval(h, p);
-    return () => clearInterval(A);
+  Z(() => {
+    if (m(), !i.refreshInterval) return;
+    const w = i.refreshInterval || 10 * 60 * 1e3, v = setInterval(m, w);
+    return () => clearInterval(v);
   }, [r == null ? void 0 : r.id, i.refreshInterval]);
-  const x = z(() => {
-    const p = (n == null ? void 0 : n.features) || [];
+  const M = _(() => {
+    const w = (s == null ? void 0 : s.features) || [];
     return {
-      subscription: n,
-      features: p,
-      loading: m,
-      error: M,
-      isFeatureEnabled: (S) => {
-        const k = p.find((R) => R.key === S);
-        return k ? k.type === "BOOLEAN" || k.type === "boolean" ? k.value === !0 : !!k.value : !1;
+      subscription: s,
+      features: w,
+      loading: b,
+      error: L,
+      isFeatureEnabled: (y) => {
+        const x = w.find((F) => F.key === y);
+        return x ? x.type === "BOOLEAN" || x.type === "boolean" ? x.value === !0 : !!x.value : !1;
       },
-      getFeature: (S) => p.find((k) => k.key === S),
-      getFeatureValue: (S, k) => {
-        const R = p.find((D) => D.key === S);
-        return R ? R.value : k;
+      getFeature: (y) => w.find((x) => x.key === y),
+      getFeatureValue: (y, x) => {
+        const F = w.find((B) => B.key === y);
+        return F ? F.value : x;
       },
-      hasAllowedPlan: (S) => !n || !n.isActive ? !1 : S.includes(n.planId),
+      hasAllowedPlan: (y) => !s || !s.isActive ? !1 : y.includes(s.planId),
       refresh: async () => {
-        await h();
+        await m();
       }
     };
-  }, [n, m, M]);
-  return /* @__PURE__ */ s(me.Provider, { value: x, children: e });
+  }, [s, b, L]);
+  return /* @__PURE__ */ n(ke.Provider, { value: M, children: e });
 }
-function Ie() {
-  const i = re(me);
+function Be() {
+  const i = le(ke);
   if (i === void 0)
     throw new Error("useSubscription must be used within a SubscriptionProvider");
   return i;
 }
-var X = /* @__PURE__ */ ((i) => (i.SUPERUSER = "SUPERUSER", i.TENANT_ADMIN = "TENANT_ADMIN", i.USER = "USER", i))(X || {});
-const ue = () => /* @__PURE__ */ c(
+var se = /* @__PURE__ */ ((i) => (i.SUPERUSER = "SUPERUSER", i.TENANT_ADMIN = "TENANT_ADMIN", i.USER = "USER", i))(se || {});
+const me = () => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1222,10 +1279,10 @@ const ue = () => /* @__PURE__ */ c(
       margin: "20px 0"
     },
     children: [
-      /* @__PURE__ */ s("div", { style: { fontSize: "2rem", marginBottom: "10px" }, children: "🔒" }),
-      /* @__PURE__ */ s("h3", { style: { color: "#495057", marginBottom: "10px" }, children: "Access Required" }),
-      /* @__PURE__ */ s("p", { style: { color: "#6c757d", fontSize: "14px", marginBottom: "15px" }, children: "You need to be signed in to view this content." }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n("div", { style: { fontSize: "2rem", marginBottom: "10px" }, children: "🔒" }),
+      /* @__PURE__ */ n("h3", { style: { color: "#495057", marginBottom: "10px" }, children: "Access Required" }),
+      /* @__PURE__ */ n("p", { style: { color: "#6c757d", fontSize: "14px", marginBottom: "15px" }, children: "You need to be signed in to view this content." }),
+      /* @__PURE__ */ n(
         "button",
         {
           style: {
@@ -1243,11 +1300,11 @@ const ue = () => /* @__PURE__ */ c(
       )
     ]
   }
-), he = ({
+), ye = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
-}) => /* @__PURE__ */ c(
+}) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1263,57 +1320,57 @@ const ue = () => /* @__PURE__ */ c(
       margin: "20px 0"
     },
     children: [
-      /* @__PURE__ */ s("div", { style: { fontSize: "2rem", marginBottom: "10px" }, children: "⚠️" }),
-      /* @__PURE__ */ s("h3", { style: { color: "#856404", marginBottom: "10px" }, children: "Insufficient Permissions" }),
-      e && i ? /* @__PURE__ */ c(H, { children: [
-        /* @__PURE__ */ c("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: [
+      /* @__PURE__ */ n("div", { style: { fontSize: "2rem", marginBottom: "10px" }, children: "⚠️" }),
+      /* @__PURE__ */ n("h3", { style: { color: "#856404", marginBottom: "10px" }, children: "Insufficient Permissions" }),
+      e && i ? /* @__PURE__ */ l(D, { children: [
+        /* @__PURE__ */ l("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: [
           "This content requires ",
-          /* @__PURE__ */ s("strong", { children: e }),
+          /* @__PURE__ */ n("strong", { children: e }),
           " access level or higher."
         ] }),
-        /* @__PURE__ */ c("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
+        /* @__PURE__ */ l("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
           "Your current access level: ",
-          /* @__PURE__ */ s("strong", { children: i })
+          /* @__PURE__ */ n("strong", { children: i })
         ] })
-      ] }) : /* @__PURE__ */ c(H, { children: [
-        /* @__PURE__ */ s("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__ */ c("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
+      ] }) : /* @__PURE__ */ l(D, { children: [
+        /* @__PURE__ */ n("p", { style: { color: "#856404", fontSize: "14px", marginBottom: "10px" }, children: "You don't have the required permissions to view this content." }),
+        t && t.length > 0 && /* @__PURE__ */ l("p", { style: { color: "#6c757d", fontSize: "12px" }, children: [
           "Required permissions: ",
-          /* @__PURE__ */ s("strong", { children: t.join(", ") })
+          /* @__PURE__ */ n("strong", { children: t.join(", ") })
         ] })
       ] })
     ]
   }
-), He = (i, e) => {
+), Ne = (i, e) => {
   const t = {
-    [X.USER]: 1,
-    [X.TENANT_ADMIN]: 2,
-    [X.SUPERUSER]: 3
+    [se.USER]: 1,
+    [se.TENANT_ADMIN]: 2,
+    [se.SUPERUSER]: 3
   };
   return t[i] >= t[e];
 };
-function lt({
+function vt({
   children: i,
   fallback: e,
   minUserType: t,
   requiredPermissions: r,
-  requireAllPermissions: n = !1
+  requireAllPermissions: s = !1
 }) {
-  const { hasValidSession: o, sessionManager: m, hasPermission: T, hasAnyPermission: M, hasAllPermissions: P } = ne();
-  if (!o())
-    return /* @__PURE__ */ s(H, { children: e || /* @__PURE__ */ s(ue, {}) });
-  const g = m.getUser();
-  if (!g)
-    return /* @__PURE__ */ s(H, { children: e || /* @__PURE__ */ s(ue, {}) });
-  if (t && !He(g.userType, t))
-    return /* @__PURE__ */ s(he, { userType: g.userType, minUserType: t });
-  if (r && r.length > 0 && !(n ? P(r) : M(r))) {
-    const x = r.filter((p) => !T(p)).map((p) => typeof p == "string" ? p : p.name);
-    return /* @__PURE__ */ s(he, { missingPermissions: x });
-  }
-  return /* @__PURE__ */ s(H, { children: i });
+  const { hasValidSession: a, sessionManager: b, hasPermission: E, hasAnyPermission: L, hasAllPermissions: P } = ie();
+  if (!a())
+    return /* @__PURE__ */ n(D, { children: e || /* @__PURE__ */ n(me, {}) });
+  const f = b.getUser();
+  if (!f)
+    return /* @__PURE__ */ n(D, { children: e || /* @__PURE__ */ n(me, {}) });
+  if (t && !Ne(f.userType, t))
+    return /* @__PURE__ */ n(ye, { userType: f.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? P(r) : L(r))) {
+    const M = r.filter((w) => !E(w)).map((w) => typeof w == "string" ? w : w.name);
+    return /* @__PURE__ */ n(ye, { missingPermissions: M });
+  }
+  return /* @__PURE__ */ n(D, { children: i });
 }
-const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
+const qe = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1326,7 +1383,7 @@ const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ c(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1337,10 +1394,10 @@ const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
           maxWidth: "400px"
         },
         children: [
-          /* @__PURE__ */ s("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🔒" }),
-          /* @__PURE__ */ s("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Access Required" }),
-          /* @__PURE__ */ s("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "You need to be signed in to access this page." }),
-          /* @__PURE__ */ c("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__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__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1349,11 +1406,11 @@ const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
       }
     )
   }
-), ge = ({
+), be = ({
   userType: i,
   minUserType: e,
   missingPermissions: t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1366,7 +1423,7 @@ const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ c(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1377,63 +1434,63 @@ const Ce = ({ redirectPath: i }) => /* @__PURE__ */ s(
           maxWidth: "400px"
         },
         children: [
-          /* @__PURE__ */ s("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "⚠️" }),
-          /* @__PURE__ */ s("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Insufficient Permissions" }),
-          e && i ? /* @__PURE__ */ c(H, { children: [
-            /* @__PURE__ */ c("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: [
+          /* @__PURE__ */ n("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "⚠️" }),
+          /* @__PURE__ */ n("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Insufficient Permissions" }),
+          e && i ? /* @__PURE__ */ l(D, { children: [
+            /* @__PURE__ */ l("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: [
               "This page requires ",
-              /* @__PURE__ */ s("strong", { children: e }),
+              /* @__PURE__ */ n("strong", { children: e }),
               " access level or higher."
             ] }),
-            /* @__PURE__ */ c("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
+            /* @__PURE__ */ l("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
               "Your current access level: ",
-              /* @__PURE__ */ s("strong", { children: i })
+              /* @__PURE__ */ n("strong", { children: i })
             ] })
-          ] }) : /* @__PURE__ */ c(H, { children: [
-            /* @__PURE__ */ s("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: "You don't have the required permissions to access this page." }),
-            t && t.length > 0 && /* @__PURE__ */ c("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
+          ] }) : /* @__PURE__ */ l(D, { children: [
+            /* @__PURE__ */ n("p", { style: { color: "#6b7280", marginBottom: "1rem" }, children: "You don't have the required permissions to access this page." }),
+            t && t.length > 0 && /* @__PURE__ */ l("p", { style: { color: "#9ca3af", fontSize: "0.875rem" }, children: [
               "Required permissions: ",
-              /* @__PURE__ */ s("strong", { children: t.join(", ") })
+              /* @__PURE__ */ n("strong", { children: t.join(", ") })
             ] })
           ] })
         ]
       }
     )
   }
-), $e = (i, e) => {
+), Ue = (i, e) => {
   const t = {
-    [X.USER]: 1,
-    [X.TENANT_ADMIN]: 2,
-    [X.SUPERUSER]: 3
+    [se.USER]: 1,
+    [se.TENANT_ADMIN]: 2,
+    [se.SUPERUSER]: 3
   };
   return t[i] >= t[e];
 };
-function ct({
+function St({
   children: i,
   redirectTo: e = "/login",
   minUserType: t,
   requiredPermissions: r,
-  requireAllPermissions: n = !1,
-  fallback: o
+  requireAllPermissions: s = !1,
+  fallback: a
 }) {
-  const { hasValidSession: m, sessionManager: T, hasPermission: M, hasAnyPermission: P, hasAllPermissions: g } = ne(), h = ae();
-  if (!m())
-    return o ? /* @__PURE__ */ s(H, { children: o }) : /* @__PURE__ */ c(H, { children: [
-      /* @__PURE__ */ s(Ce, { redirectPath: e }),
-      /* @__PURE__ */ s(ie, { to: e, state: { from: h.pathname }, replace: !0 })
+  const { hasValidSession: b, sessionManager: E, hasPermission: L, hasAnyPermission: P, hasAllPermissions: f } = ie(), m = he();
+  if (!b())
+    return a ? /* @__PURE__ */ n(D, { children: a }) : /* @__PURE__ */ l(D, { children: [
+      /* @__PURE__ */ n(qe, { redirectPath: e }),
+      /* @__PURE__ */ n(de, { to: e, state: { from: m.pathname }, replace: !0 })
     ] });
-  const x = T.getUser();
-  if (!x)
-    return /* @__PURE__ */ s(ie, { to: e, state: { from: h.pathname }, replace: !0 });
-  if (t && !$e(x.userType, t))
-    return /* @__PURE__ */ s(ge, { userType: x.userType, minUserType: t });
-  if (r && r.length > 0 && !(n ? g(r) : P(r))) {
-    const A = r.filter((F) => !M(F)).map((F) => typeof F == "string" ? F : F.name);
-    return /* @__PURE__ */ s(ge, { missingPermissions: A });
-  }
-  return /* @__PURE__ */ s(H, { children: i });
+  const M = E.getUser();
+  if (!M)
+    return /* @__PURE__ */ n(de, { to: e, state: { from: m.pathname }, replace: !0 });
+  if (t && !Ue(M.userType, t))
+    return /* @__PURE__ */ n(be, { userType: M.userType, minUserType: t });
+  if (r && r.length > 0 && !(s ? f(r) : P(r))) {
+    const v = r.filter((I) => !L(I)).map((I) => typeof I == "string" ? I : I.name);
+    return /* @__PURE__ */ n(be, { missingPermissions: v });
+  }
+  return /* @__PURE__ */ n(D, { children: i });
 }
-const Le = ({ redirectPath: i }) => /* @__PURE__ */ s(
+const ze = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1446,7 +1503,7 @@ const Le = ({ redirectPath: i }) => /* @__PURE__ */ s(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ c(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1457,10 +1514,10 @@ const Le = ({ redirectPath: i }) => /* @__PURE__ */ s(
           maxWidth: "400px"
         },
         children: [
-          /* @__PURE__ */ s("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🏢" }),
-          /* @__PURE__ */ s("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Tenant Required" }),
-          /* @__PURE__ */ s("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "This page requires a tenant context to access." }),
-          /* @__PURE__ */ c("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__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__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1470,14 +1527,14 @@ const Le = ({ redirectPath: i }) => /* @__PURE__ */ s(
     )
   }
 );
-function dt({ children: i, redirectTo: e = "/", fallback: t }) {
-  const { tenant: r, isLoading: n, error: o } = K(), m = ae();
-  return n || o ? null : r ? /* @__PURE__ */ s(H, { children: i }) : t ? /* @__PURE__ */ s(H, { children: t }) : /* @__PURE__ */ c(H, { children: [
-    /* @__PURE__ */ s(Le, { redirectPath: e }),
-    /* @__PURE__ */ s(ie, { to: e, state: { from: m.pathname }, replace: !0 })
+function xt({ children: i, redirectTo: e = "/", fallback: t }) {
+  const { tenant: r, isLoading: s, error: a } = re(), b = he();
+  return s || a ? null : r ? /* @__PURE__ */ n(D, { children: i }) : t ? /* @__PURE__ */ n(D, { children: t }) : /* @__PURE__ */ l(D, { children: [
+    /* @__PURE__ */ n(ze, { redirectPath: e }),
+    /* @__PURE__ */ n(de, { to: e, state: { from: b.pathname }, replace: !0 })
   ] });
 }
-const De = ({ redirectPath: i }) => /* @__PURE__ */ s(
+const Oe = ({ redirectPath: i }) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -1490,7 +1547,7 @@ const De = ({ redirectPath: i }) => /* @__PURE__ */ s(
       backgroundColor: "#f9fafb",
       textAlign: "center"
     },
-    children: /* @__PURE__ */ c(
+    children: /* @__PURE__ */ l(
       "div",
       {
         style: {
@@ -1501,10 +1558,10 @@ const De = ({ redirectPath: i }) => /* @__PURE__ */ s(
           maxWidth: "400px"
         },
         children: [
-          /* @__PURE__ */ s("div", { style: { fontSize: "3rem", marginBottom: "1rem" }, children: "🚀" }),
-          /* @__PURE__ */ s("h2", { style: { color: "#374151", marginBottom: "1rem" }, children: "Tenant Detected" }),
-          /* @__PURE__ */ s("p", { style: { color: "#6b7280", marginBottom: "1.5rem" }, children: "You are accessing a tenant-specific context. Redirecting to the appropriate page." }),
-          /* @__PURE__ */ c("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
+          /* @__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__ */ l("p", { style: { fontSize: "0.875rem", color: "#9ca3af" }, children: [
             "Redirecting to ",
             i,
             "..."
@@ -1514,14 +1571,14 @@ const De = ({ redirectPath: i }) => /* @__PURE__ */ s(
     )
   }
 );
-function ut({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
-  const { tenant: r, isLoading: n, error: o } = K(), m = ae();
-  return n || o ? null : r ? t ? /* @__PURE__ */ s(H, { children: t }) : /* @__PURE__ */ c(H, { children: [
-    /* @__PURE__ */ s(De, { redirectPath: e }),
-    /* @__PURE__ */ s(ie, { to: e, state: { from: m.pathname }, replace: !0 })
-  ] }) : /* @__PURE__ */ s(H, { children: i });
+function kt({ children: i, redirectTo: e = "/dashboard", fallback: t }) {
+  const { tenant: r, isLoading: s, error: a } = re(), b = he();
+  return s || a ? null : r ? t ? /* @__PURE__ */ n(D, { children: t }) : /* @__PURE__ */ l(D, { children: [
+    /* @__PURE__ */ n(Oe, { redirectPath: e }),
+    /* @__PURE__ */ n(de, { to: e, state: { from: b.pathname }, replace: !0 })
+  ] }) : /* @__PURE__ */ n(D, { children: i });
 }
-const Be = () => /* @__PURE__ */ c(
+const je = () => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1533,19 +1590,19 @@ const Be = () => /* @__PURE__ */ c(
       color: "#dc2626"
     },
     children: [
-      /* @__PURE__ */ s("h3", { style: { margin: "0 0 1rem 0" }, children: "🔒 Subscription Required" }),
-      /* @__PURE__ */ s("p", { style: { margin: 0 }, children: "This feature requires a higher subscription plan. Please upgrade your plan to access this content." })
+      /* @__PURE__ */ n("h3", { style: { margin: "0 0 1rem 0" }, children: "🔒 Subscription Required" }),
+      /* @__PURE__ */ n("p", { style: { margin: 0 }, children: "This feature requires a higher subscription plan. Please upgrade your plan to access this content." })
     ]
   }
 );
-function ht({
+function At({
   children: i,
-  fallback: e = /* @__PURE__ */ s(Be, {}),
+  fallback: e = /* @__PURE__ */ n(je, {}),
   allowedPlans: t,
   requiredFeature: r
 }) {
-  const { subscription: n, hasAllowedPlan: o, isFeatureEnabled: m, loading: T } = Ie();
-  return T ? /* @__PURE__ */ s(
+  const { subscription: s, hasAllowedPlan: a, isFeatureEnabled: b, loading: E } = Be();
+  return E ? /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -1555,9 +1612,9 @@ function ht({
       },
       children: "Loading subscription..."
     }
-  ) : n ? n.isActive ? t && t.length > 0 && !o(t) ? /* @__PURE__ */ s(H, { children: e }) : r && !m(r) ? /* @__PURE__ */ s(H, { children: e }) : /* @__PURE__ */ s(H, { children: i }) : /* @__PURE__ */ s(H, { children: e }) : /* @__PURE__ */ s(H, { children: e });
+  ) : s ? s.isActive ? t && t.length > 0 && !a(t) ? /* @__PURE__ */ n(D, { children: e }) : r && !b(r) ? /* @__PURE__ */ n(D, { children: e }) : /* @__PURE__ */ n(D, { children: i }) : /* @__PURE__ */ n(D, { children: e }) : /* @__PURE__ */ n(D, { children: e });
 }
-const qe = ({ flagName: i }) => /* @__PURE__ */ c(
+const We = ({ flagName: i }) => /* @__PURE__ */ l(
   "div",
   {
     style: {
@@ -1574,9 +1631,9 @@ const qe = ({ flagName: i }) => /* @__PURE__ */ c(
       color: "#6c757d"
     },
     children: [
-      /* @__PURE__ */ s("div", { style: { fontSize: "24px", marginBottom: "8px" }, children: "🚧" }),
-      /* @__PURE__ */ s("div", { style: { fontSize: "14px", fontWeight: "500", marginBottom: "4px" }, children: "Feature Not Available" }),
-      /* @__PURE__ */ c("div", { style: { fontSize: "12px", opacity: 0.7 }, 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__ */ l("div", { style: { fontSize: "12px", opacity: 0.7 }, children: [
         'Feature flag "',
         i,
         '" is disabled'
@@ -1584,9 +1641,9 @@ const qe = ({ flagName: i }) => /* @__PURE__ */ c(
     ]
   }
 );
-function gt({ name: i, children: e, fallback: t }) {
-  const { isEnabled: r, loading: n } = Re();
-  return n ? /* @__PURE__ */ s(
+function Pt({ name: i, children: e, fallback: t }) {
+  const { isEnabled: r, loading: s } = $e();
+  return s ? /* @__PURE__ */ n(
     "div",
     {
       style: {
@@ -1599,9 +1656,9 @@ function gt({ name: i, children: e, fallback: t }) {
       },
       children: "Loading feature flags..."
     }
-  ) : (console.log(i, r(i)), r(i) ? /* @__PURE__ */ s(H, { children: e }) : /* @__PURE__ */ s(H, { children: t || /* @__PURE__ */ s(qe, { flagName: i }) }));
+  ) : (console.log(i, r(i)), r(i) ? /* @__PURE__ */ n(D, { children: e }) : /* @__PURE__ */ n(D, { children: t || /* @__PURE__ */ n(We, { flagName: i }) }));
 }
-const Ue = () => /* @__PURE__ */ c(
+const Ve = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "16",
@@ -1614,11 +1671,11 @@ const Ue = () => /* @__PURE__ */ c(
     strokeLinejoin: "round",
     style: { flexShrink: 0 },
     children: [
-      /* @__PURE__ */ s("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
-      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "3" })
+      /* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+      /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
     ]
   }
-), Ne = () => /* @__PURE__ */ c(
+), Ge = () => /* @__PURE__ */ l(
   "svg",
   {
     width: "16",
@@ -1631,26 +1688,28 @@ const Ue = () => /* @__PURE__ */ c(
     strokeLinejoin: "round",
     style: { flexShrink: 0 },
     children: [
-      /* @__PURE__ */ s("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
-      /* @__PURE__ */ s("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+      /* @__PURE__ */ n("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+      /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
     ]
   }
-), ze = {
-  showPassword: /* @__PURE__ */ s(Ue, {}),
-  hidePassword: /* @__PURE__ */ s(Ne, {})
-}, Oe = {
+), Ye = {
+  showPassword: /* @__PURE__ */ n(Ve, {}),
+  hidePassword: /* @__PURE__ */ n(Ge, {})
+}, _e = {
   title: "Sign In",
-  emailLabel: "Email",
-  emailPlaceholder: "Enter your email",
+  usernameLabel: "Email or Phone",
+  usernamePlaceholder: "Enter your email or phone number",
   passwordLabel: "Password",
   passwordPlaceholder: "Enter your password",
   submitButton: "Sign In",
   forgotPasswordLink: "Forgot your password?",
   signupLink: "Sign up here",
   signupText: "Don't have an account?",
-  errorMessage: "Invalid email or password",
+  magicLinkText: "Prefer passwordless?",
+  magicLinkLink: "Use Magic Link",
+  errorMessage: "Invalid credentials",
   loadingText: "Signing in..."
-}, je = {
+}, Ke = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -1757,124 +1816,138 @@ const Ue = () => /* @__PURE__ */ c(
     fontSize: "0.875rem"
   }
 };
-function pt({
+function Tt({
   copy: i = {},
   styles: e = {},
   icons: t = {},
   onSuccess: r,
-  onError: n,
-  onForgotPassword: o,
-  onSignupClick: m,
-  showForgotPassword: T = !0,
-  showSignupLink: M = !0,
-  className: P
+  onError: s,
+  onForgotPassword: a,
+  onSignupClick: b,
+  onMagicLinkClick: E,
+  showForgotPassword: L = !0,
+  showSignupLink: P = !0,
+  showMagicLinkOption: f = !0,
+  className: m
 }) {
-  const [g, h] = b(""), [x, p] = b(""), [A, F] = b(!1), [f, L] = b(!1), [y, S] = b(""), [k, R] = b({}), { login: D } = ne(), { tenant: E } = K(), B = { ...Oe, ...i }, d = { ...je, ...e }, w = { ...ze, ...t }, u = () => {
-    const I = {};
-    return g.trim() || (I.email = !0), x.trim() || (I.password = !0), R(I), Object.keys(I).length === 0;
-  }, a = async (I) => {
-    if (I.preventDefault(), !!u()) {
-      if (!(E != null && E.id)) {
-        S("Tenant not found");
+  const [M, w] = p(""), [v, I] = p(""), [g, U] = p(!1), [u, y] = p(!1), [x, F] = p(""), [B, z] = p({}), { login: q } = ie(), { tenant: S } = re(), { appId: c } = ne(), h = { ..._e, ...i }, o = { ...Ke, ...e }, d = { ...Ye, ...t }, G = () => {
+    const k = {};
+    return M.trim() || (k.username = !0), v.trim() || (k.password = !0), z(k), Object.keys(k).length === 0;
+  }, Y = async (k) => {
+    if (k.preventDefault(), !!G()) {
+      if (!(S != null && S.id)) {
+        F("Tenant not found");
         return;
       }
-      L(!0), S("");
+      y(!0), F("");
       try {
-        const N = await D(g, x, E.id);
-        r == null || r(N);
-      } catch (N) {
-        const _ = N.message || B.errorMessage;
-        S(_), n == null || n(_);
+        const T = await q(M, v, c, S.id);
+        r == null || r(T);
+      } catch (T) {
+        const J = T.message || h.errorMessage;
+        F(J), s == null || s(J);
       } finally {
-        L(!1);
+        y(!1);
       }
     }
-  }, l = (I) => ({
-    ...d.input,
-    ...k[I] ? d.inputError : {}
-  }), W = () => ({
-    ...d.button,
-    ...f ? d.buttonLoading : {},
-    ...!g || !x || f ? d.buttonDisabled : {}
+  }, H = (k) => ({
+    ...o.input,
+    ...B[k] ? o.inputError : {}
+  }), C = () => ({
+    ...o.button,
+    ...u ? o.buttonLoading : {},
+    ...!M || !v || u ? o.buttonDisabled : {}
   });
-  return /* @__PURE__ */ c("div", { className: P, style: d.container, children: [
-    /* @__PURE__ */ s("h2", { style: d.title, children: B.title }),
-    /* @__PURE__ */ c("form", { onSubmit: a, style: d.form, children: [
-      /* @__PURE__ */ c("div", { style: d.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: d.label, children: B.emailLabel }),
-        /* @__PURE__ */ s(
+  return /* @__PURE__ */ l("div", { className: m, style: o.container, children: [
+    /* @__PURE__ */ n("h2", { style: o.title, children: h.title }),
+    /* @__PURE__ */ l("form", { onSubmit: Y, style: o.form, children: [
+      /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: o.label, children: h.usernameLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
-            id: "email",
-            name: "email",
-            type: "email",
-            value: g,
-            onChange: (I) => {
-              h(I.target.value), k.email && R((N) => ({ ...N, email: !1 }));
+            id: "username",
+            name: "username",
+            type: "text",
+            value: M,
+            onChange: (k) => {
+              w(k.target.value), B.username && z((T) => ({ ...T, username: !1 }));
             },
-            placeholder: B.emailPlaceholder,
-            style: l("email"),
-            disabled: f
+            placeholder: h.usernamePlaceholder,
+            style: H("username"),
+            disabled: u
           }
         )
       ] }),
-      /* @__PURE__ */ c("div", { style: d.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: d.label, children: B.passwordLabel }),
-        /* @__PURE__ */ c("div", { style: d.inputContainer, children: [
-          /* @__PURE__ */ s(
+      /* @__PURE__ */ l("div", { style: o.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: o.label, children: h.passwordLabel }),
+        /* @__PURE__ */ l("div", { style: o.inputContainer, children: [
+          /* @__PURE__ */ n(
             "input",
             {
               id: "password",
               name: "password",
-              type: A ? "text" : "password",
-              value: x,
-              onChange: (I) => {
-                p(I.target.value), k.password && R((N) => ({ ...N, password: !1 }));
+              type: g ? "text" : "password",
+              value: v,
+              onChange: (k) => {
+                I(k.target.value), B.password && z((T) => ({ ...T, password: !1 }));
               },
-              placeholder: B.passwordPlaceholder,
+              placeholder: h.passwordPlaceholder,
               style: {
-                ...l("password"),
+                ...H("password"),
                 paddingRight: "2.5rem"
                 // Make room for the icon
               },
-              disabled: f
+              disabled: u
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ n(
             "button",
             {
               type: "button",
-              onClick: () => F(!A),
-              style: d.passwordToggle,
-              disabled: f,
-              "aria-label": A ? "Hide password" : "Show password",
-              children: A ? w.hidePassword : w.showPassword
+              onClick: () => U(!g),
+              style: o.passwordToggle,
+              disabled: u,
+              "aria-label": g ? "Hide password" : "Show password",
+              children: g ? d.hidePassword : d.showPassword
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ s("button", { type: "submit", disabled: !g || !x || f, style: W(), children: f ? B.loadingText : B.submitButton }),
-      y && /* @__PURE__ */ s("div", { style: d.errorText, children: y })
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !M || !v || u, style: C(), children: u ? h.loadingText : h.submitButton }),
+      x && /* @__PURE__ */ n("div", { style: o.errorText, children: x })
     ] }),
-    (T || M) && /* @__PURE__ */ c("div", { style: d.linkContainer, children: [
-      T && /* @__PURE__ */ s("a", { onClick: o, style: d.link, children: B.forgotPasswordLink }),
-      T && M && /* @__PURE__ */ s("div", { style: d.divider, children: "•" }),
-      M && /* @__PURE__ */ c("div", { children: [
-        /* @__PURE__ */ c("span", { style: d.divider, children: [
-          B.signupText,
+    (L || P || f) && /* @__PURE__ */ l("div", { style: o.linkContainer, children: [
+      f && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: o.divider, children: [
+          h.magicLinkText,
+          " "
+        ] }),
+        /* @__PURE__ */ n("a", { onClick: E, style: o.link, children: h.magicLinkLink })
+      ] }),
+      f && (L || P) && /* @__PURE__ */ n("div", { style: o.divider, children: "•" }),
+      L && /* @__PURE__ */ n("a", { onClick: a, style: o.link, children: h.forgotPasswordLink }),
+      L && P && /* @__PURE__ */ n("div", { style: o.divider, children: "•" }),
+      P && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: o.divider, children: [
+          h.signupText,
           " "
         ] }),
-        /* @__PURE__ */ s("a", { onClick: m, style: d.link, children: B.signupLink })
+        /* @__PURE__ */ n("a", { onClick: b, style: o.link, children: h.signupLink })
       ] })
     ] })
   ] });
 }
-const Ve = {
+const Qe = {
   title: "Create Account",
-  nameLabel: "Full Name",
-  namePlaceholder: "Enter your full name",
+  nameLabel: "First Name",
+  namePlaceholder: "Enter your first name",
+  lastNameLabel: "Last Name",
+  lastNamePlaceholder: "Enter your last name",
   emailLabel: "Email",
   emailPlaceholder: "Enter your email",
+  phoneNumberLabel: "Phone Number",
+  phoneNumberPlaceholder: "Enter your phone number",
   passwordLabel: "Password",
   passwordPlaceholder: "Enter your password",
   confirmPasswordLabel: "Confirm Password",
@@ -1884,12 +1957,14 @@ const Ve = {
   submitButton: "Create Account",
   loginLink: "Sign in here",
   loginText: "Already have an account?",
+  magicLinkText: "Prefer passwordless?",
+  magicLinkLink: "Use Magic Link",
   errorMessage: "Failed to create account",
   loadingText: "Creating account...",
   passwordMismatchError: "Passwords do not match",
   isAdminLabel: "Create new organization",
   isAdminDescription: "Check this if you want to create a new organization"
-}, We = {
+}, Je = {
   container: {
     maxWidth: "400px",
     width: "100%",
@@ -1988,154 +2063,784 @@ const Ve = {
     fontSize: "0.875rem"
   }
 };
-function ft({
+function Mt({
   copy: i = {},
   styles: e = {},
   signupType: t = "user",
   onSuccess: r,
-  onError: n,
-  onLoginClick: o,
-  showLoginLink: m = !0,
-  className: T
+  onError: s,
+  onLoginClick: a,
+  onMagicLinkClick: b,
+  showLoginLink: E = !0,
+  showMagicLinkOption: L = !0,
+  className: P
 }) {
-  const [M, P] = b(""), [g, h] = b(""), [x, p] = b(""), [A, F] = b(""), [f, L] = b(""), [y, S] = b(!1), [k, R] = b(""), [D, E] = b({}), { signup: B, signupTenantAdmin: d } = ne(), { tenant: w } = K(), u = { ...Ve, ...i }, a = { ...We, ...e }, l = () => {
-    const C = {};
-    return M.trim() || (C.name = !0), g.trim() || (C.email = !0), x.trim() || (C.password = !0), A.trim() || (C.confirmPassword = !0), t === "tenant" && !f.trim() && (C.tenantName = !0), E(C), Object.keys(C).length === 0;
-  }, W = async (C) => {
-    if (C.preventDefault(), !!l()) {
-      if (x !== A) {
-        R(u.passwordMismatchError), E({ confirmPassword: !0 });
+  const [f, m] = p(""), [M, w] = p(""), [v, I] = p(""), [g, U] = p(""), [u, y] = p(""), [x, F] = p(""), [B, z] = p(""), [q, S] = p(!1), [c, h] = p(""), [o, d] = p({}), { signup: G, signupTenantAdmin: Y } = ie(), { tenant: H } = re(), { appId: C } = ne(), k = { ...Qe, ...i }, T = { ...Je, ...e }, J = () => {
+    const R = {};
+    return f.trim() || (R.name = !0), !v.trim() && !g.trim() && (R.email = !0, R.phoneNumber = !0), u.trim() || (R.password = !0), x.trim() || (R.confirmPassword = !0), t === "tenant" && !B.trim() && (R.tenantName = !0), d(R), Object.keys(R).length === 0;
+  }, O = async (R) => {
+    if (R.preventDefault(), !!J()) {
+      if (u !== x) {
+        h(k.passwordMismatchError), d({ confirmPassword: !0 });
         return;
       }
-      if (t === "user" && !(w != null && w.id)) {
-        R("Tenant not found");
+      if (t === "user" && !(H != null && H.id)) {
+        h("Tenant not found");
         return;
       }
-      S(!0), R("");
+      S(!0), h("");
       try {
-        let U;
-        t === "tenant" ? U = await d(g, M, x, f) : U = await B(g, M, x, w.id), r == null || r(U);
-      } catch (U) {
-        const Q = U.message || u.errorMessage;
-        R(Q), n == null || n(Q);
+        let V;
+        t === "tenant" ? V = await Y(
+          v || void 0,
+          g || void 0,
+          f,
+          u,
+          B,
+          M || void 0,
+          C
+        ) : V = await G(
+          v || void 0,
+          g || void 0,
+          f,
+          u,
+          H.id,
+          M || void 0,
+          C
+        ), r == null || r(V);
+      } catch (V) {
+        const ue = V.message || k.errorMessage;
+        h(ue), s == null || s(ue);
       } finally {
         S(!1);
       }
     }
-  }, I = (C) => ({
-    ...a.input,
-    ...D[C] ? a.inputError : {}
+  }, j = (R) => ({
+    ...T.input,
+    ...o[R] ? T.inputError : {}
   }), N = () => ({
-    ...a.button,
-    ...y ? a.buttonLoading : {},
-    ...!M || !g || !x || !A || y || t === "tenant" && !f ? a.buttonDisabled : {}
-  }), _ = M && g && x && A && (t === "user" || f);
-  return /* @__PURE__ */ c("div", { className: T, style: a.container, children: [
-    /* @__PURE__ */ s("h2", { style: a.title, children: u.title }),
-    /* @__PURE__ */ c("form", { onSubmit: W, style: a.form, children: [
-      /* @__PURE__ */ c("div", { style: a.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: a.label, children: u.nameLabel }),
-        /* @__PURE__ */ s(
+    ...T.button,
+    ...q ? T.buttonLoading : {},
+    ...!f || !v && !g || !u || !x || q || t === "tenant" && !B ? T.buttonDisabled : {}
+  }), K = f && (v || g) && u && x && (t === "user" || B);
+  return /* @__PURE__ */ l("div", { className: P, style: T.container, children: [
+    /* @__PURE__ */ n("h2", { style: T.title, children: k.title }),
+    /* @__PURE__ */ l("form", { onSubmit: O, style: T.form, children: [
+      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: T.label, children: k.nameLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             id: "name",
             name: "name",
             type: "text",
-            value: M,
-            onChange: (C) => {
-              P(C.target.value), D.name && E((U) => ({ ...U, name: !1 }));
+            value: f,
+            onChange: (R) => {
+              m(R.target.value), o.name && d((V) => ({ ...V, name: !1 }));
             },
-            placeholder: u.namePlaceholder,
-            style: I("name"),
-            disabled: y
+            placeholder: k.namePlaceholder,
+            style: j("name"),
+            disabled: q
           }
         )
       ] }),
-      /* @__PURE__ */ c("div", { style: a.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: a.label, children: u.emailLabel }),
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: T.label, children: k.lastNameLabel }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            id: "lastName",
+            name: "lastName",
+            type: "text",
+            value: M,
+            onChange: (R) => w(R.target.value),
+            placeholder: k.lastNamePlaceholder,
+            style: T.input,
+            disabled: q
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: T.label, children: k.emailLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             id: "email",
             name: "email",
             type: "email",
+            value: v,
+            onChange: (R) => {
+              I(R.target.value), o.email && d((V) => ({ ...V, email: !1, phoneNumber: !1 }));
+            },
+            placeholder: k.emailPlaceholder,
+            style: j("email"),
+            disabled: q
+          }
+        )
+      ] }),
+      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: T.label, children: k.phoneNumberLabel }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            id: "phoneNumber",
+            name: "phoneNumber",
+            type: "tel",
             value: g,
-            onChange: (C) => {
-              h(C.target.value), D.email && E((U) => ({ ...U, email: !1 }));
+            onChange: (R) => {
+              U(R.target.value), o.phoneNumber && d((V) => ({ ...V, email: !1, phoneNumber: !1 }));
             },
-            placeholder: u.emailPlaceholder,
-            style: I("email"),
-            disabled: y
+            placeholder: k.phoneNumberPlaceholder,
+            style: j("phoneNumber"),
+            disabled: q
           }
         )
       ] }),
-      /* @__PURE__ */ c("div", { style: a.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: a.label, children: u.passwordLabel }),
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
+        "div",
+        {
+          style: {
+            fontSize: "0.875rem",
+            color: "#6b7280",
+            textAlign: "center",
+            margin: "0.5rem 0"
+          },
+          children: "At least one contact method (email or phone) is required"
+        }
+      ),
+      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: T.label, children: k.passwordLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             id: "password",
             name: "password",
             type: "password",
-            value: x,
-            onChange: (C) => {
-              p(C.target.value), D.password && E((U) => ({ ...U, password: !1 }));
+            value: u,
+            onChange: (R) => {
+              y(R.target.value), o.password && d((V) => ({ ...V, password: !1 }));
             },
-            placeholder: u.passwordPlaceholder,
-            style: I("password"),
-            disabled: y
+            placeholder: k.passwordPlaceholder,
+            style: j("password"),
+            disabled: q
           }
         )
       ] }),
-      /* @__PURE__ */ c("div", { style: a.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: a.label, children: u.confirmPasswordLabel }),
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: T.label, children: k.confirmPasswordLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             id: "confirmPassword",
             name: "confirmPassword",
             type: "password",
-            value: A,
-            onChange: (C) => {
-              F(C.target.value), D.confirmPassword && E((U) => ({ ...U, confirmPassword: !1 })), k === u.passwordMismatchError && R("");
+            value: x,
+            onChange: (R) => {
+              F(R.target.value), o.confirmPassword && d((V) => ({ ...V, confirmPassword: !1 })), c === k.passwordMismatchError && h("");
             },
-            placeholder: u.confirmPasswordPlaceholder,
-            style: I("confirmPassword"),
-            disabled: y
+            placeholder: k.confirmPasswordPlaceholder,
+            style: j("confirmPassword"),
+            disabled: q
           }
         )
       ] }),
-      t === "tenant" && /* @__PURE__ */ c("div", { style: a.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: a.label, children: u.tenantNameLabel }),
-        /* @__PURE__ */ s(
+      t === "tenant" && /* @__PURE__ */ l("div", { style: T.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: T.label, children: k.tenantNameLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             id: "tenantName",
             name: "tenantName",
             type: "text",
+            value: B,
+            onChange: (R) => {
+              z(R.target.value), o.tenantName && d((V) => ({ ...V, tenantName: !1 }));
+            },
+            placeholder: k.tenantNamePlaceholder,
+            style: j("tenantName"),
+            disabled: q
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !K || q, style: N(), children: q ? k.loadingText : k.submitButton }),
+      c && /* @__PURE__ */ n("div", { style: T.errorText, children: c })
+    ] }),
+    (E || L) && /* @__PURE__ */ l("div", { style: T.linkContainer, children: [
+      L && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: T.divider, children: [
+          k.magicLinkText,
+          " "
+        ] }),
+        /* @__PURE__ */ n("a", { onClick: b, style: T.link, children: k.magicLinkLink })
+      ] }),
+      L && E && /* @__PURE__ */ n("div", { style: T.divider, children: "•" }),
+      E && /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: T.divider, children: [
+          k.loginText,
+          " "
+        ] }),
+        /* @__PURE__ */ n("a", { onClick: a, style: T.link, children: k.loginLink })
+      ] })
+    ] })
+  ] });
+}
+const Xe = {
+  title: "Sign In with Magic Link",
+  emailLabel: "Email",
+  emailPlaceholder: "Enter your email",
+  nameLabel: "Name",
+  namePlaceholder: "Enter your name",
+  lastNameLabel: "Last Name",
+  lastNamePlaceholder: "Enter your last name",
+  submitButton: "Send Magic Link",
+  loginLink: "Sign in with password",
+  signupLink: "Sign up with password",
+  loginText: "Already have an account?",
+  signupText: "Prefer traditional signup?",
+  successMessage: "Magic link sent! Check your email and click the link to sign in.",
+  errorMessage: "Failed to send magic link. Please try again.",
+  loadingText: "Sending magic link...",
+  verifyingText: "Verifying magic link...",
+  description: "Enter your email to receive a magic link. If you don't have an account, we'll create one for you."
+}, Ze = {
+  container: {
+    maxWidth: "400px",
+    width: "100%",
+    margin: "0 auto",
+    padding: "2rem",
+    backgroundColor: "#ffffff",
+    borderRadius: "8px",
+    boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)"
+  },
+  title: {
+    fontSize: "1.5rem",
+    fontWeight: "bold",
+    textAlign: "center",
+    marginBottom: "1rem",
+    color: "#333333"
+  },
+  description: {
+    fontSize: "0.875rem",
+    color: "#6b7280",
+    textAlign: "center",
+    marginBottom: "1.5rem",
+    lineHeight: "1.5"
+  },
+  form: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "1rem"
+  },
+  fieldGroup: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "0.5rem"
+  },
+  label: {
+    fontSize: "0.875rem",
+    fontWeight: "500",
+    color: "#374151"
+  },
+  input: {
+    padding: "0.75rem",
+    border: "1px solid #d1d5db",
+    borderRadius: "6px",
+    fontSize: "1rem",
+    transition: "border-color 0.15s ease-in-out",
+    outline: "none",
+    width: "100%"
+  },
+  inputError: {
+    borderColor: "#ef4444",
+    boxShadow: "0 0 0 3px rgba(239, 68, 68, 0.1)"
+  },
+  button: {
+    padding: "0.75rem 1rem",
+    backgroundColor: "#3b82f6",
+    color: "white",
+    border: "none",
+    borderRadius: "6px",
+    fontSize: "1rem",
+    fontWeight: "500",
+    cursor: "pointer",
+    transition: "background-color 0.15s ease-in-out",
+    marginTop: "0.5rem"
+  },
+  buttonDisabled: {
+    backgroundColor: "#9ca3af",
+    cursor: "not-allowed"
+  },
+  buttonLoading: {
+    backgroundColor: "#6b7280"
+  },
+  errorText: {
+    color: "#ef4444",
+    fontSize: "0.875rem",
+    textAlign: "center",
+    marginTop: "0.5rem"
+  },
+  successText: {
+    color: "#10b981",
+    fontSize: "0.875rem",
+    textAlign: "center",
+    marginTop: "0.5rem",
+    padding: "0.75rem",
+    backgroundColor: "#f0fdf4",
+    borderRadius: "6px",
+    border: "1px solid #bbf7d0"
+  },
+  linkContainer: {
+    textAlign: "center",
+    marginTop: "1rem"
+  },
+  link: {
+    color: "#3b82f6",
+    textDecoration: "none",
+    fontSize: "0.875rem",
+    cursor: "pointer"
+  },
+  divider: {
+    margin: "0.5rem 0",
+    color: "#6b7280",
+    fontSize: "0.875rem"
+  }
+};
+function Et({
+  copy: i = {},
+  styles: e = {},
+  onSuccess: t,
+  onError: r,
+  onLoginClick: s,
+  onSignupClick: a,
+  showTraditionalLinks: b = !0,
+  className: E,
+  verifyToken: L,
+  frontendUrl: P
+}) {
+  const [f, m] = p(""), [M, w] = p(""), [v, I] = p(""), [g, U] = p(!1), [u, y] = p(!1), [x, F] = p(""), [B, z] = p(""), [q, S] = p({}), [c, h] = p(!1), { sendMagicLink: o, verifyMagicLink: d } = ie(), { tenant: G } = re(), { appId: Y } = ne(), H = { ...Xe, ...i }, C = { ...Ze, ...e };
+  Z(() => {
+    L && k(L);
+  }, [L]);
+  const k = async (N) => {
+    y(!0), F("");
+    try {
+      if (!f || !Y)
+        throw new Error("Email and App ID are required for magic link verification");
+      const K = await d(N, f, Y, G == null ? void 0 : G.id);
+      t == null || t(K);
+    } catch (K) {
+      const R = K.message || "Failed to verify magic link";
+      F(R), r == null || r(R);
+    } finally {
+      y(!1);
+    }
+  }, T = () => {
+    const N = {};
+    return f.trim() || (N.email = !0), c && !M.trim() && (N.name = !0), S(N), Object.keys(N).length === 0;
+  }, J = async (N) => {
+    if (N.preventDefault(), !!T()) {
+      if (!(G != null && G.id)) {
+        F("Tenant not found");
+        return;
+      }
+      U(!0), F(""), z("");
+      try {
+        const K = P || (typeof window < "u" ? window.location.origin : ""), R = await o(
+          f,
+          G.id,
+          K,
+          c ? M : void 0,
+          c ? v : void 0,
+          Y
+        );
+        z(H.successMessage), t == null || t(R);
+      } catch (K) {
+        const R = K.message || H.errorMessage;
+        F(R), r == null || r(R);
+      } finally {
+        U(!1);
+      }
+    }
+  }, O = (N) => ({
+    ...C.input,
+    ...q[N] ? C.inputError : {}
+  }), j = () => ({
+    ...C.button,
+    ...g || u ? C.buttonLoading : {},
+    ...!f || g || u ? C.buttonDisabled : {}
+  });
+  return u ? /* @__PURE__ */ l("div", { className: E, style: C.container, children: [
+    /* @__PURE__ */ n("h2", { style: C.title, children: H.verifyingText }),
+    /* @__PURE__ */ n("div", { style: { textAlign: "center", padding: "2rem" }, children: /* @__PURE__ */ n("div", { style: { fontSize: "1rem", color: "#6b7280" }, children: "Please wait while we verify your magic link..." }) })
+  ] }) : /* @__PURE__ */ l("div", { className: E, style: C.container, children: [
+    /* @__PURE__ */ n("h2", { style: C.title, children: H.title }),
+    /* @__PURE__ */ n("p", { style: C.description, children: H.description }),
+    /* @__PURE__ */ l("form", { onSubmit: J, style: C.form, children: [
+      /* @__PURE__ */ l("div", { style: C.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: C.label, children: H.emailLabel }),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            id: "email",
+            name: "email",
+            type: "email",
             value: f,
-            onChange: (C) => {
-              L(C.target.value), D.tenantName && E((U) => ({ ...U, tenantName: !1 }));
+            onChange: (N) => {
+              m(N.target.value), q.email && S((K) => ({ ...K, email: !1 }));
             },
-            placeholder: u.tenantNamePlaceholder,
-            style: I("tenantName"),
-            disabled: y
+            placeholder: H.emailPlaceholder,
+            style: O("email"),
+            disabled: g || u
           }
         )
       ] }),
-      /* @__PURE__ */ s("button", { type: "submit", disabled: !_ || y, style: N(), children: y ? u.loadingText : u.submitButton }),
-      k && /* @__PURE__ */ s("div", { style: a.errorText, children: k })
+      !c && /* @__PURE__ */ n("div", { style: { textAlign: "center", marginTop: "0.5rem" }, children: /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: () => h(!0),
+          style: {
+            background: "none",
+            border: "none",
+            color: "#3b82f6",
+            fontSize: "0.875rem",
+            cursor: "pointer",
+            textDecoration: "underline"
+          },
+          children: "New user? Add your name"
+        }
+      ) }),
+      c && /* @__PURE__ */ l(D, { children: [
+        /* @__PURE__ */ l("div", { style: C.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: C.label, children: H.nameLabel }),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              id: "name",
+              name: "name",
+              type: "text",
+              value: M,
+              onChange: (N) => {
+                w(N.target.value), q.name && S((K) => ({ ...K, name: !1 }));
+              },
+              placeholder: H.namePlaceholder,
+              style: O("name"),
+              disabled: g || u
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l("div", { style: C.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: C.label, children: H.lastNameLabel }),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              id: "lastName",
+              name: "lastName",
+              type: "text",
+              value: v,
+              onChange: (N) => I(N.target.value),
+              placeholder: H.lastNamePlaceholder,
+              style: C.input,
+              disabled: g || u
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n("div", { style: { textAlign: "center", marginTop: "0.5rem" }, children: /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              h(!1), w(""), I("");
+            },
+            style: {
+              background: "none",
+              border: "none",
+              color: "#6b7280",
+              fontSize: "0.875rem",
+              cursor: "pointer",
+              textDecoration: "underline"
+            },
+            children: "Existing user? Hide name fields"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ n("button", { type: "submit", disabled: !f || g || u, style: j(), children: g ? H.loadingText : H.submitButton }),
+      x && /* @__PURE__ */ n("div", { style: C.errorText, children: x }),
+      B && /* @__PURE__ */ n("div", { style: C.successText, children: B })
     ] }),
-    m && /* @__PURE__ */ c("div", { style: a.linkContainer, children: [
-      /* @__PURE__ */ c("span", { style: a.divider, children: [
-        u.loginText,
-        " "
+    b && /* @__PURE__ */ l("div", { style: C.linkContainer, children: [
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: C.divider, children: [
+          H.loginText,
+          " "
+        ] }),
+        /* @__PURE__ */ n("a", { onClick: s, style: C.link, children: H.loginLink })
       ] }),
-      /* @__PURE__ */ s("a", { onClick: o, style: a.link, children: u.loginLink })
+      /* @__PURE__ */ n("div", { style: C.divider, children: "•" }),
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ l("span", { style: C.divider, children: [
+          H.signupText,
+          " "
+        ] }),
+        /* @__PURE__ */ n("a", { onClick: a, style: C.link, children: H.signupLink })
+      ] })
     ] })
   ] });
 }
-const Ge = {
+const et = {
+  title: "Verifying Magic Link",
+  verifyingMessage: "Please wait while we verify your magic link...",
+  successMessage: "Magic link verified successfully! You are now logged in.",
+  errorMessage: "Failed to verify magic link. The link may be expired or invalid.",
+  redirectingMessage: "Redirecting you to the dashboard...",
+  retryButton: "Try Again",
+  backToLoginButton: "Back to Login"
+}, Ae = {
+  container: {
+    maxWidth: "400px",
+    width: "100%",
+    margin: "0 auto",
+    padding: "2rem",
+    backgroundColor: "#ffffff",
+    borderRadius: "8px",
+    boxShadow: "0 2px 10px rgba(0, 0, 0, 0.1)"
+  },
+  card: {
+    // Not used in new design, keeping for compatibility
+    backgroundColor: "transparent",
+    padding: "0",
+    borderRadius: "0",
+    boxShadow: "none",
+    maxWidth: "100%",
+    width: "100%",
+    textAlign: "center"
+  },
+  title: {
+    fontSize: "1.5rem",
+    fontWeight: "bold",
+    textAlign: "center",
+    marginBottom: "1.5rem",
+    color: "#333333"
+  },
+  message: {
+    fontSize: "1rem",
+    color: "#6b7280",
+    marginBottom: "1.5rem",
+    lineHeight: "1.5",
+    textAlign: "center"
+  },
+  successMessage: {
+    fontSize: "1rem",
+    color: "#059669",
+    marginBottom: "1.5rem",
+    lineHeight: "1.5",
+    textAlign: "center"
+  },
+  errorMessage: {
+    fontSize: "0.875rem",
+    color: "#ef4444",
+    textAlign: "center",
+    marginBottom: "1rem",
+    lineHeight: "1.5"
+  },
+  spinner: {
+    display: "inline-block",
+    width: "20px",
+    height: "20px",
+    border: "2px solid #e5e7eb",
+    borderTop: "2px solid #3b82f6",
+    borderRadius: "50%",
+    animation: "spin 1s linear infinite",
+    marginRight: "0.5rem"
+  },
+  buttonContainer: {
+    display: "flex",
+    gap: "0.75rem",
+    justifyContent: "center",
+    flexWrap: "wrap",
+    marginTop: "1rem"
+  },
+  retryButton: {
+    padding: "0.75rem 1rem",
+    backgroundColor: "#3b82f6",
+    color: "white",
+    border: "none",
+    borderRadius: "6px",
+    fontSize: "1rem",
+    fontWeight: "500",
+    cursor: "pointer",
+    transition: "background-color 0.15s ease-in-out"
+  },
+  backButton: {
+    padding: "0.75rem 1rem",
+    backgroundColor: "#f3f4f6",
+    color: "#374151",
+    border: "1px solid #d1d5db",
+    borderRadius: "6px",
+    fontSize: "1rem",
+    fontWeight: "500",
+    cursor: "pointer",
+    transition: "all 0.15s ease-in-out"
+  }
+}, tt = () => /* @__PURE__ */ n("div", { style: Ae.spinner }), rt = () => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "#059669",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style: { margin: "0 auto 1rem auto", display: "block" },
+    children: [
+      /* @__PURE__ */ n("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+      /* @__PURE__ */ n("polyline", { points: "22,4 12,14.01 9,11.01" })
+    ]
+  }
+), nt = () => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: "48",
+    height: "48",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "#ef4444",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style: { margin: "0 auto 1rem auto", display: "block" },
+    children: [
+      /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ n("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+      /* @__PURE__ */ n("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+    ]
+  }
+), st = {
+  loading: /* @__PURE__ */ n(tt, {}),
+  success: /* @__PURE__ */ n(rt, {}),
+  error: /* @__PURE__ */ n(nt, {})
+};
+function Lt({
+  copy: i = {},
+  styles: e = {},
+  icons: t = {},
+  onSuccess: r,
+  onError: s,
+  onRetry: a,
+  onBackToLogin: b,
+  className: E,
+  token: L,
+  email: P,
+  appId: f,
+  tenantId: m,
+  autoRedirectDelay: M = 3e3
+}) {
+  const [w, v] = p("verifying"), [I, g] = p(""), { verifyMagicLink: U } = ie(), u = { ...et, ...i }, y = { ...Ae, ...e }, x = { ...st, ...t }, F = () => {
+    if (typeof window > "u") return {};
+    const c = new URLSearchParams(window.location.search);
+    return {
+      token: L || c.get("token") || "",
+      email: P || c.get("email") || "",
+      appId: f || c.get("appId") || "",
+      tenantId: m || c.get("tenantId") || void 0
+    };
+  }, B = async () => {
+    v("verifying"), g("");
+    try {
+      const c = F();
+      if (!c.token || !c.email || !c.appId)
+        throw new Error("Missing required parameters: token, email, or appId");
+      const h = await U(
+        c.token,
+        c.email,
+        c.appId,
+        c.tenantId
+      );
+      v("success"), r == null || r(h), M > 0 && setTimeout(() => {
+        v("redirecting");
+      }, M);
+    } catch (c) {
+      const h = c.message || u.errorMessage;
+      g(h), v("error"), s == null || s(h);
+    }
+  }, z = () => {
+    a == null || a(), B();
+  }, q = () => {
+    b == null || b();
+  };
+  Z(() => {
+    B();
+  }, []);
+  const S = () => {
+    switch (w) {
+      case "verifying":
+        return /* @__PURE__ */ l("div", { style: y.message, children: [
+          x.loading,
+          u.verifyingMessage
+        ] });
+      case "success":
+        return /* @__PURE__ */ l(D, { children: [
+          x.success,
+          /* @__PURE__ */ n("div", { style: y.successMessage, children: u.successMessage })
+        ] });
+      case "redirecting":
+        return /* @__PURE__ */ l(D, { children: [
+          x.loading,
+          /* @__PURE__ */ n("div", { style: y.message, children: u.redirectingMessage })
+        ] });
+      case "error":
+        return /* @__PURE__ */ l(D, { children: [
+          x.error,
+          /* @__PURE__ */ n("div", { style: y.errorMessage, children: I || u.errorMessage }),
+          /* @__PURE__ */ l("div", { style: y.buttonContainer, children: [
+            /* @__PURE__ */ n(
+              "button",
+              {
+                onClick: z,
+                style: y.retryButton,
+                onMouseOver: (c) => {
+                  c.currentTarget.style.backgroundColor = "#2563eb";
+                },
+                onMouseOut: (c) => {
+                  c.currentTarget.style.backgroundColor = "#3b82f6";
+                },
+                children: u.retryButton
+              }
+            ),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                onClick: q,
+                style: y.backButton,
+                onMouseOver: (c) => {
+                  c.currentTarget.style.backgroundColor = "#e5e7eb";
+                },
+                onMouseOut: (c) => {
+                  c.currentTarget.style.backgroundColor = "#f3f4f6";
+                },
+                children: u.backToLoginButton
+              }
+            )
+          ] })
+        ] });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ l("div", { style: y.container, className: E, children: [
+    /* @__PURE__ */ n("style", { children: `
+          @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }
+        ` }),
+    /* @__PURE__ */ n("h1", { style: y.title, children: u.title }),
+    S()
+  ] });
+}
+const it = {
   title: "Reset Password",
   subtitle: "Enter your email address and we'll send you a link to reset your password.",
   emailLabel: "Email",
@@ -2157,7 +2862,7 @@ const Ge = {
   resetLoadingText: "Resetting...",
   resetSuccessMessage: "Password reset successfully!",
   passwordMismatchError: "Passwords do not match"
-}, _e = {
+}, ot = {
   container: {
     maxWidth: "400px",
     margin: "0 auto",
@@ -2249,186 +2954,186 @@ const Ge = {
     cursor: "pointer"
   }
 };
-function yt({
+function Rt({
   copy: i = {},
   styles: e = {},
   mode: t = "request",
   token: r = "",
-  onSuccess: n,
-  onError: o,
-  onBackToLogin: m,
-  onModeChange: T,
-  className: M
+  onSuccess: s,
+  onError: a,
+  onBackToLogin: b,
+  onModeChange: E,
+  className: L
 }) {
-  const [P, g] = b(""), [h, x] = b(r), [p, A] = b(""), [F, f] = b(""), [L, y] = b(!1), [S, k] = b(""), [R, D] = b(""), [E, B] = b({}), { requestPasswordReset: d, confirmPasswordReset: w } = ne(), { tenant: u } = K(), a = { ...Ge, ...i }, l = { ..._e, ...e }, W = () => {
-    const q = {};
-    return P.trim() || (q.email = !0), B(q), Object.keys(q).length === 0;
-  }, I = () => {
-    const q = {};
-    return h.trim() || (q.token = !0), p.trim() || (q.newPassword = !0), F.trim() || (q.confirmPassword = !0), B(q), Object.keys(q).length === 0;
-  }, N = async (q) => {
-    if (q.preventDefault(), !!W()) {
-      if (!(u != null && u.id)) {
-        k("Tenant not found");
+  const [P, f] = p(""), [m, M] = p(r), [w, v] = p(""), [I, g] = p(""), [U, u] = p(!1), [y, x] = p(""), [F, B] = p(""), [z, q] = p({}), { requestPasswordReset: S, confirmPasswordReset: c } = ie(), { tenant: h } = re(), o = { ...it, ...i }, d = { ...ot, ...e }, G = () => {
+    const O = {};
+    return P.trim() || (O.email = !0), q(O), Object.keys(O).length === 0;
+  }, Y = () => {
+    const O = {};
+    return m.trim() || (O.token = !0), w.trim() || (O.newPassword = !0), I.trim() || (O.confirmPassword = !0), q(O), Object.keys(O).length === 0;
+  }, H = async (O) => {
+    if (O.preventDefault(), !!G()) {
+      if (!(h != null && h.id)) {
+        x("Tenant not found");
         return;
       }
-      y(!0), k(""), D("");
+      u(!0), x(""), B("");
       try {
-        await d(P, u.id), D(a.successMessage), n == null || n();
-      } catch (O) {
-        const j = O.message || a.errorMessage;
-        k(j), o == null || o(j);
+        await S(P, h.id), B(o.successMessage), s == null || s();
+      } catch (j) {
+        const N = j.message || o.errorMessage;
+        x(N), a == null || a(N);
       } finally {
-        y(!1);
+        u(!1);
       }
     }
-  }, _ = async (q) => {
-    if (q.preventDefault(), !!I()) {
-      if (p !== F) {
-        k(a.passwordMismatchError), B({ confirmPassword: !0 });
+  }, C = async (O) => {
+    if (O.preventDefault(), !!Y()) {
+      if (w !== I) {
+        x(o.passwordMismatchError), q({ confirmPassword: !0 });
         return;
       }
-      y(!0), k(""), D("");
+      u(!0), x(""), B("");
       try {
-        await w(h, p), D(a.resetSuccessMessage), n == null || n();
-      } catch (O) {
-        const j = O.message || a.errorMessage;
-        k(j), o == null || o(j);
+        await c(m, w), B(o.resetSuccessMessage), s == null || s();
+      } catch (j) {
+        const N = j.message || o.errorMessage;
+        x(N), a == null || a(N);
       } finally {
-        y(!1);
+        u(!1);
       }
     }
-  }, C = (q) => ({
-    ...l.input,
-    ...E[q] ? l.inputError : {}
-  }), U = () => ({
-    ...l.button,
-    ...L ? l.buttonLoading : {}
+  }, k = (O) => ({
+    ...d.input,
+    ...z[O] ? d.inputError : {}
+  }), T = () => ({
+    ...d.button,
+    ...U ? d.buttonLoading : {}
   });
   if (t === "reset") {
-    const q = h && p && F;
-    return /* @__PURE__ */ c("div", { className: M, style: l.container, children: [
-      /* @__PURE__ */ s("h2", { style: l.title, children: a.resetTitle }),
-      /* @__PURE__ */ s("p", { style: l.subtitle, children: a.resetSubtitle }),
-      /* @__PURE__ */ c("form", { onSubmit: _, style: l.form, children: [
-        /* @__PURE__ */ c("div", { style: l.fieldGroup, children: [
-          /* @__PURE__ */ s("label", { style: l.label, children: a.tokenLabel }),
-          /* @__PURE__ */ s(
+    const O = m && w && I;
+    return /* @__PURE__ */ l("div", { className: L, style: d.container, children: [
+      /* @__PURE__ */ n("h2", { style: d.title, children: o.resetTitle }),
+      /* @__PURE__ */ n("p", { style: d.subtitle, children: o.resetSubtitle }),
+      /* @__PURE__ */ l("form", { onSubmit: C, style: d.form, children: [
+        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: o.tokenLabel }),
+          /* @__PURE__ */ n(
             "input",
             {
               type: "text",
-              value: h,
-              onChange: (O) => {
-                x(O.target.value), E.token && B((j) => ({ ...j, token: !1 }));
+              value: m,
+              onChange: (j) => {
+                M(j.target.value), z.token && q((N) => ({ ...N, token: !1 }));
               },
-              placeholder: a.tokenPlaceholder,
-              style: C("token"),
-              disabled: L
+              placeholder: o.tokenPlaceholder,
+              style: k("token"),
+              disabled: U
             }
           )
         ] }),
-        /* @__PURE__ */ c("div", { style: l.fieldGroup, children: [
-          /* @__PURE__ */ s("label", { style: l.label, children: a.newPasswordLabel }),
-          /* @__PURE__ */ s(
+        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: o.newPasswordLabel }),
+          /* @__PURE__ */ n(
             "input",
             {
               type: "password",
-              value: p,
-              onChange: (O) => {
-                A(O.target.value), E.newPassword && B((j) => ({ ...j, newPassword: !1 }));
+              value: w,
+              onChange: (j) => {
+                v(j.target.value), z.newPassword && q((N) => ({ ...N, newPassword: !1 }));
               },
-              placeholder: a.newPasswordPlaceholder,
-              style: C("newPassword"),
-              disabled: L
+              placeholder: o.newPasswordPlaceholder,
+              style: k("newPassword"),
+              disabled: U
             }
           )
         ] }),
-        /* @__PURE__ */ c("div", { style: l.fieldGroup, children: [
-          /* @__PURE__ */ s("label", { style: l.label, children: a.confirmPasswordLabel }),
-          /* @__PURE__ */ s(
+        /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+          /* @__PURE__ */ n("label", { style: d.label, children: o.confirmPasswordLabel }),
+          /* @__PURE__ */ n(
             "input",
             {
               type: "password",
-              value: F,
-              onChange: (O) => {
-                f(O.target.value), E.confirmPassword && B((j) => ({ ...j, confirmPassword: !1 })), S === a.passwordMismatchError && k("");
+              value: I,
+              onChange: (j) => {
+                g(j.target.value), z.confirmPassword && q((N) => ({ ...N, confirmPassword: !1 })), y === o.passwordMismatchError && x("");
               },
-              placeholder: a.confirmPasswordPlaceholder,
-              style: C("confirmPassword"),
-              disabled: L
+              placeholder: o.confirmPasswordPlaceholder,
+              style: k("confirmPassword"),
+              disabled: U
             }
           )
         ] }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           "button",
           {
             type: "submit",
-            disabled: !q || L,
+            disabled: !O || U,
             style: {
-              ...U(),
-              ...!q || L ? l.buttonDisabled : {}
+              ...T(),
+              ...!O || U ? d.buttonDisabled : {}
             },
-            children: L ? a.resetLoadingText : a.resetSubmitButton
+            children: U ? o.resetLoadingText : o.resetSubmitButton
           }
         ),
-        S && /* @__PURE__ */ s("div", { style: l.errorText, children: S }),
-        R && /* @__PURE__ */ s("div", { style: l.successText, children: R })
+        y && /* @__PURE__ */ n("div", { style: d.errorText, children: y }),
+        F && /* @__PURE__ */ n("div", { style: d.successText, children: F })
       ] }),
-      /* @__PURE__ */ c("div", { style: l.linkContainer, children: [
-        /* @__PURE__ */ s("a", { onClick: m, style: l.link, children: a.backToLoginLink }),
-        T && /* @__PURE__ */ c(H, { children: [
-          /* @__PURE__ */ s("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-          /* @__PURE__ */ s("a", { onClick: () => T("request"), style: l.link, children: "Request New Link" })
+      /* @__PURE__ */ l("div", { style: d.linkContainer, children: [
+        /* @__PURE__ */ n("a", { onClick: b, style: d.link, children: o.backToLoginLink }),
+        E && /* @__PURE__ */ l(D, { children: [
+          /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
+          /* @__PURE__ */ n("a", { onClick: () => E("request"), style: d.link, children: "Request New Link" })
         ] })
       ] })
     ] });
   }
-  const Q = P;
-  return /* @__PURE__ */ c("div", { className: M, style: l.container, children: [
-    /* @__PURE__ */ s("h2", { style: l.title, children: a.title }),
-    /* @__PURE__ */ s("p", { style: l.subtitle, children: a.subtitle }),
-    /* @__PURE__ */ c("form", { onSubmit: N, style: l.form, children: [
-      /* @__PURE__ */ c("div", { style: l.fieldGroup, children: [
-        /* @__PURE__ */ s("label", { style: l.label, children: a.emailLabel }),
-        /* @__PURE__ */ s(
+  const J = P;
+  return /* @__PURE__ */ l("div", { className: L, style: d.container, children: [
+    /* @__PURE__ */ n("h2", { style: d.title, children: o.title }),
+    /* @__PURE__ */ n("p", { style: d.subtitle, children: o.subtitle }),
+    /* @__PURE__ */ l("form", { onSubmit: H, style: d.form, children: [
+      /* @__PURE__ */ l("div", { style: d.fieldGroup, children: [
+        /* @__PURE__ */ n("label", { style: d.label, children: o.emailLabel }),
+        /* @__PURE__ */ n(
           "input",
           {
             type: "email",
             value: P,
-            onChange: (q) => {
-              g(q.target.value), E.email && B((O) => ({ ...O, email: !1 }));
+            onChange: (O) => {
+              f(O.target.value), z.email && q((j) => ({ ...j, email: !1 }));
             },
-            placeholder: a.emailPlaceholder,
-            style: C("email"),
-            disabled: L
+            placeholder: o.emailPlaceholder,
+            style: k("email"),
+            disabled: U
           }
         )
       ] }),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
         "button",
         {
           type: "submit",
-          disabled: !Q || L,
+          disabled: !J || U,
           style: {
-            ...U(),
-            ...!Q || L ? l.buttonDisabled : {}
+            ...T(),
+            ...!J || U ? d.buttonDisabled : {}
           },
-          children: L ? a.loadingText : a.submitButton
+          children: U ? o.loadingText : o.submitButton
         }
       ),
-      S && /* @__PURE__ */ s("div", { style: l.errorText, children: S }),
-      R && /* @__PURE__ */ s("div", { style: l.successText, children: R })
+      y && /* @__PURE__ */ n("div", { style: d.errorText, children: y }),
+      F && /* @__PURE__ */ n("div", { style: d.successText, children: F })
     ] }),
-    /* @__PURE__ */ c("div", { style: l.linkContainer, children: [
-      /* @__PURE__ */ s("a", { onClick: m, style: l.link, children: a.backToLoginLink }),
-      T && /* @__PURE__ */ c(H, { children: [
-        /* @__PURE__ */ s("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
-        /* @__PURE__ */ s("a", { onClick: () => T("reset"), style: l.link, children: "I have a token" })
+    /* @__PURE__ */ l("div", { style: d.linkContainer, children: [
+      /* @__PURE__ */ n("a", { onClick: b, style: d.link, children: o.backToLoginLink }),
+      E && /* @__PURE__ */ l(D, { children: [
+        /* @__PURE__ */ n("span", { style: { margin: "0 0.5rem", color: "#6b7280" }, children: "•" }),
+        /* @__PURE__ */ n("a", { onClick: () => E("reset"), style: d.link, children: "I have a token" })
       ] })
     ] })
   ] });
 }
-class wt {
+class Ct {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -2449,12 +3154,12 @@ class wt {
       throw new Error("SessionManager is required for private endpoints");
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder);
-    const n = `/permissions/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/permissions/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      permissions: o.data,
-      meta: o.meta
+      permissions: a.data,
+      meta: a.meta
     };
   }
   async getPermissionById(e) {
@@ -2489,14 +3194,14 @@ class wt {
   async getAppPermissions(e, t) {
     const r = new URLSearchParams();
     t != null && t.page && r.append("page", t.page.toString()), t != null && t.limit && r.append("limit", t.limit.toString()), t != null && t.sortBy && r.append("sortBy", t.sortBy), t != null && t.sortOrder && r.append("sortOrder", t.sortOrder);
-    const n = `/permissions/apps/${e}${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n);
+    const s = `/permissions/apps/${e}${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s);
     return {
-      permissions: o.data,
-      meta: o.meta
+      permissions: a.data,
+      meta: a.meta
     };
   }
 }
-class mt {
+class It {
   constructor(e, t) {
     this.httpService = e, this.sessionManager = t;
   }
@@ -2513,12 +3218,12 @@ class mt {
   async getSubscriptionPlans(e) {
     const t = await this.sessionManager.getAuthHeaders(), r = new URLSearchParams();
     e != null && e.page && r.append("page", e.page.toString()), e != null && e.limit && r.append("limit", e.limit.toString()), e != null && e.sortBy && r.append("sortBy", e.sortBy), e != null && e.sortOrder && r.append("sortOrder", e.sortOrder), e != null && e.appId && r.append("appId", e.appId);
-    const n = `/subscription-plans/${r.toString() ? `?${r.toString()}` : ""}`, o = await this.httpService.get(n, {
+    const s = `/subscription-plans/${r.toString() ? `?${r.toString()}` : ""}`, a = await this.httpService.get(s, {
       headers: t
     });
     return {
-      plans: o.data,
-      meta: o.meta
+      plans: a.data,
+      meta: a.meta
     };
   }
   async getSubscriptionPlanById(e) {
@@ -2547,7 +3252,7 @@ class mt {
     });
   }
 }
-class bt {
+class Ft {
   constructor(e) {
     this.httpService = e;
   }
@@ -2556,7 +3261,7 @@ class bt {
     return await this.httpService.get("/health");
   }
 }
-class St {
+class Ht {
   // Date string to Date object
   static toDate(e) {
     return new Date(e);
@@ -2673,48 +3378,50 @@ class St {
   // Transform query parameters for API calls
   static transformQueryParams(e) {
     const t = new URLSearchParams();
-    return Object.entries(e).forEach(([r, n]) => {
-      n != null && n !== "" && t.append(r, String(n));
+    return Object.entries(e).forEach(([r, s]) => {
+      s != null && s !== "" && t.append(r, String(s));
     }), t;
   }
 }
 export {
-  St as ApiMappers,
-  Se as AppApiService,
-  et as AppProvider,
-  Pe as AuthApiService,
-  it as AuthProvider,
-  gt as FeatureFlag,
-  Ee as FeatureFlagApiService,
-  ot as FeatureFlagProvider,
-  bt as HealthApiService,
-  G as HttpService,
-  ut as LandingRoute,
-  pt as LoginForm,
-  yt as PasswordRecoveryForm,
-  wt as PermissionApiService,
-  lt as Protected,
-  ct as ProtectedRoute,
-  ce as RoleApiService,
-  Ae as SessionManager,
-  ft as SignupForm,
-  Fe as SubscriptionApiService,
-  ht as SubscriptionGuard,
-  mt as SubscriptionPlanApiService,
-  at as SubscriptionProvider,
-  de as TenantApiService,
-  rt as TenantProvider,
-  dt as TenantRoute,
-  ke as UserApiService,
-  X as UserType,
-  tt as useApi,
-  se as useApp,
-  ne as useAuth,
-  Re as useFeatureFlags,
-  nt as useSettings,
-  Ie as useSubscription,
-  le as useTenant,
-  K as useTenantInfo,
-  st as useTenantSettings
+  Ht as ApiMappers,
+  Te as AppApiService,
+  ht as AppProvider,
+  Re as AuthApiService,
+  yt as AuthProvider,
+  Pt as FeatureFlag,
+  He as FeatureFlagApiService,
+  bt as FeatureFlagProvider,
+  Ft as HealthApiService,
+  te as HttpService,
+  kt as LandingRoute,
+  Tt as LoginForm,
+  Et as MagicLinkForm,
+  Lt as MagicLinkVerify,
+  Rt as PasswordRecoveryForm,
+  Ct as PermissionApiService,
+  vt as Protected,
+  St as ProtectedRoute,
+  pe as RoleApiService,
+  Le as SessionManager,
+  Mt as SignupForm,
+  De as SubscriptionApiService,
+  At as SubscriptionGuard,
+  It as SubscriptionPlanApiService,
+  wt as SubscriptionProvider,
+  fe as TenantApiService,
+  pt as TenantProvider,
+  xt as TenantRoute,
+  Ce as UserApiService,
+  se as UserType,
+  gt as useApi,
+  ne as useApp,
+  ie as useAuth,
+  $e as useFeatureFlags,
+  mt as useSettings,
+  Be as useSubscription,
+  ge as useTenant,
+  re as useTenantInfo,
+  ft as useTenantSettings
 };
 //# sourceMappingURL=index.es.js.map