@dloizides/auth-web 1.9.1 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +109 -0
- package/README.md +78 -0
- package/dist/index.d.mts +263 -2
- package/dist/index.d.ts +263 -2
- package/dist/index.js +258 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +255 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,114 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 1.11.0 (2026-07-17)
|
|
4
|
+
|
|
5
|
+
Additive release adding **public demo-credential support** for products with an
|
|
6
|
+
open, published demo account (Zygos is the first). Purely additive — every 1.10.0
|
|
7
|
+
export is unchanged, and an app that imports none of the new exports renders
|
|
8
|
+
byte-identically: the three new `<LoginForm>` props are all optional and inert
|
|
9
|
+
when omitted.
|
|
10
|
+
|
|
11
|
+
It fills form fields and nothing else. **No auth bypass**: the demo login travels
|
|
12
|
+
the ordinary path (same BFF, same Keycloak, same session cookie, same roles), and
|
|
13
|
+
no credential ships inside this package — the host supplies the pair.
|
|
14
|
+
|
|
15
|
+
### Added
|
|
16
|
+
|
|
17
|
+
- **`<DemoCredentialsHint>`** — a themed panel for the login card showing a
|
|
18
|
+
published demo username + password with a one-tap "use these credentials"
|
|
19
|
+
action. Takes the usual `AuthTheme` / `labels` / `testIdPrefix` props. Values
|
|
20
|
+
render as selectable monospace chips (an `l`/`1` in a published password must
|
|
21
|
+
not be a guess). Omit `onUse` for a read-only panel.
|
|
22
|
+
|
|
23
|
+
**Fails closed**: no credentials — or a half-configured pair (blank username,
|
|
24
|
+
blank password, or a field that is `undefined` at runtime because an env var
|
|
25
|
+
was never set) — renders `null`. Zero DOM. A misconfigured demo can never
|
|
26
|
+
publish an empty credentials panel.
|
|
27
|
+
|
|
28
|
+
- **`useDemoCredentials({ credentials?, prefillOnMount? })`** — the hint↔form
|
|
29
|
+
wiring, so no app hand-rolls it. Returns two prop bags to spread:
|
|
30
|
+
`hintProps` (`{ credentials, onUse }`) and `loginFormProps`
|
|
31
|
+
(`{ initialUsername, initialPassword, prefillNonce }`).
|
|
32
|
+
|
|
33
|
+
`prefillOnMount` (default `false`) makes the form arrive already filled, so
|
|
34
|
+
signing in as the demo user is a single tap on "Sign in".
|
|
35
|
+
|
|
36
|
+
- **`resolveDemoCredentials(credentials?)`** — the exported fail-closed gate the
|
|
37
|
+
above share: returns a trimmed pair, or `null` when there is no usable demo.
|
|
38
|
+
|
|
39
|
+
- **`DemoCredentials`** type and `DEFAULT_DEMO_CREDENTIALS_HINT_LABELS` /
|
|
40
|
+
`DemoCredentialsHintLabels` (all copy stays app-supplied, as everywhere else).
|
|
41
|
+
|
|
42
|
+
- **`<LoginForm>` gains `initialUsername` / `initialPassword` / `prefillNonce`.**
|
|
43
|
+
The `initial*` props **seed** the fields; they do not own them — every value
|
|
44
|
+
stays editable and clearable, so a real account holder can always wipe the demo
|
|
45
|
+
values and sign in with their own. `prefillNonce` is the re-seed signal:
|
|
46
|
+
changing it re-applies the seed over fields the user has edited or cleared.
|
|
47
|
+
|
|
48
|
+
The nonce is not ceremony. `useState` ignores its initial argument on
|
|
49
|
+
re-render, so a fill button wired to `initialUsername` alone would render a
|
|
50
|
+
form that stays stubbornly empty — the nonce is what makes "click the hint →
|
|
51
|
+
form fills" work at all. `useDemoCredentials` manages it for you.
|
|
52
|
+
|
|
53
|
+
### Internal
|
|
54
|
+
|
|
55
|
+
- `useLoginPrefill` — extracts `<LoginForm>`'s credential field state (the only
|
|
56
|
+
part of that component with real logic), so the seed/re-seed contract is unit
|
|
57
|
+
tested directly rather than through the JSX.
|
|
58
|
+
|
|
59
|
+
## 1.10.0 (2026-07-17)
|
|
60
|
+
|
|
61
|
+
Additive release adding the shared **logout sequencer**. Purely additive — every
|
|
62
|
+
1.9.x export is unchanged, no component behaviour changes, and apps that do not
|
|
63
|
+
import `performBffLogout` are byte-identical.
|
|
64
|
+
|
|
65
|
+
### Added
|
|
66
|
+
|
|
67
|
+
- **`performBffLogout({ client, onClearSession?, onRedirect?, onError?, navigateToIdp? })`**
|
|
68
|
+
— the shared logout sequence, extracted because all six consuming apps
|
|
69
|
+
hand-rolled it in their own `AuthProvider` and the orderings disagreed. Runs:
|
|
70
|
+
1. `onClearSession()` — local state first, so the UI reflects the sign-out
|
|
71
|
+
immediately.
|
|
72
|
+
2. `await client.logout({ redirect: false })` — lets the `POST /bff/logout`
|
|
73
|
+
SETTLE, and takes the IdP logout URL rather than letting the client navigate
|
|
74
|
+
mid-sequence.
|
|
75
|
+
3. Navigates exactly once, last: to the IdP logout URL when the BFF returned
|
|
76
|
+
one (ending the IdP browser session), otherwise `onRedirect()`. When it
|
|
77
|
+
navigates to the IdP it deliberately does NOT also call `onRedirect` — two
|
|
78
|
+
competing navigations would race, and the IdP round-trip already returns the
|
|
79
|
+
user to the app.
|
|
80
|
+
|
|
81
|
+
Never rejects; always navigates, even when the BFF logout fails (a down BFF
|
|
82
|
+
must not trap the user on a page they asked to leave).
|
|
83
|
+
- **`BffLogoutClient`** / **`PerformBffLogoutOptions`** types.
|
|
84
|
+
|
|
85
|
+
### Why
|
|
86
|
+
|
|
87
|
+
`zygos-web` and `agora-web` navigated FIRST and called the BFF second:
|
|
88
|
+
|
|
89
|
+
```ts
|
|
90
|
+
redirectTo('/(auth)/login'); // → window.location.replace() → document unload
|
|
91
|
+
await bffAuthClient.logout(); // races the unload — may never be sent
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
That is wrong twice over:
|
|
95
|
+
|
|
96
|
+
1. **The BFF call can be cancelled.** A document navigation kills in-flight
|
|
97
|
+
fetches, so `POST /bff/logout` may never reach the server: the SPA looks
|
|
98
|
+
logged out while the httpOnly session cookie stays alive. The `catch` logged
|
|
99
|
+
it "non-fatal", so the defect was silent.
|
|
100
|
+
2. **The IdP session survives.** `BffAuthClient.logout()` ends the identity
|
|
101
|
+
provider's browser session with a top-level navigation to its RP-initiated
|
|
102
|
+
logout URL (only a real navigation carries the IdP's own cookie — a
|
|
103
|
+
back-channel POST cannot clear it). An app that navigates to its own login
|
|
104
|
+
route first pre-empts that navigation, so the IdP still considers the user
|
|
105
|
+
signed in and the next authorize round-trip silently re-authenticates them —
|
|
106
|
+
the "sign-out that signs you back in" bug the client's own docs warn about.
|
|
107
|
+
|
|
108
|
+
Synthetic tests that stub the client never reproduce either failure (there is no
|
|
109
|
+
real navigation to cancel the request), which is why they survived. The helper
|
|
110
|
+
owns the sequence so neither can be reintroduced per-app.
|
|
111
|
+
|
|
3
112
|
## 1.8.0 (2026-07-09)
|
|
4
113
|
|
|
5
114
|
Additive release for the Move 2b passkey in-app rebuild — the passkey ceremony
|
package/README.md
CHANGED
|
@@ -185,6 +185,82 @@ export const katalogosAuthTheme: AuthTheme = {
|
|
|
185
185
|
Because all three forms share one `useAuthStyles` token-to-style mapping,
|
|
186
186
|
re-theming `<LoginForm>` automatically re-themes the others.
|
|
187
187
|
|
|
188
|
+
## Public demo credentials — `<DemoCredentialsHint>`
|
|
189
|
+
|
|
190
|
+
For a product with an OPEN demo account whose credentials are already published
|
|
191
|
+
(typically on the marketing site). It shows the username + password on the login
|
|
192
|
+
card and offers a one-tap fill, so a non-technical evaluator never copy-pastes a
|
|
193
|
+
password between two tabs.
|
|
194
|
+
|
|
195
|
+
It **fills fields, nothing more.** The login then travels the ordinary path —
|
|
196
|
+
same BFF, same Keycloak, same session cookie, same roles. There is no auth
|
|
197
|
+
bypass and no credential inside this package: the host supplies the pair, and the
|
|
198
|
+
demo account's blast radius is whatever the IdP grants it.
|
|
199
|
+
|
|
200
|
+
`useDemoCredentials` owns the wiring, so apps don't hand-roll it:
|
|
201
|
+
|
|
202
|
+
```tsx
|
|
203
|
+
import { AuthScreen, DemoCredentialsHint, LoginForm, useDemoCredentials } from '@dloizides/auth-web';
|
|
204
|
+
|
|
205
|
+
// Hoisted (or memoised): a new object each render re-creates the prop bags.
|
|
206
|
+
const DEMO = { username: 'demo', password: 'ZygosDemo!2026.Try' };
|
|
207
|
+
|
|
208
|
+
function LoginScreen() {
|
|
209
|
+
const demo = useDemoCredentials({ credentials: DEMO, prefillOnMount: true });
|
|
210
|
+
|
|
211
|
+
return (
|
|
212
|
+
<AuthScreen theme={authTheme}>
|
|
213
|
+
<DemoCredentialsHint
|
|
214
|
+
{...demo.hintProps}
|
|
215
|
+
labels={authLabels.demo}
|
|
216
|
+
testIdPrefix="zygos"
|
|
217
|
+
theme={authTheme}
|
|
218
|
+
/>
|
|
219
|
+
<LoginForm
|
|
220
|
+
{...demo.loginFormProps}
|
|
221
|
+
chromeless
|
|
222
|
+
client={client}
|
|
223
|
+
labels={authLabels.login}
|
|
224
|
+
theme={authTheme}
|
|
225
|
+
onSuccess={handleSignedIn}
|
|
226
|
+
/>
|
|
227
|
+
</AuthScreen>
|
|
228
|
+
);
|
|
229
|
+
}
|
|
230
|
+
```
|
|
231
|
+
|
|
232
|
+
`hintProps` carries `{ credentials, onUse }`; `loginFormProps` carries
|
|
233
|
+
`{ initialUsername, initialPassword, prefillNonce }`.
|
|
234
|
+
|
|
235
|
+
**`prefillOnMount`** (default `false`) chooses the trade:
|
|
236
|
+
|
|
237
|
+
| | Fields on arrival | To sign in as the demo user | Cost |
|
|
238
|
+
|---|---|---|---|
|
|
239
|
+
| `false` | empty | tap *Use these credentials*, then *Sign in* | — |
|
|
240
|
+
| `true` | filled | tap *Sign in* | a real account holder must clear two fields first |
|
|
241
|
+
|
|
242
|
+
Use `true` only on a genuinely public demo surface. The panel renders either way,
|
|
243
|
+
so a visitor can always see *why* the fields are populated.
|
|
244
|
+
|
|
245
|
+
### It fails closed
|
|
246
|
+
|
|
247
|
+
No credentials — or a half-configured pair (blank username, blank password, or a
|
|
248
|
+
field that is `undefined` at runtime because an env var was never set) — renders
|
|
249
|
+
**nothing at all**: zero DOM. A misconfigured demo can never publish an empty
|
|
250
|
+
credentials panel. `resolveDemoCredentials` is exported if you need the same
|
|
251
|
+
decision elsewhere.
|
|
252
|
+
|
|
253
|
+
### The prefill is a seed, not a leash
|
|
254
|
+
|
|
255
|
+
`initialUsername` / `initialPassword` choose the fields' *starting* value and
|
|
256
|
+
then get out of the way: every field stays editable and clearable, so a real
|
|
257
|
+
account holder can always wipe the demo values and sign in with their own. This
|
|
258
|
+
is why `prefillNonce` exists — React ignores a `useState` initial argument on
|
|
259
|
+
re-render, so changing `initial*` alone does nothing once mounted, and a "fill
|
|
260
|
+
the form" button wired without the nonce would leave the form stubbornly empty.
|
|
261
|
+
`useDemoCredentials` manages it for you; drive it yourself only if you are not
|
|
262
|
+
using the hook.
|
|
263
|
+
|
|
188
264
|
## Internationalisation
|
|
189
265
|
|
|
190
266
|
`@dloizides/auth-web` ships **no** i18n framework. Every user-facing string is
|
|
@@ -215,6 +291,8 @@ const route = resolvePostLoginRoute(user, roleRoutes);
|
|
|
215
291
|
| Export | Kind |
|
|
216
292
|
|--------|------|
|
|
217
293
|
| `LoginForm`, `ForgotPasswordForm`, `ResetPasswordForm`, `OtpForm`, `PinForm` | Components |
|
|
294
|
+
| `AuthScreen`, `DemoCredentialsHint`, `PreferredMethodHint` | Composition + login-surface panels |
|
|
295
|
+
| `useDemoCredentials`, `resolveDemoCredentials`, `DemoCredentials` | Public demo credentials |
|
|
218
296
|
| `AuthThemeProvider`, `useAuthTheme`, `defaultAuthTheme`, `AuthTheme` | Theming |
|
|
219
297
|
| `DEFAULT_LOGIN_LABELS`, `DEFAULT_FORGOT_PASSWORD_LABELS`, `DEFAULT_RESET_PASSWORD_LABELS`, `DEFAULT_OTP_LABELS`, `DEFAULT_PIN_LABELS` | Label bags |
|
|
220
298
|
| `useBffAuth`, `useBffForgotPassword`, `useBffResetPassword`, `useResetPasswordForm`, `useOtpLogin`, `usePinLogin` | Headless hooks |
|
package/dist/index.d.mts
CHANGED
|
@@ -391,6 +391,21 @@ interface PreferredMethodHintLabels {
|
|
|
391
391
|
/** Full sentence shown when the cached preference is passkey. */
|
|
392
392
|
passkey: string;
|
|
393
393
|
}
|
|
394
|
+
/** Strings rendered by `<DemoCredentialsHint>` — the public-demo credentials panel. */
|
|
395
|
+
interface DemoCredentialsHintLabels {
|
|
396
|
+
/** Panel heading (e.g. "Demo access"). */
|
|
397
|
+
title: string;
|
|
398
|
+
/** Copy under the heading explaining what the demo account is. */
|
|
399
|
+
description: string;
|
|
400
|
+
/** Row label for the demo username. */
|
|
401
|
+
usernameLabel: string;
|
|
402
|
+
/** Row label for the demo password. */
|
|
403
|
+
passwordLabel: string;
|
|
404
|
+
/** The "use these credentials" button that fills the login form. */
|
|
405
|
+
useCredentials: string;
|
|
406
|
+
/** Accessibility hint for that button. */
|
|
407
|
+
useCredentialsHint: string;
|
|
408
|
+
}
|
|
394
409
|
/** Strings rendered by `<ResetPasswordForm>`. */
|
|
395
410
|
interface ResetPasswordFormLabels {
|
|
396
411
|
title: string;
|
|
@@ -424,6 +439,7 @@ declare const DEFAULT_PASSKEY_LOGIN_LABELS: PasskeyLoginLabels;
|
|
|
424
439
|
declare const DEFAULT_PASSKEY_SETTINGS_LABELS: PasskeySettingsLabels;
|
|
425
440
|
declare const DEFAULT_PREFERRED_METHOD_SETTINGS_LABELS: PreferredMethodSettingsLabels;
|
|
426
441
|
declare const DEFAULT_PREFERRED_METHOD_HINT_LABELS: PreferredMethodHintLabels;
|
|
442
|
+
declare const DEFAULT_DEMO_CREDENTIALS_HINT_LABELS: DemoCredentialsHintLabels;
|
|
427
443
|
declare const DEFAULT_RESET_PASSWORD_LABELS: ResetPasswordFormLabels;
|
|
428
444
|
|
|
429
445
|
/**
|
|
@@ -467,9 +483,27 @@ interface LoginFormProps {
|
|
|
467
483
|
* is byte-identical to before.
|
|
468
484
|
*/
|
|
469
485
|
chromeless?: boolean;
|
|
486
|
+
/**
|
|
487
|
+
* Seeds the username field's INITIAL value. The field stays fully editable and
|
|
488
|
+
* clearable afterwards — this is a starting value, not a controlled one, so a
|
|
489
|
+
* real account holder can always wipe it and type their own.
|
|
490
|
+
*/
|
|
491
|
+
initialUsername?: string;
|
|
492
|
+
/** Seeds the password field's initial value. Editable + clearable, as above. */
|
|
493
|
+
initialPassword?: string;
|
|
494
|
+
/**
|
|
495
|
+
* Re-seed signal. Changing it re-applies `initialUsername` / `initialPassword`
|
|
496
|
+
* to the fields even after the user has edited them — needed because React
|
|
497
|
+
* ignores a `useState` initial value on re-render, so changing the `initial*`
|
|
498
|
+
* props alone does nothing once mounted.
|
|
499
|
+
*
|
|
500
|
+
* Most apps should not manage this by hand: `useDemoCredentials` returns a
|
|
501
|
+
* `loginFormProps` bag carrying all three, ready to spread.
|
|
502
|
+
*/
|
|
503
|
+
prefillNonce?: number;
|
|
470
504
|
}
|
|
471
505
|
/** Themeable password-login form built on `useBffAuth`. */
|
|
472
|
-
declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, onSignUp, testIdPrefix, chromeless, }: Readonly<LoginFormProps>): ReactElement;
|
|
506
|
+
declare function LoginForm({ client, theme: themeProp, labels: labelsProp, onSuccess, onForgotPassword, onSignUp, testIdPrefix, chromeless, initialUsername, initialPassword, prefillNonce, }: Readonly<LoginFormProps>): ReactElement;
|
|
473
507
|
|
|
474
508
|
/**
|
|
475
509
|
* `<ForgotPasswordForm>` — the ready-made, themeable "request a reset link"
|
|
@@ -1211,6 +1245,67 @@ interface PreferredMethodHintProps {
|
|
|
1211
1245
|
/** Themeable login-screen preferred-method hint. Renders `null` when there is nothing to say. */
|
|
1212
1246
|
declare function PreferredMethodHint({ method, theme: themeProp, labels: labelsProp, testIdPrefix, }: Readonly<PreferredMethodHintProps>): ReactElement | null;
|
|
1213
1247
|
|
|
1248
|
+
/**
|
|
1249
|
+
* Public demo-credential contracts.
|
|
1250
|
+
*
|
|
1251
|
+
* A "demo credential" is a REAL account that a product publishes openly so a
|
|
1252
|
+
* prospective evaluator can sign in without a sign-up step. It is not a bypass:
|
|
1253
|
+
* the credentials travel the ordinary login path (same BFF, same Keycloak, same
|
|
1254
|
+
* session cookie, same roles). The package only makes them *discoverable* and
|
|
1255
|
+
* *one-click fillable* — it never authenticates anything itself.
|
|
1256
|
+
*/
|
|
1257
|
+
/** A publishable demo username + password pair. */
|
|
1258
|
+
interface DemoCredentials {
|
|
1259
|
+
/** The demo account's username. */
|
|
1260
|
+
username: string;
|
|
1261
|
+
/** The demo account's password. */
|
|
1262
|
+
password: string;
|
|
1263
|
+
}
|
|
1264
|
+
|
|
1265
|
+
/**
|
|
1266
|
+
* `<DemoCredentialsHint>` — the public-demo credentials panel.
|
|
1267
|
+
*
|
|
1268
|
+
* Mount on the login surface of a product with an OPEN demo account whose
|
|
1269
|
+
* credentials are already published (typically on the marketing site). It shows
|
|
1270
|
+
* the username and password and offers a one-tap "use these credentials" action
|
|
1271
|
+
* that fills the form, so a non-technical evaluator never has to copy-paste a
|
|
1272
|
+
* password between two tabs to see the product.
|
|
1273
|
+
*
|
|
1274
|
+
* It authenticates nothing. It fills fields; `<LoginForm>` then submits them
|
|
1275
|
+
* down the ordinary path — same BFF, same Keycloak, same session, same roles.
|
|
1276
|
+
* There is no bypass here and no credential in this package: the host supplies
|
|
1277
|
+
* the pair, and the demo account's blast radius is whatever the IdP grants it.
|
|
1278
|
+
*
|
|
1279
|
+
* Fails closed: no credentials (or a half-configured pair) renders `null` — zero
|
|
1280
|
+
* DOM — so a misconfigured env var can never publish an empty demo panel.
|
|
1281
|
+
*
|
|
1282
|
+
* Compose it as a child of `<AuthScreen>`, above a `chromeless` `<LoginForm>`;
|
|
1283
|
+
* `useDemoCredentials` wires the two together. Read-only mode (no `onUse`) drops
|
|
1284
|
+
* the button and just displays the credentials.
|
|
1285
|
+
*/
|
|
1286
|
+
|
|
1287
|
+
interface DemoCredentialsHintProps {
|
|
1288
|
+
/**
|
|
1289
|
+
* The demo credentials to advertise. `undefined` — or a pair with a blank
|
|
1290
|
+
* username or password — renders nothing at all.
|
|
1291
|
+
*/
|
|
1292
|
+
credentials?: DemoCredentials;
|
|
1293
|
+
/** Explicit theme; overrides any `<AuthThemeProvider>`. */
|
|
1294
|
+
theme?: AuthTheme;
|
|
1295
|
+
/** Localised copy. Partial — unspecified keys fall back to English defaults. */
|
|
1296
|
+
labels?: Partial<DemoCredentialsHintLabels>;
|
|
1297
|
+
/** Prefix applied to every `testID`. */
|
|
1298
|
+
testIdPrefix?: string;
|
|
1299
|
+
/**
|
|
1300
|
+
* Called with the resolved credentials when the user taps "use these
|
|
1301
|
+
* credentials". Omit to render the panel read-only (no button) — the values
|
|
1302
|
+
* are still selectable, so a visitor can copy them by hand.
|
|
1303
|
+
*/
|
|
1304
|
+
onUse?: (credentials: DemoCredentials) => void;
|
|
1305
|
+
}
|
|
1306
|
+
/** Themeable public-demo credentials panel. Renders `null` when there is no demo. */
|
|
1307
|
+
declare function DemoCredentialsHint({ credentials, theme: themeProp, labels: labelsProp, testIdPrefix, onUse, }: Readonly<DemoCredentialsHintProps>): ReactElement | null;
|
|
1308
|
+
|
|
1214
1309
|
/**
|
|
1215
1310
|
* React context for the `AuthTheme`.
|
|
1216
1311
|
*
|
|
@@ -1316,6 +1411,10 @@ declare const AuthTestIds: {
|
|
|
1316
1411
|
readonly preferredMethodSettingsOption: "auth-preferred-method-settings-option";
|
|
1317
1412
|
readonly preferredMethodSettingsError: "auth-preferred-method-settings-error";
|
|
1318
1413
|
readonly preferredMethodHint: "auth-preferred-method-hint";
|
|
1414
|
+
readonly demoCredentialsHint: "auth-demo-credentials-hint";
|
|
1415
|
+
readonly demoCredentialsUsername: "auth-demo-credentials-username";
|
|
1416
|
+
readonly demoCredentialsPassword: "auth-demo-credentials-password";
|
|
1417
|
+
readonly demoCredentialsUseButton: "auth-demo-credentials-use";
|
|
1319
1418
|
};
|
|
1320
1419
|
/** Apply an optional prefix to a base test ID. */
|
|
1321
1420
|
declare function withTestIdPrefix(baseId: string, prefix?: string): string;
|
|
@@ -1818,6 +1917,77 @@ interface UsePreferredMethodSettingResult {
|
|
|
1818
1917
|
}
|
|
1819
1918
|
declare function usePreferredMethodSetting({ client, onChanged, }: UsePreferredMethodSettingArgs): UsePreferredMethodSettingResult;
|
|
1820
1919
|
|
|
1920
|
+
/** Options for {@link useDemoCredentials}. */
|
|
1921
|
+
interface UseDemoCredentialsOptions {
|
|
1922
|
+
/**
|
|
1923
|
+
* The demo credentials to advertise. Omit (or pass a half-configured pair) and
|
|
1924
|
+
* the whole surface disappears: the hint renders nothing and the form is never
|
|
1925
|
+
* seeded. See `resolveDemoCredentials`.
|
|
1926
|
+
*/
|
|
1927
|
+
credentials?: DemoCredentials;
|
|
1928
|
+
/**
|
|
1929
|
+
* When `true` the form arrives ALREADY filled, so signing in as the demo user
|
|
1930
|
+
* is a single tap on "Sign in" — the hint panel then explains why the fields
|
|
1931
|
+
* are populated and re-fills them if the visitor clears them.
|
|
1932
|
+
*
|
|
1933
|
+
* Defaults to `false`: the fields start empty and the visitor opts in by
|
|
1934
|
+
* tapping "Use these credentials". Prefer the default unless the page is a
|
|
1935
|
+
* genuinely public demo — a login form that arrives pre-filled with someone
|
|
1936
|
+
* else's credentials is confusing on a page real account holders also use.
|
|
1937
|
+
*/
|
|
1938
|
+
prefillOnMount?: boolean;
|
|
1939
|
+
}
|
|
1940
|
+
/** The `<LoginForm>` props that carry the demo prefill. Spread onto the form. */
|
|
1941
|
+
interface DemoCredentialsLoginFormProps {
|
|
1942
|
+
initialUsername?: string;
|
|
1943
|
+
initialPassword?: string;
|
|
1944
|
+
prefillNonce: number;
|
|
1945
|
+
}
|
|
1946
|
+
/** The `<DemoCredentialsHint>` props that carry the credentials + fill action. */
|
|
1947
|
+
interface DemoCredentialsHintWiring {
|
|
1948
|
+
credentials?: DemoCredentials;
|
|
1949
|
+
onUse: (credentials: DemoCredentials) => void;
|
|
1950
|
+
}
|
|
1951
|
+
/** What {@link useDemoCredentials} hands back. */
|
|
1952
|
+
interface UseDemoCredentialsResult {
|
|
1953
|
+
/** Spread onto `<LoginForm>`. */
|
|
1954
|
+
loginFormProps: DemoCredentialsLoginFormProps;
|
|
1955
|
+
/** Spread onto `<DemoCredentialsHint>`. */
|
|
1956
|
+
hintProps: DemoCredentialsHintWiring;
|
|
1957
|
+
}
|
|
1958
|
+
/** Wire a demo-credentials hint to a login form. Returns two prop bags to spread. */
|
|
1959
|
+
declare function useDemoCredentials({ credentials, prefillOnMount, }?: Readonly<UseDemoCredentialsOptions>): UseDemoCredentialsResult;
|
|
1960
|
+
|
|
1961
|
+
/**
|
|
1962
|
+
* `resolveDemoCredentials` — the single fail-closed gate for the demo surface.
|
|
1963
|
+
*
|
|
1964
|
+
* Every demo affordance in the package (the `<DemoCredentialsHint>` panel and
|
|
1965
|
+
* the `useDemoCredentials` wiring hook) routes its input through this function,
|
|
1966
|
+
* so "should we advertise a demo account at all?" is decided in exactly ONE
|
|
1967
|
+
* place and always the same way.
|
|
1968
|
+
*
|
|
1969
|
+
* Fail closed, deliberately. The realistic source of these values is an env var
|
|
1970
|
+
* (`process.env.EXPO_PUBLIC_DEMO_USERNAME`), which is `string | undefined` at
|
|
1971
|
+
* runtime no matter what the type says — a consumer writing `username: env.X!`
|
|
1972
|
+
* hands us `undefined` and TypeScript never notices. A half-configured demo must
|
|
1973
|
+
* render NOTHING rather than an empty panel inviting a client to sign in with
|
|
1974
|
+
* blank credentials, so anything that is not a genuinely non-empty string pair
|
|
1975
|
+
* resolves to `null`.
|
|
1976
|
+
*/
|
|
1977
|
+
|
|
1978
|
+
/**
|
|
1979
|
+
* Narrow an unvalidated demo-credential pair to a usable one, or `null`.
|
|
1980
|
+
*
|
|
1981
|
+
* Returns `null` for: `undefined` / `null`, a non-string field (runtime junk
|
|
1982
|
+
* from an unset env var), a blank/whitespace-only username, and an empty
|
|
1983
|
+
* password. Otherwise returns a NEW pair with the username trimmed.
|
|
1984
|
+
*
|
|
1985
|
+
* The password is deliberately NOT trimmed: leading/trailing whitespace can be
|
|
1986
|
+
* a legitimate part of a password, and silently altering it would turn a
|
|
1987
|
+
* working credential into a mystery login failure.
|
|
1988
|
+
*/
|
|
1989
|
+
declare function resolveDemoCredentials(credentials?: DemoCredentials | null): DemoCredentials | null;
|
|
1990
|
+
|
|
1821
1991
|
/**
|
|
1822
1992
|
* `createBffAuthClient` — the one-line wiring of a same-origin `BffAuthClient`.
|
|
1823
1993
|
*
|
|
@@ -1925,6 +2095,97 @@ declare function resolvePostLoginRoute(user: BffUser, table: RoleRouteTable): st
|
|
|
1925
2095
|
*/
|
|
1926
2096
|
declare function resolveAccessibleRoutes(user: BffUser, table: RoleRouteTable): RoleRoute[];
|
|
1927
2097
|
|
|
2098
|
+
/**
|
|
2099
|
+
* `performBffLogout` — the shared logout sequencer.
|
|
2100
|
+
*
|
|
2101
|
+
* Every app hand-rolled its own logout ordering inside its `AuthProvider`, and
|
|
2102
|
+
* the orderings disagreed. Two of them (zygos-web, agora-web) navigated FIRST
|
|
2103
|
+
* and called the BFF second:
|
|
2104
|
+
*
|
|
2105
|
+
* ```ts
|
|
2106
|
+
* redirectTo('/(auth)/login'); // window.location.replace() → document unload
|
|
2107
|
+
* await bffAuthClient.logout(); // races the unload — may never be sent
|
|
2108
|
+
* ```
|
|
2109
|
+
*
|
|
2110
|
+
* That is wrong twice over:
|
|
2111
|
+
*
|
|
2112
|
+
* 1. **The BFF call can be cancelled.** A document navigation kills in-flight
|
|
2113
|
+
* fetches, so `POST /bff/logout` may never reach the server: the SPA looks
|
|
2114
|
+
* logged out while the httpOnly session cookie stays ALIVE. The `catch`
|
|
2115
|
+
* logged it "non-fatal", so the defect was silent.
|
|
2116
|
+
* 2. **The IdP session survives.** `BffAuthClient.logout()` ends the *identity
|
|
2117
|
+
* provider's* browser session by doing a top-level navigation to the IdP's
|
|
2118
|
+
* RP-initiated logout URL (only a real navigation carries the IdP's own
|
|
2119
|
+
* cookie — a back-channel POST cannot clear it). An app that navigates to
|
|
2120
|
+
* its own login route first pre-empts that navigation, so the IdP still
|
|
2121
|
+
* considers the user signed in and the next authorize round-trip silently
|
|
2122
|
+
* re-authenticates them. That is the "sign-out that signs you back in" bug
|
|
2123
|
+
* the client's own docs warn about.
|
|
2124
|
+
*
|
|
2125
|
+
* This helper owns the whole sequence so neither can be reintroduced per-app:
|
|
2126
|
+
*
|
|
2127
|
+
* 1. `onClearSession()` — drop local state immediately so the UI reflects the
|
|
2128
|
+
* sign-out right away (perceived performance; no spinner needed).
|
|
2129
|
+
* 2. `await client.logout({ redirect: false })` — let the network call SETTLE,
|
|
2130
|
+
* and take the IdP logout URL rather than letting the client navigate mid-
|
|
2131
|
+
* sequence. Errors are captured, never rethrown.
|
|
2132
|
+
* 3. Navigate LAST, exactly once, when nothing is in flight to cancel:
|
|
2133
|
+
* - an IdP logout URL → a top-level navigation to the IdP, which ends that
|
|
2134
|
+
* session and bounces the user back. `onRedirect` is deliberately NOT
|
|
2135
|
+
* called: two competing navigations would race, and the IdP round-trip
|
|
2136
|
+
* already returns the user to the app.
|
|
2137
|
+
* - otherwise (ROPC / OTP / device-PIN logins never had an IdP cookie, so
|
|
2138
|
+
* the URL is `null`) → `onRedirect()`, the app's own login route.
|
|
2139
|
+
*
|
|
2140
|
+
* Step 3 runs even when step 2 rejects: a BFF that is down must not trap the
|
|
2141
|
+
* user on a page they asked to leave. The local session is already gone, so the
|
|
2142
|
+
* client-side sign-out holds regardless.
|
|
2143
|
+
*
|
|
2144
|
+
* Headless and framework-free: it takes callbacks, so an app can pair it with
|
|
2145
|
+
* Redux, a context, expo-router, or `window.location` without this package
|
|
2146
|
+
* knowing about any of them.
|
|
2147
|
+
*/
|
|
2148
|
+
/**
|
|
2149
|
+
* The only part of a `BffAuthClient` this helper needs. Structural, so it is
|
|
2150
|
+
* trivially fakeable in tests and does not couple to the full client surface.
|
|
2151
|
+
*/
|
|
2152
|
+
interface BffLogoutClient {
|
|
2153
|
+
/**
|
|
2154
|
+
* `POST /bff/logout` — ends the server-side session. With `redirect: false`
|
|
2155
|
+
* it returns the IdP's RP-initiated logout URL (or `null` when the session
|
|
2156
|
+
* never involved an IdP browser cookie) instead of navigating there itself.
|
|
2157
|
+
*/
|
|
2158
|
+
logout: (options?: {
|
|
2159
|
+
redirect?: boolean;
|
|
2160
|
+
}) => Promise<string | null>;
|
|
2161
|
+
}
|
|
2162
|
+
/** Callbacks + client for {@link performBffLogout}. */
|
|
2163
|
+
interface PerformBffLogoutOptions {
|
|
2164
|
+
/** The BFF auth client whose `logout()` ends the server-side session. */
|
|
2165
|
+
client: BffLogoutClient;
|
|
2166
|
+
/** Drop local session state. Runs BEFORE the network call. Optional. */
|
|
2167
|
+
onClearSession?: () => void;
|
|
2168
|
+
/**
|
|
2169
|
+
* Navigate to the app's logged-out route. Runs only AFTER the network call
|
|
2170
|
+
* settles, and only when there is no IdP logout URL to honour. Optional.
|
|
2171
|
+
*/
|
|
2172
|
+
onRedirect?: () => void;
|
|
2173
|
+
/** Observe a failed logout step (e.g. to log it). Never rethrown. Optional. */
|
|
2174
|
+
onError?: (error: Error) => void;
|
|
2175
|
+
/**
|
|
2176
|
+
* Test seam: perform the top-level navigation to the IdP logout URL. Defaults
|
|
2177
|
+
* to `window.location.assign`. Must be a real navigation — a `fetch` here
|
|
2178
|
+
* would not carry the IdP cookie and would silently fail to end the session.
|
|
2179
|
+
*/
|
|
2180
|
+
navigateToIdp?: (url: string) => void;
|
|
2181
|
+
}
|
|
2182
|
+
/**
|
|
2183
|
+
* End the session: clear locally, await the BFF, then navigate exactly once.
|
|
2184
|
+
*
|
|
2185
|
+
* Never rejects — callers may `void` it safely.
|
|
2186
|
+
*/
|
|
2187
|
+
declare function performBffLogout(options: Readonly<PerformBffLogoutOptions>): Promise<void>;
|
|
2188
|
+
|
|
1928
2189
|
/**
|
|
1929
2190
|
* The discrete ways a password can fail the shared client-side policy.
|
|
1930
2191
|
*
|
|
@@ -1970,4 +2231,4 @@ declare function validatePasswordPolicy(password: string): PasswordPolicyError[]
|
|
|
1970
2231
|
/** `true` when the password satisfies every policy rule. */
|
|
1971
2232
|
declare function isPasswordValid(password: string): boolean;
|
|
1972
2233
|
|
|
1973
|
-
export { AuthScreen, type AuthScreenProps, AuthTestIds, type AuthTheme, type AuthThemeColors, AuthThemeProvider, type AuthThemeProviderProps, type AuthThemeRadii, type AuthThemeSpacing, type AuthThemeTypography, BffAuthStatus, type BffDeviceState, type BffLoginConfig, type CreateBffAuthClientOptions, DEFAULT_AUTH_CARD_MAX_WIDTH, DEFAULT_DEVICE_PIN_ENROLL_LABELS, DEFAULT_DEVICE_PIN_SETTINGS_LABELS, DEFAULT_DEVICE_PIN_UNLOCK_LABELS, DEFAULT_FORGOT_PASSWORD_FIELDS_LABELS, DEFAULT_FORGOT_PASSWORD_LABELS, DEFAULT_LOGIN_LABELS, DEFAULT_OTP_LABELS, DEFAULT_PASSKEY_LOGIN_LABELS, DEFAULT_PASSKEY_SETTINGS_LABELS, DEFAULT_PIN_LABELS, DEFAULT_PREFERRED_METHOD_HINT_LABELS, DEFAULT_PREFERRED_METHOD_SETTINGS_LABELS, DEFAULT_RESET_PASSWORD_LABELS, DEVICE_PIN_ALLOWED_DIGITS, DEVICE_PIN_DEFAULT_DIGITS, type DevicePinCapableClient, type DevicePinDisableCapableClient, type DevicePinEnrollCapableClient, DevicePinEnrollErrorKey, DevicePinEnrollForm, type DevicePinEnrollFormProps, type DevicePinEnrollLabels, type DevicePinEnrollResult, DevicePinErrorKey, DevicePinInput, type DevicePinInputProps, DevicePinLengthPicker, type DevicePinLengthPickerProps, DevicePinOffer, type DevicePinOfferProps, DevicePinSettingsCard, type DevicePinSettingsCardProps, type DevicePinSettingsLabels, type DevicePinUnlockCapableClient, type DevicePinUnlockLabels, type DevicePinUnlockResult, DevicePinUnlockScreen, type DevicePinUnlockScreenProps, type DevicePinUnlockedUser, ForgotPasswordFields, type ForgotPasswordFieldsLabels, type ForgotPasswordFieldsProps, ForgotPasswordForm, type ForgotPasswordFormLabels, type ForgotPasswordFormProps, type LoginConfigCapableClient, LoginForm, type LoginFormLabels, type LoginFormProps, OtpForm, type OtpFormLabels, type OtpFormProps, OtpLoginStep, PASSWORD_MAX_LENGTH, PASSWORD_MIN_LENGTH, PasskeyCeremonyMode, PasskeyCeremonyStatus, type PasskeyErrorCode, PasskeyLoginButton, type PasskeyLoginButtonProps, type PasskeyLoginLabels, PasskeySettingsCard, type PasskeySettingsCardProps, type PasskeySettingsLabels, PasswordPolicyError, PinForm, type PinFormLabels, type PinFormProps, type PreferencesClientOptions, type PreferredMethodClient, PreferredMethodHint, type PreferredMethodHintLabels, type PreferredMethodHintProps, PreferredMethodSettingsCard, type PreferredMethodSettingsCardProps, type PreferredMethodSettingsLabels, ResetPasswordError, ResetPasswordForm, type ResetPasswordFormLabels, type ResetPasswordFormProps, type RoleRoute, type RoleRouteTable, type UseBffAuthOptions, type UseBffAuthResult, type UseBffForgotPasswordOptions, type UseBffLoginConfigResult, type UseBffResetPasswordOptions, type UseDevicePinDisableArgs, type UseDevicePinDisableResult, type UseDevicePinEnrollArgs, type UseDevicePinEnrollResult, type UseDevicePinUnlockArgs, type UseDevicePinUnlockResult, type UseForgotPasswordSubmitArgs, type UseForgotPasswordSubmitResult, type UseOtpLoginOptions, type UseOtpLoginResult, type UsePasskeyCeremonyOptions, type UsePasskeyCeremonyResult, type UsePinLoginOptions, type UsePinLoginResult, type UsePreferredMethodSettingArgs, type UsePreferredMethodSettingResult, type UseResetPasswordFormArgs, type UseResetPasswordFormResult, cachePreferredMethod, clearCachedPreferredMethod, collectUserRoles, createBffAuthClient, createPreferencesClient, defaultAuthTheme, isAllowedPinDigits, isPasswordValid, isValidForgotPasswordEmail, readCachedPreferredMethod, readPasskeyError, readPasskeyRegistered, resolveAccessibleRoutes, resolvePostLoginRoute, startPasskeyLogin, startPasskeyRegistration, syncPreferredMethodFromServer, useAuthTheme, useBffAuth, useBffForgotPassword, useBffLoginConfig, useBffResetPassword, useDevicePinDisable, useDevicePinEnroll, useDevicePinUnlock, useForgotPasswordSubmit, useOtpLogin, usePasskeyCeremony, usePinLogin, usePreferredMethodSetting, useResetPasswordForm, validatePasswordPolicy, withTestIdPrefix };
|
|
2234
|
+
export { AuthScreen, type AuthScreenProps, AuthTestIds, type AuthTheme, type AuthThemeColors, AuthThemeProvider, type AuthThemeProviderProps, type AuthThemeRadii, type AuthThemeSpacing, type AuthThemeTypography, BffAuthStatus, type BffDeviceState, type BffLoginConfig, type BffLogoutClient, type CreateBffAuthClientOptions, DEFAULT_AUTH_CARD_MAX_WIDTH, DEFAULT_DEMO_CREDENTIALS_HINT_LABELS, DEFAULT_DEVICE_PIN_ENROLL_LABELS, DEFAULT_DEVICE_PIN_SETTINGS_LABELS, DEFAULT_DEVICE_PIN_UNLOCK_LABELS, DEFAULT_FORGOT_PASSWORD_FIELDS_LABELS, DEFAULT_FORGOT_PASSWORD_LABELS, DEFAULT_LOGIN_LABELS, DEFAULT_OTP_LABELS, DEFAULT_PASSKEY_LOGIN_LABELS, DEFAULT_PASSKEY_SETTINGS_LABELS, DEFAULT_PIN_LABELS, DEFAULT_PREFERRED_METHOD_HINT_LABELS, DEFAULT_PREFERRED_METHOD_SETTINGS_LABELS, DEFAULT_RESET_PASSWORD_LABELS, DEVICE_PIN_ALLOWED_DIGITS, DEVICE_PIN_DEFAULT_DIGITS, type DemoCredentials, DemoCredentialsHint, type DemoCredentialsHintLabels, type DemoCredentialsHintProps, type DemoCredentialsHintWiring, type DemoCredentialsLoginFormProps, type DevicePinCapableClient, type DevicePinDisableCapableClient, type DevicePinEnrollCapableClient, DevicePinEnrollErrorKey, DevicePinEnrollForm, type DevicePinEnrollFormProps, type DevicePinEnrollLabels, type DevicePinEnrollResult, DevicePinErrorKey, DevicePinInput, type DevicePinInputProps, DevicePinLengthPicker, type DevicePinLengthPickerProps, DevicePinOffer, type DevicePinOfferProps, DevicePinSettingsCard, type DevicePinSettingsCardProps, type DevicePinSettingsLabels, type DevicePinUnlockCapableClient, type DevicePinUnlockLabels, type DevicePinUnlockResult, DevicePinUnlockScreen, type DevicePinUnlockScreenProps, type DevicePinUnlockedUser, ForgotPasswordFields, type ForgotPasswordFieldsLabels, type ForgotPasswordFieldsProps, ForgotPasswordForm, type ForgotPasswordFormLabels, type ForgotPasswordFormProps, type LoginConfigCapableClient, LoginForm, type LoginFormLabels, type LoginFormProps, OtpForm, type OtpFormLabels, type OtpFormProps, OtpLoginStep, PASSWORD_MAX_LENGTH, PASSWORD_MIN_LENGTH, PasskeyCeremonyMode, PasskeyCeremonyStatus, type PasskeyErrorCode, PasskeyLoginButton, type PasskeyLoginButtonProps, type PasskeyLoginLabels, PasskeySettingsCard, type PasskeySettingsCardProps, type PasskeySettingsLabels, PasswordPolicyError, type PerformBffLogoutOptions, PinForm, type PinFormLabels, type PinFormProps, type PreferencesClientOptions, type PreferredMethodClient, PreferredMethodHint, type PreferredMethodHintLabels, type PreferredMethodHintProps, PreferredMethodSettingsCard, type PreferredMethodSettingsCardProps, type PreferredMethodSettingsLabels, ResetPasswordError, ResetPasswordForm, type ResetPasswordFormLabels, type ResetPasswordFormProps, type RoleRoute, type RoleRouteTable, type UseBffAuthOptions, type UseBffAuthResult, type UseBffForgotPasswordOptions, type UseBffLoginConfigResult, type UseBffResetPasswordOptions, type UseDemoCredentialsOptions, type UseDemoCredentialsResult, type UseDevicePinDisableArgs, type UseDevicePinDisableResult, type UseDevicePinEnrollArgs, type UseDevicePinEnrollResult, type UseDevicePinUnlockArgs, type UseDevicePinUnlockResult, type UseForgotPasswordSubmitArgs, type UseForgotPasswordSubmitResult, type UseOtpLoginOptions, type UseOtpLoginResult, type UsePasskeyCeremonyOptions, type UsePasskeyCeremonyResult, type UsePinLoginOptions, type UsePinLoginResult, type UsePreferredMethodSettingArgs, type UsePreferredMethodSettingResult, type UseResetPasswordFormArgs, type UseResetPasswordFormResult, cachePreferredMethod, clearCachedPreferredMethod, collectUserRoles, createBffAuthClient, createPreferencesClient, defaultAuthTheme, isAllowedPinDigits, isPasswordValid, isValidForgotPasswordEmail, performBffLogout, readCachedPreferredMethod, readPasskeyError, readPasskeyRegistered, resolveAccessibleRoutes, resolveDemoCredentials, resolvePostLoginRoute, startPasskeyLogin, startPasskeyRegistration, syncPreferredMethodFromServer, useAuthTheme, useBffAuth, useBffForgotPassword, useBffLoginConfig, useBffResetPassword, useDemoCredentials, useDevicePinDisable, useDevicePinEnroll, useDevicePinUnlock, useForgotPasswordSubmit, useOtpLogin, usePasskeyCeremony, usePinLogin, usePreferredMethodSetting, useResetPasswordForm, validatePasswordPolicy, withTestIdPrefix };
|