@ory/elements-react 1.0.0-next.11 → 1.0.0-next.12

package/dist/index.mjs

@@ -1,8 +1,8 @@
+import { UiNodeGroupEnum, isUiNodeInputAttributes, isUiNodeAnchorAttributes, isUiNodeImageAttributes, isUiNodeScriptAttributes, FlowType, isUiNodeTextAttributes, Configuration, FrontendApi, UiNodeInputAttributesTypeEnum, handleFlowError, loginUrl, handleContinueWith, registrationUrl, verificationUrl, recoveryUrl, settingsUrl } from '@ory/client-fetch';
 import { createContext, useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useIntl, IntlProvider as IntlProvider$1 } from 'react-intl';
 import { useFormContext, useForm, FormProvider } from 'react-hook-form';
-import { isUiNodeInputAttributes, isUiNodeAnchorAttributes, isUiNodeImageAttributes, isUiNodeScriptAttributes, UiNodeGroupEnum, FlowType, isUiNodeTextAttributes, Configuration, FrontendApi, UiNodeInputAttributesTypeEnum, handleFlowError, loginUrl, handleContinueWith, registrationUrl, verificationUrl, recoveryUrl, settingsUrl } from '@ory/client-fetch';
 import { create, useStore } from 'zustand';
 import { subscribeWithSelector } from 'zustand/middleware';
 
@@ -5514,7 +5514,8 @@ var require_lodash = __commonJS({
 var ComponentContext = createContext({
   components: null,
   // fine because we throw an error if it's not provided
-  nodeSorter: () => 0
+  nodeSorter: () => 0,
+  groupSorter: () => 0
 });
 function useComponents() {
   const ctx = useContext(ComponentContext);
@@ -5526,11 +5527,18 @@ function useComponents() {
 function useNodeSorter() {
   const ctx = useContext(ComponentContext);
   if (!ctx) {
-    throw new Error("useComponents must be used within a ComponentProvider");
+    throw new Error("useNodeSorter must be used within a ComponentProvider");
   }
   return ctx.nodeSorter;
 }
-var defaultGroupOrder = [
+function useGroupSorter() {
+  const ctx = useContext(ComponentContext);
+  if (!ctx) {
+    throw new Error("useGroupSorter must be used within a ComponentProvider");
+  }
+  return ctx.groupSorter;
+}
+var defaultNodeOrder = [
   "oidc",
   "identifier_first",
   "default",
@@ -5542,21 +5550,40 @@ var defaultGroupOrder = [
 ];
 function defaultNodeSorter(a, b) {
   var _a, _b;
-  const aGroupWeight = (_a = defaultGroupOrder.indexOf(a.group)) != null ? _a : 999;
-  const bGroupWeight = (_b = defaultGroupOrder.indexOf(b.group)) != null ? _b : 999;
+  const aGroupWeight = (_a = defaultNodeOrder.indexOf(a.group)) != null ? _a : 999;
+  const bGroupWeight = (_b = defaultNodeOrder.indexOf(b.group)) != null ? _b : 999;
+  return aGroupWeight - bGroupWeight;
+}
+var defaultGroupOrder = [
+  UiNodeGroupEnum.Default,
+  UiNodeGroupEnum.Profile,
+  UiNodeGroupEnum.Password,
+  UiNodeGroupEnum.Oidc,
+  UiNodeGroupEnum.Code,
+  UiNodeGroupEnum.LookupSecret,
+  UiNodeGroupEnum.Passkey,
+  UiNodeGroupEnum.Webauthn,
+  UiNodeGroupEnum.Totp
+];
+function defaultGroupSorter(a, b) {
+  var _a, _b;
+  const aGroupWeight = (_a = defaultGroupOrder.indexOf(a)) != null ? _a : 999;
+  const bGroupWeight = (_b = defaultGroupOrder.indexOf(b)) != null ? _b : 999;
   return aGroupWeight - bGroupWeight;
 }
 function OryComponentProvider({
   children,
   components,
-  nodeSorter = defaultNodeSorter
+  nodeSorter = defaultNodeSorter,
+  groupSorter = defaultGroupSorter
 }) {
   return /* @__PURE__ */ jsx(
     ComponentContext.Provider,
     {
       value: {
         components,
-        nodeSorter
+        nodeSorter,
+        groupSorter
       },
       children
     }
@@ -5651,7 +5678,7 @@ var en_default = {
   "identities.messages.1050005": "Authenticator app QR code",
   "identities.messages.1050006": "{secret}",
   "identities.messages.1050007": "Reveal backup recovery codes",
-  "identities.messages.1050008": "Generate new backup recovery codes",
+  "identities.messages.1050008": "Enable",
   "identities.messages.1050009": "{secret}",
   "identities.messages.1050010": "These are your back up recovery codes. Please keep them in a safe place!",
   "identities.messages.1050011": "Confirm backup recovery codes",
@@ -5660,7 +5687,7 @@ var en_default = {
   "identities.messages.1050014": "Secret was used at {used_at, date, long}",
   "identities.messages.1050015": "{secrets_list}",
   "identities.messages.1050016": "Disable this method",
-  "identities.messages.1050017": "This is your authenticator app secret. Use it if you can not scan the QR code.",
+  "identities.messages.1050017": "Authenticator Secret",
   "identities.messages.1050018": 'Remove security key "{display_name}"',
   "identities.messages.1050019": "Add passkey",
   "identities.messages.1050020": 'Remove passkey "{display_name}"',
@@ -5784,7 +5811,6 @@ var en_default = {
   "settings.navigation-webauthn": "Hardware Tokens",
   "settings.navigation-passkey": "Passkeys",
   "settings.subtitle-instructions": "Here you can manage settings related to your account. Keep in mind that certain actions require you to re-authenticate.",
-  "settings.title": "Update your account",
   "settings.subtitle": "Update your account settings",
   "settings.title-lookup-secret": "Manage 2FA Backup Recovery Codes",
   "settings.title-navigation": "Account Settings",
@@ -5794,6 +5820,14 @@ var en_default = {
   "settings.title-totp": "Manage 2FA TOTP Authenticator App",
   "settings.title-webauthn": "Manage Hardware Tokens",
   "settings.title-passkey": "Manage Passkeys",
+  "settings.title": "Account Settings",
+  "settings.navigation.title": "Account Settings",
+  "settings.password.title": "Change Password",
+  "settings.password.description": "Modify your password",
+  "settings.profile.title": "Profile Settings",
+  "settings.profile.description": "Update your profile information",
+  "settings.webauthn.title": "Manage Hardware Tokens",
+  "settings.webauthn.description": "Manage your hardware token settings",
   "verification.registration-button": "Sign up",
   "verification.registration-label": "Don't have an account?",
   "verification.title": "Verify your account",
@@ -5819,7 +5853,20 @@ var en_default = {
   "card.header.description.login": "Sign in with {identifierLabel}",
   "card.header.description.registration": "Sign up with {identifierLabel}",
   "misc.or": "or",
-  "forms.label.forgot-password": "Forgot Password?"
+  "forms.label.forgot-password": "Forgot Password?",
+  "settings.totp.title": "Authenticator App",
+  "settings.totp.description": "Add a TOTP Authenticator App to your account to improve your account security. Popular Authenticator Apps are LastPass and Google Authenticator",
+  "settings.totp.info.not-linked": "To enable scan the QR code with your authenticator and enter the code.",
+  "settings.totp.info.linked": "You currently have an authenticator app connected.",
+  "settings.lookup_secret.title": "Backup Recovery Codes (second factor)",
+  "settings.lookup_secret.description": "Recovery codes are a secure backup for 2FA, allowing you to regain access to your account if you lose your 2FA device.",
+  "settings.oidc.title": "Connected accounts",
+  "settings.oidc.description": "Connect a social login provider with your account.",
+  "settings.oidc.info": "Connected accounts from these providers can be used to login to your account",
+  "settings.webauthn.info": "Hardware Tokens are used for second-factor authentication or as first-factor with Passkeys",
+  "settings.passkey.title": "Manage Passkeys",
+  "settings.passkey.description": "Manage your passkey settings",
+  "settings.passkey.info": "Manage your passkey settings"
 };
 
 // src/locales/de.json
@@ -5975,25 +6022,6 @@ var de_default = {
   "registration.login-label": "Sie haben bereits ein Konto?",
   "registration.subtitle-oauth2": "Zur Authentifizierung bei {clientName}",
   "registration.title": "Konto registrieren",
-  "settings.navigation-back-button": "Zur\xFCck",
-  "settings.navigation-backup-codes": "2FA-Backup-Codes",
-  "settings.navigation-logout": "Abmelden",
-  "settings.navigation-oidc": "Soziale Medien",
-  "settings.navigation-password": "Passwort",
-  "settings.navigation-profile": "Profil",
-  "settings.navigation-totp": "Zwei-Faktor App",
-  "settings.navigation-webauthn": "Sicherheitsschl\xFCssel",
-  "settings.navigation-passkey": "Passkeys",
-  "settings.subtitle-instructions": "Hier k\xF6nnen Sie Einstellungen zu Ihrem Konto vornehmen. F\xFCr manche Einstellungen m\xFCssen Sie Ihre Identit\xE4t erneut best\xE4tigen.",
-  "settings.title": "Kontoeinstellungen",
-  "settings.title-lookup-secret": "Manage 2FA Backup Recovery Codes",
-  "settings.title-navigation": "Konto Einstellungen",
-  "settings.title-oidc": "Anmeldung \xFCber soziale Medien",
-  "settings.title-password": "Passwort \xE4ndern",
-  "settings.title-profile": "Profil Einstellungen",
-  "settings.title-totp": "Zwei-Faktor TOTP App",
-  "settings.title-webauthn": "Sicherheitsschl\xFCssel verwalten",
-  "settings.title-passkey": "Passkeys verwalten",
   "verification.registration-button": "Registrieren",
   "verification.registration-label": "Sie haben noch kein Konto?",
   "verification.title": "Verifizieren Sie ihr Konto",
@@ -6022,7 +6050,7 @@ var de_default = {
   "identities.messages.1040007": "",
   "identities.messages.1040008": "",
   "identities.messages.1040009": "",
-  "identities.messages.1050019": "",
+  "identities.messages.1050019": "Passkey hinzuf\xFCgen",
   "identities.messages.1050020": "",
   "identities.messages.4000037": "",
   "identities.messages.4010009": "",
@@ -6036,7 +6064,6 @@ var de_default = {
   "card.header.parts.password.registration": "Ihrer {identifierLabel} und einem Passwort",
   "card.header.parts.webauthn": "ein Sicherheitsschl\xFCssel",
   "recovery.subtitle": "Geben Sie die mit Ihrem Konto verkn\xFCpfte E-Mail-Adresse ein, um einen einmaligen Zugangscode zu erhalten",
-  "settings.subtitle": "Aktualisieren Sie Ihre Kontoeinstellungen",
   "verification.subtitle": "Geben Sie die mit Ihrem Konto verkn\xFCpfte E-Mail-Adresse ein, um es zu best\xE4tigen",
   "card.header.description.login": "Melden Sie sich mit {identifierLabel} an",
   "card.header.description.registration": "Registrieren Sie sich mit {identifierLabel}",
@@ -6044,7 +6071,47 @@ var de_default = {
   "login.subtitle-refresh": "Best\xE4tigen Sie ihre Identit\xE4t mit {parts}",
   "misc.or": "oder",
   "registration.subtitle": "Registrieren Sie sich mit {parts}",
-  "forms.label.forgot-password": "Passwort vergessen?"
+  "forms.label.forgot-password": "Passwort vergessen?",
+  "settings.title": "Kontoeinstellungen",
+  "settings.navigation.title": "Kontoeinstellungen",
+  "settings.subtitle": "Aktualisieren Sie Ihre Kontoeinstellungen",
+  "settings.navigation-back-button": "Zur\xFCck",
+  "settings.navigation-backup-codes": "2FA-Backup-Codes",
+  "settings.navigation-logout": "Abmelden",
+  "settings.navigation-oidc": "Soziale Medien",
+  "settings.navigation-password": "Passwort",
+  "settings.navigation-profile": "Profil",
+  "settings.navigation-totp": "Zwei-Faktor App",
+  "settings.navigation-webauthn": "Sicherheitsschl\xFCssel",
+  "settings.navigation-passkey": "Passkeys",
+  "settings.subtitle-instructions": "Hier k\xF6nnen Sie Einstellungen zu Ihrem Konto vornehmen. F\xFCr manche Einstellungen m\xFCssen Sie Ihre Identit\xE4t erneut best\xE4tigen.",
+  "settings.totp.info.linked": "Sie haben derzeit eine Authenticator-App verbunden.",
+  "settings.totp.info.not-linked": "Um dies zu erm\xF6glichen, scannen Sie den QR-Code mit Ihrem Authenticator und geben Sie den Code ein.",
+  "settings.totp.title": "Authenticator App",
+  "settings.totp.description": "F\xFCgen Sie eine TOTP Authenticator App zu Ihrem Konto hinzu, um die Sicherheit Ihres Kontos zu verbessern. Beliebte Authenticator Apps sind LastPass und Google Authenticator.",
+  "settings.lookup_secret.description": "Verwalten Sie Ihre 2FA-Backup-Wiederherstellungscodes",
+  "settings.lookup_secret.title": "Wiederherstellungscodes",
+  "settings.oidc.description": "Verwalten Sie Ihre Einstellungen f\xFCr die soziale Anmeldung",
+  "settings.oidc.title": "Soziales Anmelden",
+  "settings.passkey.description": "Verwalten Sie Ihre Passworteinstellungen",
+  "settings.passkey.title": "Passkeys verwalten",
+  "settings.password.description": "\xC4ndern Sie Ihr Passwort",
+  "settings.password.title": "Passwort \xE4ndern",
+  "settings.profile.description": "Aktualisieren Sie Ihre Profilinformationen",
+  "settings.profile.title": "Profileinstellungen",
+  "settings.webauthn.description": "Verwalten Sie Ihre Hardware-Token-Einstellungen",
+  "settings.webauthn.title": "Hardware-Token verwalten",
+  "settings.oidc.info": "Verbundene Konten dieser Anbieter k\xF6nnen f\xFCr die Anmeldung bei Ihrem Konto verwendet werden",
+  "settings.passkey.info": "Verwalten Sie Ihre Passkey-Einstellungen",
+  "settings.title-lookup-secret": "Verwalten Sie 2FA-Backup-Wiederherstellungscodes",
+  "settings.title-navigation": "Kontoeinstellungen",
+  "settings.title-oidc": "Social Sign In",
+  "settings.title-passkey": "Passkeys verwalten",
+  "settings.title-password": "Kennwort \xE4ndern",
+  "settings.title-profile": "Profileinstellungen",
+  "settings.title-totp": "Verwalten Sie die 2FA TOTP Authenticator-App",
+  "settings.title-webauthn": "Hardware-Token verwalten",
+  "settings.webauthn.info": "Hardware-Tokens werden f\xFCr die Zweitfaktor-Authentifizierung oder als Erstfaktor-Authentifizierung mit Passkeys verwendet"
 };
 
 // src/locales/es.json
@@ -6211,14 +6278,6 @@ var es_default = {
   "settings.navigation-passkey": "Passkeys",
   "settings.subtitle-instructions": "Aqu\xED puede gestionar las configuraciones relacionadas con su cuenta. Tenga en cuenta que ciertas acciones requieren que vuelva a autenticarse.",
   "settings.title": "Configuraciones de la Cuenta",
-  "settings.title-lookup-secret": "Gestionar C\xF3digos de Recuperaci\xF3n de Respaldo de 2FA",
-  "settings.title-navigation": "Configuraciones de la Cuenta",
-  "settings.title-oidc": "Inicio de Sesi\xF3n Social",
-  "settings.title-password": "Cambiar Contrase\xF1a",
-  "settings.title-profile": "Configuraciones del Perfil",
-  "settings.title-totp": "Gestionar Aplicaci\xF3n Autenticadora de 2FA",
-  "settings.title-webauthn": "Gestionar Tokens de Hardware",
-  "settings.title-passkey": "Gestionar Passkeys",
   "verification.registration-button": "Registrarse",
   "verification.registration-label": "\xBFNo tiene una cuenta?",
   "verification.title": "Verificar su cuenta",
@@ -6269,7 +6328,35 @@ var es_default = {
   "recovery.subtitle": "",
   "registration.subtitle": "",
   "settings.subtitle": "",
-  "verification.subtitle": ""
+  "verification.subtitle": "",
+  "settings.totp.info.linked": "Actualmente tienes una aplicaci\xF3n de autenticaci\xF3n conectada.",
+  "settings.totp.info.not-linked": "Para habilitar, escanea el c\xF3digo QR con tu autenticador e ingresa el c\xF3digo.",
+  "settings.totp.title": "Aplicaci\xF3n Autenticadora",
+  "settings.totp.description": "Agrega una aplicaci\xF3n de autenticaci\xF3n TOTP a tu cuenta para mejorar la seguridad de tu cuenta. Las aplicaciones de autenticaci\xF3n populares son LastPass y Google Authenticator.",
+  "settings.lookup_secret.description": "Gestiona tus c\xF3digos de recuperaci\xF3n de respaldo 2FA",
+  "settings.lookup_secret.title": "C\xF3digos de Recuperaci\xF3n",
+  "settings.navigation.title": "Configuraci\xF3n de la Cuenta",
+  "settings.oidc.description": "Administra la configuraci\xF3n de tu inicio de sesi\xF3n social",
+  "settings.oidc.title": "Inicio de Sesi\xF3n Social",
+  "settings.passkey.description": "Administra la configuraci\xF3n de tu clave de acceso",
+  "settings.passkey.title": "Gestionar Claves de Acceso",
+  "settings.password.description": "Modifica tu contrase\xF1a",
+  "settings.password.title": "Cambiar Contrase\xF1a",
+  "settings.profile.description": "Actualiza la informaci\xF3n de tu perfil",
+  "settings.profile.title": "Configuraci\xF3n de Perfil",
+  "settings.webauthn.description": "Administra la configuraci\xF3n de tu token de hardware",
+  "settings.webauthn.title": "Gestionar Tokens de Hardware",
+  "settings.oidc.info": "",
+  "settings.passkey.info": "",
+  "settings.title-lookup-secret": "",
+  "settings.title-navigation": "",
+  "settings.title-oidc": "",
+  "settings.title-passkey": "",
+  "settings.title-password": "",
+  "settings.title-profile": "",
+  "settings.title-totp": "",
+  "settings.title-webauthn": "",
+  "settings.webauthn.info": ""
 };
 
 // src/locales/fr.json
@@ -6436,14 +6523,6 @@ var fr_default = {
   "settings.navigation-passkey": "Passkeys",
   "settings.subtitle-instructions": "Ici, vous pouvez g\xE9rer les param\xE8tres li\xE9s \xE0 votre compte. Gardez \xE0 l'esprit que certaines actions n\xE9cessitent une nouvelle authentification.",
   "settings.title": "Param\xE8tres du compte",
-  "settings.title-lookup-secret": "G\xE9rer les codes de r\xE9cup\xE9ration 2FA",
-  "settings.title-navigation": "Param\xE8tres du compte",
-  "settings.title-oidc": "Connexion sociale",
-  "settings.title-password": "Changer le mot de passe",
-  "settings.title-profile": "Param\xE8tres de profil",
-  "settings.title-totp": "G\xE9rer l'application d'authentification TOTP 2FA",
-  "settings.title-webauthn": "G\xE9rer les tokens mat\xE9riels",
-  "settings.title-passkey": "G\xE9rer les Passkeys",
   "verification.registration-button": "S'inscrire",
   "verification.registration-label": "Vous n'avez pas de compte ?",
   "verification.title": "V\xE9rifiez votre compte",
@@ -6494,7 +6573,35 @@ var fr_default = {
   "recovery.subtitle": "",
   "registration.subtitle": "",
   "settings.subtitle": "",
-  "verification.subtitle": ""
+  "verification.subtitle": "",
+  "settings.totp.info.linked": "Vous avez actuellement une application d'authentification connect\xE9e.",
+  "settings.totp.info.not-linked": "Pour activer, scannez le QR code avec votre authentificateur et entrez le code.",
+  "settings.totp.title": "Application d'authentification",
+  "settings.totp.description": "Ajoutez une application d'authentification TOTP \xE0 votre compte pour am\xE9liorer la s\xE9curit\xE9 de votre compte. Les applications d'authentification populaires sont LastPass et Google Authenticator.",
+  "settings.lookup_secret.description": "",
+  "settings.lookup_secret.title": "",
+  "settings.navigation.title": "",
+  "settings.oidc.description": "",
+  "settings.oidc.info": "",
+  "settings.oidc.title": "",
+  "settings.passkey.description": "",
+  "settings.passkey.info": "",
+  "settings.passkey.title": "",
+  "settings.password.description": "",
+  "settings.password.title": "",
+  "settings.profile.description": "",
+  "settings.profile.title": "",
+  "settings.title-lookup-secret": "",
+  "settings.title-navigation": "",
+  "settings.title-oidc": "",
+  "settings.title-passkey": "",
+  "settings.title-password": "",
+  "settings.title-profile": "",
+  "settings.title-totp": "",
+  "settings.title-webauthn": "",
+  "settings.webauthn.description": "",
+  "settings.webauthn.info": "",
+  "settings.webauthn.title": ""
 };
 
 // src/locales/nl.json
@@ -6661,14 +6768,6 @@ var nl_default = {
   "settings.navigation-passkey": "Passkeys",
   "settings.subtitle-instructions": "Hier kun je instellingen beheren die verband houden met je account. Houd er rekening mee dat bepaalde acties vereisen dat je opnieuw wordt geauthenticeerd.",
   "settings.title": "Accountinstellingen",
-  "settings.title-lookup-secret": "Beheer 2FA Backup Herstelcodes",
-  "settings.title-navigation": "Accountinstellingen",
-  "settings.title-oidc": "Sociaal Inloggen",
-  "settings.title-password": "Wachtwoord wijzigen",
-  "settings.title-profile": "Profielinstellingen",
-  "settings.title-totp": "Beheer 2FA TOTP Authenticator App",
-  "settings.title-webauthn": "Beheer Hardware Tokens",
-  "settings.title-passkey": "Beheer Passkeys",
   "verification.registration-button": "Registreren",
   "verification.registration-label": "Heb je nog geen account?",
   "verification.title": "Verifieer je account",
@@ -6719,7 +6818,35 @@ var nl_default = {
   "recovery.subtitle": "",
   "registration.subtitle": "",
   "settings.subtitle": "",
-  "verification.subtitle": ""
+  "verification.subtitle": "",
+  "settings.totp.info.linked": "U heeft momenteel een authenticator-app verbonden.",
+  "settings.totp.info.not-linked": "Om te activeren, scan de QR-code met je authenticator en voer de code in.",
+  "settings.totp.title": "",
+  "settings.totp.description": "Voeg een TOTP Authenticator App toe aan uw account om de beveiliging van uw account te verbeteren. Populaire Authenticator Apps zijn LastPass en Google Authenticator.",
+  "settings.lookup_secret.description": "",
+  "settings.lookup_secret.title": "",
+  "settings.navigation.title": "",
+  "settings.oidc.description": "",
+  "settings.oidc.info": "",
+  "settings.oidc.title": "",
+  "settings.passkey.description": "",
+  "settings.passkey.info": "",
+  "settings.passkey.title": "",
+  "settings.password.description": "",
+  "settings.password.title": "",
+  "settings.profile.description": "",
+  "settings.profile.title": "",
+  "settings.title-lookup-secret": "",
+  "settings.title-navigation": "",
+  "settings.title-oidc": "",
+  "settings.title-passkey": "",
+  "settings.title-password": "",
+  "settings.title-profile": "",
+  "settings.title-totp": "",
+  "settings.title-webauthn": "",
+  "settings.webauthn.description": "",
+  "settings.webauthn.info": "",
+  "settings.webauthn.title": ""
 };
 
 // src/locales/pl.json
@@ -6886,14 +7013,6 @@ var pl_default = {
   "settings.navigation-passkey": "Passkeys",
   "settings.subtitle-instructions": "Tutaj mo\u017Cesz zarz\u0105dza\u0107 ustawieniami zwi\u0105zanymi z Twoim kontem. Miej na uwadze \u017Ce niekt\xF3re akcje mog\u0105 wymaga\u0107 ponownej uwierzytelnienia.",
   "settings.title": "Ustawienia Konta",
-  "settings.title-lookup-secret": "Zarz\u0105dzaj kodami odzyskiwania 2FA",
-  "settings.title-navigation": "Ustawienia Konta",
-  "settings.title-oidc": "Zewn\u0119trzne logowanie",
-  "settings.title-password": "Zmie\u0144 Has\u0142o",
-  "settings.title-profile": "Ustawienia Profilu",
-  "settings.title-totp": "Zarz\u0105dzaj aplikacj\u0105 autentykator 2FA TOTP",
-  "settings.title-webauthn": "Zarz\u0105dzaj tokenami sprz\u0119towymi",
-  "settings.title-passkey": "Zarz\u0105dzaj Passkeys",
   "verification.registration-button": "Zarejestruj si\u0119",
   "verification.registration-label": "Nie posiadasz konta?",
   "verification.title": "Zweryfikuj konto",
@@ -6944,7 +7063,35 @@ var pl_default = {
   "recovery.subtitle": "",
   "registration.subtitle": "",
   "settings.subtitle": "",
-  "verification.subtitle": ""
+  "verification.subtitle": "",
+  "settings.totp.info.linked": "Aktualnie masz pod\u0142\u0105czon\u0105 aplikacj\u0119 uwierzytelniaj\u0105c\u0105.",
+  "settings.totp.info.not-linked": "Aby w\u0142\u0105czy\u0107, zeskanuj kod QR za pomoc\u0105 swojego uwierzytelniaj\u0105cego i wprowad\u017A kod.",
+  "settings.totp.title": "",
+  "settings.totp.description": "Dodaj aplikacj\u0119 do uwierzytelniania TOTP do swojego konta, aby poprawi\u0107 bezpiecze\u0144stwo swojego konta. Popularne aplikacje uwierzytelniaj\u0105ce to LastPass i Google Authenticator.",
+  "settings.lookup_secret.description": "",
+  "settings.lookup_secret.title": "",
+  "settings.navigation.title": "",
+  "settings.oidc.description": "",
+  "settings.oidc.info": "",
+  "settings.oidc.title": "",
+  "settings.passkey.description": "",
+  "settings.passkey.info": "",
+  "settings.passkey.title": "",
+  "settings.password.description": "",
+  "settings.password.title": "",
+  "settings.profile.description": "",
+  "settings.profile.title": "",
+  "settings.title-lookup-secret": "",
+  "settings.title-navigation": "",
+  "settings.title-oidc": "",
+  "settings.title-passkey": "",
+  "settings.title-password": "",
+  "settings.title-profile": "",
+  "settings.title-totp": "",
+  "settings.title-webauthn": "",
+  "settings.webauthn.description": "",
+  "settings.webauthn.info": "",
+  "settings.webauthn.title": ""
 };
 
 // src/locales/pt.json
@@ -7111,14 +7258,6 @@ var pt_default = {
   "settings.navigation-passkey": "Passkeys",
   "settings.subtitle-instructions": "Aqui pode gerar configura\xE7\xF5es relacionadas com a sua conta. Lembre-se de que certas a\xE7\xF5es exigem que efetue novamente login.",
   "settings.title": "Configura\xE7\xF5es da Conta",
-  "settings.title-lookup-secret": "Gerar C\xF3digos de Recupera\xE7\xE3o de Backup de 2FA",
-  "settings.title-navigation": "Configura\xE7\xF5es da Conta",
-  "settings.title-oidc": "login social",
-  "settings.title-password": "Alterar password",
-  "settings.title-profile": "Configura\xE7\xF5es de Perfil",
-  "settings.title-totp": "Gerar Aplica\xE7\xE3o Autenticador 2FA",
-  "settings.title-webauthn": "Gerar Tokens de Hardware",
-  "settings.title-passkey": "Gerar Passkeys",
   "verification.registration-button": "Registar",
   "verification.registration-label": "N\xE3o tem uma conta?",
   "verification.title": "Verifique a sua conta",
@@ -7169,7 +7308,35 @@ var pt_default = {
   "recovery.subtitle": "",
   "registration.subtitle": "",
   "settings.subtitle": "",
-  "verification.subtitle": ""
+  "verification.subtitle": "",
+  "settings.totp.info.linked": "Voc\xEA atualmente tem um aplicativo autenticador conectado.",
+  "settings.totp.info.not-linked": "Para ativar, escaneie o c\xF3digo QR com seu autenticador e insira o c\xF3digo.",
+  "settings.totp.title": "",
+  "settings.totp.description": "Adicione um aplicativo autenticador TOTP \xE0 sua conta para melhorar a seguran\xE7a da sua conta. Aplicativos autenticadores populares s\xE3o LastPass e Google Authenticator.",
+  "settings.lookup_secret.description": "",
+  "settings.lookup_secret.title": "",
+  "settings.navigation.title": "",
+  "settings.oidc.description": "",
+  "settings.oidc.info": "",
+  "settings.oidc.title": "",
+  "settings.passkey.description": "",
+  "settings.passkey.info": "",
+  "settings.passkey.title": "",
+  "settings.password.description": "",
+  "settings.password.title": "",
+  "settings.profile.description": "",
+  "settings.profile.title": "",
+  "settings.title-lookup-secret": "",
+  "settings.title-navigation": "",
+  "settings.title-oidc": "",
+  "settings.title-passkey": "",
+  "settings.title-password": "",
+  "settings.title-profile": "",
+  "settings.title-totp": "",
+  "settings.title-webauthn": "",
+  "settings.webauthn.description": "",
+  "settings.webauthn.info": "",
+  "settings.webauthn.title": ""
 };
 
 // src/locales/sv.json
@@ -7354,14 +7521,6 @@ var sv_default = {
   "settings.navigation-passkey": "Passkeys",
   "settings.subtitle-instructions": "H\xE4r kan du hantera inst\xE4llningar relaterade till ditt konto. T\xE4nk p\xE5 att vissa \xE5tg\xE4rder kr\xE4ver att du autentiseras p\xE5 nytt.",
   "settings.title": "Kontoinst\xE4llningar",
-  "settings.title-lookup-secret": "Hantera 2FA backup-\xE5terst\xE4llningskoder",
-  "settings.title-navigation": "Kontoinst\xE4llningar",
-  "settings.title-oidc": "Social Inloggning",
-  "settings.title-password": "Byt l\xF6senord",
-  "settings.title-profile": "Profilinst\xE4llningar",
-  "settings.title-totp": "Hantera 2FA TOTP Autentiserings App",
-  "settings.title-webauthn": "Hantera H\xE5rdvaru Tokens",
-  "settings.title-passkey": "Hantera Passkeys",
   "verification.registration-button": "Skapa konto",
   "verification.registration-label": "Har du inget konto?",
   "verification.title": "Verifiera ditt konto",
@@ -7377,7 +7536,7 @@ var sv_default = {
   "identities.messages.4000037": "Detta konto finns inte eller har ingen inloggningsmetod konfigurerad.",
   "identities.messages.4000038": "Captcha-verifiering misslyckades, f\xF6rs\xF6k igen.",
   "identities.messages.1010020": "",
-  "input.placeholder": "Ange ditt {placeholder}",
+  "input.placeholder": "Ange din {placeholder}",
   "card.header.description.login": "Logga in med {identifierLabel}",
   "card.header.description.registration": "Registrera dig med {identifierLabel}",
   "card.header.parts.code": "en kod skickad till din e-post",
@@ -7394,7 +7553,35 @@ var sv_default = {
   "recovery.subtitle": "Ange e-postadressen kopplad till ditt konto f\xF6r att f\xE5 en eng\xE5ngskod f\xF6r \xE5tkomst",
   "registration.subtitle": "Registrera dig med {parts}",
   "settings.subtitle": "Uppdatera dina kontoinst\xE4llningar",
-  "verification.subtitle": "Ange e-postadressen kopplad till ditt konto f\xF6r att verifiera det"
+  "verification.subtitle": "Ange e-postadressen kopplad till ditt konto f\xF6r att verifiera det",
+  "settings.totp.info.linked": "Du har f\xF6r n\xE4rvarande en autentiseringsapp kopplad.",
+  "settings.totp.info.not-linked": "F\xF6r att aktivera, skanna QR-koden med din autentiserare och ange koden.",
+  "settings.totp.title": "",
+  "settings.totp.description": "L\xE4gg till en TOTP-autentiseringsapp till ditt konto f\xF6r att f\xF6rb\xE4ttra s\xE4kerheten p\xE5 ditt konto. Popul\xE4ra autentiseringsappar \xE4r LastPass och Google Authenticator.",
+  "settings.lookup_secret.description": "\xC5terst\xE4llningskoder \xE4r en s\xE4ker backup f\xF6r 2FA, vilket g\xF6r att du kan \xE5terf\xE5 \xE5tkomst till ditt konto om du tappar bort din 2FA-enhet.",
+  "settings.lookup_secret.title": "Backup-\xE5terst\xE4llningskoder (andra faktorn)",
+  "settings.navigation.title": "Kontoinst\xE4llningar",
+  "settings.oidc.description": "Anslut en social inloggningsleverant\xF6r till ditt konto.",
+  "settings.oidc.info": "Anslutna konton fr\xE5n dessa leverant\xF6rer kan anv\xE4ndas f\xF6r att logga in p\xE5 ditt konto",
+  "settings.oidc.title": "Anslutna konton",
+  "settings.passkey.description": "Hantera dina l\xF6senordsinst\xE4llningar",
+  "settings.passkey.info": "Hantera dina l\xF6senordsinst\xE4llningar",
+  "settings.passkey.title": "Hantera l\xF6senord",
+  "settings.password.description": "\xC4ndra ditt l\xF6senord",
+  "settings.password.title": "\xC4ndra l\xF6senord",
+  "settings.profile.description": "Uppdatera din profilinformation",
+  "settings.profile.title": "Profilinst\xE4llningar",
+  "settings.title-lookup-secret": "Hantera 2FA Backup Recovery-koder",
+  "settings.title-navigation": "Kontoinst\xE4llningar",
+  "settings.title-oidc": "Social logga in",
+  "settings.title-passkey": "Hantera l\xF6senord",
+  "settings.title-password": "\xC4ndra l\xF6senord",
+  "settings.title-profile": "Profilinst\xE4llningar",
+  "settings.title-totp": "Hantera 2FA TOTP Authenticator-appen",
+  "settings.title-webauthn": "Hantera maskinvarutokens",
+  "settings.webauthn.description": "Hantera inst\xE4llningarna f\xF6r din maskinvarutoken",
+  "settings.webauthn.info": "H\xE5rdvarutokens anv\xE4nds f\xF6r andrafaktorsautentisering eller som f\xF6rstafaktor med l\xF6senordsnycklar",
+  "settings.webauthn.title": "Hantera maskinvarutokens"
 };
 
 // src/locales/index.ts
@@ -7496,6 +7683,7 @@ function triggerToFunction(trigger) {
   return triggerFn;
 }
 function useNodesGroups(nodes) {
+  const groupSorter = useGroupSorter();
   const groups = useMemo(() => {
     var _a;
     const groups2 = {};
@@ -7506,13 +7694,22 @@ function useNodesGroups(nodes) {
     }
     return groups2;
   }, [nodes]);
-  return groups;
+  const entries = useMemo(
+    () => Object.entries(groups).sort(([a], [b]) => groupSorter(a, b)),
+    [groups, groupSorter]
+  );
+  return {
+    groups,
+    entries
+  };
 }
 var NodeInput = ({
   node,
   attributes
 }) => {
+  var _a;
   const { Node: Node2 } = useComponents();
+  const { setValue } = useFormContext();
   const nodeType = attributes.type;
   const {
     onloadTrigger,
@@ -7523,9 +7720,15 @@ var NodeInput = ({
     //
     ...attrs
   } = attributes;
+  const setFormValue = () => {
+    if (attrs.value) {
+      setValue(attrs.name, attrs.value);
+    }
+  };
   const hasRun = useRef(false);
   useEffect(
     () => {
+      setFormValue();
       if (!hasRun.current && onloadTrigger) {
         hasRun.current = true;
         triggerToWindowCall(onloadTrigger);
@@ -7536,13 +7739,14 @@ var NodeInput = ({
     []
   );
   const handleClick = () => {
+    setFormValue();
     if (onclickTrigger) {
       triggerToWindowCall(onclickTrigger);
     }
   };
   const isSocial = (attrs.name === "provider" || attrs.name === "link") && node.group === "oidc";
   const isPinCodeInput = attrs.name === "code" && node.group === "code" || attrs.name === "totp_code" && node.group === "totp";
-  const isResend = attrs.name === "resend" && node.group === "code";
+  const isResend = ((_a = node.meta.label) == null ? void 0 : _a.id) === 1070008;
   switch (nodeType) {
     case UiNodeInputAttributesTypeEnum.Submit:
     case UiNodeInputAttributesTypeEnum.Button:
@@ -7661,8 +7865,8 @@ function OryFormSocialButtonsForm() {
   }
   return /* @__PURE__ */ jsx(OryForm, { children: /* @__PURE__ */ jsx(OryFormOidcButtons, {}) });
 }
-function computeDefaultValues(flowContainer) {
-  return flowContainer.flow.ui.nodes.reduce((acc, node) => {
+function computeDefaultValues(nodes) {
+  return nodes.reduce((acc, node) => {
     var _a;
     if (isUiNodeInputAttributes(node.attributes)) {
       if (node.attributes.name === "method") {
@@ -7710,9 +7914,9 @@ async function onSubmitLogin({ config, flow }, {
       },
       onValidationError: (body2) => {
         setFlowContainer({
+          config,
           flow: body2,
-          flowType: FlowType.Login,
-          config
+          flowType: FlowType.Login
         });
       },
       onRedirect
@@ -7878,13 +8082,14 @@ async function onSubmitSettings({ config, flow }, {
     })
   );
 }
-function OryForm({ children }) {
+function OryForm({ children, onAfterSubmit, nodes }) {
   var _a;
   const { Form } = useComponents();
   const flowContainer = useOryFlow();
+  const defaultNodes = nodes ? flowContainer.flow.ui.nodes.filter((node) => node.group === UiNodeGroupEnum.Default).concat(nodes) : flowContainer.flow.ui.nodes;
   const methods = useForm({
     // TODO: Generify this, so we have typesafety in the submit handler.
-    defaultValues: computeDefaultValues(flowContainer)
+    defaultValues: computeDefaultValues(defaultNodes)
   });
   const intl = useIntl();
   const onRedirect = (url, external) => {
@@ -7896,7 +8101,7 @@ function OryForm({ children }) {
   };
   const handleSuccess = (flow) => {
     flowContainer.setFlowContainer(flow);
-    methods.reset(computeDefaultValues(flow));
+    methods.reset(computeDefaultValues(flow.flow.ui.nodes));
   };
   const onSubmit = async (data) => {
     switch (flowContainer.flowType) {
@@ -7907,7 +8112,6 @@ function OryForm({ children }) {
         if (submitData.method === "code" && data.code) {
           submitData.resend = "";
         }
-        console.log(submitData);
         await onSubmitLogin(flowContainer, {
           onRedirect,
           setFlowContainer: handleSuccess,
@@ -7950,14 +8154,34 @@ function OryForm({ children }) {
         });
         break;
       }
-      case FlowType.Settings:
+      case FlowType.Settings: {
+        const submitData = {
+          ...data
+        };
+        if ("totp_unlink" in submitData) {
+          submitData.method = "totp";
+        }
+        if ("lookup_secret_confirm" in submitData || "lookup_secret_reveal" in submitData || "lookup_secret_regenerate" in submitData) {
+          submitData.method = "lookup_secret";
+        }
+        if ("link" in submitData || "unlink" in submitData) {
+          submitData.method = "oidc";
+        }
+        if ("webauthn_remove" in submitData) {
+          submitData.method = "webauthn";
+        }
+        if ("passkey_remove" in submitData) {
+          submitData.method = "passkey";
+        }
         await onSubmitSettings(flowContainer, {
           onRedirect,
           setFlowContainer: handleSuccess,
-          body: data
+          body: submitData
         });
         break;
+      }
     }
+    onAfterSubmit == null ? void 0 : onAfterSubmit(data.method);
   };
   const hasMethods = flowContainer.flow.ui.nodes.filter((node) => {
     if (isUiNodeInputAttributes(node.attributes)) {
@@ -8011,6 +8235,10 @@ function OryCardValidationMessages({ ...props }) {
   }
   return /* @__PURE__ */ jsx(Message.Root, { ...props, children: messages == null ? void 0 : messages.map((message) => /* @__PURE__ */ jsx(Message.Content, { message }, message.id)) });
 }
+function OryFormSection({ children, nodes }) {
+  const { Card } = useComponents();
+  return /* @__PURE__ */ jsx(OryForm, { nodes, children: /* @__PURE__ */ jsx(Card.SettingsSection, { children }) });
+}
 function OryCardContent({ children }) {
   const { Card } = useComponents();
   if (children) {
@@ -8055,7 +8283,7 @@ function OryCardFooter() {
 }
 function isChoosingMethod(uiNodes) {
   return uiNodes.some(
-    (node) => "value" in node.attributes && node.attributes.value === "profile:back"
+    (node) => "name" in node.attributes && node.attributes.name === "screen" && "value" in node.attributes && node.attributes.value === "previous"
   ) || uiNodes.some(
     (node) => node.group === UiNodeGroupEnum.IdentifierFirst && "name" in node.attributes && node.attributes.name === "identifier" && node.attributes.type === "hidden"
   );
@@ -8073,6 +8301,11 @@ function getFinalNodes(uniqueGroups, selectedGroup) {
     (node) => "type" in node.attributes && node.attributes.type === "hidden"
   ).concat(selectedNodes);
 }
+
+// src/theme/default/utils/form.ts
+function isGroupImmediateSubmit(group) {
+  return group === "code";
+}
 function OryTwoStepCard() {
   var _a;
   const {
@@ -8081,14 +8314,14 @@ function OryTwoStepCard() {
   } = useOryFlow();
   const choosingMethod = isChoosingMethod(ui.nodes);
   const [selectedGroup, setSelectedGroup] = useState();
-  const { Form, Card } = useComponents();
+  const { Form } = useComponents();
   const { flowType } = useOryFlow();
   const nodeSorter = useNodeSorter();
   const sortNodes = (a, b) => nodeSorter(a, b, { flowType });
   const uniqueGroups = useNodesGroups(ui.nodes);
   const options = Object.values(UiNodeGroupEnum).filter((group) => {
     var _a2;
-    return (_a2 = uniqueGroups[group]) == null ? void 0 : _a2.length;
+    return (_a2 = uniqueGroups.groups[group]) == null ? void 0 : _a2.length;
   }).filter(
     (group) => ![
       UiNodeGroupEnum.Oidc,
@@ -8097,37 +8330,61 @@ function OryTwoStepCard() {
       UiNodeGroupEnum.Profile
     ].includes(group)
   );
-  const hasOidc = Boolean((_a = uniqueGroups.oidc) == null ? void 0 : _a.length);
+  const hasOidc = Boolean((_a = uniqueGroups.groups[UiNodeGroupEnum.Oidc]) == null ? void 0 : _a.length);
   const zeroStepGroups = filterZeroStepGroups(ui.nodes);
-  const finalNodes = getFinalNodes(uniqueGroups, selectedGroup);
+  const finalNodes = getFinalNodes(uniqueGroups.groups, selectedGroup);
   const step = selectedGroup ? 2 /* ExecuteAuthMethod */ : choosingMethod ? 1 /* ChooseAuthMethod */ : 0 /* ProvideIdentifier */;
   return /* @__PURE__ */ jsxs(OryCard, { children: [
     /* @__PURE__ */ jsx(OryCardHeader, {}),
     /* @__PURE__ */ jsxs(OryCardContent, { children: [
       /* @__PURE__ */ jsx(OryCardValidationMessages, {}),
       step === 0 /* ProvideIdentifier */ && hasOidc && /* @__PURE__ */ jsx(OryFormSocialButtonsForm, {}),
-      /* @__PURE__ */ jsx(OryForm, { children: /* @__PURE__ */ jsxs(Form.Group, { children: [
-        step === 0 /* ProvideIdentifier */ && zeroStepGroups.sort(sortNodes).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)),
-        step === 1 /* ChooseAuthMethod */ && /* @__PURE__ */ jsxs(Fragment, { children: [
-          flowType === FlowType.Login && /* @__PURE__ */ jsx(BackButton, { href: config.project.login_ui_url }),
-          options.map((option) => /* @__PURE__ */ jsx(
-            Card.AuthMethodListItem,
-            {
-              group: option,
-              onClick: () => setSelectedGroup(option)
-            },
-            option
-          ))
-        ] }),
-        step === 2 /* ExecuteAuthMethod */ && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(BackButton, { onClick: () => setSelectedGroup(void 0) }),
-          finalNodes.sort(sortNodes).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
-        ] })
-      ] }) })
+      /* @__PURE__ */ jsx(
+        OryForm,
+        {
+          onAfterSubmit: (method) => isGroupImmediateSubmit(method + "") ? setSelectedGroup(method) : void 0,
+          children: /* @__PURE__ */ jsxs(Form.Group, { children: [
+            step === 0 /* ProvideIdentifier */ && zeroStepGroups.sort(sortNodes).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)),
+            step === 1 /* ChooseAuthMethod */ && /* @__PURE__ */ jsxs(Fragment, { children: [
+              flowType === FlowType.Login && /* @__PURE__ */ jsx(BackButton, { href: config.project.login_ui_url }),
+              /* @__PURE__ */ jsx(
+                AuthMethodList,
+                {
+                  options,
+                  setSelectedGroup
+                }
+              )
+            ] }),
+            step === 2 /* ExecuteAuthMethod */ && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(BackButton, { onClick: () => setSelectedGroup(void 0) }),
+              finalNodes.sort(sortNodes).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+            ] })
+          ] })
+        }
+      )
     ] }),
     /* @__PURE__ */ jsx(OryCardFooter, {})
   ] });
 }
+function AuthMethodList({ options, setSelectedGroup }) {
+  const { Card } = useComponents();
+  const { setValue } = useFormContext();
+  const handleClick = (group) => {
+    if (isGroupImmediateSubmit(group)) {
+      setValue("method", group);
+    } else {
+      setSelectedGroup(group);
+    }
+  };
+  return options.map((option) => /* @__PURE__ */ jsx(
+    Card.AuthMethodListItem,
+    {
+      group: option,
+      onClick: () => handleClick(option)
+    },
+    option
+  ));
+}
 var BackButton = ({ onClick, href }) => {
   const {
     flow: { ui }
@@ -8168,6 +8425,319 @@ function OryFormGroupDivider() {
   }
   return null;
 }
+var HeadlessPageHeader = () => {
+  const { Page } = useComponents();
+  return /* @__PURE__ */ jsx(Page.Header, {});
+};
+var getLinkButtons = (nodes) => nodes.filter(
+  (node) => "name" in node.attributes && node.attributes.name === "link"
+);
+var getUnlinkButtons = (nodes) => nodes.filter(
+  (node) => "name" in node.attributes && node.attributes.name === "unlink"
+);
+function OrySettingsOidc({ nodes }) {
+  const { Card, Form } = useComponents();
+  const intl = useIntl();
+  const linkButtons = getLinkButtons(nodes);
+  const unlinkButtons = getUnlinkButtons(nodes);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Card.SettingsSectionContent,
+      {
+        title: intl.formatMessage({ id: "settings.oidc.title" }),
+        description: intl.formatMessage({ id: "settings.oidc.description" }),
+        children: /* @__PURE__ */ jsx(
+          Form.OidcSettings,
+          {
+            linkButtons,
+            unlinkButtons
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(Card.SettingsSectionFooter, { children: /* @__PURE__ */ jsx("span", { children: intl.formatMessage({ id: "settings.oidc.info" }) }) })
+  ] });
+}
+var getTriggerNode = (nodes) => nodes.find(
+  (node) => "name" in node.attributes && node.attributes.name === "passkey_register_trigger"
+);
+var getSettingsNodes = (nodes) => nodes.filter(
+  (node) => "name" in node.attributes && (node.attributes.name === "passkey_settings_register" || node.attributes.name === "passkey_create_data")
+);
+var getRemoveNodes = (nodes) => nodes.filter(
+  (node) => "name" in node.attributes && node.attributes.name === "passkey_remove"
+);
+function OrySettingsPasskey({ nodes }) {
+  var _a;
+  const { Card, Form } = useComponents();
+  const intl = useIntl();
+  const { flow } = useOryFlow();
+  const { groups } = useNodesGroups(flow.ui.nodes);
+  const triggerButton = getTriggerNode(nodes);
+  const settingsNodes = getSettingsNodes(nodes);
+  const removeNodes = getRemoveNodes(nodes);
+  if (!triggerButton) {
+    return null;
+  }
+  const {
+    onclick: _onClick,
+    onclickTrigger,
+    ...triggerAttributes
+  } = triggerButton.attributes;
+  const onTriggerClick = () => {
+    triggerToWindowCall(onclickTrigger);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Card.SettingsSectionContent,
+      {
+        title: intl.formatMessage({ id: "settings.passkey.title" }),
+        description: intl.formatMessage({
+          id: "settings.passkey.description"
+        }),
+        children: [
+          (_a = groups.default) == null ? void 0 : _a.map((node, i) => /* @__PURE__ */ jsx(Node, { node }, `passkey-default-nodes-${i}`)),
+          settingsNodes.map((node, i) => /* @__PURE__ */ jsx(Node, { node }, `passkey-settings-nodes-${i}`)),
+          /* @__PURE__ */ jsx(
+            Form.PasskeySettings,
+            {
+              triggerButton: {
+                ...triggerButton,
+                attributes: triggerAttributes,
+                onClick: onTriggerClick
+              },
+              removeButtons: removeNodes
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Card.SettingsSectionFooter, { children: /* @__PURE__ */ jsx("span", { children: intl.formatMessage({ id: "settings.passkey.info" }) }) })
+  ] });
+}
+var getRegenerateNode = (nodes) => nodes.find(
+  (node) => "name" in node.attributes && node.attributes.name === "lookup_secret_regenerate"
+);
+var getRevealNode = (nodes) => nodes.find(
+  (node) => "name" in node.attributes && node.attributes.name === "lookup_secret_reveal"
+);
+var getRecoveryCodes = (nodes) => nodes.find(
+  (node) => "id" in node.attributes && node.attributes.id === "lookup_secret_codes"
+);
+function OrySettingsRecoveryCodes({
+  nodes
+}) {
+  var _a, _b;
+  const { Card, Form } = useComponents();
+  const intl = useIntl();
+  const codesNode = getRecoveryCodes(nodes);
+  const revealNode = getRevealNode(nodes);
+  const regenerateNode = getRegenerateNode(nodes);
+  const codesContext = (_b = (_a = codesNode == null ? void 0 : codesNode.attributes) == null ? void 0 : _a.text.context) != null ? _b : {};
+  const secrets = codesContext.secrets ? codesContext.secrets.map((i) => i.text) : [];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Card.SettingsSectionContent,
+      {
+        title: intl.formatMessage({ id: "settings.lookup_secret.title" }),
+        description: intl.formatMessage({
+          id: "settings.lookup_secret.description"
+        }),
+        children: /* @__PURE__ */ jsx(
+          Form.RecoveryCodesSettings,
+          {
+            codes: secrets,
+            revealButton: revealNode,
+            regnerateButton: regenerateNode
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(Card.SettingsSectionFooter, { children: nodes.filter(
+      (node) => "type" in node.attributes && node.attributes.type === "submit" && "name" in node.attributes && node.attributes.name !== "lookup_secret_reveal" && node.attributes.name !== "lookup_secret_regenerate"
+    ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)) })
+  ] });
+}
+var getQrCodeNode = (nodes) => nodes.find(
+  (node) => "id" in node.attributes && node.attributes.id === "totp_qr"
+);
+var getTotpSecretNode = (nodes) => nodes.find(
+  (node) => "id" in node.attributes && node.attributes.id === "totp_secret_key"
+);
+var getTotpInputNode = (nodes) => nodes.find(
+  (node) => "name" in node.attributes && node.attributes.name === "totp_code"
+);
+var getTotpUnlinkInput = (nodes) => nodes.find(
+  (node) => "name" in node.attributes && node.attributes.name === "totp_unlink"
+);
+var getTotpLinkButton = (nodes) => nodes.find(
+  (node) => "name" in node.attributes && node.attributes.name === "method"
+);
+function OrySettingsTotp({ nodes }) {
+  const { Card, Form, Node: Node2 } = useComponents();
+  const intl = useIntl();
+  const totpUnlink = getTotpUnlinkInput(nodes);
+  const qrNode = getQrCodeNode(nodes);
+  const secretNode = getTotpSecretNode(nodes);
+  const totpCodeNode = getTotpInputNode(nodes);
+  const totpLinkButton = getTotpLinkButton(nodes);
+  const props = {
+    totpImage: qrNode,
+    totpSecret: secretNode,
+    totpInput: totpCodeNode,
+    totpUnlink
+  };
+  const content = /* @__PURE__ */ jsx(Form.TotpSettings, { ...props });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Card.SettingsSectionContent,
+      {
+        title: intl.formatMessage({ id: "settings.totp.title" }),
+        description: intl.formatMessage({ id: "settings.totp.description" }),
+        children: content
+      }
+    ),
+    /* @__PURE__ */ jsxs(Card.SettingsSectionFooter, { children: [
+      /* @__PURE__ */ jsx("span", { children: totpUnlink ? intl.formatMessage({ id: "settings.totp.info.linked" }) : intl.formatMessage({ id: "settings.totp.info.not-linked" }) }),
+      totpLinkButton && /* @__PURE__ */ jsx(
+        Node2.Button,
+        {
+          node: totpLinkButton,
+          attributes: totpLinkButton.attributes
+        }
+      )
+    ] })
+  ] });
+}
+var getInputNode = (nodes) => nodes.find(
+  (node) => "name" in node.attributes && node.attributes.name === "webauthn_register_displayname"
+);
+var getTriggerNode2 = (nodes) => nodes.find(
+  (node) => "name" in node.attributes && node.attributes.name === "webauthn_register_trigger"
+);
+var getRemoveButtons = (nodes) => nodes.filter(
+  (node) => "name" in node.attributes && node.attributes.name === "webauthn_remove"
+);
+var getScriptNode = (nodes) => nodes.find(
+  (node) => "id" in node.attributes && node.attributes.id === "webauthn_script"
+);
+var getRegisterNode = (nodes) => nodes.find(
+  (node) => "name" in node.attributes && node.attributes.name === "webauthn_register"
+);
+function OrySettingsWebauthn({ nodes }) {
+  var _a;
+  const { Card, Form } = useComponents();
+  const intl = useIntl();
+  const { flow } = useOryFlow();
+  const { groups } = useNodesGroups(flow.ui.nodes);
+  const triggerButton = getTriggerNode2(nodes);
+  const inputNode = getInputNode(nodes);
+  const removeButtons = getRemoveButtons(nodes);
+  const scriptNode = getScriptNode(nodes);
+  const registerNode = getRegisterNode(nodes);
+  if (!inputNode || !triggerButton) {
+    return null;
+  }
+  const {
+    onclick: _onClick,
+    onclickTrigger,
+    ...triggerAttributes
+  } = triggerButton.attributes;
+  const onTriggerClick = () => {
+    triggerToWindowCall(onclickTrigger);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Card.SettingsSectionContent,
+      {
+        title: intl.formatMessage({ id: "settings.webauthn.title" }),
+        description: intl.formatMessage({
+          id: "settings.webauthn.description"
+        }),
+        children: [
+          (_a = groups.default) == null ? void 0 : _a.map((node, i) => /* @__PURE__ */ jsx(Node, { node }, `webauthn-default-${i}`)),
+          scriptNode && /* @__PURE__ */ jsx(Node, { node: scriptNode }),
+          registerNode && /* @__PURE__ */ jsx(Node, { node: registerNode }),
+          /* @__PURE__ */ jsx(
+            Form.WebauthnSettings,
+            {
+              nameInput: inputNode,
+              triggerButton: {
+                ...triggerButton,
+                attributes: triggerAttributes,
+                onClick: onTriggerClick
+              },
+              removeButtons
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Card.SettingsSectionFooter, { children: /* @__PURE__ */ jsx("span", { children: intl.formatMessage({ id: "settings.webauthn.info" }) }) })
+  ] });
+}
+function SettingsSectionContent({ group, nodes }) {
+  var _a, _b, _c, _d, _e, _f;
+  const { Card } = useComponents();
+  const intl = useIntl();
+  const { flow } = useOryFlow();
+  const uniqueGroups = useNodesGroups(flow.ui.nodes);
+  if (group === UiNodeGroupEnum.Totp) {
+    return /* @__PURE__ */ jsx(OryFormSection, { nodes: uniqueGroups.groups.totp, children: /* @__PURE__ */ jsx(OrySettingsTotp, { nodes: (_a = uniqueGroups.groups.totp) != null ? _a : [] }) });
+  }
+  if (group === UiNodeGroupEnum.LookupSecret) {
+    return /* @__PURE__ */ jsx(OryFormSection, { nodes: uniqueGroups.groups.lookup_secret, children: /* @__PURE__ */ jsx(
+      OrySettingsRecoveryCodes,
+      {
+        nodes: (_b = uniqueGroups.groups.lookup_secret) != null ? _b : []
+      }
+    ) });
+  }
+  if (group === UiNodeGroupEnum.Oidc) {
+    return /* @__PURE__ */ jsx(OryFormSection, { nodes: uniqueGroups.groups.oidc, children: /* @__PURE__ */ jsx(OrySettingsOidc, { nodes: (_c = uniqueGroups.groups.oidc) != null ? _c : [] }) });
+  }
+  if (group === UiNodeGroupEnum.Webauthn) {
+    return /* @__PURE__ */ jsx(OryFormSection, { nodes: uniqueGroups.groups.webauthn, children: /* @__PURE__ */ jsx(OrySettingsWebauthn, { nodes: (_d = uniqueGroups.groups.webauthn) != null ? _d : [] }) });
+  }
+  if (group === UiNodeGroupEnum.Passkey) {
+    return /* @__PURE__ */ jsx(OryFormSection, { nodes: uniqueGroups.groups.passkey, children: /* @__PURE__ */ jsx(OrySettingsPasskey, { nodes: (_e = uniqueGroups.groups.passkey) != null ? _e : [] }) });
+  }
+  return /* @__PURE__ */ jsxs(OryFormSection, { nodes, children: [
+    /* @__PURE__ */ jsxs(
+      Card.SettingsSectionContent,
+      {
+        title: intl.formatMessage({
+          id: `settings.${group}.title`
+        }),
+        description: intl.formatMessage({
+          id: `settings.${group}.description`
+        }),
+        children: [
+          (_f = uniqueGroups.groups.default) == null ? void 0 : _f.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)),
+          nodes.filter(
+            (node) => "type" in node.attributes && node.attributes.type !== "submit"
+          ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Card.SettingsSectionFooter, { children: nodes.filter(
+      (node) => "type" in node.attributes && node.attributes.type === "submit"
+    ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)) })
+  ] });
+}
+function OrySettingsCard() {
+  const { flow } = useOryFlow();
+  const uniqueGroups = useNodesGroups(flow.ui.nodes);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(OryCardValidationMessages, {}),
+    uniqueGroups.entries.map(([group, nodes]) => {
+      if (group === UiNodeGroupEnum.Default) {
+        return null;
+      }
+      return /* @__PURE__ */ jsx(SettingsSectionContent, { group, nodes }, group);
+    })
+  ] });
+}
 
 // src/util/i18n/index.ts
 var uiTextToFormattedMessage = ({ id, context = {}, text }, intl) => {
@@ -8273,6 +8843,6 @@ lodash/lodash.js:
    *)
 */
 
-export { OryCard, OryCardContent, OryCardFooter, OryCardHeader, OryCardValidationMessages, OryForm, OryFormGroupDivider, OryFormGroups, OryFormOidcButtons, OryFormSocialButtonsForm, locales as OryLocales, OryProvider, OryTwoStepCard, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow, useSession };
+export { HeadlessPageHeader, OryCard, OryCardContent, OryCardFooter, OryCardHeader, OryCardValidationMessages, OryForm, OryFormGroupDivider, OryFormGroups, OryFormOidcButtons, OryFormSection, OryFormSocialButtonsForm, locales as OryLocales, OryProvider, OrySettingsCard, OryTwoStepCard, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow, useSession };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map