@thunderid/react 1.10.1 → 1.11.0

package/dist/components/auth/DeviceGrant/BaseDeviceGrant.js

@@ -0,0 +1,58 @@
+import useTheme_default from "../../../contexts/Theme/useTheme.js";
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import BaseDeviceGrant_styles_default from "./BaseDeviceGrant.styles.js";
+import Typography_default from "../../primitives/Typography/Typography.js";
+import Card_default from "../../primitives/Card/Card.js";
+import BaseSignIn_default from "../SignIn/BaseSignIn.js";
+import { createElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/auth/DeviceGrant/BaseDeviceGrant.tsx
+/** Renders the server-described Device Grant prompt independently of SDK orchestration. */
+const BaseDeviceGrant = ({ components, className = "", completeMessage = void 0, completeDescription = void 0, failedMessage = void 0, failedDescription = void 0, error, isLoading, preferences, result = null, variant = "default",...signInProps }) => {
+	const { theme } = useTheme_default();
+	const { t } = useTranslation_default(preferences?.i18n);
+	const styles = BaseDeviceGrant_styles_default(theme);
+	if ((error || result) && components.length === 0) {
+		const isSuccess = result === "success" && !error;
+		const resolvedCompleteMessage = completeMessage ?? t("deviceGrant.messages.complete");
+		const resolvedCompleteDescription = completeDescription ?? t("deviceGrant.messages.completeDescription");
+		const resolvedFailedMessage = failedMessage ?? t("deviceGrant.messages.failed");
+		const resolvedFailedDescription = failedDescription ?? t("deviceGrant.messages.failedDescription");
+		const title = isSuccess ? resolvedCompleteMessage : resolvedFailedMessage;
+		const description = isSuccess ? resolvedCompleteDescription : !error || error.message === resolvedFailedMessage ? resolvedFailedDescription : error.message;
+		return /* @__PURE__ */ jsxs(Card_default, {
+			className: `${styles["terminalCard"]} ${className}`,
+			"data-testid": "device-grant-result",
+			variant,
+			children: [/* @__PURE__ */ jsx(Typography_default, {
+				className: styles["terminalTitle"],
+				color: isSuccess ? "success" : "error",
+				component: "h2",
+				fontWeight: 600,
+				variant: "h6",
+				children: title
+			}), /* @__PURE__ */ jsx(Typography_default, {
+				className: styles["terminalDescription"],
+				color: "textSecondary",
+				component: "p",
+				variant: "caption",
+				children: description
+			})]
+		});
+	}
+	return /* @__PURE__ */ createElement(BaseSignIn_default, {
+		...signInProps,
+		className,
+		key: components.map((component) => component.id).join("|"),
+		components,
+		error,
+		isLoading,
+		preferences
+	});
+};
+var BaseDeviceGrant_default = BaseDeviceGrant;
+
+//#endregion
+export { BaseDeviceGrant_default as default };
+//# sourceMappingURL=BaseDeviceGrant.js.map

package/dist/components/auth/DeviceGrant/BaseDeviceGrant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseDeviceGrant.js","names":["BaseDeviceGrant: FC<BaseDeviceGrantProps>","useTheme","useTranslation","useStyles","CardPrimitive","Typography","BaseSignIn"],"sources":["../../../../src/components/auth/DeviceGrant/BaseDeviceGrant.tsx"],"sourcesContent":["// Copyright 2025-2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {EmbeddedFlowComponent} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\nimport useStyles from './BaseDeviceGrant.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport CardPrimitive from '../../primitives/Card/Card';\nimport Typography from '../../primitives/Typography/Typography';\nimport BaseSignIn, {type BaseSignInProps} from '../SignIn/BaseSignIn';\n\nexport type DeviceGrantResult = 'failure' | 'success' | null;\n\nexport interface BaseDeviceGrantProps extends Omit<BaseSignInProps, 'components' | 'onSubmit'> {\n  components: EmbeddedFlowComponent[];\n  completeMessage?: string;\n  completeDescription?: string;\n  failedMessage?: string;\n  failedDescription?: string;\n  onSubmit: NonNullable<BaseSignInProps['onSubmit']>;\n  result?: DeviceGrantResult;\n}\n\n/** Renders the server-described Device Grant prompt independently of SDK orchestration. */\nconst BaseDeviceGrant: FC<BaseDeviceGrantProps> = ({\n  components,\n  className = '',\n  completeMessage = undefined,\n  completeDescription = undefined,\n  failedMessage = undefined,\n  failedDescription = undefined,\n  error,\n  isLoading,\n  preferences,\n  result = null,\n  variant = 'default',\n  ...signInProps\n}: BaseDeviceGrantProps): ReactElement => {\n  const {theme} = useTheme();\n  const {t} = useTranslation(preferences?.i18n);\n  const styles = useStyles(theme);\n\n  if ((error || result) && components.length === 0) {\n    const isSuccess = result === 'success' && !error;\n    const resolvedCompleteMessage = completeMessage ?? t('deviceGrant.messages.complete');\n    const resolvedCompleteDescription = completeDescription ?? t('deviceGrant.messages.completeDescription');\n    const resolvedFailedMessage = failedMessage ?? t('deviceGrant.messages.failed');\n    const resolvedFailedDescription = failedDescription ?? t('deviceGrant.messages.failedDescription');\n    const title = isSuccess ? resolvedCompleteMessage : resolvedFailedMessage;\n    const description = isSuccess\n      ? resolvedCompleteDescription\n      : !error || error.message === resolvedFailedMessage\n        ? resolvedFailedDescription\n        : error.message;\n\n    return (\n      <CardPrimitive\n        className={`${styles['terminalCard']} ${className}`}\n        data-testid=\"device-grant-result\"\n        variant={variant}\n      >\n        <Typography\n          className={styles['terminalTitle']}\n          color={isSuccess ? 'success' : 'error'}\n          component=\"h2\"\n          fontWeight={600}\n          variant=\"h6\"\n        >\n          {title}\n        </Typography>\n        <Typography className={styles['terminalDescription']} color=\"textSecondary\" component=\"p\" variant=\"caption\">\n          {description}\n        </Typography>\n      </CardPrimitive>\n    );\n  }\n\n  return (\n    <BaseSignIn\n      {...signInProps}\n      className={className}\n      key={components.map((component: EmbeddedFlowComponent) => component.id).join('|')}\n      components={components}\n      error={error}\n      isLoading={isLoading}\n      preferences={preferences}\n    />\n  );\n};\n\nexport default BaseDeviceGrant;\n"],"mappings":";;;;;;;;;;;AAyBA,MAAMA,mBAA6C,EACjD,YACA,YAAY,IACZ,kBAAkB,QAClB,sBAAsB,QACtB,gBAAgB,QAChB,oBAAoB,QACpB,OACA,WACA,aACA,SAAS,MACT,UAAU,UACV,GAAG,kBACqC;CACxC,MAAM,EAAC,UAASC,kBAAU;CAC1B,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,SAASC,+BAAU,MAAM;AAE/B,MAAK,SAAS,WAAW,WAAW,WAAW,GAAG;EAChD,MAAM,YAAY,WAAW,aAAa,CAAC;EAC3C,MAAM,0BAA0B,mBAAmB,EAAE,gCAAgC;EACrF,MAAM,8BAA8B,uBAAuB,EAAE,2CAA2C;EACxG,MAAM,wBAAwB,iBAAiB,EAAE,8BAA8B;EAC/E,MAAM,4BAA4B,qBAAqB,EAAE,yCAAyC;EAClG,MAAM,QAAQ,YAAY,0BAA0B;EACpD,MAAM,cAAc,YAChB,8BACA,CAAC,SAAS,MAAM,YAAY,wBAC1B,4BACA,MAAM;AAEZ,SACE,qBAACC;GACC,WAAW,GAAG,OAAO,gBAAgB,GAAG;GACxC,eAAY;GACH;cAET,oBAACC;IACC,WAAW,OAAO;IAClB,OAAO,YAAY,YAAY;IAC/B,WAAU;IACV,YAAY;IACZ,SAAQ;cAEP;KACU,EACb,oBAACA;IAAW,WAAW,OAAO;IAAwB,OAAM;IAAgB,WAAU;IAAI,SAAQ;cAC/F;KACU;IACC;;AAIpB,QACE,8BAACC;EACC,GAAI;EACO;EACX,KAAK,WAAW,KAAK,cAAqC,UAAU,GAAG,CAAC,KAAK,IAAI;EACrE;EACL;EACI;EACE;GACb;;AAIN,8BAAe"}

package/dist/components/auth/DeviceGrant/BaseDeviceGrant.styles.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '@thunderid/browser';
+declare const useStyles: (theme: Theme) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=BaseDeviceGrant.styles.d.ts.map

package/dist/components/auth/DeviceGrant/BaseDeviceGrant.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseDeviceGrant.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/DeviceGrant/BaseDeviceGrant.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAIzC,QAAA,MAAM,SAAS,GAAI,OAAO,KAAK,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAkBpD,CAAC;AAEJ,eAAe,SAAS,CAAC"}

package/dist/components/auth/DeviceGrant/BaseDeviceGrant.styles.js

@@ -0,0 +1,24 @@
+import { css } from "../../../styles/emotion.js";
+import { useMemo } from "react";
+
+//#region src/components/auth/DeviceGrant/BaseDeviceGrant.styles.ts
+const useStyles = (theme) => useMemo(() => ({
+	terminalCard: css`
+        box-sizing: border-box;
+        width: 100%;
+        max-width: calc(${theme.vars.spacing.unit} * 60);
+        margin: 0 auto;
+        gap: ${theme.vars.spacing.unit};
+      `,
+	terminalDescription: css`
+        margin: 0;
+      `,
+	terminalTitle: css`
+        margin: 0;
+      `
+}), [theme]);
+var BaseDeviceGrant_styles_default = useStyles;
+
+//#endregion
+export { BaseDeviceGrant_styles_default as default };
+//# sourceMappingURL=BaseDeviceGrant.styles.js.map

package/dist/components/auth/DeviceGrant/BaseDeviceGrant.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseDeviceGrant.styles.js","names":[],"sources":["../../../../src/components/auth/DeviceGrant/BaseDeviceGrant.styles.ts"],"sourcesContent":["// Copyright 2025-2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\nimport {css} from '../../../styles/emotion';\n\nconst useStyles = (theme: Theme): Record<string, string> =>\n  useMemo(\n    () => ({\n      terminalCard: css`\n        box-sizing: border-box;\n        width: 100%;\n        max-width: calc(${theme.vars.spacing.unit} * 60);\n        margin: 0 auto;\n        gap: ${theme.vars.spacing.unit};\n      `,\n      terminalDescription: css`\n        margin: 0;\n      `,\n      terminalTitle: css`\n        margin: 0;\n      `,\n    }),\n    [theme],\n  );\n\nexport default useStyles;\n"],"mappings":";;;;AAOA,MAAM,aAAa,UACjB,eACS;CACL,cAAc,GAAG;;;0BAGG,MAAM,KAAK,QAAQ,KAAK;;eAEnC,MAAM,KAAK,QAAQ,KAAK;;CAEjC,qBAAqB,GAAG;;;CAGxB,eAAe,GAAG;;;CAGnB,GACD,CAAC,MAAM,CACR;AAEH,qCAAe"}

package/dist/components/auth/DeviceGrant/DeviceGrant.d.ts

@@ -0,0 +1,37 @@
+import { executeEmbeddedDeviceGrantFlow } from '@thunderid/browser';
+import type { EmbeddedFlowComponent, EmbeddedSignInFlowRequest, FlowMetadataResponse } from '@thunderid/browser';
+import type { FC, ReactNode } from 'react';
+import { type BaseDeviceGrantProps, type DeviceGrantResult } from './BaseDeviceGrant';
+type EmbeddedDeviceGrantFlowResponse = Awaited<ReturnType<typeof executeEmbeddedDeviceGrantFlow>>;
+/** Values exposed to consumers that provide custom Device Grant UI. */
+export interface DeviceGrantRenderProps {
+    /** Additional values returned for the active flow step. */
+    additionalData: Record<string, unknown>;
+    /** Components returned by the configured flow. */
+    components: EmbeddedFlowComponent[];
+    /** Current flow error, when one needs to be shown. */
+    error: Error | null;
+    /** First server validation message for each field. */
+    fieldErrors: Record<string, string>;
+    /** Values prefilled from the verification URI. */
+    initialValues: Record<string, string>;
+    /** Whether a flow request is in progress. */
+    isLoading: boolean;
+    /** Flow metadata used to resolve application-specific template values. */
+    meta: FlowMetadataResponse | null;
+    /** Submits user-code input or continues the active flow. */
+    onSubmit: (payload: EmbeddedSignInFlowRequest) => Promise<void>;
+    /** Terminal flow result when the flow has no configured prompt to render. */
+    result: DeviceGrantResult;
+}
+export type DeviceGrantProps = Omit<BaseDeviceGrantProps, 'children' | 'components' | 'error' | 'initialValues' | 'isLoading' | 'onSubmit' | 'result' | 'serverFieldErrors'> & {
+    /** Render props for Gate or other consumers that provide their own flow UI. */
+    children?: (props: DeviceGrantRenderProps) => ReactNode;
+    onComplete?: (response: EmbeddedDeviceGrantFlowResponse) => void;
+};
+/**
+ * Runs the application's configured Device Grant flow and exposes its state for custom renderers.
+ */
+declare const DeviceGrant: FC<DeviceGrantProps>;
+export default DeviceGrant;
+//# sourceMappingURL=DeviceGrant.d.ts.map

package/dist/components/auth/DeviceGrant/DeviceGrant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceGrant.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/DeviceGrant/DeviceGrant.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA6C,8BAA8B,EAAC,MAAM,oBAAoB,CAAC;AAC9G,OAAO,KAAK,EAAC,qBAAqB,EAAE,yBAAyB,EAAE,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAE/G,OAAO,KAAK,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AACvD,OAAwB,EAAC,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAKrG,KAAK,+BAA+B,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,8BAA8B,CAAC,CAAC,CAAC;AAGlG,uEAAuE;AACvE,MAAM,WAAW,sBAAsB;IACrC,2DAA2D;IAC3D,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,kDAAkD;IAClD,UAAU,EAAE,qBAAqB,EAAE,CAAC;IACpC,sDAAsD;IACtD,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,sDAAsD;IACtD,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,kDAAkD;IAClD,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,6CAA6C;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAClC,4DAA4D;IAC5D,QAAQ,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChE,6EAA6E;IAC7E,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,oBAAoB,EACpB,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,eAAe,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,mBAAmB,CAClH,GAAG;IACF,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,SAAS,CAAC;IACxD,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,+BAA+B,KAAK,IAAI,CAAC;CAClE,CAAC;AAgBF;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA0MrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/auth/DeviceGrant/DeviceGrant.js

@@ -0,0 +1,188 @@
+import useThunderID_default from "../../../contexts/ThunderID/useThunderID.js";
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import { extractErrorMessage, normalizeFlowResponse } from "../../../utils/flowTransformer.js";
+import BaseDeviceGrant_default from "./BaseDeviceGrant.js";
+import { EmbeddedFlowType, EmbeddedSignInFlowStatus, executeEmbeddedDeviceGrantFlow } from "@thunderid/browser";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+
+//#region src/components/auth/DeviceGrant/DeviceGrant.tsx
+const clearVerificationParameters = () => {
+	if (!window.location.href) return;
+	const url = new URL(window.location.href);
+	url.searchParams.delete("user_code");
+	url.searchParams.delete("applicationId");
+	window.history.replaceState(window.history.state, "", url.toString());
+};
+const hasUserCodeInput = (components) => components.some((component) => component.ref === "user_code" || Array.isArray(component.components) && hasUserCodeInput(component.components));
+/**
+* Runs the application's configured Device Grant flow and exposes its state for custom renderers.
+*/
+const DeviceGrant = ({ children = void 0, className = "", onComplete = void 0, onError = void 0, preferences = {}, size = "medium", variant = "default",...baseProps }) => {
+	const { applicationId, baseUrl, meta } = useThunderID_default();
+	const { t } = useTranslation_default(preferences?.i18n);
+	const [components, setComponents] = useState([]);
+	const [additionalData, setAdditionalData] = useState({});
+	const [initialValues, setInitialValues] = useState({});
+	const [serverFieldErrors, setServerFieldErrors] = useState(null);
+	const [executionId, setExecutionId] = useState("");
+	const [challengeToken, setChallengeToken] = useState("");
+	const [error, setError] = useState(null);
+	const [isLoading, setIsLoading] = useState(() => {
+		if (applicationId) return true;
+		return typeof window !== "undefined" && Boolean(new URL(window.location.href).searchParams.get("applicationId"));
+	});
+	const [result, setResult] = useState(null);
+	const flowStartAttempted = useRef(false);
+	const verificationParametersRead = useRef(false);
+	const handleError = useCallback((flowError) => {
+		setComponents([]);
+		setAdditionalData({});
+		setServerFieldErrors(null);
+		setError(flowError);
+		setResult("failure");
+		onError?.(flowError);
+	}, [onError]);
+	const applyResponse = useCallback((response) => {
+		const normalized = normalizeFlowResponse(response, t, {
+			throwOnError: false,
+			resolveTranslations: false
+		}, meta);
+		setExecutionId(response.executionId);
+		setChallengeToken(response.challengeToken ?? "");
+		setComponents(normalized.components);
+		setAdditionalData(normalized.additionalData);
+		setServerFieldErrors(response.data?.fieldErrors ?? null);
+		setError(response.error ? new Error(extractErrorMessage(response, t)) : null);
+		if (response.flowStatus === EmbeddedSignInFlowStatus.Complete) {
+			setResult("success");
+			onComplete?.(response);
+			return;
+		}
+		if (response.flowStatus === EmbeddedSignInFlowStatus.Error) {
+			const flowError = new Error(extractErrorMessage(response, t, "deviceGrant.messages.failed"));
+			setError(flowError);
+			setResult("failure");
+			onError?.(flowError);
+			return;
+		}
+		setResult(null);
+	}, [
+		meta,
+		onComplete,
+		onError,
+		t
+	]);
+	const startFlow = useCallback(async (appId) => {
+		setIsLoading(true);
+		setError(null);
+		try {
+			const response = await executeEmbeddedDeviceGrantFlow({
+				baseUrl,
+				payload: {
+					applicationId: appId,
+					flowType: EmbeddedFlowType.DeviceGrant,
+					inputs: {}
+				}
+			});
+			clearVerificationParameters();
+			applyResponse(response);
+		} catch (flowError) {
+			handleError(flowError instanceof Error ? flowError : new Error(t("deviceGrant.errors.continue")));
+		} finally {
+			setIsLoading(false);
+		}
+	}, [
+		applyResponse,
+		baseUrl,
+		handleError,
+		t
+	]);
+	useEffect(() => {
+		const url = new URL(window.location.href);
+		if (!verificationParametersRead.current) {
+			verificationParametersRead.current = true;
+			const userCode = url.searchParams.get("user_code") ?? "";
+			if (userCode) setInitialValues({ user_code: userCode });
+		}
+		const applicationIdFromUrl = url.searchParams.get("applicationId");
+		const appId = applicationIdFromUrl?.trim() ? applicationIdFromUrl : applicationId;
+		if (flowStartAttempted.current) return;
+		if (!appId) {
+			flowStartAttempted.current = true;
+			handleError(new Error(t("deviceGrant.errors.start")));
+			return;
+		}
+		flowStartAttempted.current = true;
+		startFlow(appId);
+	}, [
+		applicationId,
+		handleError,
+		startFlow,
+		t
+	]);
+	const submit = async (payload, actionId) => {
+		setIsLoading(true);
+		setError(null);
+		setResult(null);
+		try {
+			if (!executionId) return;
+			applyResponse(await executeEmbeddedDeviceGrantFlow({
+				baseUrl,
+				payload: {
+					action: payload.action ?? actionId,
+					challengeToken,
+					executionId,
+					inputs: {
+						...Object.fromEntries(Object.entries(payload.inputs ?? {}).filter(([key]) => !key.startsWith("__consent_opt__"))),
+						...!hasUserCodeInput(components) ? { user_code: void 0 } : {}
+					}
+				}
+			}));
+		} catch (flowError) {
+			handleError(flowError instanceof Error ? flowError : new Error(t("deviceGrant.errors.continue")));
+		} finally {
+			setIsLoading(false);
+		}
+	};
+	const handleBaseSubmit = (payload, component) => submit(payload, component.id);
+	const fieldErrors = useMemo(() => {
+		const errors = {};
+		(serverFieldErrors ?? []).forEach((fieldError) => {
+			if (!(fieldError.identifier in errors)) errors[fieldError.identifier] = fieldError.message;
+		});
+		return errors;
+	}, [serverFieldErrors]);
+	if (children) return /* @__PURE__ */ jsx(Fragment$1, { children: children({
+		additionalData,
+		components,
+		error,
+		fieldErrors,
+		initialValues,
+		isLoading,
+		meta,
+		onSubmit: submit,
+		result
+	}) });
+	return /* @__PURE__ */ jsx(BaseDeviceGrant_default, {
+		...baseProps,
+		className,
+		components,
+		additionalData,
+		error,
+		initialValues,
+		isLoading,
+		onError: handleError,
+		onSubmit: handleBaseSubmit,
+		preferences,
+		result,
+		serverFieldErrors,
+		size,
+		variant
+	});
+};
+var DeviceGrant_default = DeviceGrant;
+
+//#endregion
+export { DeviceGrant_default as default };
+//# sourceMappingURL=DeviceGrant.js.map

package/dist/components/auth/DeviceGrant/DeviceGrant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceGrant.js","names":["DeviceGrant: FC<DeviceGrantProps>","useThunderID","useTranslation","errors: Record<string, string>","BaseDeviceGrant"],"sources":["../../../../src/components/auth/DeviceGrant/DeviceGrant.tsx"],"sourcesContent":["// Copyright 2025-2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {EmbeddedFlowType, EmbeddedSignInFlowStatus, executeEmbeddedDeviceGrantFlow} from '@thunderid/browser';\nimport type {EmbeddedFlowComponent, EmbeddedSignInFlowRequest, FlowMetadataResponse} from '@thunderid/browser';\nimport {useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport type {FC, ReactElement, ReactNode} from 'react';\nimport BaseDeviceGrant, {type BaseDeviceGrantProps, type DeviceGrantResult} from './BaseDeviceGrant';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\nimport useTranslation from '../../../hooks/useTranslation';\nimport {extractErrorMessage, normalizeFlowResponse} from '../../../utils/flowTransformer';\n\ntype EmbeddedDeviceGrantFlowResponse = Awaited<ReturnType<typeof executeEmbeddedDeviceGrantFlow>>;\ntype DeviceGrantFieldError = NonNullable<EmbeddedDeviceGrantFlowResponse['data']['fieldErrors']>[number];\n\n/** Values exposed to consumers that provide custom Device Grant UI. */\nexport interface DeviceGrantRenderProps {\n  /** Additional values returned for the active flow step. */\n  additionalData: Record<string, unknown>;\n  /** Components returned by the configured flow. */\n  components: EmbeddedFlowComponent[];\n  /** Current flow error, when one needs to be shown. */\n  error: Error | null;\n  /** First server validation message for each field. */\n  fieldErrors: Record<string, string>;\n  /** Values prefilled from the verification URI. */\n  initialValues: Record<string, string>;\n  /** Whether a flow request is in progress. */\n  isLoading: boolean;\n  /** Flow metadata used to resolve application-specific template values. */\n  meta: FlowMetadataResponse | null;\n  /** Submits user-code input or continues the active flow. */\n  onSubmit: (payload: EmbeddedSignInFlowRequest) => Promise<void>;\n  /** Terminal flow result when the flow has no configured prompt to render. */\n  result: DeviceGrantResult;\n}\n\nexport type DeviceGrantProps = Omit<\n  BaseDeviceGrantProps,\n  'children' | 'components' | 'error' | 'initialValues' | 'isLoading' | 'onSubmit' | 'result' | 'serverFieldErrors'\n> & {\n  /** Render props for Gate or other consumers that provide their own flow UI. */\n  children?: (props: DeviceGrantRenderProps) => ReactNode;\n  onComplete?: (response: EmbeddedDeviceGrantFlowResponse) => void;\n};\n\nconst clearVerificationParameters = (): void => {\n  if (!window.location.href) return;\n  const url = new URL(window.location.href);\n  url.searchParams.delete('user_code');\n  url.searchParams.delete('applicationId');\n  window.history.replaceState(window.history.state, '', url.toString());\n};\n\nconst hasUserCodeInput = (components: EmbeddedFlowComponent[]): boolean =>\n  components.some(\n    (component: EmbeddedFlowComponent) =>\n      component.ref === 'user_code' || (Array.isArray(component.components) && hasUserCodeInput(component.components)),\n  );\n\n/**\n * Runs the application's configured Device Grant flow and exposes its state for custom renderers.\n */\nconst DeviceGrant: FC<DeviceGrantProps> = ({\n  children = undefined,\n  className = '',\n  onComplete = undefined,\n  onError = undefined,\n  preferences = {},\n  size = 'medium',\n  variant = 'default',\n  ...baseProps\n}: DeviceGrantProps): ReactElement => {\n  const {applicationId, baseUrl, meta} = useThunderID();\n  const {t} = useTranslation(preferences?.i18n);\n  const [components, setComponents] = useState<EmbeddedFlowComponent[]>([]);\n  const [additionalData, setAdditionalData] = useState<Record<string, unknown>>({});\n  const [initialValues, setInitialValues] = useState<Record<string, string>>({});\n  const [serverFieldErrors, setServerFieldErrors] = useState<\n    EmbeddedDeviceGrantFlowResponse['data']['fieldErrors'] | null\n  >(null);\n  const [executionId, setExecutionId] = useState('');\n  const [challengeToken, setChallengeToken] = useState('');\n  const [error, setError] = useState<Error | null>(null);\n  const [isLoading, setIsLoading] = useState(() => {\n    if (applicationId) return true;\n    return typeof window !== 'undefined' && Boolean(new URL(window.location.href).searchParams.get('applicationId'));\n  });\n  const [result, setResult] = useState<DeviceGrantResult>(null);\n  const flowStartAttempted = useRef(false);\n  const verificationParametersRead = useRef(false);\n\n  const handleError = useCallback(\n    (flowError: Error): void => {\n      setComponents([]);\n      setAdditionalData({});\n      setServerFieldErrors(null);\n      setError(flowError);\n      setResult('failure');\n      onError?.(flowError);\n    },\n    [onError],\n  );\n\n  const applyResponse = useCallback(\n    (response: EmbeddedDeviceGrantFlowResponse): void => {\n      const normalized = normalizeFlowResponse(\n        response,\n        t,\n        {\n          throwOnError: false,\n          resolveTranslations: false,\n        },\n        meta,\n      );\n      setExecutionId(response.executionId);\n      setChallengeToken(response.challengeToken ?? '');\n      setComponents(normalized.components);\n      setAdditionalData(normalized.additionalData);\n      setServerFieldErrors(response.data?.fieldErrors ?? null);\n      setError(response.error ? new Error(extractErrorMessage(response, t)) : null);\n\n      if (response.flowStatus === EmbeddedSignInFlowStatus.Complete) {\n        setResult('success');\n        onComplete?.(response);\n        return;\n      }\n\n      if (response.flowStatus === EmbeddedSignInFlowStatus.Error) {\n        const flowError = new Error(extractErrorMessage(response, t, 'deviceGrant.messages.failed'));\n        setError(flowError);\n        setResult('failure');\n        onError?.(flowError);\n        return;\n      }\n\n      setResult(null);\n    },\n    [meta, onComplete, onError, t],\n  );\n\n  const startFlow = useCallback(\n    async (appId: string): Promise<void> => {\n      setIsLoading(true);\n      setError(null);\n      try {\n        const response = await executeEmbeddedDeviceGrantFlow({\n          baseUrl,\n          payload: {\n            applicationId: appId,\n            flowType: EmbeddedFlowType.DeviceGrant,\n            inputs: {},\n          },\n        });\n        clearVerificationParameters();\n        applyResponse(response);\n      } catch (flowError) {\n        handleError(flowError instanceof Error ? flowError : new Error(t('deviceGrant.errors.continue')));\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [applyResponse, baseUrl, handleError, t],\n  );\n\n  useEffect(() => {\n    const url = new URL(window.location.href);\n    if (!verificationParametersRead.current) {\n      verificationParametersRead.current = true;\n      const userCode = url.searchParams.get('user_code') ?? '';\n      if (userCode) setInitialValues({user_code: userCode});\n    }\n\n    const applicationIdFromUrl = url.searchParams.get('applicationId');\n    const appId = applicationIdFromUrl?.trim() ? applicationIdFromUrl : applicationId;\n    if (flowStartAttempted.current) return;\n    if (!appId) {\n      flowStartAttempted.current = true;\n      handleError(new Error(t('deviceGrant.errors.start')));\n      return;\n    }\n\n    flowStartAttempted.current = true;\n    void startFlow(appId);\n  }, [applicationId, handleError, startFlow, t]);\n\n  const submit = async (payload: EmbeddedSignInFlowRequest, actionId?: string): Promise<void> => {\n    setIsLoading(true);\n    setError(null);\n    setResult(null);\n    try {\n      if (!executionId) return;\n\n      const response = await executeEmbeddedDeviceGrantFlow({\n        baseUrl,\n        payload: {\n          action: payload.action ?? actionId,\n          challengeToken,\n          executionId,\n          inputs: {\n            ...Object.fromEntries(\n              Object.entries(payload.inputs ?? {}).filter(\n                ([key]: [string, unknown]) => !key.startsWith('__consent_opt__'),\n              ),\n            ),\n            ...(!hasUserCodeInput(components) ? {user_code: undefined} : {}),\n          },\n        },\n      });\n      applyResponse(response);\n    } catch (flowError) {\n      handleError(flowError instanceof Error ? flowError : new Error(t('deviceGrant.errors.continue')));\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleBaseSubmit = (payload: EmbeddedSignInFlowRequest, component: EmbeddedFlowComponent): Promise<void> =>\n    submit(payload, component.id);\n\n  const fieldErrors = useMemo<Record<string, string>>(() => {\n    const errors: Record<string, string> = {};\n    (serverFieldErrors ?? []).forEach((fieldError: DeviceGrantFieldError) => {\n      if (!(fieldError.identifier in errors)) errors[fieldError.identifier] = fieldError.message;\n    });\n\n    return errors;\n  }, [serverFieldErrors]);\n\n  if (children) {\n    return (\n      <>\n        {children({\n          additionalData,\n          components,\n          error,\n          fieldErrors,\n          initialValues,\n          isLoading,\n          meta,\n          onSubmit: submit,\n          result,\n        })}\n      </>\n    );\n  }\n\n  return (\n    <BaseDeviceGrant\n      {...baseProps}\n      className={className}\n      components={components}\n      additionalData={additionalData}\n      error={error}\n      initialValues={initialValues}\n      isLoading={isLoading}\n      onError={handleError}\n      onSubmit={handleBaseSubmit}\n      preferences={preferences}\n      result={result}\n      serverFieldErrors={serverFieldErrors}\n      size={size}\n      variant={variant}\n    />\n  );\n};\n\nexport default DeviceGrant;\n"],"mappings":"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"}

package/dist/components/auth/InviteUser/BaseInviteUser.js

@@ -6,8 +6,8 @@ import useTranslation_default from "../../../hooks/useTranslation.js";
 import { extractErrorMessage, normalizeFlowResponse } from "../../../utils/flowTransformer.js";
 import Spinner_default from "../../primitives/Spinner/Spinner.js";
 import Typography_default from "../../primitives/Typography/Typography.js";
-import Alert_default from "../../primitives/Alert/Alert.js";
 import Card_default from "../../primitives/Card/Card.js";
+import Alert_default from "../../primitives/Alert/Alert.js";
 import { renderInviteUserComponents } from "../flow/AuthOptionFactory.js";
 import BaseInviteUser_styles_default from "./BaseInviteUser.styles.js";
 import { EmbeddedFlowType, buildValidatorFromRules, logger, resolveFlowTemplateLiterals } from "@thunderid/browser";

package/dist/components/auth/Recovery/BaseRecovery.js

@@ -9,10 +9,10 @@ import useTranslation_default from "../../../hooks/useTranslation.js";
 import { extractErrorMessage, normalizeFlowResponse } from "../../../utils/flowTransformer.js";
 import { useForm } from "../../../hooks/useForm.js";
 import Spinner_default from "../../primitives/Spinner/Spinner.js";
-import composeAffixedInputs_default from "../../../utils/composeAffixedInputs.js";
 import Typography_default from "../../primitives/Typography/Typography.js";
-import Alert_default from "../../primitives/Alert/Alert.js";
 import Card_default from "../../primitives/Card/Card.js";
+import composeAffixedInputs_default from "../../../utils/composeAffixedInputs.js";
+import Alert_default from "../../primitives/Alert/Alert.js";
 import { renderRecoveryComponents } from "../flow/AuthOptionFactory.js";
 import BaseSignUp_styles_default from "../SignUp/BaseSignUp.styles.js";
 import getAuthComponentHeadings_default from "../../../utils/getAuthComponentHeadings.js";

package/dist/components/auth/SignIn/BaseSignIn.d.ts

@@ -116,6 +116,10 @@ export interface BaseSignInProps {
      * Flag to determine if the component is ready to be rendered.
      */
     isLoading?: boolean;
+    /**
+     * Values to seed form fields with, such as a value supplied by a verification URI.
+     */
+    initialValues?: Record<string, string>;
     /**
      * Timer flag disabling actions
      */

package/dist/components/auth/SignIn/BaseSignIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSignIn.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/SignIn/BaseSignIn.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,yBAAyB,EACzB,qBAAqB,EACrB,UAAU,EACV,oBAAoB,EACpB,WAAW,EAEZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAuE,SAAS,EAAC,MAAM,OAAO,CAAC;AAiBzG,OAAsB,EAAC,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAKpE;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAExC;;OAEG;IACH,UAAU,EAAE,qBAAqB,EAAE,CAAC;IAEpC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAErB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEpC;;OAEG;IACH,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzD;;OAEG;IACH,YAAY,EAAE,CAAC,SAAS,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9F;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;IAE5C;;OAEG;IACH,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAElC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEjC;;OAEG;IACH,YAAY,EAAE,MAAM;QAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAC,CAAC;IAE5E;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAErC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAEvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAErC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,yBAAyB,EAAE,SAAS,EAAE,qBAAqB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEnG;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAEpD;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAExC;;;;;OAKG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAmbD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAUnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"BaseSignIn.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/SignIn/BaseSignIn.tsx"],"names":[],"mappings":"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"}

package/dist/components/auth/SignIn/BaseSignIn.js

@@ -9,21 +9,21 @@ import useTranslation_default from "../../../hooks/useTranslation.js";
 import { extractErrorMessage } from "../../../utils/flowTransformer.js";
 import { useForm } from "../../../hooks/useForm.js";
 import Spinner_default from "../../primitives/Spinner/Spinner.js";
+import Typography_default from "../../primitives/Typography/Typography.js";
+import Card_default from "../../primitives/Card/Card.js";
 import BaseSignIn_styles_default from "./BaseSignIn.styles.js";
 import composeAffixedInputs_default from "../../../utils/composeAffixedInputs.js";
-import Typography_default from "../../primitives/Typography/Typography.js";
 import Alert_default from "../../primitives/Alert/Alert.js";
-import Card_default from "../../primitives/Card/Card.js";
 import { renderSignInComponents } from "../flow/AuthOptionFactory.js";
 import { buildValidatorFromRules, withVendorCSSClassPrefix } from "@thunderid/browser";
-import { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/auth/SignIn/BaseSignIn.tsx
 /**
 * Internal component that consumes FlowContext and renders the sign-in UI.
 */
-const BaseSignInContent = ({ components = [], onSubmit, onError, error: externalError, id, className = "", inputClassName = "", buttonClassName = "", messageClassName = "", size = "medium", variant = "outlined", isLoading: externalIsLoading, children, additionalData = {}, isTimeoutDisabled = false, serverFieldErrors = null, revalidateOnChangeAfterBlur = false }) => {
+const BaseSignInContent = ({ components = [], onSubmit, onError, error: externalError, id, className = "", inputClassName = "", buttonClassName = "", messageClassName = "", size = "medium", variant = "outlined", isLoading: externalIsLoading, initialValues, children, additionalData = {}, isTimeoutDisabled = false, serverFieldErrors = null, revalidateOnChangeAfterBlur = false }) => {
 	const { meta, vendor } = useThunderID_default();
 	const { theme } = useTheme_default();
 	const customRenderers = useContext(ComponentRendererContext_default);
@@ -94,7 +94,7 @@ const BaseSignInContent = ({ components = [], onSubmit, onError, error: external
 		processComponents(flowComponents);
 		return fields;
 	}, [t]);
-	const { values: formValues, touched: touchedFields, errors: formErrors, isValid: isFormValid, setValue: setFormValue, setTouched: setFormTouched, setTouchedFields, setErrors: setFormErrors, clearErrors: clearFormErrors, validateForm, touchAllFields, reset: resetForm, revalidateTouchedFields } = useForm({
+	const { values: formValues, touched: touchedFields, errors: formErrors, isValid: isFormValid, setValue: setFormValue, setValues: setFormValues, setTouched: setFormTouched, setTouchedFields, setErrors: setFormErrors, clearErrors: clearFormErrors, validateForm, touchAllFields, reset: resetForm, revalidateTouchedFields } = useForm({
 		fields: useMemo(() => components ? extractFormFields(components) : [], [components, extractFormFields]),
 		initialValues: {},
 		requiredMessage: t("validations.required.field.error"),
@@ -102,6 +102,17 @@ const BaseSignInContent = ({ components = [], onSubmit, onError, error: external
 		validateOnBlur: true,
 		validateOnChange: false
 	});
+	const initialValuesKey = useMemo(() => JSON.stringify(Object.entries(initialValues ?? {}).sort(([left], [right]) => left.localeCompare(right))), [initialValues]);
+	const appliedInitialValuesKeyRef = useRef(null);
+	useEffect(() => {
+		if (!initialValues || Object.keys(initialValues).length === 0 || appliedInitialValuesKeyRef.current === initialValuesKey) return;
+		appliedInitialValuesKeyRef.current = initialValuesKey;
+		setFormValues(initialValues);
+	}, [
+		initialValues,
+		initialValuesKey,
+		setFormValues
+	]);
 	useEffect(() => {
 		clearFormErrors();
 		if (!serverFieldErrors || serverFieldErrors.length === 0) return;