@atlasauth/angular 0.13.0 → 0.15.0

package/dist/fesm2022/atlasauth-angular.mjs

@@ -4,7 +4,7 @@ import { isPlatformBrowser, DOCUMENT } from '@angular/common';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { BehaviorSubject, Subject, combineLatest, firstValueFrom } from 'rxjs';
 import { map, distinctUntilChanged, filter, take } from 'rxjs/operators';
-import { createOrganizationAuditLog, POLICY_STRINGS, TokenCache, SignOutNotifier, resolveFrontendApi, withDevBrowser, catalogLocale, configureReferralCapture, FapiClient, SignOutGuard, localizedErrorMessage, reauthenticate, getTemplateToken, getProviderToken, signOutReasonFromClient, readRedirectResult, completeOAuthPopupLanding, mapOAuthPopupPayload, stripRedirectParams, closeOAuthPopupAfterSignIn, SDK_HEADER, sdkHeaderValue, reportSdkAdvisory, readExpiry, msUntilRefresh, policyTranslator, injectPolicyStyles, mountPolicyClickwrap, mountPolicyConsent, controllerForPending, mountPolicyAcceptStep, joinTitles, formatPolicyDate, PolicyGateController, groupSetupKey, enrollmentSubmitKey, nextStep, awaitingSignUpLink, canDownloadRecoveryCodes, copyRecoveryCodes, downloadRecoveryCodes, createCaptchaController, atlasCaptchaLabels, PolicyAcceptanceController, flowFromPending, initialFlow, createMfaEnrollment, createPasskeySignInController, startSignInWithAtlas, mfaChoicesFrom, fetchInstanceSettings, fetchLastSignInMethod, offeredFirstFactors, prepareFactor, signInCaptchaOptions, flowNeedsCaptcha, planFirstFactor, advanceWithCaptcha, loadPolicies, createSignUp, prepareSecondFactorCode, resendSignUpVerification, createPasskeySignUp, finishPasskeySignUp, pendingRecoveryCodes, acknowledgeRecoveryCodes, shouldKeepPolling, pollAttempt, lastUsedMethodLabel, signUp, passkeysSupported, confirmPolicies, awaitingPasskey, listCibaRequests, getCibaPin, decideCibaRequest, setCibaPin, clearCibaPin, OrganizationProfileController, describeAuditAction, actorFromClaims } from '@atlasauth/js';
+import { createOrganizationAuditLog, POLICY_STRINGS, TokenCache, SignOutNotifier, resolveFrontendApi, withDevBrowser, catalogLocale, configureReferralCapture, FapiClient, SignOutGuard, localizedErrorMessage, reauthenticate, getTemplateToken, getProviderToken, signOutReasonFromClient, readRedirectResult, completeOAuthPopupLanding, mapOAuthPopupPayload, stripRedirectParams, closeOAuthPopupAfterSignIn, SDK_HEADER, sdkHeaderValue, reportSdkAdvisory, readExpiry, msUntilRefresh, policyTranslator, injectPolicyStyles, mountPolicyClickwrap, mountPolicyConsent, controllerForPending, mountPolicyAcceptStep, joinTitles, formatPolicyDate, PolicyGateController, groupSetupKey, enrollmentSubmitKey, nextStep, awaitingSignUpLink, canDownloadRecoveryCodes, copyRecoveryCodes, downloadRecoveryCodes, createCaptchaController, atlasCaptchaLabels, PolicyAcceptanceController, flowFromPending, initialFlow, createMfaEnrollment, createPasskeySignInController, startSignInWithAtlas, mfaChoicesFrom, fetchInstanceSettings, fetchLastSignInMethod, offeredFirstFactors, preparePasswordHoldProof, prepareFactor, signInCaptchaOptions, flowNeedsCaptcha, planFirstFactor, attemptPasswordHoldProof, advanceWithCaptcha, loadPolicies, createSignUp, prepareSecondFactorCode, resendSignUpVerification, createPasskeySignUp, finishPasskeySignUp, pendingRecoveryCodes, acknowledgeRecoveryCodes, pendingExistingAccountNotice, acknowledgeExistingAccount, shouldKeepPolling, pollAttempt, lastUsedMethodLabel, signUp, passkeysSupported, confirmPolicies, existingAccountResetUrl, signUpProvedByLink, signInAfterProofUrl, awaitingPasskey, listCibaRequests, getCibaPin, decideCibaRequest, setCibaPin, clearCibaPin, OrganizationProfileController, describeAuditAction, actorFromClaims } from '@atlasauth/js';
 export { FapiClient, SIGN_OUT_EVENT, SignOutError, advance, flowFromPending, getProviderToken, initialFlow, onAtlasSignOut, pollAttempt, prepareFactor, requestForStep, shouldKeepPolling } from '@atlasauth/js';
 import { evaluate } from '@atlasauth/authz';
 export { evaluate, hasFromClaims } from '@atlasauth/authz';
@@ -207,6 +207,13 @@ const EN_US = {
     'signIn.continueWithAtlas': 'Continue with Atlas',
     'signIn.emailCodeLabel': 'Verification code',
     'signIn.useEmailCode': 'Email me a code',
+    'signIn.useEmailLink': 'Email me a sign-in link',
+    'signIn.linkSentTo': 'We sent a sign-in link to {email}. Open it on any device to continue.',
+    'signIn.resendLink': 'Resend link',
+    'signIn.passwordOption': 'Use your password instead',
+    'signIn.passwordHoldReleased': 'Your email is verified. Enter your password to sign in.',
+    'signUp.existingAccount': 'You already had an account. Your existing password still applies.',
+    'signUp.emailConfirmed': 'Your email is confirmed. Sign in to continue.',
     'signIn.codeSentTo': 'We sent a code to {email}. Enter it below.',
     'signIn.resendCode': 'Resend code',
     'signIn.sending': 'Sending…',
@@ -366,6 +373,9 @@ const EN_US = {
     'error.email_delivery_unavailable': "This app can't send email right now. Try another sign-in method or contact the app owner.",
     'error.strategy_disabled': 'This sign-in method is not available for this app.',
     'error.sign_up_restricted': 'Sign-up on this app is by invitation only.',
+    'error.sign_up_denied': 'Sign-up is not available for this account.',
+    'error.password_not_yet_usable': 'Verify your email address before signing in with this password.',
+    'error.account_deleted': 'The account for this address was deleted, so it can’t be used to sign up again.',
     'error.waitlisted': "You're on the waitlist. We'll email you when a place opens up.",
     'error.identifier_not_allowed': 'This email or phone number is not allowed on this app.',
     'error.disposable_email_blocked': 'Sign-up with a disposable or temporary email address is not allowed.',
@@ -374,6 +384,7 @@ const EN_US = {
     'error.sign_ups_disabled': 'Sign-ups are temporarily disabled.',
     'error.high_risk_blocked': 'This sign-in was blocked because it looked unusual.',
     'error.sms_region_blocked': 'Text messages are not available for this phone number.',
+    'error.github_team_required': 'Your GitHub account is not a member of a GitHub organization or team allowed to sign in here.',
 };
 /**
  * Look up a key and interpolate `{placeholders}`.
@@ -392,7 +403,7 @@ function withFallback(locale) {
 }
 
 /** This package's version, sent as `X-Atlas-SDK` (kept in step with package.json by a test). */
-const ATLAS_ANGULAR_VERSION = '0.13.0';
+const ATLAS_ANGULAR_VERSION = '0.15.0';
 const ATLAS_ANGULAR_SDK = { name: '@atlasauth/angular', version: ATLAS_ANGULAR_VERSION };
 
 /**
@@ -1484,10 +1495,16 @@ class AttemptFlowComponent {
     firstFactors = null;
     /** The first factor already sent (`AtlasFlowController.preparedFactor()`): its code is collected. */
     preparedFactor = null;
+    /** `FlowState.passwordHold`: where the proof went, and whether the password signs in now. */
+    passwordHold = null;
+    /** `AtlasFlowController.holdProof()`: the emailed proof a password hold still waits on. */
+    holdProof = null;
     /** Emits the collected field values when the form is submitted. */
     submitFlow = new EventEmitter();
     /** Emits when the user picks a first factor the server must send first (an emailed code). */
     chooseFactor = new EventEmitter();
+    /** Emits on "Use your password instead", from an emailed factor already sent. */
+    usePassword = new EventEmitter();
     /**
      * Offer "Email me a code instead" at the second factor (the instance's
      * `account.emailSecondFactor`); `emailSecondFactor` asks for it and
@@ -1548,6 +1565,11 @@ class AttemptFlowComponent {
             });
             return;
         }
+        // Only what is on screen: a code typed earlier must not turn a password into a code attempt.
+        if (this.step().kind === 'collect_first_factor') {
+            this.submitFlow.emit(this.preparedFactor === 'email_code' ? { code: this.values['code'] ?? '' } : { password: this.values['password'] ?? '' });
+            return;
+        }
         this.submitFlow.emit(this.values);
     }
     /** The shared enrolment step is drawn (a controller was passed and the flow is enrolling). */
@@ -1619,7 +1641,13 @@ class AttemptFlowComponent {
     codeSentText() {
         if (this.step().kind !== 'collect_first_factor' || this.preparedFactor !== 'email_code')
             return null;
-        return this.t('signIn.codeSentTo', { email: this.attempt?.identifier ?? '' });
+        return this.t('signIn.codeSentTo', { email: this.passwordHold?.email ?? this.attempt?.identifier ?? '' });
+    }
+    /** The "we sent a link to …" line, once a link was sent. */
+    linkSentText() {
+        if (this.step().kind !== 'collect_first_factor' || this.preparedFactor !== 'email_link')
+            return null;
+        return this.t('signIn.linkSentTo', { email: this.passwordHold?.email ?? this.attempt?.identifier ?? '' });
     }
     /** The attempt is `needs_policy_acceptance`. */
     awaitingPolicies() {
@@ -1630,7 +1658,7 @@ class AttemptFlowComponent {
         // Nothing to submit on a first-factor step that only offers an emailed code
         // until that code is sent.
         if (kind === 'collect_first_factor')
-            return this.fields().length > 0;
+            return this.fields().some((f) => f.kind === 'input');
         if (this.linkOnly())
             return false;
         // Enrolment: nothing to submit while choosing a method or fetching the setup.
@@ -1648,12 +1676,17 @@ class AttemptFlowComponent {
                 if (this.preparedFactor === 'email_code') {
                     return [{ kind: 'input', name: 'code', labelKey: 'signIn.emailCodeLabel', type: 'text' }];
                 }
+                if (this.preparedFactor === 'email_link')
+                    return [];
                 // The password field unless the only offer is an emailed code (chosen
                 // with the button below the form).
                 const offered = this.offered();
                 return offered.includes('email_code') && !offered.includes('password')
                     ? []
-                    : [{ kind: 'input', name: 'password', labelKey: 'signIn.passwordLabel', type: 'password' }];
+                    : [
+                        ...(this.passwordHold?.released ? [released()] : []),
+                        { kind: 'input', name: 'password', labelKey: 'signIn.passwordLabel', type: 'password' },
+                    ];
             }
             case 'collect_second_factor':
                 return [{ kind: 'input', name: 'code', labelKey: 'mfa.codeLabel', type: 'text' }];
@@ -1697,7 +1730,7 @@ class AttemptFlowComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AttemptFlowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AttemptFlowComponent, isStandalone: true, selector: "atlas-attempt-flow", inputs: { attempt: "attempt", busy: "busy", errors: "errors", sessionKept: "sessionKept", titleKey: "titleKey", captcha: "captcha", firstFactors: "firstFactors", preparedFactor: "preparedFactor", offerEmailSecondFactor: "offerEmailSecondFactor", emailedSecondFactor: "emailedSecondFactor", offerSmsSecondFactor: "offerSmsSecondFactor", textedSecondFactor: "textedSecondFactor", enrollment: "enrollment", enrollmentState: "enrollmentState", emailVerification: "emailVerification" }, outputs: { submitFlow: "submitFlow", chooseFactor: "chooseFactor", emailSecondFactor: "emailSecondFactor", smsSecondFactor: "smsSecondFactor", resend: "resend", policyDeclined: "policyDeclined" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AttemptFlowComponent, isStandalone: true, selector: "atlas-attempt-flow", inputs: { attempt: "attempt", busy: "busy", errors: "errors", sessionKept: "sessionKept", titleKey: "titleKey", captcha: "captcha", firstFactors: "firstFactors", preparedFactor: "preparedFactor", passwordHold: "passwordHold", holdProof: "holdProof", offerEmailSecondFactor: "offerEmailSecondFactor", emailedSecondFactor: "emailedSecondFactor", offerSmsSecondFactor: "offerSmsSecondFactor", textedSecondFactor: "textedSecondFactor", enrollment: "enrollment", enrollmentState: "enrollmentState", emailVerification: "emailVerification" }, outputs: { submitFlow: "submitFlow", chooseFactor: "chooseFactor", usePassword: "usePassword", emailSecondFactor: "emailSecondFactor", smsSecondFactor: "smsSecondFactor", resend: "resend", policyDeclined: "policyDeclined" }, ngImport: i0, template: `
     <div [class]="cls('card', 'atlas-card')">
       <h1 [class]="cls('headerTitle', 'atlas-title')">{{ t(titleKey) }}</h1>
 
@@ -1709,6 +1742,9 @@ class AttemptFlowComponent {
         @if (codeSentText(); as sentText) {
           <p class="atlas-text" data-atlas-code-sent="">{{ sentText }}</p>
         }
+        @if (linkSentText(); as sentLink) {
+          <p class="atlas-text" data-atlas-link-sent="">{{ sentLink }}</p>
+        }
         @if (linkOnly()) {
           <!-- Nothing to type: the flow polls until the emailed link is opened (anywhere). -->
           <p class="atlas-text" data-atlas-link-sent="" aria-live="polite">
@@ -1817,6 +1853,8 @@ class AttemptFlowComponent {
                 <span [class]="cls('formFieldError', 'atlas-error')">{{ errorText(error) }}</span>
               }
             </label>
+          } @else if (f.kind === 'released') {
+            <p class="atlas-text" data-atlas-password-released="">{{ t(f.labelKey) }}</p>
           } @else if (f.kind === 'alert') {
             <p [class]="cls('formFieldError', 'atlas-error')" role="alert">{{ t(f.labelKey) }}</p>
           } @else {
@@ -1898,6 +1936,31 @@ class AttemptFlowComponent {
             {{ t(preparedFactor === 'email_code' ? 'signIn.resendCode' : 'signIn.useEmailCode') }}
           </button>
         }
+
+        @if (holdProof === 'email_link' && step().kind === 'collect_first_factor') {
+          <button
+            [class]="cls('formButtonSecondary', 'atlas-button-secondary')"
+            [disabled]="busy"
+            type="button"
+            [attr.data-strategy]="preparedFactor === 'email_link' ? null : 'email_link'"
+            [attr.data-atlas-resend]="preparedFactor === 'email_link' ? '' : null"
+            (click)="chooseFactor.emit('email_link')"
+          >
+            {{ t(preparedFactor === 'email_link' ? 'signIn.resendLink' : 'signIn.useEmailLink') }}
+          </button>
+        }
+
+        @if (preparedFactor && offered().includes('password')) {
+          <button
+            [class]="cls('formButtonSecondary', 'atlas-button-secondary')"
+            [disabled]="busy"
+            type="button"
+            data-strategy="password"
+            (click)="usePassword.emit()"
+          >
+            {{ t('signIn.passwordOption') }}
+          </button>
+        }
       </form>
     </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: AtlasCaptchaSlotDirective, selector: "[atlasCaptchaSlot]", inputs: ["atlasCaptchaSlot"] }, { kind: "component", type: PolicyAcceptStepComponent, selector: "atlas-policy-accept-step", inputs: ["attempt", "busy"], outputs: ["submitFlow", "declined"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -1921,6 +1984,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         @if (codeSentText(); as sentText) {
           <p class="atlas-text" data-atlas-code-sent="">{{ sentText }}</p>
         }
+        @if (linkSentText(); as sentLink) {
+          <p class="atlas-text" data-atlas-link-sent="">{{ sentLink }}</p>
+        }
         @if (linkOnly()) {
           <!-- Nothing to type: the flow polls until the emailed link is opened (anywhere). -->
           <p class="atlas-text" data-atlas-link-sent="" aria-live="polite">
@@ -2029,6 +2095,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 <span [class]="cls('formFieldError', 'atlas-error')">{{ errorText(error) }}</span>
               }
             </label>
+          } @else if (f.kind === 'released') {
+            <p class="atlas-text" data-atlas-password-released="">{{ t(f.labelKey) }}</p>
           } @else if (f.kind === 'alert') {
             <p [class]="cls('formFieldError', 'atlas-error')" role="alert">{{ t(f.labelKey) }}</p>
           } @else {
@@ -2110,6 +2178,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             {{ t(preparedFactor === 'email_code' ? 'signIn.resendCode' : 'signIn.useEmailCode') }}
           </button>
         }
+
+        @if (holdProof === 'email_link' && step().kind === 'collect_first_factor') {
+          <button
+            [class]="cls('formButtonSecondary', 'atlas-button-secondary')"
+            [disabled]="busy"
+            type="button"
+            [attr.data-strategy]="preparedFactor === 'email_link' ? null : 'email_link'"
+            [attr.data-atlas-resend]="preparedFactor === 'email_link' ? '' : null"
+            (click)="chooseFactor.emit('email_link')"
+          >
+            {{ t(preparedFactor === 'email_link' ? 'signIn.resendLink' : 'signIn.useEmailLink') }}
+          </button>
+        }
+
+        @if (preparedFactor && offered().includes('password')) {
+          <button
+            [class]="cls('formButtonSecondary', 'atlas-button-secondary')"
+            [disabled]="busy"
+            type="button"
+            data-strategy="password"
+            (click)="usePassword.emit()"
+          >
+            {{ t('signIn.passwordOption') }}
+          </button>
+        }
       </form>
     </div>
   `,
@@ -2130,10 +2223,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], preparedFactor: [{
                 type: Input
+            }], passwordHold: [{
+                type: Input
+            }], holdProof: [{
+                type: Input
             }], submitFlow: [{
                 type: Output
             }], chooseFactor: [{
                 type: Output
+            }], usePassword: [{
+                type: Output
             }], offerEmailSecondFactor: [{
                 type: Input
             }], emailedSecondFactor: [{
@@ -2161,6 +2260,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 function msg(labelKey) {
     return { kind: 'message', name: '', labelKey, type: 'text' };
 }
+function released() {
+    return { kind: 'released', name: '', labelKey: 'signIn.passwordHoldReleased', type: 'text' };
+}
 
 /**
  * The recovery codes a mid-sign-in MFA enrolment came with, shown once before
@@ -2296,6 +2398,7 @@ class AtlasFlowController {
     client;
     reload;
     t;
+    holdExistingAccountNotice;
     state;
     /**
      * The instance's public sign-in / sign-up settings (captcha, sign-up fields,
@@ -2358,10 +2461,13 @@ class AtlasFlowController {
     identifier = '';
     constructor(client, reload, pending, 
     /** Resolves the captcha messages' catalog keys. Defaults to en-US. */
-    t = (key) => translate(EN_US, key)) {
+    t = (key) => translate(EN_US, key), 
+    /** Wait for {@link continueAfterExistingAccount} (`<atlas-sign-up>` draws the notice). */
+    holdExistingAccountNotice = false) {
         this.client = client;
         this.reload = reload;
         this.t = t;
+        this.holdExistingAccountNotice = holdExistingAccountNotice;
         // Seeded from a redirect that came back mid-flow (e.g. OAuth needing a second
         // factor) so the user resumes at the demanded step instead of starting over.
         this.state = signal(pending ? flowFromPending(pending) : initialFlow);
@@ -2428,9 +2534,27 @@ class AtlasFlowController {
     firstFactors() {
         const attempt = this.state().attempt;
         const step = attempt ? nextStep(attempt) : null;
-        return step?.kind === 'collect_first_factor'
-            ? offeredFirstFactors(step.strategies, this.settings()?.emailDelivery)
-            : [];
+        if (step?.kind !== 'collect_first_factor')
+            return [];
+        const offered = offeredFirstFactors(step.strategies, this.settings()?.emailDelivery);
+        const proof = this.holdProof();
+        return proof && !offered.includes(proof) ? [...offered, proof] : offered;
+    }
+    /**
+     * The emailed proof a password hold still waits on (`FlowState.passwordHold`): the
+     * code, or a link where the instance verifies by link only. Null with no hold, once
+     * proven, or while the app cannot deliver email.
+     */
+    holdProof() {
+        const hold = this.state().passwordHold;
+        if (!hold || hold.released || this.settings()?.emailDelivery?.available === false)
+            return null;
+        return this.settings()?.account?.emailVerification === 'link' ? 'email_link' : 'email_code';
+    }
+    /** Back from the emailed factor to the password field. */
+    usePassword() {
+        this.preparedFactor.set(null);
+        this.state.update((current) => ({ ...current, prepared: null, pollSecret: null, errors: [] }));
     }
     /**
      * True when email + password sign-up cannot complete because the app cannot
@@ -2447,16 +2571,21 @@ class AtlasFlowController {
     /**
      * Ask the server to email a sign-in code for the current `needs_first_factor`
      * step (`POST …/prepare_first_factor`); the form then collects the code, which
-     * {@link submit} posts as the `email_code` strategy.
+     * {@link submit} posts as the `email_code` strategy. While a password hold waits
+     * on it ({@link holdProof}), this emails that proof instead.
      */
     async prepare(strategy) {
         if (!this.firstFactors().includes(strategy))
             return;
+        const proof = this.holdProof();
         this.state.update((current) => ({ ...current, busy: true, errors: [] }));
-        const next = await prepareFactor(this.client, this.state(), strategy);
+        const next = strategy === proof
+            ? await preparePasswordHoldProof(this.client, this.state(), proof)
+            : await prepareFactor(this.client, this.state(), strategy);
         this.setState(next);
         if (!next.errors.length)
             this.preparedFactor.set(strategy);
+        this.syncPolling();
     }
     /** Keep both captchas in step with the settings and the flow's current step. */
     syncCaptcha() {
@@ -2472,8 +2601,12 @@ class AtlasFlowController {
         this.signUpCaptchaDrawn.set(this.signUpCaptcha.needed);
     }
     setState(next) {
-        const previousId = this.state().attempt?.id ?? null;
+        const previous = this.state();
+        const previousId = previous.attempt?.id ?? null;
         this.state.set(next);
+        // A proven hold goes back to the password field.
+        if (next.passwordHold?.released && !previous.passwordHold?.released)
+            this.preparedFactor.set(null);
         // A prepared factor belongs to the first-factor step it was sent for.
         if (next.attempt?.status !== 'needs_first_factor')
             this.preparedFactor.set(null);
@@ -2509,6 +2642,11 @@ class AtlasFlowController {
      */
     async submit(values) {
         this.state.update((current) => ({ ...current, busy: true, errors: [] }));
+        // A code that lifts a password hold goes to its own attempt, not this sign-in.
+        if (this.preparedFactor() === 'email_code' && this.holdProof() === 'email_code') {
+            this.setState(await attemptPasswordHoldProof(this.client, this.state(), values.code ?? ''));
+            return;
+        }
         const out = await advanceWithCaptcha(this.client, this.state(), values, {
             captcha: this.captcha,
             identifier: this.identifier,
@@ -2604,10 +2742,24 @@ class AtlasFlowController {
     async saveRecoveryCodes() {
         await this.finish(acknowledgeRecoveryCodes(this.state()));
     }
+    /** The address belonged to an existing account: the notice is up until {@link continueAfterExistingAccount}. */
+    existingAccountNotice() {
+        return pendingExistingAccountNotice(this.state());
+    }
+    /** The user read the notice: finish the sign-up. */
+    async continueAfterExistingAccount() {
+        await this.finish(acknowledgeExistingAccount(this.state()));
+    }
     async finish(next) {
         // An enrolment's recovery codes are shown first; `saveRecoveryCodes` finishes.
         if (pendingRecoveryCodes(next)) {
-            this.setState({ ...next, busy: false });
+            // The ticket dies in 60 seconds and saving the codes can take longer: redeem it now,
+            // and `saveRecoveryCodes` finishes. A refused exchange keeps the ticket, so the save reports it.
+            this.setState({ ...next, busy: true });
+            const res = next.ticket
+                ? await this.client.post('/v1/client/tickets/exchange', { attempt_id: next.attempt.id, ticket: next.ticket })
+                : null;
+            this.setState({ ...next, busy: false, ticket: res?.ok ? null : next.ticket });
             return;
         }
         if (next.attempt?.status === 'complete') {
@@ -2622,6 +2774,10 @@ class AtlasFlowController {
                 });
                 exchanged = res.ok;
             }
+            if (exchanged && this.holdExistingAccountNotice && pendingExistingAccountNotice(next)) {
+                this.setState({ ...next, ticket: null, busy: false });
+                return;
+            }
             const kept = exchanged && (await this.reload());
             this.setState({ ...next, busy: false, sessionKept: kept });
         }
@@ -2781,6 +2937,9 @@ class SignInComponent {
       [captcha]="flow.captchaDrawn() ? flow.captcha : null"
       [firstFactors]="flow.firstFactors()"
       [preparedFactor]="flow.preparedFactor()"
+      [passwordHold]="flow.state().passwordHold ?? null"
+      [holdProof]="flow.holdProof()"
+      (usePassword)="flow.usePassword()"
       [offerEmailSecondFactor]="flow.settings()?.account?.emailSecondFactor === true"
       [emailedSecondFactor]="flow.emailSecondFactor()"
       (submitFlow)="submitIdentifier($event)"
@@ -2810,7 +2969,7 @@ class SignInComponent {
         {{ t('signIn.noAccount') }} <a class="atlas-link" [href]="href">{{ t('signIn.signUpLink') }}</a>
       </p>
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: AttemptFlowComponent, selector: "atlas-attempt-flow", inputs: ["attempt", "busy", "errors", "sessionKept", "titleKey", "captcha", "firstFactors", "preparedFactor", "offerEmailSecondFactor", "emailedSecondFactor", "offerSmsSecondFactor", "textedSecondFactor", "enrollment", "enrollmentState", "emailVerification"], outputs: ["submitFlow", "chooseFactor", "emailSecondFactor", "smsSecondFactor", "resend", "policyDeclined"] }, { kind: "component", type: RecoveryCodesComponent, selector: "atlas-recovery-codes", inputs: ["codes", "busy"], outputs: ["saved"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: AttemptFlowComponent, selector: "atlas-attempt-flow", inputs: ["attempt", "busy", "errors", "sessionKept", "titleKey", "captcha", "firstFactors", "preparedFactor", "passwordHold", "holdProof", "offerEmailSecondFactor", "emailedSecondFactor", "offerSmsSecondFactor", "textedSecondFactor", "enrollment", "enrollmentState", "emailVerification"], outputs: ["submitFlow", "chooseFactor", "usePassword", "emailSecondFactor", "smsSecondFactor", "resend", "policyDeclined"] }, { kind: "component", type: RecoveryCodesComponent, selector: "atlas-recovery-codes", inputs: ["codes", "busy"], outputs: ["saved"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SignInComponent, decorators: [{
             type: Component,
@@ -2845,6 +3004,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
       [captcha]="flow.captchaDrawn() ? flow.captcha : null"
       [firstFactors]="flow.firstFactors()"
       [preparedFactor]="flow.preparedFactor()"
+      [passwordHold]="flow.state().passwordHold ?? null"
+      [holdProof]="flow.holdProof()"
+      (usePassword)="flow.usePassword()"
       [offerEmailSecondFactor]="flow.settings()?.account?.emailSecondFactor === true"
       [emailedSecondFactor]="flow.emailSecondFactor()"
       (submitFlow)="submitIdentifier($event)"
@@ -3455,7 +3617,11 @@ class SignUpComponent {
     atlas = inject(AtlasService);
     /** Where to send the user once the flow completes. Reserved for host routing. */
     afterUrl;
-    flow = new AtlasFlowController(this.atlas.createFapiClient(), () => this.atlas.reload(), this.atlas.pendingAttempt, (key) => translate(this.atlas.localization, key));
+    /** Where the existing-account notice's "Forgot password?" goes. Default: the hosted sign-in page; `null` hides it. */
+    resetPasswordUrl;
+    /** Where "Sign in" goes once an emailed link confirmed the address and made no session here. Default: the hosted sign-in page; `null` hides it. */
+    signInUrl;
+    flow = new AtlasFlowController(this.atlas.createFapiClient(), () => this.atlas.reload(), this.atlas.pendingAttempt, (key) => translate(this.atlas.localization, key), true);
     /** Password or passkey-only sign-up (the latter when the instance offers it). */
     mode = signal('password');
     canPasskey() {
@@ -3469,6 +3635,16 @@ class SignUpComponent {
         this.flow.state.update((current) => ({ ...current, errors: [] }));
         this.mode.set(this.passkeyForm() ? 'password' : 'passkey');
     }
+    resetHref() {
+        return existingAccountResetUrl({ url: this.resetPasswordUrl, frontendApi: this.atlas.frontendApi, redirectUrl: this.afterUrl });
+    }
+    /** A link confirmed the address and made no session here. Says the same for any address. */
+    emailConfirmed() {
+        return signUpProvedByLink(this.flow.state().attempt);
+    }
+    signInHref() {
+        return signInAfterProofUrl({ url: this.signInUrl, frontendApi: this.atlas.frontendApi, redirectUrl: this.afterUrl });
+    }
     awaitingPasskey() {
         return awaitingPasskey(this.flow.state().attempt);
     }
@@ -3493,8 +3669,26 @@ class SignUpComponent {
         this.flow.destroy();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SignUpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SignUpComponent, isStandalone: true, selector: "atlas-sign-up", inputs: { afterUrl: "afterUrl" }, ngImport: i0, template: `
-    @if (awaitingPasskey()) {
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SignUpComponent, isStandalone: true, selector: "atlas-sign-up", inputs: { afterUrl: "afterUrl", resetPasswordUrl: "resetPasswordUrl", signInUrl: "signInUrl" }, ngImport: i0, template: `
+    @if (flow.recoveryCodes(); as codes) {
+      <atlas-recovery-codes [codes]="codes" [busy]="flow.state().busy" (saved)="flow.saveRecoveryCodes()"></atlas-recovery-codes>
+    } @else if (flow.existingAccountNotice()) {
+      <div [class]="cls('card', 'atlas-card')" data-atlas-existing-account="">
+        <h1 [class]="cls('headerTitle', 'atlas-title')">{{ t('signUp.title') }}</h1>
+        <p class="atlas-text">{{ t('signUp.existingAccount') }}</p>
+        @if (resetHref(); as href) {
+          <p class="atlas-text"><a class="atlas-link" [href]="href">{{ t('signIn.forgotPassword') }}</a></p>
+        }
+        <button
+          [class]="cls('formButtonPrimary', 'atlas-button')"
+          type="button"
+          [disabled]="flow.state().busy"
+          (click)="flow.continueAfterExistingAccount()"
+        >
+          {{ t('signUp.submit') }}
+        </button>
+      </div>
+    } @else if (awaitingPasskey()) {
       <div [class]="cls('card', 'atlas-card')" data-atlas-passkey-sign-up="">
         <h1 [class]="cls('headerTitle', 'atlas-title')">{{ t('signUp.title') }}</h1>
         @for (error of flow.state().errors; track error.code) {
@@ -3510,6 +3704,14 @@ class SignUpComponent {
           {{ t('signUp.passkeyCreate') }}
         </button>
       </div>
+    } @else if (emailConfirmed()) {
+      <div [class]="cls('card', 'atlas-card')" data-atlas-email-confirmed="">
+        <h1 [class]="cls('headerTitle', 'atlas-title')">{{ t('signUp.title') }}</h1>
+        <p class="atlas-text" role="status">{{ t('signUp.emailConfirmed') }}</p>
+        @if (signInHref(); as href) {
+          <a [class]="cls('formButtonPrimary', 'atlas-button')" [href]="href">{{ t('signIn.title') }}</a>
+        }
+      </div>
     } @else if (flow.state().attempt) {
       <atlas-attempt-flow
         [attempt]="flow.state().attempt"
@@ -3520,6 +3722,15 @@ class SignUpComponent {
         [emailVerification]="flow.settings()?.account?.emailVerification ?? 'code'"
         (submitFlow)="flow.submit($event)"
         (resend)="flow.resendSignUp()"
+        [offerEmailSecondFactor]="flow.settings()?.account?.emailSecondFactor === true"
+        [emailedSecondFactor]="flow.emailSecondFactor()"
+        [offerSmsSecondFactor]="flow.settings() !== null && flow.mfaChoices().sms"
+        [textedSecondFactor]="flow.smsSecondFactor()"
+        [enrollment]="flow.enrollment"
+        [enrollmentState]="flow.enrollmentState()"
+        (emailSecondFactor)="flow.sendEmailSecondFactor()"
+        (smsSecondFactor)="flow.sendSmsSecondFactor()"
+        (policyDeclined)="flow.declinePolicy($event)"
       ></atlas-attempt-flow>
     } @else {
       <atlas-sign-up-form
@@ -3536,7 +3747,7 @@ class SignUpComponent {
         "
       ></atlas-sign-up-form>
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: AttemptFlowComponent, selector: "atlas-attempt-flow", inputs: ["attempt", "busy", "errors", "sessionKept", "titleKey", "captcha", "firstFactors", "preparedFactor", "offerEmailSecondFactor", "emailedSecondFactor", "offerSmsSecondFactor", "textedSecondFactor", "enrollment", "enrollmentState", "emailVerification"], outputs: ["submitFlow", "chooseFactor", "emailSecondFactor", "smsSecondFactor", "resend", "policyDeclined"] }, { kind: "component", type: SignUpFormComponent, selector: "atlas-sign-up-form", inputs: ["settings", "busy", "errors", "captcha", "passkey", "switchable", "policies"], outputs: ["switchMode", "submitSignUp"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: AttemptFlowComponent, selector: "atlas-attempt-flow", inputs: ["attempt", "busy", "errors", "sessionKept", "titleKey", "captcha", "firstFactors", "preparedFactor", "passwordHold", "holdProof", "offerEmailSecondFactor", "emailedSecondFactor", "offerSmsSecondFactor", "textedSecondFactor", "enrollment", "enrollmentState", "emailVerification"], outputs: ["submitFlow", "chooseFactor", "usePassword", "emailSecondFactor", "smsSecondFactor", "resend", "policyDeclined"] }, { kind: "component", type: RecoveryCodesComponent, selector: "atlas-recovery-codes", inputs: ["codes", "busy"], outputs: ["saved"] }, { kind: "component", type: SignUpFormComponent, selector: "atlas-sign-up-form", inputs: ["settings", "busy", "errors", "captcha", "passkey", "switchable", "policies"], outputs: ["switchMode", "submitSignUp"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SignUpComponent, decorators: [{
             type: Component,
@@ -3544,9 +3755,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     selector: 'atlas-sign-up',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AttemptFlowComponent, SignUpFormComponent],
+                    imports: [AttemptFlowComponent, RecoveryCodesComponent, SignUpFormComponent],
                     template: `
-    @if (awaitingPasskey()) {
+    @if (flow.recoveryCodes(); as codes) {
+      <atlas-recovery-codes [codes]="codes" [busy]="flow.state().busy" (saved)="flow.saveRecoveryCodes()"></atlas-recovery-codes>
+    } @else if (flow.existingAccountNotice()) {
+      <div [class]="cls('card', 'atlas-card')" data-atlas-existing-account="">
+        <h1 [class]="cls('headerTitle', 'atlas-title')">{{ t('signUp.title') }}</h1>
+        <p class="atlas-text">{{ t('signUp.existingAccount') }}</p>
+        @if (resetHref(); as href) {
+          <p class="atlas-text"><a class="atlas-link" [href]="href">{{ t('signIn.forgotPassword') }}</a></p>
+        }
+        <button
+          [class]="cls('formButtonPrimary', 'atlas-button')"
+          type="button"
+          [disabled]="flow.state().busy"
+          (click)="flow.continueAfterExistingAccount()"
+        >
+          {{ t('signUp.submit') }}
+        </button>
+      </div>
+    } @else if (awaitingPasskey()) {
       <div [class]="cls('card', 'atlas-card')" data-atlas-passkey-sign-up="">
         <h1 [class]="cls('headerTitle', 'atlas-title')">{{ t('signUp.title') }}</h1>
         @for (error of flow.state().errors; track error.code) {
@@ -3562,6 +3791,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
           {{ t('signUp.passkeyCreate') }}
         </button>
       </div>
+    } @else if (emailConfirmed()) {
+      <div [class]="cls('card', 'atlas-card')" data-atlas-email-confirmed="">
+        <h1 [class]="cls('headerTitle', 'atlas-title')">{{ t('signUp.title') }}</h1>
+        <p class="atlas-text" role="status">{{ t('signUp.emailConfirmed') }}</p>
+        @if (signInHref(); as href) {
+          <a [class]="cls('formButtonPrimary', 'atlas-button')" [href]="href">{{ t('signIn.title') }}</a>
+        }
+      </div>
     } @else if (flow.state().attempt) {
       <atlas-attempt-flow
         [attempt]="flow.state().attempt"
@@ -3572,6 +3809,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         [emailVerification]="flow.settings()?.account?.emailVerification ?? 'code'"
         (submitFlow)="flow.submit($event)"
         (resend)="flow.resendSignUp()"
+        [offerEmailSecondFactor]="flow.settings()?.account?.emailSecondFactor === true"
+        [emailedSecondFactor]="flow.emailSecondFactor()"
+        [offerSmsSecondFactor]="flow.settings() !== null && flow.mfaChoices().sms"
+        [textedSecondFactor]="flow.smsSecondFactor()"
+        [enrollment]="flow.enrollment"
+        [enrollmentState]="flow.enrollmentState()"
+        (emailSecondFactor)="flow.sendEmailSecondFactor()"
+        (smsSecondFactor)="flow.sendSmsSecondFactor()"
+        (policyDeclined)="flow.declinePolicy($event)"
       ></atlas-attempt-flow>
     } @else {
       <atlas-sign-up-form
@@ -3592,6 +3838,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 }]
         }], propDecorators: { afterUrl: [{
                 type: Input
+            }], resetPasswordUrl: [{
+                type: Input
+            }], signInUrl: [{
+                type: Input
             }] } });
 
 /**