@atlasauth/react 0.19.0 → 0.21.0

package/dist/connected-accounts.js

@@ -0,0 +1,107 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConnectedAccounts = useConnectedAccounts;
+exports.ConnectedAccounts = ConnectedAccounts;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const js_1 = require("@atlasauth/js");
+const components_shared_1 = require("./components-shared");
+function useConnectedAccounts(options = {}) {
+    const { organizationId } = options;
+    const client = (0, components_shared_1.useMeClient)();
+    const errorText = (0, components_shared_1.useErrorText)();
+    const [status, setStatus] = (0, react_1.useState)('loading');
+    const [error, setError] = (0, react_1.useState)(null);
+    const [connections, setConnections] = (0, react_1.useState)([]);
+    const reload = (0, react_1.useCallback)(async () => {
+        try {
+            setConnections(organizationId ? await (0, js_1.listOrganizationConnections)(client, organizationId) : await (0, js_1.listMyConnections)(client));
+            setStatus('ready');
+            setError(null);
+        }
+        catch (err) {
+            setStatus('error');
+            setError(err instanceof Error ? errorText(err) : String(err));
+        }
+    }, [client, errorText, organizationId]);
+    (0, react_1.useEffect)(() => {
+        void reload();
+    }, [reload]);
+    const authorize = (0, react_1.useCallback)(async (connection, redirectUrl) => {
+        const opts = { api: client.frontendApiOrigin, publishableKey: client.publishableKey, redirectUrl };
+        const start = connection.external_account_id
+            ? await (0, js_1.reauthorizeExternalAccount)(connection.external_account_id, opts)
+            : await (0, js_1.connectExternalAccount)(connection.provider, opts);
+        (0, components_shared_1.navigateTo)(start.authorizationUrl);
+    }, [client]);
+    const saveCredentials = (0, react_1.useCallback)(async (connection, input) => {
+        if (!organizationId)
+            throw new Error('Credentials are entered on organization connections.');
+        await (0, js_1.setOrganizationConnectionCredentials)(client, organizationId, connection.id, input);
+        await reload();
+    }, [client, organizationId, reload]);
+    const share = (0, react_1.useCallback)(async (connection) => {
+        if (!organizationId)
+            throw new Error('Only organization connections are shared.');
+        await (0, js_1.shareOrganizationConnection)(client, organizationId, connection.id);
+        await reload();
+    }, [client, organizationId, reload]);
+    return { status, connections, error, reload, authorize, saveCredentials, share };
+}
+const DEFAULT_LABELS = {
+    title: 'Connected accounts',
+    empty: 'No connections are set up yet.',
+    connect: 'Connect',
+    reauthorize: 'Reauthorize',
+    share: 'Share my account',
+    save: 'Save',
+    apiKey: 'API key',
+    clientId: 'Client ID',
+    clientSecret: 'Client secret',
+    tokenUrl: 'Token URL',
+    connected: 'Connected',
+    not_connected: 'Not connected',
+    needs_reauth: 'Needs reauthorization',
+};
+function ConnectedAccounts({ organizationId, redirectUrl, labels }) {
+    const api = useConnectedAccounts({ organizationId });
+    const errorText = (0, components_shared_1.useErrorText)();
+    const cardClass = (0, components_shared_1.useClass)('card', 'atlas-card');
+    const cls = (0, components_shared_1.useClasses)();
+    const l = { ...DEFAULT_LABELS, ...labels };
+    const [busy, setBusy] = (0, react_1.useState)(null);
+    const [formError, setFormError] = (0, react_1.useState)(null);
+    const [draft, setDraft] = (0, react_1.useState)({});
+    if (api.status === 'loading')
+        return null;
+    const run = async (id, fn) => {
+        setBusy(id);
+        setFormError(null);
+        try {
+            await fn();
+        }
+        catch (err) {
+            setFormError(err instanceof Error ? errorText(err) : String(err));
+        }
+        finally {
+            setBusy(null);
+        }
+    };
+    const field = (c, name) => draft[c.id]?.[name] ?? '';
+    const setField = (c, name, value) => setDraft((d) => ({ ...d, [c.id]: { ...d[c.id], [name]: value } }));
+    const back = redirectUrl ?? (typeof window !== 'undefined' ? window.location.href : '');
+    const secretInput = (c, name, label, type = 'password') => ((0, jsx_runtime_1.jsxs)("label", { className: cls('formField', 'atlas-field'), children: [(0, jsx_runtime_1.jsx)("span", { className: cls('formFieldLabel', 'atlas-field-label'), children: label }), (0, jsx_runtime_1.jsx)("input", { className: cls('formFieldInput', 'atlas-input'), type: type, autoComplete: "off", value: field(c, name), onChange: (e) => setField(c, name, e.target.value) })] }, name));
+    return ((0, jsx_runtime_1.jsxs)("section", { className: cardClass, "data-atlas": "connected-accounts", children: [(0, jsx_runtime_1.jsx)("h2", { className: cls('sectionTitle', 'atlas-section-title'), children: l.title }), api.error || formError ? (0, jsx_runtime_1.jsx)("p", { className: cls('alert', 'atlas-alert'), role: "alert", children: formError ?? api.error }) : null, api.connections.length === 0 ? (0, jsx_runtime_1.jsx)("p", { className: cls('text', 'atlas-text'), children: l.empty }) : null, (0, jsx_runtime_1.jsx)("ul", { "data-atlas": "connected-accounts-list", children: api.connections.map((c) => ((0, jsx_runtime_1.jsxs)("li", { "data-atlas": "connected-account", "data-status": c.status, children: [(0, jsx_runtime_1.jsxs)("p", { className: cls('text', 'atlas-text'), children: [(0, jsx_runtime_1.jsx)("strong", { children: c.name }), " ", (0, jsx_runtime_1.jsx)("span", { "data-atlas": "connected-account-status", children: l[c.status] })] }), c.kind === 'oauth' ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !organizationId ? ((0, jsx_runtime_1.jsx)("button", { className: cls('formButtonSecondary', 'atlas-button-secondary'), type: "button", disabled: busy === c.id, onClick: () => void run(c.id, () => api.authorize(c, back)), children: c.status === 'connected' ? l.reauthorize : c.status === 'needs_reauth' ? l.reauthorize : l.connect })) : ((0, jsx_runtime_1.jsx)("button", { className: cls('formButtonSecondary', 'atlas-button-secondary'), type: "button", disabled: busy === c.id, onClick: () => void run(c.id, () => api.share(c)), children: l.share })) })) : organizationId ? ((0, jsx_runtime_1.jsxs)("form", { onSubmit: (e) => {
+                                e.preventDefault();
+                                void run(c.id, async () => {
+                                    await api.saveCredentials(c, c.kind === 'api_key'
+                                        ? { apiKey: field(c, 'apiKey') }
+                                        : { clientId: field(c, 'clientId'), clientSecret: field(c, 'clientSecret'), tokenUrl: field(c, 'tokenUrl') });
+                                    setDraft((d) => ({ ...d, [c.id]: {} }));
+                                });
+                            }, children: [c.kind === 'api_key'
+                                    ? secretInput(c, 'apiKey', l.apiKey)
+                                    : [secretInput(c, 'clientId', l.clientId, 'text'), secretInput(c, 'clientSecret', l.clientSecret), secretInput(c, 'tokenUrl', l.tokenUrl, 'url')], (0, jsx_runtime_1.jsx)("button", { className: cls('formButtonPrimary', 'atlas-button'), type: "submit", disabled: busy === c.id, children: l.save })] })) : null] }, c.id))) })] }));
+}
+//# sourceMappingURL=connected-accounts.js.map

package/dist/connected-accounts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected-accounts.js","sourceRoot":"","sources":["../src/connected-accounts.tsx"],"names":[],"mappings":"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"}

package/dist/delegated-ui.d.ts

@@ -0,0 +1,49 @@
+import { type DelegatedChallenge, type DelegatedUiClientOptions } from '@atlasauth/js';
+/**
+ * React helpers for your own login / consent pages (the page Atlas redirects
+ * to with `?login_challenge=` or `?consent_challenge=`). Reading and deciding
+ * the challenge goes through YOUR backend (see `delegatedUiProxy` in
+ * @atlasauth/backend); this hook wraps the calls with busy/error state and
+ * follows the redirect Atlas returns.
+ */
+export declare function useDelegatedChallenge(href?: string): DelegatedChallenge | null;
+export declare function useDelegatedFlow(opts: DelegatedUiClientOptions & {
+    allowedOrigins?: string[];
+    navigate?: (url: string) => void;
+}): {
+    client: {
+        getLoginRequest: (challenge: string) => Promise<import("@atlasauth/js").DelegatedLoginRequest>;
+        acceptLogin: (challenge: string, body: {
+            subject: string;
+            remember?: boolean;
+            amr?: string[];
+            acr?: string;
+        }) => Promise<{
+            redirect_to: string;
+        }>;
+        rejectLogin: (challenge: string, body?: {
+            error?: string;
+            error_description?: string;
+        }) => Promise<{
+            redirect_to: string;
+        }>;
+        getConsentRequest: (challenge: string) => Promise<import("@atlasauth/js").DelegatedConsentRequest>;
+        acceptConsent: (challenge: string, body?: {
+            grant_scope?: string[];
+            remember?: boolean;
+        }) => Promise<{
+            redirect_to: string;
+        }>;
+        rejectConsent: (challenge: string, body?: {
+            error?: string;
+            error_description?: string;
+        }) => Promise<{
+            redirect_to: string;
+        }>;
+    };
+    decide: (call: () => Promise<{
+        redirect_to: string;
+    }>) => Promise<void>;
+    busy: boolean;
+    error: string | null;
+};

package/dist/delegated-ui.js

@@ -0,0 +1,42 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDelegatedChallenge = useDelegatedChallenge;
+exports.useDelegatedFlow = useDelegatedFlow;
+const react_1 = require("react");
+const js_1 = require("@atlasauth/js");
+/**
+ * React helpers for your own login / consent pages (the page Atlas redirects
+ * to with `?login_challenge=` or `?consent_challenge=`). Reading and deciding
+ * the challenge goes through YOUR backend (see `delegatedUiProxy` in
+ * @atlasauth/backend); this hook wraps the calls with busy/error state and
+ * follows the redirect Atlas returns.
+ */
+function useDelegatedChallenge(href) {
+    return (0, react_1.useMemo)(() => {
+        const where = href ?? (typeof window !== 'undefined' ? window.location.href : undefined);
+        return where ? (0, js_1.readDelegatedChallenge)(where) : null;
+    }, [href]);
+}
+function useDelegatedFlow(opts) {
+    const { baseUrl, fetch: f, headers, allowedOrigins, navigate } = opts;
+    const client = (0, react_1.useMemo)(() => (0, js_1.createDelegatedUiClient)({ baseUrl, fetch: f, headers }), [baseUrl, f, headers]);
+    const [busy, setBusy] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    /** Run a call that returns `{ redirect_to }` and follow it. */
+    const decide = (0, react_1.useCallback)(async (call) => {
+        setBusy(true);
+        setError(null);
+        try {
+            (0, js_1.continueDelegatedFlow)((await call()).redirect_to, { allowedOrigins, navigate });
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : 'Request failed.');
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [allowedOrigins, navigate]);
+    return { client, decide, busy, error };
+}
+//# sourceMappingURL=delegated-ui.js.map

package/dist/delegated-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delegated-ui.js","sourceRoot":"","sources":["../src/delegated-ui.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAkBb,sDAKC;AAED,4CAuBC;AA9CD,iCAAuD;AACvD,sCAMuB;AAEvB;;;;;;GAMG;AACH,SAAgB,qBAAqB,CAAC,IAAa;IACjD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QACzF,OAAO,KAAK,CAAC,CAAC,CAAC,IAAA,2BAAsB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACtD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,CAAC;AAED,SAAgB,gBAAgB,CAAC,IAAgG;IAC/H,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IACtE,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,4BAAuB,EAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;IAC7G,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAExD,+DAA+D;IAC/D,MAAM,MAAM,GAAG,IAAA,mBAAW,EACxB,KAAK,EAAE,IAA4C,EAAE,EAAE;QACrD,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC;YACH,IAAA,0BAAqB,EAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC;QAClF,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,QAAQ,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;QAC/D,CAAC;gBAAS,CAAC;YACT,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACzC,CAAC"}

package/dist/flow.d.ts

@@ -19,6 +19,13 @@ import { FapiClient, type FlowState } from './fapi';
 export interface FlowProps {
     /** Where to send the user once the flow completes. */
     afterUrl?: string;
+    /**
+     * `<SignUp>`: offer the instance's plans as a step before the account form and,
+     * once the account exists, send the user straight to Checkout for the chosen
+     * plan (they return to `afterUrl`, else the current page). `required` makes the
+     * choice mandatory; `optional` lets them skip. Only user (B2C) plans are shown.
+     */
+    planSelection?: 'optional' | 'required';
     /**
      * `<SignIn>`: where "No account? Sign up" goes. Default: the instance's hosted
      * sign-up page (carrying the visitor's referral). `null` hides the link (your
@@ -166,8 +173,14 @@ export declare function afterUrlTarget(afterUrl?: string): string | null;
  * the native/popup social `onComplete`, and the cross-device poll), after the
  * session re-boot, so the destination page already sees a signed-in user.
  */
-export declare function useFlow({ afterUrl, signInCaptcha, referral, referralConsent, }?: {
+export declare function useFlow({ afterUrl, afterSignIn, signInCaptcha, referral, referralConsent, }?: {
     afterUrl?: string;
+    /**
+     * Runs once the session is held (after the re-boot), before `afterUrl`. Resolve
+     * `true` when it navigated the user itself (e.g. to a plan's Checkout), which
+     * skips `afterUrl`. `<SignUp planSelection>` uses it.
+     */
+    afterSignIn?: (client: FapiClient) => Promise<boolean>;
     /** See {@link FlowProps.referral}. */
     referral?: false;
     /** See {@link FlowProps.referralConsent}. */
@@ -341,6 +354,29 @@ export declare function AtlasSsoButton({ onClick, className, labelClassName, }:
     /** Class for the label (defaults to `atlas-social-label`). */
     labelClassName?: string;
 }): import("react").JSX.Element;
+/**
+ * §6 all enabled social sign-in providers, native-first.
+ *
+ * A provider with an in-page native flow (Google today) renders its secretless
+ * button — no redirect, no new tab, no stranded initiating tab. Every OTHER
+ * enabled provider (GitHub, Microsoft, Discord, …) renders a redirect button that
+ * starts the OAuth flow and returns to THIS page, where `<AtlasProvider>` exchanges
+ * the returned ticket for a session. Previously `<SignIn>` rendered only the
+ * Google button, so an instance's other social providers never appeared.
+ */
+/** "Resend link" on a link-only sign-up: a fresh email (the earlier link stops working). */
+/**
+ * The `identity_verification` required action: a start button, then the
+ * verification service's page in a new tab, and a poll (plus a manual
+ * "I've finished") that re-reads the verdict. The sign-in continues on its own
+ * once the check is approved; a declined or in-review check says so.
+ */
+export declare const IDENTITY_POLL_MS = 4000;
+export declare function IdentityVerificationStep({ attempt, busy, onSubmit }: {
+    attempt: AttemptView | null;
+    busy: boolean;
+    onSubmit(values: Record<string, string>): void;
+}): import("react").JSX.Element;
 /**
  * The method this browser last signed in with (`password`, `oauth_github`, …),
  * for the "Last used" badge — null until known, when none is remembered, or

package/dist/flow.js

@@ -1,6 +1,7 @@
 "use strict";
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.IDENTITY_POLL_MS = void 0;
 exports.AttemptFlow = AttemptFlow;
 exports.afterUrlTarget = afterUrlTarget;
 exports.useFlow = useFlow;
@@ -10,6 +11,7 @@ exports.resolveGoogleButtonRender = resolveGoogleButtonRender;
 exports.useGoogleNativeOverlay = useGoogleNativeOverlay;
 exports.atlasSsoTarget = atlasSsoTarget;
 exports.AtlasSsoButton = AtlasSsoButton;
+exports.IdentityVerificationStep = IdentityVerificationStep;
 exports.useLastSignInMethod = useLastSignInMethod;
 exports.LastUsedBadge = LastUsedBadge;
 exports.LastUsedHint = LastUsedHint;
@@ -126,6 +128,9 @@ function AttemptFlow({ attempt, onSubmit, busy, errors, titleKey, hideTitle, cap
                     ...(mfaChoices.emailCode && attempt?.id
                         ? [(0, jsx_runtime_1.jsx)(mfa_steps_1.SecondFactorCodeOption, { attemptId: attempt.id, strategy: "email_code" }, "email-2fa")]
                         : []),
+                    ...(mfaChoices.duo && attempt?.id
+                        ? [(0, jsx_runtime_1.jsx)(mfa_steps_1.DuoSecondFactorOption, { attemptId: attempt.id, onSubmit: onSubmit }, "duo-2fa")]
+                        : []),
                 ];
             case 'enroll_second_factor':
                 /**
@@ -146,6 +151,64 @@ function AttemptFlow({ attempt, onSubmit, busy, errors, titleKey, hideTitle, cap
                 return [field('code', 'signIn.emailCodeLabel')];
             case 'collect_new_password':
                 return [field('password', 'reset.newPasswordLabel', 'password')];
+            case 'complete_required_action': {
+                // The user owes a step (USR-04): ask for what the first one needs.
+                const owed = step.actions[0];
+                if (owed?.action === 'update_password')
+                    return [field('password', 'reset.newPasswordLabel', 'password', { autoComplete: 'new-password' })];
+                if (owed?.action === 'update_profile') {
+                    return [
+                        field('first_name', 'requiredAction.firstNameLabel', 'text', { autoComplete: 'given-name' }),
+                        field('last_name', 'requiredAction.lastNameLabel', 'text', { autoComplete: 'family-name' }),
+                    ];
+                }
+                if (owed?.action === 'complete_profile') {
+                    // Progressive profiling: the fields the application asked for; optional-only steps can be skipped.
+                    const asked = owed.fields ?? [];
+                    return [
+                        ...asked.map((f) => ((0, jsx_runtime_1.jsxs)("label", { className: cls('formField', 'atlas-field'), children: [(0, jsx_runtime_1.jsxs)("span", { className: cls('formFieldLabel', 'atlas-field-label'), children: [f.label, f.required ? ' *' : ''] }), (0, jsx_runtime_1.jsx)("input", { className: inputClass, type: f.type === 'tel' || f.type === 'email' || f.type === 'url' || f.type === 'number' || f.type === 'date' ? f.type : 'text', name: `field:${f.key}`, placeholder: f.placeholder ?? undefined, value: values[`field:${f.key}`] ?? '', onChange: (event) => setValues((v) => ({ ...v, [`field:${f.key}`]: event.target.value })) })] }, f.key))),
+                        asked.every((f) => !f.required) ? ((0, jsx_runtime_1.jsx)("button", { type: "button", className: buttonClass, disabled: busy, onClick: () => onSubmit({ action: 'complete_profile', skip: 'true' }), children: t('requiredAction.skip') }, "skip")) : null,
+                    ];
+                }
+                if (owed?.action === 'journey_form') {
+                    // A server-driven form from the sign-in journey: rendered from its fields.
+                    const asked = owed.fields ?? [];
+                    const set = (key, v) => setValues((cur) => ({ ...cur, [`field:${key}`]: v }));
+                    return [
+                        owed.title ? (0, jsx_runtime_1.jsx)("h2", { className: cls('headerTitle', 'atlas-title'), children: owed.title }, "title") : null,
+                        owed.intro ? (0, jsx_runtime_1.jsx)("p", { className: cls('text', 'atlas-text'), children: owed.intro }, "intro") : null,
+                        ...asked.map((f) => {
+                            const name = `field:${f.key}`;
+                            const label = (0, jsx_runtime_1.jsxs)("span", { className: cls('formFieldLabel', 'atlas-field-label'), children: [f.label, f.required ? ' *' : ''] });
+                            if (f.type === 'checkbox') {
+                                return ((0, jsx_runtime_1.jsxs)("label", { className: cls('formField', 'atlas-field'), children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", name: name, checked: values[name] === 'true', onChange: (event) => set(f.key, event.target.checked ? 'true' : 'false') }), label] }, f.key));
+                            }
+                            if (f.type === 'select') {
+                                return ((0, jsx_runtime_1.jsxs)("label", { className: cls('formField', 'atlas-field'), children: [label, (0, jsx_runtime_1.jsxs)("select", { className: inputClass, name: name, value: values[name] ?? '', onChange: (event) => set(f.key, event.target.value), children: [(0, jsx_runtime_1.jsx)("option", { value: "" }), f.options.map((o) => (0, jsx_runtime_1.jsx)("option", { value: o, children: o }, o))] })] }, f.key));
+                            }
+                            if (f.type === 'textarea') {
+                                return ((0, jsx_runtime_1.jsxs)("label", { className: cls('formField', 'atlas-field'), children: [label, (0, jsx_runtime_1.jsx)("textarea", { className: inputClass, name: name, rows: 3, placeholder: f.placeholder ?? undefined, value: values[name] ?? '', onChange: (event) => set(f.key, event.target.value) })] }, f.key));
+                            }
+                            return ((0, jsx_runtime_1.jsxs)("label", { className: cls('formField', 'atlas-field'), children: [label, (0, jsx_runtime_1.jsx)("input", { className: inputClass, type: f.type === 'email' || f.type === 'number' || f.type === 'date' ? f.type : 'text', name: name, placeholder: f.placeholder ?? undefined, value: values[name] ?? '', onChange: (event) => set(f.key, event.target.value) })] }, f.key));
+                        }),
+                    ];
+                }
+                if (owed?.action === 'identity_verification') {
+                    return [(0, jsx_runtime_1.jsx)(IdentityVerificationStep, { attempt: attempt, busy: busy, onSubmit: onSubmit }, "idv")];
+                }
+                if (owed?.action === 'verify_email') {
+                    return [
+                        (0, jsx_runtime_1.jsx)("p", { className: cls('text', 'atlas-text'), children: t('requiredAction.verifyIntro') }, "verify"),
+                        (0, jsx_runtime_1.jsx)("button", { type: "button", className: buttonClass, disabled: busy, onClick: () => onSubmit({ action: 'verify_email', step: 'send' }), children: t('requiredAction.sendCode') }, "send"),
+                        field('code', 'signIn.emailCodeLabel', 'text', { autoComplete: 'one-time-code', inputMode: 'numeric' }),
+                    ];
+                }
+                // An application-defined step: the app closes it, then the user signs in again.
+                return [
+                    (0, jsx_runtime_1.jsx)("p", { className: cls('text', 'atlas-text'), children: t('requiredAction.customIntro') }, "custom"),
+                    owed?.url ? ((0, jsx_runtime_1.jsx)("a", { className: buttonClass, href: owed.url, rel: "noopener", children: t('signIn.submit') }, "go")) : null,
+                ];
+            }
             case 'accept_policies':
                 // A required policy changed: scroll-mode ones in their dialog, the rest as checkboxes.
                 return [
@@ -206,10 +269,17 @@ function AttemptFlow({ attempt, onSubmit, busy, errors, titleKey, hideTitle, cap
                         });
                         return;
                     }
+                    // Required actions: name the action; the emailed code is verified, not re-sent.
+                    if (step.kind === 'complete_required_action') {
+                        const owed = step.actions[0]?.action;
+                        onSubmit({ ...values, action: owed ?? '', ...(owed === 'verify_email' ? { step: 'verify' } : {}) });
+                        return;
+                    }
                     onSubmit(values);
                 }, children: [fields(), step.kind === 'collect_identifier' || step.kind === 'collect_captcha' ? captcha : null, step.kind !== 'done' &&
                         step.kind !== 'await_oauth' &&
                         step.kind !== 'accept_policies' &&
+                        !(step.kind === 'complete_required_action' && step.actions[0]?.action === 'custom') &&
                         !noFirstFactor &&
                         sent !== 'email_link' &&
                         !sending &&
@@ -261,7 +331,7 @@ function navigateAfterComplete(afterUrl) {
  * the native/popup social `onComplete`, and the cross-device poll), after the
  * session re-boot, so the destination page already sees a signed-in user.
  */
-function useFlow({ afterUrl, signInCaptcha = true, referral, referralConsent, } = {}) {
+function useFlow({ afterUrl, afterSignIn, signInCaptcha = true, referral, referralConsent, } = {}) {
     const { publishableKey, frontendApi, locale, reload, pendingAttempt, instanceSettings, broadcastSessionChange } = (0, AtlasProvider_1.useAtlas)();
     const t = (0, components_shared_1.useText)();
     // Seeded from a redirect that came back mid-flow (e.g. OAuth needing a second
@@ -320,12 +390,15 @@ function useFlow({ afterUrl, signInCaptcha = true, referral, referralConsent, }
         // alone says nothing about whether the cookie was kept.
         setState({ ...next, busy: true });
         let exchanged = true;
+        // Where the sign-in journey sends the user next, when it names a place.
+        let journeyUrl = null;
         if (next.ticket) {
             const res = await client.post('/v1/client/tickets/exchange', {
                 attempt_id: next.attempt.id,
                 ticket: next.ticket,
             });
             exchanged = res.ok;
+            journeyUrl = res.ok ? (0, js_1.journeyRedirectUrl)(res.data) : null;
         }
         const kept = exchanged && (await reload());
         setState({ ...next, busy: false, sessionKept: kept });
@@ -333,9 +406,15 @@ function useFlow({ afterUrl, signInCaptcha = true, referral, referralConsent, }
             return;
         // §R3.2 wake sibling tabs now, rather than when they next gain focus.
         broadcastSessionChange();
+        if (afterSignIn && (await afterSignIn(client)))
+            return;
+        if (journeyUrl && typeof window !== 'undefined') {
+            window.location.assign(journeyUrl);
+            return;
+        }
         // §10.2 send the user on once signed-in — no-op when afterUrl is unset.
         navigateAfterComplete(afterUrl);
-    }, [afterUrl, broadcastSessionChange, client, reload]);
+    }, [afterSignIn, afterUrl, broadcastSessionChange, client, reload]);
     const submit = (0, react_1.useCallback)((values) => {
         void (async () => {
             setState((current) => ({ ...current, busy: true, errors: [] }));
@@ -437,6 +516,11 @@ function useFlow({ afterUrl, signInCaptcha = true, referral, referralConsent, }
                 setState((current) => ({ ...current, sessionKept: kept }));
                 if (!kept)
                     return;
+                const journeyUrl = (0, js_1.journeyRedirectUrl)(res.data);
+                if (journeyUrl && typeof window !== 'undefined') {
+                    window.location.assign(journeyUrl);
+                    return;
+                }
                 // §10.2 a cross-device sign-in that completes here redirects too.
                 navigateAfterComplete(afterUrl);
             })();
@@ -798,6 +882,31 @@ function AtlasSsoButton({ onClick, className, labelClassName, }) {
  * Google button, so an instance's other social providers never appeared.
  */
 /** "Resend link" on a link-only sign-up: a fresh email (the earlier link stops working). */
+/**
+ * The `identity_verification` required action: a start button, then the
+ * verification service's page in a new tab, and a poll (plus a manual
+ * "I've finished") that re-reads the verdict. The sign-in continues on its own
+ * once the check is approved; a declined or in-review check says so.
+ */
+exports.IDENTITY_POLL_MS = 4_000;
+function IdentityVerificationStep({ attempt, busy, onSubmit }) {
+    const t = (0, components_shared_1.useText)();
+    const cls = (0, components_shared_1.useClasses)();
+    const buttonClass = (0, components_shared_1.useClass)('formButtonPrimary', 'atlas-button');
+    const idv = attempt?.identity_verification ?? null;
+    const url = idv?.url ?? null;
+    const submitRef = (0, react_1.useRef)(onSubmit);
+    submitRef.current = onSubmit;
+    (0, react_1.useEffect)(() => {
+        if (!url)
+            return;
+        const timer = setInterval(() => submitRef.current({ action: 'identity_verification' }), exports.IDENTITY_POLL_MS);
+        return () => clearInterval(timer);
+    }, [url]);
+    const note = idv?.status === 'declined' ? t('requiredAction.idvDeclined') : idv?.status === 'needs_review' ? t('requiredAction.idvReview') : url ? t('requiredAction.idvWaiting') : null;
+    const returnTo = typeof window !== 'undefined' && window.location.protocol === 'https:' ? window.location.href : undefined;
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-atlas-identity-verification": "", children: [(0, jsx_runtime_1.jsx)("p", { className: cls('text', 'atlas-text'), children: t('requiredAction.idvIntro') }), url ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("a", { className: buttonClass, href: url, target: "_blank", rel: "noopener noreferrer", children: t('requiredAction.idvOpen') }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: buttonClass, disabled: busy, onClick: () => onSubmit({ action: 'identity_verification' }), children: t('requiredAction.idvCheck') })] })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: buttonClass, disabled: busy, onClick: () => onSubmit({ action: 'identity_verification', step: 'start', ...(returnTo ? { redirect_url: returnTo } : {}) }), children: t('requiredAction.idvStart') })), note ? (0, jsx_runtime_1.jsx)("p", { className: cls('text', 'atlas-text'), role: "status", "aria-live": "polite", children: note }) : null] }));
+}
 function ResendSignUpLink({ attempt }) {
     const client = (0, components_shared_1.useFapiClient)();
     const t = (0, components_shared_1.useText)();