@authagonal/login 0.3.2 → 0.3.4

package/dist/index.d.ts

@@ -13,11 +13,14 @@ export { default as ForgotPasswordPage } from './pages/ForgotPasswordPage';
 export { default as ResetPasswordPage } from './pages/ResetPasswordPage';
 export { default as MfaChallengePage } from './pages/MfaChallengePage';
 export { default as MfaSetupPage } from './pages/MfaSetupPage';
+export { default as ConsentPage } from './pages/ConsentPage';
+export { default as DevicePage } from './pages/DevicePage';
+export { default as GrantsPage } from './pages/GrantsPage';
 export { default as App } from './App';
 export { loadBranding, BrandingContext, useBranding, resolveLocalized } from './branding';
 export type { BrandingConfig, LocalizedString } from './branding';
-export { login, logout, forgotPassword, resetPassword, getSession, ssoCheck, getProviders, getPasswordPolicy, mfaVerify, mfaStatus, mfaTotpSetup, mfaTotpConfirm, mfaWebAuthnSetup, mfaWebAuthnConfirm, mfaRecoveryGenerate, mfaDeleteCredential, ApiRequestError } from './api';
-export type { LoginResponse, ApiError, SessionResponse, SsoCheckResponse, ExternalProvider, ProvidersResponse, PasswordPolicyRule, PasswordPolicyResponse, MfaLoginResponse, MfaVerifyResponse, MfaStatusResponse, MfaMethod, MfaTotpSetupResponse, MfaRecoveryGenerateResponse, MfaWebAuthnSetupResponse, MfaWebAuthnConfirmResponse } from './types';
+export { login, register, logout, forgotPassword, resetPassword, getSession, ssoCheck, getProviders, getPasswordPolicy, mfaVerify, mfaStatus, mfaTotpSetup, mfaTotpConfirm, mfaWebAuthnSetup, mfaWebAuthnConfirm, mfaRecoveryGenerate, mfaDeleteCredential, ApiRequestError } from './api';
+export type { LoginResponse, RegisterResponse, ApiError, SessionResponse, SsoCheckResponse, ExternalProvider, ProvidersResponse, PasswordPolicyRule, PasswordPolicyResponse, MfaLoginResponse, MfaVerifyResponse, MfaStatusResponse, MfaMethod, MfaTotpSetupResponse, MfaRecoveryGenerateResponse, MfaWebAuthnSetupResponse, MfaWebAuthnConfirmResponse } from './types';
 export { default as i18n } from './i18n';
 export { useTranslation } from 'react-i18next';
 import './styles.css';

package/dist/index.js

@@ -5979,9 +5979,121 @@ function Di() {
 	] });
 }
 //#endregion
-//#region src/pages/DevicePage.tsx
-var Oi = "";
+//#region src/pages/ConsentPage.tsx
+var Oi = {
+	openid: "consent.scopeOpenid",
+	profile: "consent.scopeProfile",
+	email: "consent.scopeEmail",
+	offline_access: "consent.scopeOfflineAccess",
+	address: "consent.scopeAddress",
+	phone: "consent.scopePhone"
+};
 function ki() {
+	let { t: e } = L(), [t] = _(), n = t.get("client_id") ?? "", r = t.get("scope") ?? "openid", i = t.get("returnUrl") ?? "/", [o, c] = s(null), [d, f] = s(!0), [p, m] = s(!1), [h, g] = s("");
+	a(() => {
+		fetch(`/consent/info?client_id=${encodeURIComponent(n)}&scope=${encodeURIComponent(r)}`).then(async (e) => {
+			if (!e.ok) throw Error("Failed to load");
+			c(await e.json());
+		}).catch(() => g(e("consent.loadError"))).finally(() => f(!1));
+	}, [
+		n,
+		r,
+		e
+	]);
+	async function v(t) {
+		m(!0), g("");
+		try {
+			let e = await (await fetch("/consent", {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					clientId: n,
+					decision: t,
+					scopes: o?.scopes ?? r.split(" "),
+					returnUrl: i
+				})
+			})).json();
+			e.redirect && (window.location.href = e.redirect);
+		} catch {
+			g(e("consent.submitError")), m(!1);
+		}
+	}
+	return d ? /* @__PURE__ */ l(Rr, { children: /* @__PURE__ */ l("p", {
+		className: "text-sm text-gray-500 dark:text-gray-400 text-center",
+		children: e("consent.loading")
+	}) }) : /* @__PURE__ */ u(Rr, { children: [
+		o?.logoUri && /* @__PURE__ */ l("div", {
+			className: "flex justify-center mb-4",
+			children: /* @__PURE__ */ l("img", {
+				src: o.logoUri,
+				alt: o.clientName,
+				className: "h-12 w-12 rounded-lg object-contain",
+				onError: (e) => {
+					e.currentTarget.style.display = "none";
+				}
+			})
+		}),
+		/* @__PURE__ */ l(W, { children: e("consent.title", { appName: o?.clientName ?? n }) }),
+		/* @__PURE__ */ l("p", {
+			className: "text-sm text-gray-500 dark:text-gray-400 mb-4",
+			children: e("consent.subtitle", { appName: o?.clientName ?? n })
+		}),
+		o?.description && /* @__PURE__ */ l("p", {
+			className: "text-sm text-gray-600 dark:text-gray-300 mb-4",
+			children: o.description
+		}),
+		o?.clientUri && /* @__PURE__ */ l("p", {
+			className: "text-xs text-gray-500 dark:text-gray-400 mb-4",
+			children: /* @__PURE__ */ l("a", {
+				href: o.clientUri,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				className: "text-primary hover:underline",
+				children: o.clientUri
+			})
+		}),
+		h && /* @__PURE__ */ l(Q, {
+			variant: "error",
+			children: h
+		}),
+		/* @__PURE__ */ l("div", {
+			className: "space-y-2 mb-6",
+			children: (o?.scopes ?? r.split(" ")).map((t) => {
+				let n = Oi[t];
+				return /* @__PURE__ */ u("div", {
+					className: "flex items-center gap-3 p-3 bg-gray-50 dark:bg-gray-800/60 rounded-lg",
+					children: [/* @__PURE__ */ l("div", { className: "w-2 h-2 bg-primary rounded-full shrink-0" }), /* @__PURE__ */ l("span", {
+						className: "text-sm text-gray-700 dark:text-gray-300",
+						children: n ? e(n) : t
+					})]
+				}, t);
+			})
+		}),
+		/* @__PURE__ */ u("div", {
+			className: "flex gap-3",
+			children: [/* @__PURE__ */ l(Y, {
+				onClick: () => v("allow"),
+				loading: p,
+				className: "flex-1",
+				children: e("consent.allow")
+			}), /* @__PURE__ */ l(Y, {
+				variant: "secondary",
+				onClick: () => v("deny"),
+				disabled: p,
+				className: "flex-1",
+				children: e("consent.deny")
+			})]
+		}),
+		/* @__PURE__ */ l(G, { children: /* @__PURE__ */ l("p", {
+			className: "text-xs text-gray-400 dark:text-gray-500",
+			children: e("consent.hint")
+		}) })
+	] });
+}
+//#endregion
+//#region src/pages/DevicePage.tsx
+var Ai = "";
+function ji() {
 	let e = g(), [t] = _(), [n, r] = s(t.get("user_code") || ""), [i, o] = s(!1), [c, d] = s(!0), [f, p] = s(!1), [m, h] = s(!1), [v, y] = s("");
 	a(() => {
 		$r().then((e) => {
@@ -5996,7 +6108,7 @@ function ki() {
 			return;
 		}
 		try {
-			let e = await fetch(`${Oi}/api/auth/device/approve`, {
+			let e = await fetch(`${Ai}/api/auth/device/approve`, {
 				method: "POST",
 				headers: { "Content-Type": "application/x-www-form-urlencoded" },
 				credentials: "include",
@@ -6110,118 +6222,6 @@ function ki() {
 	] });
 }
 //#endregion
-//#region src/pages/ConsentPage.tsx
-var Ai = {
-	openid: "consent.scopeOpenid",
-	profile: "consent.scopeProfile",
-	email: "consent.scopeEmail",
-	offline_access: "consent.scopeOfflineAccess",
-	address: "consent.scopeAddress",
-	phone: "consent.scopePhone"
-};
-function ji() {
-	let { t: e } = L(), [t] = _(), n = t.get("client_id") ?? "", r = t.get("scope") ?? "openid", i = t.get("returnUrl") ?? "/", [o, c] = s(null), [d, f] = s(!0), [p, m] = s(!1), [h, g] = s("");
-	a(() => {
-		fetch(`/consent/info?client_id=${encodeURIComponent(n)}&scope=${encodeURIComponent(r)}`).then(async (e) => {
-			if (!e.ok) throw Error("Failed to load");
-			c(await e.json());
-		}).catch(() => g(e("consent.loadError"))).finally(() => f(!1));
-	}, [
-		n,
-		r,
-		e
-	]);
-	async function v(t) {
-		m(!0), g("");
-		try {
-			let e = await (await fetch("/consent", {
-				method: "POST",
-				headers: { "Content-Type": "application/json" },
-				body: JSON.stringify({
-					clientId: n,
-					decision: t,
-					scopes: o?.scopes ?? r.split(" "),
-					returnUrl: i
-				})
-			})).json();
-			e.redirect && (window.location.href = e.redirect);
-		} catch {
-			g(e("consent.submitError")), m(!1);
-		}
-	}
-	return d ? /* @__PURE__ */ l(Rr, { children: /* @__PURE__ */ l("p", {
-		className: "text-sm text-gray-500 dark:text-gray-400 text-center",
-		children: e("consent.loading")
-	}) }) : /* @__PURE__ */ u(Rr, { children: [
-		o?.logoUri && /* @__PURE__ */ l("div", {
-			className: "flex justify-center mb-4",
-			children: /* @__PURE__ */ l("img", {
-				src: o.logoUri,
-				alt: o.clientName,
-				className: "h-12 w-12 rounded-lg object-contain",
-				onError: (e) => {
-					e.currentTarget.style.display = "none";
-				}
-			})
-		}),
-		/* @__PURE__ */ l(W, { children: e("consent.title", { appName: o?.clientName ?? n }) }),
-		/* @__PURE__ */ l("p", {
-			className: "text-sm text-gray-500 dark:text-gray-400 mb-4",
-			children: e("consent.subtitle", { appName: o?.clientName ?? n })
-		}),
-		o?.description && /* @__PURE__ */ l("p", {
-			className: "text-sm text-gray-600 dark:text-gray-300 mb-4",
-			children: o.description
-		}),
-		o?.clientUri && /* @__PURE__ */ l("p", {
-			className: "text-xs text-gray-500 dark:text-gray-400 mb-4",
-			children: /* @__PURE__ */ l("a", {
-				href: o.clientUri,
-				target: "_blank",
-				rel: "noopener noreferrer",
-				className: "text-primary hover:underline",
-				children: o.clientUri
-			})
-		}),
-		h && /* @__PURE__ */ l(Q, {
-			variant: "error",
-			children: h
-		}),
-		/* @__PURE__ */ l("div", {
-			className: "space-y-2 mb-6",
-			children: (o?.scopes ?? r.split(" ")).map((t) => {
-				let n = Ai[t];
-				return /* @__PURE__ */ u("div", {
-					className: "flex items-center gap-3 p-3 bg-gray-50 dark:bg-gray-800/60 rounded-lg",
-					children: [/* @__PURE__ */ l("div", { className: "w-2 h-2 bg-primary rounded-full shrink-0" }), /* @__PURE__ */ l("span", {
-						className: "text-sm text-gray-700 dark:text-gray-300",
-						children: n ? e(n) : t
-					})]
-				}, t);
-			})
-		}),
-		/* @__PURE__ */ u("div", {
-			className: "flex gap-3",
-			children: [/* @__PURE__ */ l(Y, {
-				onClick: () => v("allow"),
-				loading: p,
-				className: "flex-1",
-				children: e("consent.allow")
-			}), /* @__PURE__ */ l(Y, {
-				variant: "secondary",
-				onClick: () => v("deny"),
-				disabled: p,
-				className: "flex-1",
-				children: e("consent.deny")
-			})]
-		}),
-		/* @__PURE__ */ l(G, { children: /* @__PURE__ */ l("p", {
-			className: "text-xs text-gray-400 dark:text-gray-500",
-			children: e("consent.hint")
-		}) })
-	] });
-}
-//#endregion
 //#region src/pages/GrantsPage.tsx
 function Mi() {
 	let { t: e } = L(), [t, n] = s([]), [r, i] = s(!0), [o, c] = s(""), [d, f] = s("");
@@ -6317,11 +6317,11 @@ function Ni() {
 		}),
 		/* @__PURE__ */ l(m, {
 			path: "/device",
-			element: /* @__PURE__ */ l(ki, {})
+			element: /* @__PURE__ */ l(ji, {})
 		}),
 		/* @__PURE__ */ l(m, {
 			path: "/consent",
-			element: /* @__PURE__ */ l(ji, {})
+			element: /* @__PURE__ */ l(ki, {})
 		}),
 		/* @__PURE__ */ l(m, {
 			path: "/grants",
@@ -6337,4 +6337,4 @@ function Ni() {
 	] }) }) });
 }
 //#endregion
-export { Q as Alert, Kr as ApiRequestError, Ni as App, Rr as AuthLayout, R as BrandingContext, Y as Button, Lt as Card, Bt as CardContent, zt as CardDescription, G as CardFooter, Rt as CardHeader, W as CardTitle, hi as ForgotPasswordPage, X as Input, Z as Label, pi as LoginPage, Ci as MfaChallengePage, Di as MfaSetupPage, mi as RegisterPage, yi as ResetPasswordPage, Wr as Separator, U as cn, Zr as forgotPassword, ni as getPasswordPolicy, ti as getProviders, $r as getSession, Pr as i18n, oe as loadBranding, Jr as login, Xr as logout, ui as mfaDeleteCredential, si as mfaRecoveryGenerate, ii as mfaStatus, oi as mfaTotpConfirm, ai as mfaTotpSetup, ri as mfaVerify, li as mfaWebAuthnConfirm, ci as mfaWebAuthnSetup, Qr as resetPassword, ce as resolveLocalized, ei as ssoCheck, se as useBranding, L as useTranslation };
+export { Q as Alert, Kr as ApiRequestError, Ni as App, Rr as AuthLayout, R as BrandingContext, Y as Button, Lt as Card, Bt as CardContent, zt as CardDescription, G as CardFooter, Rt as CardHeader, W as CardTitle, ki as ConsentPage, ji as DevicePage, hi as ForgotPasswordPage, Mi as GrantsPage, X as Input, Z as Label, pi as LoginPage, Ci as MfaChallengePage, Di as MfaSetupPage, mi as RegisterPage, yi as ResetPasswordPage, Wr as Separator, U as cn, Zr as forgotPassword, ni as getPasswordPolicy, ti as getProviders, $r as getSession, Pr as i18n, oe as loadBranding, Jr as login, Xr as logout, ui as mfaDeleteCredential, si as mfaRecoveryGenerate, ii as mfaStatus, oi as mfaTotpConfirm, ai as mfaTotpSetup, ri as mfaVerify, li as mfaWebAuthnConfirm, ci as mfaWebAuthnSetup, Yr as register, Qr as resetPassword, ce as resolveLocalized, ei as ssoCheck, se as useBranding, L as useTranslation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authagonal/login",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "Default login UI for Authagonal — runtime-configurable via branding.json",
   "type": "module",
   "license": "MIT",

package/src/index.ts

@@ -21,6 +21,9 @@ export { default as ForgotPasswordPage } from './pages/ForgotPasswordPage';
 export { default as ResetPasswordPage } from './pages/ResetPasswordPage';
 export { default as MfaChallengePage } from './pages/MfaChallengePage';
 export { default as MfaSetupPage } from './pages/MfaSetupPage';
+export { default as ConsentPage } from './pages/ConsentPage';
+export { default as DevicePage } from './pages/DevicePage';
+export { default as GrantsPage } from './pages/GrantsPage';
 
 // App — standalone SPA with routing (for consumers that want the full app)
 export { default as App } from './App';
@@ -30,10 +33,10 @@ export { loadBranding, BrandingContext, useBranding, resolveLocalized } from './
 export type { BrandingConfig, LocalizedString } from './branding';
 
 // API client
-export { login, logout, forgotPassword, resetPassword, getSession, ssoCheck, getProviders, getPasswordPolicy, mfaVerify, mfaStatus, mfaTotpSetup, mfaTotpConfirm, mfaWebAuthnSetup, mfaWebAuthnConfirm, mfaRecoveryGenerate, mfaDeleteCredential, ApiRequestError } from './api';
+export { login, register, logout, forgotPassword, resetPassword, getSession, ssoCheck, getProviders, getPasswordPolicy, mfaVerify, mfaStatus, mfaTotpSetup, mfaTotpConfirm, mfaWebAuthnSetup, mfaWebAuthnConfirm, mfaRecoveryGenerate, mfaDeleteCredential, ApiRequestError } from './api';
 
 // Types
-export type { LoginResponse, ApiError, SessionResponse, SsoCheckResponse, ExternalProvider, ProvidersResponse, PasswordPolicyRule, PasswordPolicyResponse, MfaLoginResponse, MfaVerifyResponse, MfaStatusResponse, MfaMethod, MfaTotpSetupResponse, MfaRecoveryGenerateResponse, MfaWebAuthnSetupResponse, MfaWebAuthnConfirmResponse } from './types';
+export type { LoginResponse, RegisterResponse, ApiError, SessionResponse, SsoCheckResponse, ExternalProvider, ProvidersResponse, PasswordPolicyRule, PasswordPolicyResponse, MfaLoginResponse, MfaVerifyResponse, MfaStatusResponse, MfaMethod, MfaTotpSetupResponse, MfaRecoveryGenerateResponse, MfaWebAuthnSetupResponse, MfaWebAuthnConfirmResponse } from './types';
 
 // i18n — re-export so consumers use the same react-i18next instance
 export { default as i18n } from './i18n';