@owlmeans/client-panel 0.1.18-rc.4 → 0.1.18-rc.41

package/build/components/nav/helper.js

@@ -0,0 +1,111 @@
+import { useMemo } from 'react';
+import { useContext, useNavigate } from '@owlmeans/client';
+/** Default resolver: no i18n, the caller's fallback wins. See {@link NavTranslate}. */
+export const defaultNavTranslate = (_key, defaultValue) => defaultValue;
+/**
+ * Turn an alias into something readable — `my-app:web:user-list` becomes `User list`.
+ * The last segment is the meaningful one; the prefixes address the app, not the screen.
+ */
+export const defaultNavLabel = (alias) => {
+    const segment = alias.split(/[:.]/).filter(part => part !== '').pop() ?? alias;
+    const words = segment.replace(/[-_]+/g, ' ').trim();
+    return words.charAt(0).toUpperCase() + words.slice(1);
+};
+export const resolveNavLabel = (translate, label, key, alias) => label ?? translate(key, defaultNavLabel(alias ?? key));
+const visibleItems = (section) => section.items.filter(item => item.hidden !== true);
+const normalizePath = (path) => path.length > 1 && path.endsWith('/') ? path.slice(0, -1) : path;
+/**
+ * The navigation model behind both menus.
+ *
+ * Resolving the CURRENT screen has two sources, and both are needed. The router carries the
+ * alias in `location.state`, which is authoritative — but `state` is `window.history.state`,
+ * so it is null until the first in-app navigation: on a hard page load or a deep link there
+ * is nothing there, and a menu keyed on it alone highlights nothing on exactly the entry that
+ * matters most. The pathname is the fallback: an entrypoint computes its path from its own
+ * declaration and its ancestors', so matching them is a lookup, not a guess.
+ */
+export const usePanelNav = (config) => {
+    const context = useContext();
+    const nav = useNavigate();
+    const location = context.router().useLocation();
+    const state = location.state;
+    const pathname = location.pathname;
+    return useMemo(() => {
+        const sections = config.sections
+            .filter(section => section.hidden !== true)
+            .map(section => ({ ...section, items: visibleItems(section) }));
+        const pathOf = (alias) => {
+            try {
+                return normalizePath(context.entrypoint(alias).path());
+            }
+            catch {
+                // A protocol the app never bound addresses nothing — it cannot be the current screen,
+                // and it must not take the menu down with it.
+                return null;
+            }
+        };
+        const all = sections.flatMap(section => section.items);
+        let current = state?.alias ?? null;
+        if (current == null) {
+            const here = normalizePath(pathname);
+            const exact = all.find(item => pathOf(item.alias) === here);
+            if (exact != null) {
+                current = exact.alias;
+            }
+            else {
+                // Longest prefix: a detail screen under a listed one still belongs to its section.
+                const prefixed = all
+                    .map(item => ({ item, path: pathOf(item.alias) }))
+                    .filter((entry) => entry.path != null && entry.path !== '/' && here.startsWith(`${entry.path}/`))
+                    .sort((a, b) => b.path.length - a.path.length)[0];
+                current = prefixed?.item.alias ?? null;
+            }
+        }
+        const sectionOf = (alias) => alias == null ? null : sections.find(section => section.items.some(item => item.alias === alias)) ?? null;
+        let active = sectionOf(current);
+        if (active == null && current != null) {
+            // The current screen is not listed anywhere — walk up to the ancestor that is, so a
+            // nested screen keeps its section (and its side menu) rather than clearing the chrome.
+            let alias = current;
+            const seen = new Set();
+            while (alias != null && !seen.has(alias)) {
+                seen.add(alias);
+                try {
+                    alias = context.entrypoint(alias).route.route.parent ?? null;
+                }
+                catch {
+                    alias = null;
+                }
+                const found = sectionOf(alias);
+                if (found != null) {
+                    active = found;
+                    break;
+                }
+            }
+        }
+        const isItemActive = (item) => item.alias === current;
+        const isSectionActive = (section) => active != null && section.name === active.name;
+        return {
+            sections,
+            current,
+            active,
+            showSide: active != null && active.items.length > 1,
+            isSectionActive,
+            isItemActive,
+            goSection: section => {
+                const first = section.items[0];
+                return first != null ? nav.press(first.alias) : () => { };
+            },
+            goItem: item => nav.press(item.alias),
+            hrefOf: target => {
+                const alias = 'alias' in target ? target.alias : target.items[0]?.alias;
+                if (alias == null) {
+                    return undefined;
+                }
+                const path = pathOf(alias);
+                return path == null || path.includes(':') ? undefined : path;
+            },
+        };
+    }, [config, pathname, state?.alias, context, nav]);
+};
+//# sourceMappingURL=helper.js.map

package/build/components/nav/helper.js.map

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

package/build/components/nav/index.d.ts

@@ -0,0 +1,3 @@
+export type * from './types.js';
+export * from './helper.js';
+//# sourceMappingURL=index.d.ts.map

package/build/components/nav/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nav/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAA;AAE/B,cAAc,aAAa,CAAA"}

package/build/components/nav/index.js

@@ -0,0 +1,2 @@
+export * from './helper.js';
+//# sourceMappingURL=index.js.map

package/build/components/nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/nav/index.ts"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAA"}

package/build/components/nav/types.d.ts

@@ -0,0 +1,76 @@
+import type { ComponentType } from 'react';
+/**
+ * One screen in the navigation — the second menu level.
+ *
+ * `alias` addresses a frontend entrypoint, so an item never carries a URL: the router
+ * resolves it, and a path that changes shape stays correct everywhere it is rendered.
+ */
+export interface PanelNavItem {
+    alias: string;
+    /** Literal label. Absent, the label is resolved through `translate` and falls back to a humanized alias. */
+    label?: string;
+    Icon?: ComponentType<{
+        className?: string;
+    }>;
+    hidden?: boolean;
+}
+/**
+ * One section — the first menu level. Its items are the screens the side menu offers
+ * while the section is active.
+ */
+export interface PanelNavSection {
+    /** Stable key. Also the default translation key (`nav.<name>`). */
+    name: string;
+    label?: string;
+    /** Ordered. The first visible item is where pressing the section navigates. */
+    items: PanelNavItem[];
+    hidden?: boolean;
+}
+export interface PanelNavConfig {
+    sections: PanelNavSection[];
+}
+/** A footer link: exactly one of `alias` (an entrypoint) or `href` (anything else). */
+export interface PanelNavLink {
+    alias?: string;
+    href?: string;
+    label?: string;
+    /** Open in a new tab. */
+    open?: boolean;
+}
+/**
+ * Resolves a label from a translation key.
+ *
+ * It is a PROP, never an implicit context read: an app that mounts without an i18n provider
+ * (`renderApp` from `@owlmeans/web-client` does) must still render a menu, and reaching for
+ * the panel i18n context there throws inside the render tree and blanks the whole app.
+ * The default returns the fallback, so literal labels work with no i18n at all.
+ */
+export interface NavTranslate {
+    (key: string, defaultValue: string): string;
+}
+export interface PanelNavModel {
+    /** Sections and items with `hidden` filtered out. */
+    sections: PanelNavSection[];
+    /** Alias of the screen currently rendered, when it could be resolved. */
+    current: string | null;
+    active: PanelNavSection | null;
+    /**
+     * Whether the side menu carries anything worth showing — false when the active section
+     * holds a single screen, which is the whole point: one screen needs no second level.
+     */
+    showSide: boolean;
+    isSectionActive: (section: PanelNavSection) => boolean;
+    isItemActive: (item: PanelNavItem) => boolean;
+    goSection: (section: PanelNavSection) => () => void;
+    goItem: (item: PanelNavItem) => () => void;
+    /**
+     * The resolved URL of a section's landing screen, when it has one.
+     *
+     * A menu entry navigates through `nav.press`, but it still has to BE a link: an `<a>`
+     * without `href` is not focusable, does not answer the keyboard, and cannot be opened in a
+     * new tab. Undefined for a path carrying route parameters — there is no honest URL to show
+     * for a screen whose address is not known yet.
+     */
+    hrefOf: (target: PanelNavItem | PanelNavSection) => string | undefined;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/components/nav/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/nav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,4GAA4G;IAC5G,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+EAA+E;IAC/E,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,eAAe,EAAE,CAAA;CAC5B;AAED,uFAAuF;AACvF,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;CAC5C;AAED,MAAM,WAAW,aAAa;IAC5B,qDAAqD;IACrD,QAAQ,EAAE,eAAe,EAAE,CAAA;IAC3B,yEAAyE;IACzE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,MAAM,EAAE,eAAe,GAAG,IAAI,CAAA;IAC9B;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAA;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAA;IACtD,YAAY,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAA;IAC7C,SAAS,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,IAAI,CAAA;IACnD,MAAM,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,IAAI,CAAA;IAC1C;;;;;;;OAOG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,eAAe,KAAK,MAAM,GAAG,SAAS,CAAA;CACvE"}

package/build/components/nav/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/components/nav/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/nav/types.ts"],"names":[],"mappings":""}

package/build/i18n.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=i18n.d.ts.map

package/build/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../src/i18n.ts"],"names":[],"mappings":""}

package/build/i18n.js

@@ -0,0 +1,15 @@
+import { addI18nLib } from '@owlmeans/i18n';
+const buttons = {
+    en: { buttons: { submit: 'Submit' } },
+    pl: { buttons: { submit: 'Wyślij' } },
+    ru: { buttons: { submit: 'Отправить' } },
+    be: { buttons: { submit: 'Адправіць' } },
+    uk: { buttons: { submit: 'Надіслати' } },
+    es: { buttons: { submit: 'Enviar' } },
+    de: { buttons: { submit: 'Senden' } },
+    fr: { buttons: { submit: 'Envoyer' } },
+};
+for (const [language, values] of Object.entries(buttons)) {
+    addI18nLib(language, 'client-panel', values);
+}
+//# sourceMappingURL=i18n.js.map

package/build/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../src/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,MAAM,OAAO,GAAG;IACd,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;IACrC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;IACrC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE;IACxC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE;IACxC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE;IACxC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;IACrC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;IACrC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CAC9B,CAAA;AAEV,KAAK,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;IACzD,UAAU,CAAC,QAAQ,EAAE,cAAc,EAAE,MAAM,CAAC,CAAA;AAC9C,CAAC"}

package/build/index.d.ts

@@ -1,3 +1,4 @@
+export * from './i18n.js';
 export * from './components/index.js';
 export * from './helper/index.js';
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAA;AAEzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}

package/build/index.js

@@ -1,3 +1,4 @@
+export * from './i18n.js';
 export * from './components/index.js';
 export * from './helper/index.js';
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAA;AAEzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@owlmeans/client-panel",
-  "version": "0.1.18-rc.4",
+  "version": "0.1.18-rc.41",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -36,18 +36,19 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
-    "@owlmeans/client": "^0.1.18-rc.4",
-    "@owlmeans/client-i18n": "^0.1.18-rc.4",
-    "@owlmeans/client-entrypoint": "^0.1.18-rc.4",
-    "@owlmeans/client-route": "^0.1.18-rc.4",
-    "@owlmeans/error": "^0.1.18-rc.4",
-    "@owlmeans/entrypoint": "^0.1.18-rc.4"
+    "@owlmeans/client": "^0.1.18-rc.35",
+    "@owlmeans/client-i18n": "^0.1.18-rc.34",
+    "@owlmeans/client-entrypoint": "^0.1.18-rc.32",
+    "@owlmeans/client-route": "^0.1.18-rc.33",
+    "@owlmeans/error": "^0.1.18-rc.30",
+    "@owlmeans/entrypoint": "^0.1.18-rc.31"
   },
   "peerDependencies": {
-    "@owlmeans/auth": "^0.1.18-rc.4",
-    "@owlmeans/client-auth": "^0.1.18-rc.4",
-    "@owlmeans/i18n": "^0.1.18-rc.4",
-    "@owlmeans/router": "^0.1.18-rc.4",
+    "@owlmeans/auth": "^0.1.18-rc.30",
+    "@owlmeans/client-auth": "^0.1.18-rc.41",
+    "@owlmeans/config": "^0.1.18-rc.32",
+    "@owlmeans/i18n": "^0.1.18-rc.31",
+    "@owlmeans/router": "^0.1.18-rc.27",
     "ajv": "*",
     "react": "*",
     "react-hook-form": "*"
@@ -62,8 +63,8 @@
   },
   "devDependencies": {
     "@owlmeans/dep-config": "workspace:*",
-    "@owlmeans/auth": "^0.1.18-rc.4",
-    "@owlmeans/client-auth": "^0.1.18-rc.4",
+    "@owlmeans/auth": "^0.1.18-rc.30",
+    "@owlmeans/client-auth": "^0.1.18-rc.41",
     "@types/react": "^19.2.17",
     "nodemon": "^3.1.14",
     "react-hook-form": "^7.53.0",

package/src/auth/i18n/fr.json

@@ -0,0 +1,56 @@
+{
+  "basic-ed25519": {
+    "entityId": {
+      "label": "Identifiant de l’organisation"
+    },
+    "address": {
+      "label": "DID de l’utilisateur"
+    },
+    "privateKey": {
+      "label": "Clé privée"
+    },
+    "submit": "S’authentifier"
+  },
+  "re-captcha": {
+    "guideline": "Nous devons vérifier que vous n’êtes pas un robot. Cliquez dans la case blanche ci-dessous pour prouver que vous êtes humain."
+  },
+  "wallet-provider": {
+    "pin": {
+      "loading": "Chargement…",
+      "guideline": "Utilisez ce code PIN avec toute ressource prenant en charge l’autorisation par portefeuille"
+    }
+  },
+  "wallet-consumer": {
+    "pin": {
+      "label": "Code PIN",
+      "hint": "Scannez le code QR ou générez un code PIN avec votre application OwlMeans ID"
+    },
+    "submit": "Continuer avec le PIN"
+  },
+  "oidp-auth": {
+    "reset": "Réinitialiser",
+    "error": {
+      "socket": {
+        "timeout": {
+          "rely": "La fenêtre d’authentification a expiré. Actualisez la page pour réessayer."
+        }
+      }
+    }
+  },
+  "oidp-create-id": {
+    "error": {
+      "socket": {
+        "timeout": {
+          "call": "Délai d’action dépassé. Pour des raisons de sécurité, les actions d’authentification sont limitées dans le temps. Réessayez.",
+          "rely": "Le code d’authentification a expiré. Réessayez."
+        }
+      },
+      "auth": {
+        "authorization": {
+          "sequence": "Le processus d’authentification a été interrompu par l’application d’authentification utilisée."
+        }
+      }
+    },
+    "reset": "Actualiser"
+  }
+}

package/src/auth/i18n.ts

@@ -7,6 +7,7 @@ import be from './i18n/be.json' with { type: 'json' }
 import uk from './i18n/uk.json' with { type: 'json' }
 import es from './i18n/es.json' with { type: 'json' }
 import de from './i18n/de.json' with { type: 'json' }
+import fr from './i18n/fr.json' with { type: 'json' }
 
 addI18nLib('en', 'client-panel-auth', en)
 addI18nLib('pl', 'client-panel-auth', pl)
@@ -15,3 +16,4 @@ addI18nLib('be', 'client-panel-auth', be)
 addI18nLib('uk', 'client-panel-auth', uk)
 addI18nLib('es', 'client-panel-auth', es)
 addI18nLib('de', 'client-panel-auth', de)
+addI18nLib('fr', 'client-panel-auth', fr)

package/src/auth/index.ts

@@ -1,2 +1,2 @@
-
 export * from './i18n.js'
+export * from './login/index.js'

package/src/auth/login/index.ts

@@ -0,0 +1,2 @@
+export type * from './types.js'
+export * from './model.js'

package/src/auth/login/model.ts

@@ -0,0 +1,101 @@
+import { useCallback, useMemo, useState } from 'react'
+import { useContext, useNavigate } from '@owlmeans/client'
+import type { CommonConfig } from '@owlmeans/config'
+import {
+  acceptTerms, primaryLoginMethod, resolveCredit, resolveTerms, termsAccepted,
+  LoginOutcome, LOGIN_SERVICE,
+} from '@owlmeans/client-auth/login'
+import type { LoginContext, LoginMethod, LoginService } from '@owlmeans/client-auth/login'
+import type { LoginMethodsModel, UseLoginMethodsOptions } from './types.js'
+
+/**
+ * Everything a sign-in screen needs, with no opinion about how it looks.
+ *
+ * Headless and cross-platform, like `usePanelNav`: the rules about what may be offered, what must
+ * be confirmed first and what the credit line says are the same on every platform, and only the
+ * rendering differs. A renderer that re-derives any of them will drift from the one that does not.
+ */
+export const useLoginMethods = (opts?: UseLoginMethodsOptions): LoginMethodsModel => {
+  const context = useContext() as unknown as LoginContext
+  const nav = useNavigate()
+  const login = context.service<LoginService>(LOGIN_SERVICE)
+
+  const cfg = opts?.config ?? (context.cfg as CommonConfig).security?.auth?.login
+  const brand = (context.cfg as CommonConfig).brand
+
+  const resolved = useMemo(() => resolveTerms(opts?.terms ?? cfg?.terms), [opts?.terms, cfg])
+  const credit = useMemo(
+    () => resolveCredit(cfg?.credit, brand, context.cfg.service), [cfg, brand, context]
+  )
+
+  const [accepted, setAccepted] = useState(() => termsAccepted(resolved))
+  const [attempted, setAttempted] = useState(false)
+  const [busy, setBusy] = useState<string | null>(null)
+  const [outcome, setOutcome] = useState<LoginOutcome | null>(null)
+  const [error, setError] = useState<string | null>(null)
+
+  const env = login.env()
+  const all = login.methods({
+    context, env,
+    navigate: (alias, params) => { nav.go(alias, params != null ? { params } : undefined) },
+  })
+  const methods = typeof opts?.methods === 'function'
+    ? opts.methods(all)
+    : opts?.methods ?? all
+
+  const blocked = resolved != null && resolved.required && !accepted
+
+  const select = useCallback((method: LoginMethod) => {
+    if (blocked) {
+      // Nothing starts, and no window opens. The screen renders the reason instead — which is why
+      // a control must never be `disabled`: a disabled control swallows the click and says nothing.
+      setAttempted(true)
+
+      return
+    }
+    setBusy(method.id)
+    setError(null)
+    void method.start({
+      context, env,
+      navigate: (alias, params) => { nav.go(alias, params != null ? { params } : undefined) },
+    }).then(result => {
+      setOutcome(result)
+      // `Redirected` means the browser is leaving; keeping the control busy is honest there.
+      if (result !== LoginOutcome.Redirected) {
+        setBusy(null)
+      }
+    }).catch((e: Error) => {
+      setError(e.message)
+      setOutcome(LoginOutcome.Failed)
+      setBusy(null)
+    })
+  }, [blocked, context, env, nav])
+
+  const accept = useCallback((value: boolean) => {
+    setAccepted(value)
+    setAttempted(false)
+    acceptTerms(resolved, value)
+  }, [resolved])
+
+  return {
+    methods,
+    primary: primaryLoginMethod(methods),
+    terms: {
+      required: resolved?.required ?? false,
+      accepted: resolved == null ? true : accepted,
+      attempted,
+      urls: {
+        terms: resolved?.terms ?? '',
+        privacy: resolved?.privacy ?? '',
+        ...(resolved?.cookies != null ? { cookies: resolved.cookies } : {}),
+      },
+      accept,
+    },
+    credit,
+    blocked,
+    busy,
+    outcome,
+    error,
+    select,
+  }
+}

package/src/auth/login/types.ts

@@ -0,0 +1,45 @@
+import type { LoginMethod, LoginOutcome } from '@owlmeans/client-auth/login'
+import type { LoginScreenConfig, LoginTermsConfig } from '@owlmeans/config'
+
+export interface UseLoginMethodsOptions {
+  /** Overrides the configuration the context carries. */
+  config?: LoginScreenConfig
+  terms?: LoginTermsConfig | false
+  /** Replace or reorder what the resolver produced. */
+  methods?: LoginMethod[] | ((methods: LoginMethod[]) => LoginMethod[])
+}
+
+export interface LoginTermsModel {
+  required: boolean
+  accepted: boolean
+  /** A blocked selection was attempted — render the explanation. */
+  attempted: boolean
+  urls: { terms: string, privacy: string, cookies?: string }
+  accept: (value: boolean) => void
+}
+
+export interface LoginCreditModel {
+  poweredBy: boolean
+  line: string | null
+}
+
+export interface LoginMethodsModel {
+  methods: LoginMethod[]
+  /** The one a screen highlights and focuses. It is never started automatically. */
+  primary: LoginMethod | null
+  terms: LoginTermsModel
+  credit: LoginCreditModel
+  /** True while the terms have not been confirmed and confirming them is required. */
+  blocked: boolean
+  /** Id of the method currently starting. */
+  busy: string | null
+  outcome: LoginOutcome | null
+  error: string | null
+  /**
+   * Start a method.
+   *
+   * NOT async, and it awaits nothing before delegating — the flow may need to open a window, and a
+   * window opened after the click has finished being handled is eaten by the popup blocker.
+   */
+  select: (method: LoginMethod) => void
+}

package/src/components/index.ts

@@ -2,6 +2,7 @@ export type * from './types.js'
 
 export * from './form/index.js'
 export * from './layout/index.js'
+export * from './nav/index.js'
 export * from './context.js'
 export * from './consts.js'
 export * from './status.js'