@ory/elements-react 1.0.0-rc.1 → 1.0.0-rc.3

package/dist/theme/default/index.mjs

@@ -40,60 +40,15 @@ function DefaultCardContent({ children }) {
 
 // src/theme/default/components/card/footer.tsx
 import { FlowType as FlowType10 } from "@ory/client-fetch";
-import { useComponents as useComponents3, useOryFlow as useOryFlow3 } from "@ory/elements-react";
+import {
+  useComponents as useComponents3,
+  useOryConfiguration as useOryConfiguration2,
+  useOryFlow as useOryFlow3
+} from "@ory/elements-react";
 import { useIntl as useIntl9 } from "react-intl";
 
-// src/theme/default/utils/url.ts
-function restartFlowUrl(flow, fallback) {
-  if (flow.requested_aal === "aal2")
-    return appendRefresh(appendAal(fallback, "aal1"), true);
-  return flow.request_url || appendReturnTo(fallback, flow.return_to);
-}
-function initFlowUrl(sdkUrl, flowType, flow) {
-  const result = `${sdkUrl}/self-service/${flowType}/browser`;
-  const qs = new URLSearchParams();
-  if (flow.oauth2_login_challenge) {
-    qs.set("login_challenge", flow.oauth2_login_challenge);
-  }
-  if (flow.return_to) {
-    qs.set("return_to", flow.return_to);
-  } else if (typeof window !== "undefined") {
-    const searchParams = new URLSearchParams(window.location.search);
-    if (searchParams.has("return_to")) {
-      qs.set("return_to", searchParams.get("return_to") || "");
-    }
-  }
-  if (qs.toString().length === 0) {
-    return result;
-  }
-  return result + "?" + qs.toString();
-}
-function appendReturnTo(url, returnTo) {
-  if (!returnTo) {
-    return url;
-  }
-  const urlObj = new URL(url);
-  urlObj.searchParams.set("return_to", returnTo);
-  return urlObj.toString();
-}
-function appendAal(url, aal) {
-  const urlObj = new URL(url);
-  urlObj.searchParams.set("aal", aal);
-  return urlObj.toString();
-}
-function appendRefresh(url, refresh) {
-  const urlObj = new URL(url);
-  urlObj.searchParams.set("refresh", refresh ? "true" : "false");
-  return urlObj.toString();
-}
-
-// src/util/ui/index.ts
-import {
-  isUiNodeInputAttributes as isUiNodeInputAttributes2,
-  isUiNodeScriptAttributes
-} from "@ory/client-fetch";
-import { UiNodeGroupEnum as UiNodeGroupEnum2 } from "@ory/client-fetch";
-import { useMemo } from "react";
+// src/components/card/two-step/state-select-method.tsx
+import { UiNodeGroupEnum as UiNodeGroupEnum15 } from "@ory/client-fetch";
 
 // src/context/component.tsx
 import {
@@ -120,7 +75,32 @@ var defaultGroupOrder = [
   UiNodeGroupEnum.Totp
 ];
 
+// src/context/flow-context.tsx
+import {
+  createContext as createContext2,
+  useContext as useContext2,
+  useState as useState2
+} from "react";
+
+// src/context/form-state.ts
+import { FlowType as FlowType2 } from "@ory/client-fetch";
+import { useReducer, useState } from "react";
+
+// src/components/card/two-step/utils.ts
+import { FlowType, UiNodeGroupEnum as UiNodeGroupEnum3 } from "@ory/client-fetch";
+
+// src/theme/default/utils/form.ts
+function isGroupImmediateSubmit(group) {
+  return group === "code";
+}
+
 // src/util/ui/index.ts
+import {
+  isUiNodeInputAttributes as isUiNodeInputAttributes2,
+  isUiNodeScriptAttributes
+} from "@ory/client-fetch";
+import { UiNodeGroupEnum as UiNodeGroupEnum2 } from "@ory/client-fetch";
+import { useMemo } from "react";
 function nodesToAuthMethodGroups(nodes, excludeAuthMethods = []) {
   var _a;
   const groups = {};
@@ -183,38 +163,99 @@ function useNodeGroupsWithVisibleNodes(nodes) {
   }, [nodes]);
 }
 
-// src/util/nodes.ts
-function findScreenSelectionButton(nodes) {
-  return nodes.find(
-    (node) => node.attributes.node_type === "input" && node.attributes.type === "submit" && node.attributes.name === "screen"
-  );
-}
-
-// src/components/card/two-step/state-select-method.tsx
-import { UiNodeGroupEnum as UiNodeGroupEnum14 } from "@ory/client-fetch";
-
 // src/context/flow-context.tsx
-import {
-  createContext as createContext2,
-  useContext as useContext2,
-  useState as useState2
-} from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var OryFlowContext = createContext2(null);
 
-// src/context/form-state.ts
-import { FlowType as FlowType2 } from "@ory/client-fetch";
-import { useReducer, useState } from "react";
+// src/context/config.tsx
+import { createContext as createContext3, useContext as useContext3, useRef } from "react";
 
-// src/components/card/two-step/utils.ts
-import { FlowType, UiNodeGroupEnum as UiNodeGroupEnum3 } from "@ory/client-fetch";
+// src/client/config.ts
+function isProduction() {
+  var _a, _b;
+  return ["production", "prod"].indexOf(
+    (_b = (_a = process.env.VERCEL_ENV) != null ? _a : process.env.NODE_ENV) != null ? _b : ""
+  ) > -1;
+}
 
-// src/theme/default/utils/form.ts
-function isGroupImmediateSubmit(group) {
-  return group === "code";
+// src/util/client.ts
+import {
+  Configuration,
+  FrontendApi
+} from "@ory/client-fetch";
+function frontendClient(sdkUrl, opts = {}) {
+  const config = new Configuration({
+    ...opts,
+    basePath: sdkUrl,
+    credentials: "include",
+    headers: {
+      Accept: "application/json",
+      ...opts.headers
+    }
+  });
+  return new FrontendApi(config);
 }
 
-// src/context/flow-context.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var OryFlowContext = createContext2(null);
+// src/context/config.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var defaultProject = {
+  name: "Ory",
+  registration_enabled: true,
+  verification_enabled: true,
+  recovery_enabled: true,
+  recovery_ui_url: "/ui/recovery",
+  registration_ui_url: "/ui/registration",
+  verification_ui_url: "/ui/verification",
+  login_ui_url: "/ui/login",
+  settings_ui_url: "/ui/settings",
+  default_redirect_url: "/ui/welcome",
+  error_ui_url: "/ui/error",
+  default_locale: "en",
+  locale_behavior: "force_default"
+};
+var OryConfigurationContext = createContext3({
+  sdk: computeSdkConfig({}),
+  project: defaultProject
+});
+function computeSdkConfig(config) {
+  if ((config == null ? void 0 : config.url) && typeof config.url === "string") {
+    console.debug("Using sdk url from config");
+    return {
+      url: config.url.replace(/\/$/, ""),
+      options: config.options || {}
+    };
+  }
+  return {
+    url: getSDKUrl(),
+    options: (config == null ? void 0 : config.options) || {}
+  };
+}
+function getSDKUrl() {
+  var _a;
+  if (typeof process !== "undefined" && process.versions && process.versions.node) {
+    if (isProduction()) {
+      const sdkUrl = (_a = process.env["NEXT_PUBLIC_ORY_SDK_URL"]) != null ? _a : process.env["ORY_SDK_URL"];
+      if (!sdkUrl) {
+        throw new Error(
+          "Unable to determine SDK URL. Please set NEXT_PUBLIC_ORY_SDK_URL and/or ORY_SDK_URL in production environments."
+        );
+      }
+      return sdkUrl.replace(/\/$/, "");
+    } else {
+      if (process.env["__NEXT_PRIVATE_ORIGIN"]) {
+        return process.env["__NEXT_PRIVATE_ORIGIN"].replace(/\/$/, "");
+      } else if (process.env["VERCEL_URL"]) {
+        return `https://${process.env["VERCEL_URL"]}`.replace(/\/$/, "");
+      }
+    }
+  }
+  if (typeof window !== "undefined") {
+    return window.location.origin;
+  }
+  throw new Error(
+    "Unable to determine SDK URL. Please set NEXT_PUBLIC_ORY_SDK_URL and/or ORY_SDK_URL or supply the sdk.url parameter in the Ory configuration."
+  );
+}
 
 // src/context/intl-context.tsx
 import { IntlProvider as OriginalIntlProvider } from "react-intl";
@@ -244,23 +285,6 @@ import {
   loginUrl
 } from "@ory/client-fetch";
 
-// src/util/client.ts
-import {
-  Configuration,
-  FrontendApi
-} from "@ory/client-fetch";
-function frontendClient(sdkUrl, opts = {}) {
-  const config = new Configuration({
-    ...opts,
-    basePath: sdkUrl,
-    headers: {
-      Accept: "application/json",
-      ...opts.headers
-    }
-  });
-  return new FrontendApi(config);
-}
-
 // src/util/onSubmitRecovery.ts
 import {
   FlowType as FlowType4,
@@ -299,16 +323,19 @@ import {
 import { isUiNodeInputAttributes as isUiNodeInputAttributes3 } from "@ory/client-fetch";
 
 // src/components/form/form.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
+
+// src/components/form/groups.tsx
+import { getNodeId } from "@ory/client-fetch";
 
 // src/components/form/nodes/input.tsx
 import {
   UiNodeGroupEnum as UiNodeGroupEnum6,
   UiNodeInputAttributesTypeEnum
 } from "@ory/client-fetch";
-import { useEffect, useRef } from "react";
+import { useEffect, useRef as useRef2 } from "react";
 import { useFormContext as useFormContext3 } from "react-hook-form";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 
 // src/components/form/nodes/node.tsx
 import {
@@ -319,78 +346,80 @@ import {
   isUiNodeTextAttributes,
   UiNodeGroupEnum as UiNodeGroupEnum7
 } from "@ory/client-fetch";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 
 // src/components/form/groups.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 
 // src/components/form/messages.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 
 // src/components/form/social.tsx
 import {
-  UiNodeGroupEnum as UiNodeGroupEnum9
+  getNodeId as getNodeId2,
+  UiNodeGroupEnum as UiNodeGroupEnum10
 } from "@ory/client-fetch";
 import { useFormContext as useFormContext4 } from "react-hook-form";
 
 // src/components/form/form-provider.tsx
-import { UiNodeGroupEnum as UiNodeGroupEnum8 } from "@ory/client-fetch";
+import { UiNodeGroupEnum as UiNodeGroupEnum9 } from "@ory/client-fetch";
 import { FormProvider, useForm } from "react-hook-form";
 
 // src/components/form/form-resolver.ts
 import { isUiNodeInputAttributes as isUiNodeInputAttributes6 } from "@ory/client-fetch";
 
 // src/components/form/form-provider.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 
 // src/components/form/social.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 
 // src/components/form/section.tsx
 import { useFormContext as useFormContext5 } from "react-hook-form";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 
 // src/components/generic/divider.tsx
-import { UiNodeGroupEnum as UiNodeGroupEnum10 } from "@ory/client-fetch";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { UiNodeGroupEnum as UiNodeGroupEnum11 } from "@ory/client-fetch";
+import { jsx as jsx15 } from "react/jsx-runtime";
 
 // src/components/generic/page-header.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 
 // src/components/settings/settings-card.tsx
 import {
   isUiNodeScriptAttributes as isUiNodeScriptAttributes4,
-  UiNodeGroupEnum as UiNodeGroupEnum11
+  UiNodeGroupEnum as UiNodeGroupEnum12,
+  getNodeId as getNodeId3
 } from "@ory/client-fetch";
 import { useIntl as useIntl7 } from "react-intl";
 
 // src/components/settings/oidc-settings.tsx
 import { useIntl as useIntl2 } from "react-intl";
 import { useFormContext as useFormContext6 } from "react-hook-form";
-import { Fragment, jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx17, jsxs as jsxs4 } from "react/jsx-runtime";
 
 // src/components/settings/passkey-settings.tsx
 import { useFormContext as useFormContext7 } from "react-hook-form";
 import { useIntl as useIntl3 } from "react-intl";
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
 
 // src/components/settings/recovery-codes-settings.tsx
 import { useIntl as useIntl4 } from "react-intl";
 import { useFormContext as useFormContext8 } from "react-hook-form";
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
 
 // src/components/settings/totp-settings.tsx
 import { useFormContext as useFormContext9 } from "react-hook-form";
 import { useIntl as useIntl5 } from "react-intl";
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
 
 // src/components/settings/webauthn-settings.tsx
 import { useFormContext as useFormContext10 } from "react-hook-form";
 import { useIntl as useIntl6 } from "react-intl";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
 
 // src/components/settings/settings-card.tsx
-import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 
 // src/util/i18n/index.ts
 var uiTextToFormattedMessage = ({ id, context = {}, text }, intl) => {
@@ -682,9 +711,11 @@ var en_default = {
   "card.header.parts.oidc": "a social provider",
   "card.header.parts.password.registration": "your {identifierLabel} and a password",
   "card.header.parts.password.login": "your {identifierLabel} and password",
-  "card.header.parts.code": "a code sent to your email",
+  "card.header.parts.code": "a code sent to you",
   "card.header.parts.passkey": "a Passkey",
   "card.header.parts.webauthn": "a security key",
+  "card.header.parts.totp": "your authenticator app",
+  "card.header.parts.lookup_secret": "a backup recovery code",
   "card.header.parts.identifier-first": "your {identifierLabel}",
   "card.header.description.login": "Sign in with {identifierLabel}",
   "card.header.description.registration": "Sign up with {identifierLabel}",
@@ -932,13 +963,15 @@ var de_default = {
   "identities.messages.4010009": "Die Authentifizierungsmethode stimmt nicht mit der vorherigen Authentifizierungsmethode \xFCberein. Bitte versuchen Sie es erneut.",
   "identities.messages.4010010": "Die eingegebene Adresse stimmt nicht mit der Adresse \xFCberein, die Sie bei der Registrierung angegeben haben. Bitte versuchen Sie es erneut.",
   "input.placeholder": "{placeholder} eingeben",
-  "card.header.parts.code": "einem Code per E-Mail",
+  "card.header.parts.code": "ein an Sie gesendeter Code",
   "card.header.parts.identifier-first": "Ihr {identifierLabel}",
   "card.header.parts.oidc": "ein sozialer Anbieter",
   "card.header.parts.passkey": "ein Passkey",
   "card.header.parts.password.login": "Ihrer {identifierLabel} und Ihrem Passwort",
   "card.header.parts.password.registration": "Ihrer {identifierLabel} und einem Passwort",
   "card.header.parts.webauthn": "ein Sicherheitsschl\xFCssel",
+  "card.header.parts.totp": "deine Authentifikator-App",
+  "card.header.parts.lookup_secret": "ein Backup-Wiederherstellungscode",
   "recovery.subtitle": "Geben Sie die mit Ihrem Konto verkn\xFCpfte E-Mail-Adresse ein, um einen einmaligen Zugangscode zu erhalten",
   "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",
@@ -1277,6 +1310,8 @@ var es_default = {
   "card.header.parts.code": "un c\xF3digo enviado a tu correo electr\xF3nico",
   "card.header.parts.passkey": "una clave de acceso",
   "card.header.parts.webauthn": "una clave de seguridad",
+  "card.header.parts.totp": "su aplicaci\xF3n de autenticaci\xF3n",
+  "card.header.parts.lookup_secret": "un c\xF3digo de recuperaci\xF3n de copia de seguridad",
   "card.header.parts.identifier-first": "tu {identifierLabel}",
   "card.header.description.login": "Iniciar sesi\xF3n con {identifierLabel}",
   "card.header.description.registration": "Registrarse con {identifierLabel}",
@@ -1554,10 +1589,12 @@ var fr_default = {
   "card.header.parts.oidc": "un fournisseur de r\xE9seaux sociaux",
   "card.header.parts.password.registration": "votre {identifierLabel} et un mot de passe",
   "card.header.parts.password.login": "votre {identifierLabel} et votre mot de passe",
-  "card.header.parts.code": "un code envoy\xE9 \xE0 votre adresse e-mail",
   "card.header.parts.passkey": "une cl\xE9 d'acc\xE8s",
   "card.header.parts.webauthn": "une cl\xE9 de s\xE9curit\xE9",
   "card.header.parts.identifier-first": "votre {identifierLabel}",
+  "card.header.parts.code": "un code qui vous a \xE9t\xE9 envoy\xE9",
+  "card.header.parts.totp": "votre application d'authentification",
+  "card.header.parts.lookup_secret": "un code de r\xE9cup\xE9ration de secours",
   "card.header.description.login": "Se connecter avec {identifierLabel}",
   "card.header.description.registration": "S'inscrire avec {identifierLabel}",
   "misc.or": "ou",
@@ -1800,7 +1837,9 @@ var nl_default = {
   "input.placeholder": "",
   "card.header.description.login": "",
   "card.header.description.registration": "",
-  "card.header.parts.code": "",
+  "card.header.parts.code": "een code die naar je is verzonden",
+  "card.header.parts.totp": "je authenticator-app",
+  "card.header.parts.lookup_secret": "een backup herstelcode",
   "card.header.parts.identifier-first": "",
   "card.header.parts.oidc": "",
   "card.header.parts.passkey": "",
@@ -2085,13 +2124,15 @@ var pl_default = {
   "input.placeholder": "",
   "card.header.description.login": "",
   "card.header.description.registration": "",
-  "card.header.parts.code": "",
   "card.header.parts.identifier-first": "",
   "card.header.parts.oidc": "",
   "card.header.parts.passkey": "",
   "card.header.parts.password.login": "",
   "card.header.parts.password.registration": "",
   "card.header.parts.webauthn": "",
+  "card.header.parts.code": "kod wys\u0142any do Ciebie",
+  "card.header.parts.totp": "Twoja aplikacja uwierzytelniaj\u0105ca",
+  "card.header.parts.lookup_secret": "kod odzyskiwania kopii zapasowej",
   "forms.label.forgot-password": "",
   "login.subtitle": "",
   "login.subtitle-refresh": "",
@@ -2370,7 +2411,9 @@ var pt_default = {
   "input.placeholder": "",
   "card.header.description.login": "",
   "card.header.description.registration": "",
-  "card.header.parts.code": "",
+  "card.header.parts.code": "um c\xF3digo enviado para voc\xEA",
+  "card.header.parts.totp": "seu aplicativo autenticador",
+  "card.header.parts.lookup_secret": "um c\xF3digo de recupera\xE7\xE3o de backup",
   "card.header.parts.identifier-first": "",
   "card.header.parts.oidc": "",
   "card.header.parts.passkey": "",
@@ -2655,7 +2698,9 @@ var sv_default = {
   "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",
+  "card.header.parts.code": "en kod skickad till dig",
+  "card.header.parts.totp": "din autentiseringsapp",
+  "card.header.parts.lookup_secret": "en s\xE4kerhetskopieringskod",
   "card.header.parts.identifier-first": "din {identifierLabel}",
   "card.header.parts.oidc": "en social leverant\xF6r",
   "card.header.parts.passkey": "en Passkey",
@@ -2741,7 +2786,7 @@ var OryLocales = {
 };
 
 // src/context/intl-context.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function mergeTranslations(customTranslations) {
   return Object.keys(customTranslations).reduce((acc, key) => {
     acc[key] = { ...OryLocales[key], ...customTranslations[key] };
@@ -2754,12 +2799,12 @@ var IntlProvider = ({
   customTranslations
 }) => {
   const messages = mergeTranslations(customTranslations != null ? customTranslations : {});
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx23(
     OriginalIntlProvider,
     {
       onWarn: () => ({}),
       defaultRichTextElements: {
-        del: (chunks) => /* @__PURE__ */ jsx22("del", { children: chunks })
+        del: (chunks) => /* @__PURE__ */ jsx23("del", { children: chunks })
       },
       locale,
       messages: messages[locale],
@@ -2770,37 +2815,38 @@ var IntlProvider = ({
 };
 
 // src/context/provider.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 
 // src/components/card/header.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 
 // src/components/card/card.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 
 // src/components/card/footer.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 
 // src/components/card/content.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 
 // src/components/card/two-step/state-method-active.tsx
 import {
   isUiNodeScriptAttributes as isUiNodeScriptAttributes5,
-  UiNodeGroupEnum as UiNodeGroupEnum12
+  UiNodeGroupEnum as UiNodeGroupEnum13
 } from "@ory/client-fetch";
-import { jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
 
 // src/components/card/two-step/state-provide-identifier.tsx
-import { UiNodeGroupEnum as UiNodeGroupEnum13 } from "@ory/client-fetch";
-import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
+import { UiNodeGroupEnum as UiNodeGroupEnum14 } from "@ory/client-fetch";
+import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
 
 // src/components/card/card-two-step.tsx
 import { useOryFlow as useOryFlow2 } from "@ory/elements-react";
-import { Fragment as Fragment7, jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
 
 // src/components/card/card-consent.tsx
-import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+import { getNodeId as getNodeId4 } from "@ory/client-fetch";
+import { jsx as jsx32, jsxs as jsxs13 } from "react/jsx-runtime";
 
 // src/components/card/two-step/state-select-method.tsx
 import { useIntl as useIntl8 } from "react-intl";
@@ -2808,54 +2854,152 @@ import { useIntl as useIntl8 } from "react-intl";
 // src/components/card/two-step/list-methods.tsx
 import { useComponents as useComponents2 } from "@ory/elements-react";
 import { useFormContext as useFormContext11 } from "react-hook-form";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 
 // src/components/card/two-step/state-select-method.tsx
-import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs14 } from "react/jsx-runtime";
 function toAuthMethodPickerOptions(visibleGroups) {
   return Object.fromEntries(
-    Object.values(UiNodeGroupEnum14).filter((group) => {
+    Object.values(UiNodeGroupEnum15).filter((group) => {
       var _a;
       return (_a = visibleGroups[group]) == null ? void 0 : _a.length;
     }).filter(
       (group) => ![
-        UiNodeGroupEnum14.Oidc,
-        UiNodeGroupEnum14.Saml,
-        UiNodeGroupEnum14.Default,
-        UiNodeGroupEnum14.IdentifierFirst,
-        UiNodeGroupEnum14.Profile,
-        UiNodeGroupEnum14.Captcha
+        UiNodeGroupEnum15.Oidc,
+        UiNodeGroupEnum15.Saml,
+        UiNodeGroupEnum15.Default,
+        UiNodeGroupEnum15.IdentifierFirst,
+        UiNodeGroupEnum15.Profile,
+        UiNodeGroupEnum15.Captcha
       ].includes(group)
     ).map((g) => [g, {}])
   );
 }
 
+// src/util/nodes.ts
+function findScreenSelectionButton(nodes) {
+  return nodes.find(
+    (node) => node.attributes.node_type === "input" && node.attributes.type === "submit" && node.attributes.name === "screen"
+  );
+}
+
+// src/theme/default/utils/logout.ts
+import { useCallback, useEffect as useEffect2, useState as useState3 } from "react";
+function useClientLogout(config) {
+  const [logoutFlow, setLogoutFlow] = useState3();
+  const [isLoading, setIsLoading] = useState3(true);
+  const fetchLogoutFlow = useCallback(async () => {
+    try {
+      const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow().catch((err) => {
+        var _a;
+        if (((_a = err.response) == null ? void 0 : _a.status) !== 401) {
+          throw err;
+        }
+        return void 0;
+      });
+      setLogoutFlow(flow);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [config.sdk.url]);
+  useEffect2(() => {
+    void fetchLogoutFlow();
+  }, [fetchLogoutFlow]);
+  return { logoutFlow, didLoad: !isLoading };
+}
+
+// src/theme/default/utils/url.ts
+function restartFlowUrl(flow, fallback) {
+  return flow.request_url || appendReturnTo(fallback, flow.return_to);
+}
+function initFlowUrl(sdkUrl, flowType, flow) {
+  const result = `${sdkUrl}/self-service/${flowType}/browser`;
+  const qs = new URLSearchParams();
+  if (flow.oauth2_login_challenge) {
+    qs.set("login_challenge", flow.oauth2_login_challenge);
+  }
+  if (flow.return_to) {
+    qs.set("return_to", flow.return_to);
+  } else if (typeof window !== "undefined") {
+    const searchParams = new URLSearchParams(window.location.search);
+    if (searchParams.has("return_to")) {
+      qs.set("return_to", searchParams.get("return_to") || "");
+    }
+  }
+  if (qs.toString().length === 0) {
+    return result;
+  }
+  return result + "?" + qs.toString();
+}
+function appendReturnTo(url, returnTo) {
+  if (!returnTo) {
+    return url;
+  }
+  const urlObj = new URL(url);
+  urlObj.searchParams.set("return_to", returnTo);
+  return urlObj.toString();
+}
+
 // src/theme/default/components/card/footer.tsx
-import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs15 } from "react/jsx-runtime";
 function DefaultCardFooter() {
   const oryFlow = useOryFlow3();
   switch (oryFlow.flowType) {
     case FlowType10.Login:
-      return /* @__PURE__ */ jsx34(LoginCardFooter, {});
+      return /* @__PURE__ */ jsx35(LoginCardFooter, {});
     case FlowType10.Registration:
-      return /* @__PURE__ */ jsx34(RegistrationCardFooter, {});
+      return /* @__PURE__ */ jsx35(RegistrationCardFooter, {});
     case FlowType10.Recovery:
-      return /* @__PURE__ */ jsx34(RecoveryCardFooter, {});
+      return /* @__PURE__ */ jsx35(RecoveryCardFooter, {});
     case FlowType10.Verification:
-      return /* @__PURE__ */ jsx34(VerificationCardFooter, {});
+      return /* @__PURE__ */ jsx35(VerificationCardFooter, {});
     case FlowType10.OAuth2Consent:
-      return /* @__PURE__ */ jsx34(ConsentCardFooter, { flow: oryFlow.flow });
+      return /* @__PURE__ */ jsx35(ConsentCardFooter, { flow: oryFlow.flow });
     default:
       return null;
   }
 }
 function LoginCardFooter() {
-  const { config, formState, flow, flowType } = useOryFlow3();
+  const { formState, flow, flowType } = useOryFlow3();
+  const config = useOryConfiguration2();
+  const { logoutFlow: logout, didLoad: didLoadLogout } = useClientLogout(config);
   const intl = useIntl9();
-  const authMethods = nodesToAuthMethodGroups(flow.ui.nodes);
-  if (flowType === FlowType10.Login && flow.refresh) {
+  if (flowType !== FlowType10.Login) {
     return null;
   }
+  const authMethods = nodesToAuthMethodGroups(flow.ui.nodes);
+  let returnTo = config.project.default_redirect_url;
+  if (flow.return_to) {
+    returnTo = flow.return_to;
+  }
+  if (!returnTo) {
+    returnTo = restartFlowUrl(
+      flow,
+      `${config.sdk.url}/self-service/${flowType}/browser`
+    );
+  }
+  if (flow.refresh || flow.requested_aal === "aal2") {
+    return /* @__PURE__ */ jsxs15("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
+      intl.formatMessage({
+        id: "login.2fa.go-back"
+      }),
+      " ",
+      /* @__PURE__ */ jsx35(
+        "a",
+        {
+          className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
+          href: logout ? logout == null ? void 0 : logout.logout_url : returnTo,
+          "data-testid": (
+            // Only add the test-id when the logout link has loaded.
+            didLoadLogout ? "ory/screen/login/action/logout" : void 0
+          ),
+          children: intl.formatMessage({
+            id: !didLoadLogout || logout ? "login.logout-button" : "login.2fa.go-back.link"
+          })
+        }
+      )
+    ] });
+  }
   return /* @__PURE__ */ jsxs15(Fragment8, { children: [
     formState.current === "provide_identifier" && config.project.registration_enabled && /* @__PURE__ */ jsxs15("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
       intl.formatMessage({
@@ -2863,7 +3007,7 @@ function LoginCardFooter() {
         defaultMessage: "No account?"
       }),
       " ",
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35(
         "a",
         {
           className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
@@ -2876,7 +3020,7 @@ function LoginCardFooter() {
         }
       )
     ] }),
-    authMethods.length > 1 && formState.current === "method_active" && /* @__PURE__ */ jsx34("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ jsx34(
+    authMethods.length > 1 && formState.current === "method_active" && /* @__PURE__ */ jsx35("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ jsx35(
       "a",
       {
         className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
@@ -2887,45 +3031,23 @@ function LoginCardFooter() {
         })
       }
     ) }),
-    authMethods.length === 1 && authMethods[0] === "code" && formState.current === "method_active" && /* @__PURE__ */ jsx34("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ jsx34(
+    authMethods.length === 1 && authMethods[0] === "code" && formState.current === "method_active" && /* @__PURE__ */ jsx35("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ jsx35(
       "a",
       {
         className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
-        href: restartFlowUrl(
-          flow,
-          `${config.sdk.url}/self-service/${flowType}/browser`
-        ),
-        "data-testid": "ory/screen/login/mfa/action/reauthenticate",
+        href: returnTo,
+        "data-testid": "ory/screen/login/action/cancel",
         children: intl.formatMessage({
           id: "login.2fa.go-back.link"
         })
       }
-    ) }),
-    flowType === FlowType10.Login && flow.requested_aal === "aal2" && (formState.current === "select_method" || authMethods.length === 0) && /* @__PURE__ */ jsxs15("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
-      intl.formatMessage({
-        id: "login.2fa.go-back"
-      }),
-      " ",
-      /* @__PURE__ */ jsx34(
-        "a",
-        {
-          className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
-          href: restartFlowUrl(
-            flow,
-            `${config.sdk.url}/self-service/${flowType}/browser`
-          ),
-          "data-testid": "ory/screen/login/mfa/action/reauthenticate",
-          children: intl.formatMessage({
-            id: "login.2fa.go-back.link"
-          })
-        }
-      )
-    ] })
+    ) })
   ] });
 }
 function RegistrationCardFooter() {
   const intl = useIntl9();
-  const { config, flow, formState } = useOryFlow3();
+  const { flow, formState } = useOryFlow3();
+  const config = useOryConfiguration2();
   const visibleGroups = useNodeGroupsWithVisibleNodes(flow.ui.nodes);
   const authMethodBlocks = toAuthMethodPickerOptions(visibleGroups);
   const screenSelectionNode = findScreenSelectionButton(flow.ui.nodes);
@@ -2934,11 +3056,12 @@ function RegistrationCardFooter() {
       if (!screenSelectionNode || Object.entries(authMethodBlocks).length < 2) {
         return null;
       }
-      return /* @__PURE__ */ jsx34("span", { className: "font-normal leading-normal antialiased", children: /* @__PURE__ */ jsx34(
+      return /* @__PURE__ */ jsx35("span", { className: "font-normal leading-normal antialiased", children: /* @__PURE__ */ jsx35(
         "a",
         {
           className: "font-medium text-button-link-brand-brand hover:text-button-link-brand-brand-hover",
           href: "",
+          "data-testid": "ory/screen/registration/action/selectMethod",
           children: intl.formatMessage({
             id: "card.footer.select-another-method",
             defaultMessage: "Select another method"
@@ -2953,7 +3076,7 @@ function RegistrationCardFooter() {
           defaultMessage: "Already have an account?"
         }),
         " ",
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(
           "a",
           {
             className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
@@ -2988,20 +3111,20 @@ function ConsentCardFooter({ flow }) {
         "Make sure you trust ",
         (_a = flow.consent_request.client) == null ? void 0 : _a.client_name
       ] }),
-      /* @__PURE__ */ jsx34("p", { className: "text-interface-foreground-default-secondary leading-normal", children: "You may be sharing sensitive information with this site or application." })
+      /* @__PURE__ */ jsx35("p", { className: "text-interface-foreground-default-secondary leading-normal", children: "You may be sharing sensitive information with this site or application." })
     ] }),
-    rememberNode && /* @__PURE__ */ jsx34(
+    rememberNode && /* @__PURE__ */ jsx35(
       Node2.Checkbox,
       {
         attributes: rememberNode.attributes,
         node: rememberNode
       }
     ),
-    /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", children: flow.ui.nodes.filter(
+    /* @__PURE__ */ jsx35("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", children: flow.ui.nodes.filter(
       (n) => n.attributes.node_type === "input" && n.attributes.type === "submit"
     ).map((n) => {
       const attributes = n.attributes;
-      return /* @__PURE__ */ jsx34(
+      return /* @__PURE__ */ jsx35(
         Node2.Button,
         {
           node: n,
@@ -3021,7 +3144,7 @@ function ConsentCardFooter({ flow }) {
 }
 
 // src/theme/default/components/card/header.tsx
-import { useComponents as useComponents4, useOryFlow as useOryFlow5 } from "@ory/elements-react";
+import { messageTestId, useComponents as useComponents4, useOryFlow as useOryFlow5 } from "@ory/elements-react";
 
 // src/theme/default/utils/constructCardHeader.ts
 import {
@@ -3054,7 +3177,8 @@ function useCardHeaderText(container, opts) {
           }),
           description: intl.formatMessage({
             id: "identities.messages.1060003"
-          })
+          }),
+          messageId: "1060003"
         };
       }
       return {
@@ -3084,7 +3208,8 @@ function useCardHeaderText(container, opts) {
           }),
           description: intl.formatMessage({
             id: "identities.messages.1080003"
-          })
+          }),
+          messageId: "1080003"
         };
       }
       return {
@@ -3109,7 +3234,8 @@ function useCardHeaderText(container, opts) {
               id: "identities.messages.1010016"
             },
             accountLinkingMessage.context
-          )
+          ),
+          messageId: "1010016"
         };
       }
     }
@@ -3146,6 +3272,12 @@ function useCardHeaderText(container, opts) {
   if (nodes.find((node) => node.group === "code")) {
     parts.push(intl.formatMessage({ id: "card.header.parts.code" }));
   }
+  if (nodes.find((node) => node.group === "totp")) {
+    parts.push(intl.formatMessage({ id: "card.header.parts.totp" }));
+  }
+  if (nodes.find((node) => node.group === "lookup_secret")) {
+    parts.push(intl.formatMessage({ id: "card.header.parts.lookup_secret" }));
+  }
   if (nodes.find((node) => node.group === "passkey")) {
     parts.push(intl.formatMessage({ id: "card.header.parts.passkey" }));
   }
@@ -3259,16 +3391,9 @@ import {
   FlowType as FlowType12,
   isUiNodeInputAttributes as isUiNodeInputAttributes8
 } from "@ory/client-fetch";
-import { useOryFlow as useOryFlow4 } from "@ory/elements-react";
-
-// src/theme/default/assets/icons/arrow-left.svg
-import * as React3 from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
-var SvgArrowLeft = (props) => {
-  var _a, _b;
-  return /* @__PURE__ */ jsx35("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx35("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12.325h14m-14 0 6 6m-6-6 6-6" }) });
-};
-var arrow_left_default = SvgArrowLeft;
+import { useOryConfiguration as useOryConfiguration3, useOryFlow as useOryFlow4 } from "@ory/elements-react";
+import { useEffect as useEffect3, useState as useState4 } from "react";
+import { useFormContext as useFormContext12 } from "react-hook-form";
 
 // src/theme/default/utils/attributes.ts
 function omit(obj, keys) {
@@ -3279,13 +3404,46 @@ function omit(obj, keys) {
   return ret;
 }
 
+// src/util/omitAttributes.ts
+function omitInputAttributes({
+  ...attrs
+}) {
+  return omit(attrs, [
+    "autocomplete",
+    "label",
+    "node_type",
+    "maxlength",
+    "onclick",
+    "onclickTrigger",
+    "onload",
+    "onloadTrigger"
+  ]);
+}
+
+// src/theme/default/assets/icons/arrow-left.svg
+import * as React3 from "react";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var SvgArrowLeft = (props) => {
+  var _a, _b;
+  return /* @__PURE__ */ jsx36("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx36("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12.325h14m-14 0 6 6m-6-6 6-6" }) });
+};
+var arrow_left_default = SvgArrowLeft;
+
 // src/theme/default/components/card/current-identifier-button.tsx
-import { useFormContext as useFormContext12 } from "react-hook-form";
-import { jsx as jsx36, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
 function DefaultCurrentIdentifierButton() {
-  const { flow, flowType, config, formState } = useOryFlow4();
-  const { setValue } = useFormContext12();
+  var _a;
+  const { flow, flowType, formState } = useOryFlow4();
+  const { setValue, getValues, watch } = useFormContext12();
+  const [turnstileResponse, setTurnstileResponse] = useState4();
+  const config = useOryConfiguration3();
   const ui = flow.ui;
+  const captchaVerificationValue = (_a = watch("transient_payload")) == null ? void 0 : _a.captcha_turnstile_response;
+  useEffect3(() => {
+    if (captchaVerificationValue) {
+      setTurnstileResponse(captchaVerificationValue);
+    }
+  }, [captchaVerificationValue]);
   if (formState.current === "provide_identifier") {
     return null;
   }
@@ -3300,11 +3458,6 @@ function DefaultCurrentIdentifierButton() {
     flow,
     `${config.sdk.url}/self-service/${flowType}/browser`
   );
-  const attributes = omit(nodeBackButton, [
-    "autocomplete",
-    "node_type",
-    "maxlength"
-  ]);
   const screenSelectionNode = findScreenSelectionButton(flow.ui.nodes);
   if (screenSelectionNode) {
     return /* @__PURE__ */ jsxs16("form", { action: flow.ui.action, method: flow.ui.method, children: [
@@ -3315,21 +3468,25 @@ function DefaultCurrentIdentifierButton() {
         return false;
       }).map((n) => {
         const attrs = n.attributes;
-        return /* @__PURE__ */ jsx36(
+        let value = getValues(attrs.name) || attrs.value;
+        if (attrs.name === "transient_payload.captcha_turnstile_response" && turnstileResponse) {
+          value = turnstileResponse;
+        }
+        return /* @__PURE__ */ jsx37(
           "input",
           {
             type: "hidden",
             name: attrs.name,
-            value: attrs.value
+            value
           },
           attrs.name
         );
       }),
-      /* @__PURE__ */ jsx36(
+      /* @__PURE__ */ jsx37(
         "button",
         {
           className: "group inline-flex max-w-full cursor-pointer items-center gap-1 self-start rounded-identifier border px-[11px] py-[5px] transition-colors border-button-identifier-border-border-default bg-button-identifier-background-default hover:border-button-identifier-border-border-hover hover:bg-button-identifier-background-hover",
-          ...attributes,
+          ...omitInputAttributes(nodeBackButton),
           type: "submit",
           onClick: () => {
             setValue(
@@ -3343,7 +3500,7 @@ function DefaultCurrentIdentifierButton() {
           title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.value}`,
           "data-testid": `ory/screen/${flowType}/action/restart`,
           children: /* @__PURE__ */ jsxs16("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx37(
               arrow_left_default,
               {
                 size: 16,
@@ -3351,22 +3508,22 @@ function DefaultCurrentIdentifierButton() {
                 className: "shrink-0 text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover"
               }
             ),
-            /* @__PURE__ */ jsx36("span", { className: "overflow-hidden text-ellipsis text-nowrap text-sm font-medium text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton == null ? void 0 : nodeBackButton.value })
+            /* @__PURE__ */ jsx37("span", { className: "overflow-hidden text-ellipsis text-nowrap text-sm font-medium text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton == null ? void 0 : nodeBackButton.value })
           ] })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "a",
     {
       className: "group inline-flex max-w-full cursor-pointer items-center gap-1 self-start rounded-identifier border px-[11px] py-[5px] transition-colors border-button-identifier-border-border-default bg-button-identifier-background-default hover:border-button-identifier-border-border-hover hover:bg-button-identifier-background-hover",
-      ...attributes,
+      ...omitInputAttributes(nodeBackButton),
       href: initFlowUrl2,
       title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.value}`,
       "data-testid": `ory/screen/${flowType}/action/restart`,
       children: /* @__PURE__ */ jsxs16("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx37(
           arrow_left_default,
           {
             size: 16,
@@ -3374,7 +3531,7 @@ function DefaultCurrentIdentifierButton() {
             className: "shrink-0 text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover"
           }
         ),
-        /* @__PURE__ */ jsx36("span", { className: "overflow-hidden text-ellipsis text-nowrap text-sm font-medium text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton == null ? void 0 : nodeBackButton.value })
+        /* @__PURE__ */ jsx37("span", { className: "overflow-hidden text-ellipsis text-nowrap text-sm font-medium text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton == null ? void 0 : nodeBackButton.value })
       ] })
     }
   );
@@ -3416,47 +3573,69 @@ function guessRegistrationBackButton(uiNodes) {
 }
 
 // src/theme/default/components/card/header.tsx
-import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
-function InnerCardHeader({ title, text }) {
+import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
+function InnerCardHeader({
+  title,
+  text,
+  messageId
+}) {
   const { Card } = useComponents4();
   return /* @__PURE__ */ jsxs17("header", { className: "flex flex-col gap-8 antialiased", children: [
-    /* @__PURE__ */ jsx37(Card.Logo, {}),
+    /* @__PURE__ */ jsx38(Card.Logo, {}),
     /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx37("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: title }),
-      /* @__PURE__ */ jsx37("p", { className: "leading-normal text-interface-foreground-default-secondary", children: text }),
-      /* @__PURE__ */ jsx37(DefaultCurrentIdentifierButton, {})
+      /* @__PURE__ */ jsx38("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: title }),
+      /* @__PURE__ */ jsx38(
+        "p",
+        {
+          className: "leading-normal text-interface-foreground-default-secondary",
+          ...messageId ? messageTestId({ id: messageId }) : {},
+          children: text
+        }
+      ),
+      /* @__PURE__ */ jsx38(DefaultCurrentIdentifierButton, {})
     ] })
   ] });
 }
 function DefaultCardHeader() {
   const context = useOryFlow5();
-  const { title, description } = useCardHeaderText(context.flow.ui, context);
-  return /* @__PURE__ */ jsx37(InnerCardHeader, { title, text: description });
+  const { title, description, messageId } = useCardHeaderText(
+    context.flow.ui,
+    context
+  );
+  return /* @__PURE__ */ jsx38(InnerCardHeader, { title, text: description, messageId });
 }
 
 // src/theme/default/components/card/logo.tsx
-import { useOryFlow as useOryFlow6 } from "@ory/elements-react";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { useOryConfiguration as useOryConfiguration4 } from "@ory/elements-react";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function DefaultCardLogo() {
-  const flow = useOryFlow6();
-  if (flow.config.logoUrl) {
-    return /* @__PURE__ */ jsx38("img", { src: flow.config.logoUrl, width: 100, height: 36, alt: "Logo" });
+  const config = useOryConfiguration4();
+  if (config.project.logo_light_url) {
+    return /* @__PURE__ */ jsx39(
+      "img",
+      {
+        src: config.project.logo_light_url,
+        width: 100,
+        height: 36,
+        alt: "Logo"
+      }
+    );
   }
-  return /* @__PURE__ */ jsx38("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: flow.config.name });
+  return /* @__PURE__ */ jsx39("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: config.project.name });
 }
 
 // src/theme/default/components/card/layout.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function DefaultCardLayout({ children }) {
-  return /* @__PURE__ */ jsx39("main", { className: "p-4 pb-8 flex items-center justify-center flex-col gap-8 min-h-screen", children });
+  return /* @__PURE__ */ jsx40("main", { className: "p-4 pb-8 flex items-center justify-center flex-col gap-8 min-h-screen", children });
 }
 
 // src/theme/default/components/card/index.tsx
-import { jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
 function DefaultCard({ children }) {
-  return /* @__PURE__ */ jsx40("div", { className: "flex flex-1 sm:items-center justify-center font-sans items-start w-full sm:w-[480px] sm:max-w-[480px]", children: /* @__PURE__ */ jsxs18("div", { className: "relative grid grid-cols-1 gap-8 sm:rounded-cards sm:border border-form-border-default bg-form-background-default px-8 py-12 sm:px-12 sm:py-14 border-b w-full", children: [
+  return /* @__PURE__ */ jsx41("div", { className: "flex flex-1 sm:items-center justify-center font-sans items-start w-full sm:w-[480px] sm:max-w-[480px]", children: /* @__PURE__ */ jsxs18("div", { className: "relative grid grid-cols-1 gap-8 sm:rounded-cards sm:border border-form-border-default bg-form-background-default px-8 py-12 sm:px-12 sm:py-14 border-b w-full", children: [
     children,
-    /* @__PURE__ */ jsx40(Badge, {})
+    /* @__PURE__ */ jsx41(Badge, {})
   ] }) });
 }
 
@@ -3470,83 +3649,70 @@ function cn(...inputs) {
 // src/theme/default/components/form/index.tsx
 import { useIntl as useIntl12 } from "react-intl";
 import {
-  messageTestId,
+  messageTestId as messageTestId2,
   uiTextToFormattedMessage as uiTextToFormattedMessage3,
-  useOryFlow as useOryFlow8
+  useOryFlow as useOryFlow7
 } from "@ory/elements-react";
 import { FlowType as FlowType13 } from "@ory/client-fetch";
 
 // src/theme/default/components/form/social.tsx
 import {
   uiTextToFormattedMessage as uiTextToFormattedMessage2,
-  useOryFlow as useOryFlow7
+  useOryFlow as useOryFlow6
 } from "@ory/elements-react";
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect4 } from "react";
 import { useFormContext as useFormContext13 } from "react-hook-form";
 import { useIntl as useIntl11 } from "react-intl";
 import { useDebounceValue } from "usehooks-ts";
 
 // src/theme/default/provider-logos/apple.svg
 import * as React4 from "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var SvgApple = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ jsx41("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx41("path", { fill: "#283544", d: "M27.734 11.55c-.134.078-3.317 1.724-3.317 5.374.15 4.162 4.017 5.621 4.083 5.621-.066.078-.584 1.988-2.116 3.991C25.167 28.261 23.817 30 21.767 30c-1.95 0-2.65-1.15-4.9-1.15-2.416 0-3.1 1.15-4.95 1.15-2.05 0-3.5-1.832-4.782-3.541-1.667-2.236-3.083-5.746-3.133-9.116-.034-1.786.334-3.54 1.266-5.032 1.317-2.081 3.667-3.494 6.233-3.54 1.966-.063 3.716 1.257 4.916 1.257 1.15 0 3.3-1.258 5.733-1.258 1.05.001 3.85.296 5.584 2.78M16.25 8.414c-.35-1.631.616-3.262 1.516-4.302C18.917 2.854 20.734 2 22.3 2c.1 1.63-.534 3.23-1.666 4.395-1.017 1.258-2.767 2.205-4.383 2.019" }) });
+  return /* @__PURE__ */ jsx42("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx42("path", { fill: "#283544", d: "M27.734 11.55c-.134.078-3.317 1.724-3.317 5.374.15 4.162 4.017 5.621 4.083 5.621-.066.078-.584 1.988-2.116 3.991C25.167 28.261 23.817 30 21.767 30c-1.95 0-2.65-1.15-4.9-1.15-2.416 0-3.1 1.15-4.95 1.15-2.05 0-3.5-1.832-4.782-3.541-1.667-2.236-3.083-5.746-3.133-9.116-.034-1.786.334-3.54 1.266-5.032 1.317-2.081 3.667-3.494 6.233-3.54 1.966-.063 3.716 1.257 4.916 1.257 1.15 0 3.3-1.258 5.733-1.258 1.05.001 3.85.296 5.584 2.78M16.25 8.414c-.35-1.631.616-3.262 1.516-4.302C18.917 2.854 20.734 2 22.3 2c.1 1.63-.534 3.23-1.666 4.395-1.017 1.258-2.767 2.205-4.383 2.019" }) });
 };
 var apple_default = SvgApple;
 
 // src/theme/default/provider-logos/auth0.svg
 import * as React5 from "react";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var SvgAuth0 = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ jsx42("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx42("path", { fill: "#eb5424", d: "M49.012 51.774 42.514 32l17.008-12.22h-21.02L32.005 0h21.032l6.506 19.78c3.767 11.468-.118 24.52-10.53 31.993zm-34.023 0L31.998 64l17.015-12.226-17.008-12.22zm-10.516-32c-3.976 12.1.64 24.917 10.5 32.007v-.007L21.482 32 4.474 19.774l21.025.007L31.998 0H10.972z" }) });
+  return /* @__PURE__ */ jsx43("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx43("path", { fill: "#eb5424", d: "M49.012 51.774 42.514 32l17.008-12.22h-21.02L32.005 0h21.032l6.506 19.78c3.767 11.468-.118 24.52-10.53 31.993zm-34.023 0L31.998 64l17.015-12.226-17.008-12.22zm-10.516-32c-3.976 12.1.64 24.917 10.5 32.007v-.007L21.482 32 4.474 19.774l21.025.007L31.998 0H10.972z" }) });
 };
 var auth0_default = SvgAuth0;
 
 // src/theme/default/provider-logos/discord.svg
 import * as React6 from "react";
-import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
 var SvgDiscord = (props) => {
   var _a, _b;
   return /* @__PURE__ */ jsxs19("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ jsx43("path", { d: "M2 11.6c0-3.36 0-5.04.654-6.324a6 6 0 0 1 2.622-2.622C6.56 2 8.24 2 11.6 2h8.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C30 6.56 30 8.24 30 11.6v8.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C25.44 30 23.76 30 20.4 30h-8.8c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C2 25.44 2 23.76 2 20.4z" }),
-    /* @__PURE__ */ jsx43("path", { fill: "#5865F2", d: "M23.636 9.34A18.8 18.8 0 0 0 19.097 8c-.195.332-.424.779-.581 1.134a17.7 17.7 0 0 0-5.03 0A12 12 0 0 0 12.897 8a18.7 18.7 0 0 0-4.542 1.343c-2.872 4.078-3.65 8.055-3.262 11.975a18.6 18.6 0 0 0 5.567 2.68c.448-.58.848-1.195 1.192-1.844a12 12 0 0 1-1.877-.859 9 9 0 0 0 .46-.342c3.62 1.59 7.553 1.59 11.13 0q.225.178.46.342c-.595.337-1.225.626-1.88.86q.516.974 1.191 1.845a18.6 18.6 0 0 0 5.57-2.682c.457-4.544-.78-8.484-3.27-11.978m-11.29 9.567c-1.087 0-1.978-.953-1.978-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116.002 1.16-.872 2.113-1.978 2.113m7.308 0c-1.086 0-1.977-.953-1.977-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116 0 1.16-.872 2.113-1.978 2.113" })
+    /* @__PURE__ */ jsx44("path", { d: "M2 11.6c0-3.36 0-5.04.654-6.324a6 6 0 0 1 2.622-2.622C6.56 2 8.24 2 11.6 2h8.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C30 6.56 30 8.24 30 11.6v8.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C25.44 30 23.76 30 20.4 30h-8.8c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C2 25.44 2 23.76 2 20.4z" }),
+    /* @__PURE__ */ jsx44("path", { fill: "#5865F2", d: "M23.636 9.34A18.8 18.8 0 0 0 19.097 8c-.195.332-.424.779-.581 1.134a17.7 17.7 0 0 0-5.03 0A12 12 0 0 0 12.897 8a18.7 18.7 0 0 0-4.542 1.343c-2.872 4.078-3.65 8.055-3.262 11.975a18.6 18.6 0 0 0 5.567 2.68c.448-.58.848-1.195 1.192-1.844a12 12 0 0 1-1.877-.859 9 9 0 0 0 .46-.342c3.62 1.59 7.553 1.59 11.13 0q.225.178.46.342c-.595.337-1.225.626-1.88.86q.516.974 1.191 1.845a18.6 18.6 0 0 0 5.57-2.682c.457-4.544-.78-8.484-3.27-11.978m-11.29 9.567c-1.087 0-1.978-.953-1.978-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116.002 1.16-.872 2.113-1.978 2.113m7.308 0c-1.086 0-1.977-.953-1.977-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116 0 1.16-.872 2.113-1.978 2.113" })
   ] });
 };
 var discord_default = SvgDiscord;
 
 // src/theme/default/provider-logos/facebook.svg
 import * as React7 from "react";
-import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
 var SvgFacebook = (props) => {
   var _a, _b;
   return /* @__PURE__ */ jsxs20("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ jsx44("circle", { cx: 16, cy: 16, r: 14, fill: "url(#facebook_svg__a)" }),
-    /* @__PURE__ */ jsx44("path", { fill: "#fff", d: "m21.214 20.282.622-3.952h-3.89v-2.563c0-1.081.542-2.136 2.284-2.136H22V8.267S20.395 8 18.86 8c-3.205 0-5.298 1.893-5.298 5.318v3.012H10v3.952h3.562v9.552q1.073.165 2.191.166 1.12 0 2.192-.166v-9.552z" }),
-    /* @__PURE__ */ jsx44("defs", { children: /* @__PURE__ */ jsxs20("linearGradient", { id: "facebook_svg__a", x1: 16, x2: 16, y1: 2, y2: 29.917, gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ jsx44("stop", { stopColor: "#18ACFE" }),
-      /* @__PURE__ */ jsx44("stop", { offset: 1, stopColor: "#0163E0" })
+    /* @__PURE__ */ jsx45("circle", { cx: 16, cy: 16, r: 14, fill: "url(#facebook_svg__a)" }),
+    /* @__PURE__ */ jsx45("path", { fill: "#fff", d: "m21.214 20.282.622-3.952h-3.89v-2.563c0-1.081.542-2.136 2.284-2.136H22V8.267S20.395 8 18.86 8c-3.205 0-5.298 1.893-5.298 5.318v3.012H10v3.952h3.562v9.552q1.073.165 2.191.166 1.12 0 2.192-.166v-9.552z" }),
+    /* @__PURE__ */ jsx45("defs", { children: /* @__PURE__ */ jsxs20("linearGradient", { id: "facebook_svg__a", x1: 16, x2: 16, y1: 2, y2: 29.917, gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx45("stop", { stopColor: "#18ACFE" }),
+      /* @__PURE__ */ jsx45("stop", { offset: 1, stopColor: "#0163E0" })
     ] }) })
   ] });
 };
 var facebook_default = SvgFacebook;
 
-// src/theme/default/provider-logos/generic.svg
-import * as React8 from "react";
-import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
-var SvgGeneric = (props) => {
-  var _a, _b;
-  return /* @__PURE__ */ jsxs21("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, className: "generic_svg__icon generic_svg__icon-tabler generic_svg__icon-tabler-brand-oauth", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ jsx45("path", { stroke: "none", d: "M0 0h24v24H0z" }),
-    /* @__PURE__ */ jsx45("path", { d: "M2 12a10 10 0 1 0 20 0 10 10 0 1 0-20 0" }),
-    /* @__PURE__ */ jsx45("path", { d: "M12.556 6c.65 0 1.235.373 1.508.947l2.839 7.848a1.646 1.646 0 0 1-1.01 2.108 1.673 1.673 0 0 1-2.068-.851L13.365 15h-2.73l-.398.905A1.67 1.67 0 0 1 8.26 16.95l-.153-.047a1.647 1.647 0 0 1-1.056-1.956l2.824-7.852a1.66 1.66 0 0 1 1.409-1.087z" })
-  ] });
-};
-var generic_default = SvgGeneric;
-
 // src/theme/default/provider-logos/github.svg
-import * as React9 from "react";
+import * as React8 from "react";
 import { jsx as jsx46 } from "react/jsx-runtime";
 var SvgGithub = (props) => {
   var _a, _b;
@@ -3555,11 +3721,11 @@ var SvgGithub = (props) => {
 var github_default = SvgGithub;
 
 // src/theme/default/provider-logos/gitlab.svg
-import * as React10 from "react";
-import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
+import * as React9 from "react";
+import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
 var SvgGitlab = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ jsxs22("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+  return /* @__PURE__ */ jsxs21("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
     /* @__PURE__ */ jsx47("path", { fill: "#E24329", d: "m22.708 10.691-.031-.072-3.015-7.167a.74.74 0 0 0-.31-.34.87.87 0 0 0-.923.045.73.73 0 0 0-.268.37L16.125 9.2H7.881L5.845 3.527a.72.72 0 0 0-.268-.371.87.87 0 0 0-.923-.045.74.74 0 0 0-.31.34l-3.021 7.164-.03.072a4.67 4.67 0 0 0-.153 3.23c.335 1.063 1.04 1.998 2.01 2.664l.01.007.028.018 4.594 3.132 2.272 1.567 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.567 4.62-3.151.012-.009c.968-.666 1.671-1.6 2.006-2.661a4.67 4.67 0 0 0-.15-3.226" }),
     /* @__PURE__ */ jsx47("path", { fill: "#FC6D26", d: "m22.708 10.691-.031-.072a10.7 10.7 0 0 0-4.055 1.66L12 16.839l4.218 2.904 4.621-3.152.012-.008c.969-.666 1.674-1.601 2.008-2.664a4.67 4.67 0 0 0-.15-3.228" }),
     /* @__PURE__ */ jsx47("path", { fill: "#FCA326", d: "m7.781 19.743 2.273 1.566 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.566S14.255 18.389 12 16.839c-2.255 1.55-4.219 2.904-4.219 2.904" }),
@@ -3569,11 +3735,11 @@ var SvgGitlab = (props) => {
 var gitlab_default = SvgGitlab;
 
 // src/theme/default/provider-logos/google.svg
-import * as React11 from "react";
-import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
+import * as React10 from "react";
+import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
 var SvgGoogle = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ jsxs23("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+  return /* @__PURE__ */ jsxs22("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
     /* @__PURE__ */ jsx48("path", { fill: "#4285F4", d: "M30.001 16.31c0-1.15-.095-1.99-.301-2.861H16.287v5.195h7.873c-.159 1.291-1.016 3.236-2.92 4.542l-.027.174 4.24 3.22.294.029c2.699-2.443 4.254-6.036 4.254-10.298" }),
     /* @__PURE__ */ jsx48("path", { fill: "#34A853", d: "M16.286 30c3.857 0 7.095-1.244 9.46-3.391l-4.507-3.423c-1.207.825-2.826 1.4-4.953 1.4A8.58 8.58 0 0 1 8.16 18.77l-.167.014-4.41 3.344-.058.157C5.874 26.858 10.7 30 16.286 30" }),
     /* @__PURE__ */ jsx48("path", { fill: "#FBBC05", d: "M8.16 18.769a8.5 8.5 0 0 1-.476-2.77c0-.964.174-1.897.46-2.768l-.008-.185-4.465-3.399-.146.068A13.8 13.8 0 0 0 2.001 16c0 2.256.556 4.387 1.524 6.284z" }),
@@ -3583,11 +3749,11 @@ var SvgGoogle = (props) => {
 var google_default = SvgGoogle;
 
 // src/theme/default/provider-logos/linkedin.svg
-import * as React12 from "react";
-import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
+import * as React11 from "react";
+import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
 var SvgLinkedin = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ jsxs24("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+  return /* @__PURE__ */ jsxs23("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
     /* @__PURE__ */ jsx49("rect", { width: 28, height: 28, x: 2, y: 2, fill: "#1275B1", rx: 14 }),
     /* @__PURE__ */ jsx49("path", { fill: "#fff", d: "M12.619 9.692c0 .935-.81 1.692-1.81 1.692C9.81 11.384 9 10.627 9 9.692S9.81 8 10.81 8c.999 0 1.809.758 1.809 1.692M9.247 12.628h3.093V22H9.247zM17.32 12.628h-3.093V22h3.093v-4.795c0-1.107.378-2.22 1.886-2.22 1.705 0 1.695 1.45 1.687 2.572-.01 1.467.014 2.965.014 4.443H24v-4.946c-.026-3.159-.85-4.614-3.557-4.614-1.608 0-2.604.73-3.123 1.39z" })
   ] });
@@ -3595,11 +3761,11 @@ var SvgLinkedin = (props) => {
 var linkedin_default = SvgLinkedin;
 
 // src/theme/default/provider-logos/microsoft.svg
-import * as React13 from "react";
-import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+import * as React12 from "react";
+import { jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
 var SvgMicrosoft = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ jsxs25("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 23 23", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+  return /* @__PURE__ */ jsxs24("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 23 23", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
     /* @__PURE__ */ jsx50("path", { fill: "#F35325", d: "M1 1h10v10H1z" }),
     /* @__PURE__ */ jsx50("path", { fill: "#81BC06", d: "M12 1h10v10H12z" }),
     /* @__PURE__ */ jsx50("path", { fill: "#05A6F0", d: "M1 12h10v10H1z" }),
@@ -3609,11 +3775,11 @@ var SvgMicrosoft = (props) => {
 var microsoft_default = SvgMicrosoft;
 
 // src/theme/default/provider-logos/slack.svg
-import * as React14 from "react";
-import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
+import * as React13 from "react";
+import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
 var SvgSlack = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ jsxs26("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+  return /* @__PURE__ */ jsxs25("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
     /* @__PURE__ */ jsx51("path", { fill: "#2EB67D", d: "M26.5 15a2.5 2.5 0 1 0-2.5-2.5V15zm-7 0a2.5 2.5 0 0 0 2.5-2.5v-7a2.5 2.5 0 0 0-5 0v7a2.5 2.5 0 0 0 2.5 2.5" }),
     /* @__PURE__ */ jsx51("path", { fill: "#E01E5A", d: "M5.5 17A2.5 2.5 0 1 0 8 19.5V17zm7 0a2.5 2.5 0 0 0-2.5 2.5v7a2.5 2.5 0 0 0 5 0v-7a2.5 2.5 0 0 0-2.5-2.5" }),
     /* @__PURE__ */ jsx51("path", { fill: "#ECB22E", d: "M17 26.5a2.5 2.5 0 1 0 2.5-2.5H17zm0-7a2.5 2.5 0 0 0 2.5 2.5h7a2.5 2.5 0 0 0 0-5h-7a2.5 2.5 0 0 0-2.5 2.5" }),
@@ -3623,11 +3789,11 @@ var SvgSlack = (props) => {
 var slack_default = SvgSlack;
 
 // src/theme/default/provider-logos/spotify.svg
-import * as React15 from "react";
-import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
+import * as React14 from "react";
+import { jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
 var SvgSpotify = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ jsxs27("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+  return /* @__PURE__ */ jsxs26("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
     /* @__PURE__ */ jsx52("circle", { cx: 16, cy: 16, r: 14, fill: "#1ED760" }),
     /* @__PURE__ */ jsx52("path", { fill: "#fff", d: "M22.364 21.623c-.239.38-.75.486-1.148.258-3.141-1.822-7.08-2.232-11.736-1.23-.446.091-.893-.167-.988-.592a.786.786 0 0 1 .621-.94c5.087-1.11 9.456-.639 12.964 1.41a.77.77 0 0 1 .287 1.094m1.627-3.461c-.303.47-.941.607-1.435.334-3.588-2.11-9.058-2.718-13.299-1.488-.558.152-1.132-.137-1.292-.653-.16-.531.144-1.078.702-1.23 4.848-1.396 10.875-.728 15.005 1.686.462.273.622.88.319 1.35m.143-3.613c-4.305-2.43-11.4-2.657-15.515-1.473-.654.197-1.355-.152-1.563-.79-.207-.622.176-1.29.83-1.487 4.72-1.366 12.565-1.093 17.508 1.7.59.334.781 1.063.43 1.625-.334.576-1.1.774-1.69.425" })
   ] });
@@ -3635,11 +3801,11 @@ var SvgSpotify = (props) => {
 var spotify_default = SvgSpotify;
 
 // src/theme/default/provider-logos/yandex.svg
-import * as React16 from "react";
-import { jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
+import * as React15 from "react";
+import { jsx as jsx53, jsxs as jsxs27 } from "react/jsx-runtime";
 var SvgYandex = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ jsxs28("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+  return /* @__PURE__ */ jsxs27("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
     /* @__PURE__ */ jsx53("circle", { cx: 16, cy: 16, r: 14, fill: "#fff" }),
     /* @__PURE__ */ jsx53("path", { fill: "#FC3F1D", d: "M21 25h-3.143V9.435h-1.402c-2.572 0-3.922 1.294-3.922 3.211 0 2.175.935 3.185 2.857 4.48l1.584 1.063L12.403 25H9l4.104-6.086c-2.363-1.684-3.688-3.316-3.688-6.087C9.416 9.357 11.83 7 16.429 7H21z" })
   ] });
@@ -3647,7 +3813,7 @@ var SvgYandex = (props) => {
 var yandex_default = SvgYandex;
 
 // src/theme/default/provider-logos/x.svg
-import * as React17 from "react";
+import * as React16 from "react";
 import { jsx as jsx54 } from "react/jsx-runtime";
 var SvgX = (props) => {
   var _a, _b;
@@ -3661,7 +3827,6 @@ var logos = {
   auth0: auth0_default,
   discord: discord_default,
   facebook: facebook_default,
-  generic: generic_default,
   github: github_default,
   gitlab: gitlab_default,
   google: google_default,
@@ -3675,9 +3840,9 @@ var logos = {
 var provider_logos_default = logos;
 
 // src/theme/default/components/form/spinner.tsx
-import { jsx as jsx55, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
 function Spinner({ className }) {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs28(
     "svg",
     {
       "aria-hidden": "true",
@@ -3714,26 +3879,8 @@ function Spinner({ className }) {
 }
 
 // src/theme/default/components/form/social.tsx
-import { UiNodeGroupEnum as UiNodeGroupEnum15 } from "@ory/client-fetch";
-
-// src/util/omitAttributes.ts
-function omitInputAttributes({
-  ...attrs
-}) {
-  return omit(attrs, [
-    "autocomplete",
-    "label",
-    "node_type",
-    "maxlength",
-    "onclick",
-    "onclickTrigger",
-    "onload",
-    "onloadTrigger"
-  ]);
-}
-
-// src/theme/default/components/form/social.tsx
-import { Fragment as Fragment9, jsx as jsx56, jsxs as jsxs30 } from "react/jsx-runtime";
+import { UiNodeGroupEnum as UiNodeGroupEnum16 } from "@ory/client-fetch";
+import { Fragment as Fragment9, jsx as jsx56, jsxs as jsxs29 } from "react/jsx-runtime";
 function extractProvider(context) {
   if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
     return context.provider;
@@ -3752,14 +3899,14 @@ function DefaultButtonSocial({
   const { type: _ignoredType, name: _ignoredName, ...rest } = attributes;
   const {
     flow: { ui }
-  } = useOryFlow7();
+  } = useOryFlow6();
   const [clicked, setClicked] = useDebounceValue(false, 100);
   const intl = useIntl11();
   const {
     formState: { isSubmitting }
   } = useFormContext13();
   const oidcNodeCount = (_a = ui.nodes.filter(
-    (node2) => node2.group === UiNodeGroupEnum15.Oidc || node2.group === UiNodeGroupEnum15.Saml
+    (node2) => node2.group === UiNodeGroupEnum16.Oidc || node2.group === UiNodeGroupEnum16.Saml
   ).length) != null ? _a : 0;
   const Logo = logos2[attributes.value.split("-")[0]];
   const showLabel = _showLabel != null ? _showLabel : oidcNodeCount % 3 !== 0 && oidcNodeCount % 4 !== 0;
@@ -3768,13 +3915,13 @@ function DefaultButtonSocial({
     onClick == null ? void 0 : onClick();
     setClicked(true);
   };
-  useEffect2(() => {
+  useEffect4(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
   }, [isSubmitting, setClicked]);
   const label = node.meta.label ? uiTextToFormattedMessage2(node.meta.label, intl) : "";
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs29(
     "button",
     {
       className: "gap-3 border border-button-social-border-default bg-button-social-background-default hover:bg-button-social-background-hover transition-colors rounded-buttons flex items-center justify-center px-4 py-[13px] loading:bg-button-social-background-disabled loading:border-button-social-border-disabled loading:text-button-social-foreground-disabled hover:text-button-social-foreground-hover",
@@ -3788,8 +3935,8 @@ function DefaultButtonSocial({
       "aria-label": label,
       ...omitInputAttributes(rest),
       children: [
-        /* @__PURE__ */ jsx56("span", { className: "size-5 relative", children: !clicked ? Logo ? /* @__PURE__ */ jsx56(Logo, { size: 20 }) : /* @__PURE__ */ jsx56("span", { className: "flex aspect-square items-center justify-center rounded-[999px] border text-xs", children: provider.slice(0, 2) }) : /* @__PURE__ */ jsx56(Spinner, { className: "size-5" }) }),
-        showLabel && node.meta.label ? /* @__PURE__ */ jsxs30(Fragment9, { children: [
+        /* @__PURE__ */ jsx56("span", { className: "size-5 relative", children: !clicked ? Logo ? /* @__PURE__ */ jsx56(Logo, { size: 20 }) : /* @__PURE__ */ jsx56(GenericLogo, { label: provider.slice(0, 1) }) : /* @__PURE__ */ jsx56(Spinner, { className: "size-5" }) }),
+        showLabel && node.meta.label ? /* @__PURE__ */ jsxs29(Fragment9, { children: [
           /* @__PURE__ */ jsx56("span", { className: "grow text-center font-medium leading-none text-button-social-foreground-default", children: label }),
           /* @__PURE__ */ jsx56("span", { className: "size-5 block" })
         ] }) : null
@@ -3815,6 +3962,9 @@ function DefaultSocialButtonContainer({
     }
   );
 }
+function GenericLogo({ label }) {
+  return /* @__PURE__ */ jsx56("span", { className: "flex rounded-buttons bg-button-social-background-generic-provider text-button-social-foreground-generic-provider border-button-social-border-generic-provider text-xs size-full items-center justify-center", children: label });
+}
 
 // src/theme/default/components/form/index.tsx
 import { jsx as jsx57 } from "react/jsx-runtime";
@@ -3839,7 +3989,7 @@ function DefaultFormContainer({
   );
 }
 function DefaultMessageContainer({ children }) {
-  const { flowType } = useOryFlow8();
+  const { flowType } = useOryFlow7();
   if (!children || Array.isArray(children) && children.length === 0) {
     return null;
   }
@@ -3864,7 +4014,7 @@ function DefaultMessage({ message }) {
         message.type === "info" && "text-interface-foreground-default-secondary",
         message.type === "success" && "text-interface-foreground-validation-success"
       ),
-      ...messageTestId(message),
+      ...messageTestId2(message),
       children: uiTextToFormattedMessage3(message, intl)
     }
   );
@@ -3874,7 +4024,7 @@ function DefaultMessage({ message }) {
 import { useIntl as useIntl13 } from "react-intl";
 
 // src/theme/default/assets/icons/code.svg
-import * as React18 from "react";
+import * as React17 from "react";
 import { jsx as jsx58 } from "react/jsx-runtime";
 var SvgCode = (props) => {
   var _a, _b;
@@ -3883,7 +4033,7 @@ var SvgCode = (props) => {
 var code_default = SvgCode;
 
 // src/theme/default/assets/icons/passkey.svg
-import * as React19 from "react";
+import * as React18 from "react";
 import { jsx as jsx59 } from "react/jsx-runtime";
 var SvgPasskey = (props) => {
   var _a, _b;
@@ -3892,7 +4042,7 @@ var SvgPasskey = (props) => {
 var passkey_default = SvgPasskey;
 
 // src/theme/default/assets/icons/password.svg
-import * as React20 from "react";
+import * as React19 from "react";
 import { jsx as jsx60 } from "react/jsx-runtime";
 var SvgPassword = (props) => {
   var _a, _b;
@@ -3901,7 +4051,7 @@ var SvgPassword = (props) => {
 var password_default = SvgPassword;
 
 // src/theme/default/assets/icons/webauthn.svg
-import * as React21 from "react";
+import * as React20 from "react";
 import { jsx as jsx61 } from "react/jsx-runtime";
 var SvgWebauthn = (props) => {
   var _a, _b;
@@ -3910,7 +4060,7 @@ var SvgWebauthn = (props) => {
 var webauthn_default = SvgWebauthn;
 
 // src/theme/default/assets/icons/totp.svg
-import * as React22 from "react";
+import * as React21 from "react";
 import { jsx as jsx62 } from "react/jsx-runtime";
 var SvgTotp = (props) => {
   var _a, _b;
@@ -3919,7 +4069,7 @@ var SvgTotp = (props) => {
 var totp_default = SvgTotp;
 
 // src/theme/default/assets/icons/code-asterix.svg
-import * as React23 from "react";
+import * as React22 from "react";
 import { jsx as jsx63 } from "react/jsx-runtime";
 var SvgCodeAsterix = (props) => {
   var _a, _b;
@@ -3928,7 +4078,7 @@ var SvgCodeAsterix = (props) => {
 var code_asterix_default = SvgCodeAsterix;
 
 // src/theme/default/components/card/list-item.tsx
-import { jsx as jsx64, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs30 } from "react/jsx-runtime";
 function ListItem({
   icon: Icon,
   as,
@@ -3939,7 +4089,7 @@ function ListItem({
   ...props
 }) {
   const Comp = as || "div";
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs30(
     Comp,
     {
       ...props,
@@ -3949,7 +4099,7 @@ function ListItem({
       ),
       children: [
         /* @__PURE__ */ jsx64("span", { className: "mt-1", children: Icon && /* @__PURE__ */ jsx64(Icon, { size: 16, className: "text-interface-foreground-brand-primary" }) }),
-        /* @__PURE__ */ jsxs31("span", { className: "flex-1 leading-normal inline-flex flex-col max-w-full min-w-1", children: [
+        /* @__PURE__ */ jsxs30("span", { className: "flex-1 leading-normal inline-flex flex-col max-w-full min-w-1", children: [
           /* @__PURE__ */ jsx64("span", { className: "text-interface-foreground-default-primary break-words", children: title }),
           /* @__PURE__ */ jsx64("span", { className: "text-interface-foreground-default-secondary", children: description })
         ] }),
@@ -4006,8 +4156,8 @@ import {
 import { cva } from "class-variance-authority";
 import { useFormContext as useFormContext14 } from "react-hook-form";
 import { useIntl as useIntl14 } from "react-intl";
-import { useEffect as useEffect3, useState as useState3 } from "react";
-import { jsx as jsx66, jsxs as jsxs32 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useState as useState5 } from "react";
+import { jsx as jsx66, jsxs as jsxs31 } from "react/jsx-runtime";
 var buttonStyles = cva(
   [
     "relative flex justify-center gap-3 overflow-hidden rounded-buttons leading-none ring-1 ring-inset font-medium",
@@ -4047,20 +4197,20 @@ var DefaultButton = ({
 }) => {
   var _a;
   const { type, name, value, ...rest } = attributes;
-  const [clicked, setClicked] = useState3(false);
+  const [clicked, setClicked] = useState5(false);
   const intl = useIntl14();
   const label = getNodeLabel(node);
   const {
     formState: { isSubmitting },
     setValue
   } = useFormContext14();
-  useEffect3(() => {
+  useEffect5(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
   }, [isSubmitting]);
   const isPrimary = attributes.name === "method" || attributes.name.includes("passkey") || attributes.name.includes("webauthn") || attributes.name.includes("lookup_secret") || attributes.name.includes("action") && attributes.value === "accept";
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs31(
     "button",
     {
       ...omitInputAttributes(rest),
@@ -4091,7 +4241,7 @@ DefaultButton.displayName = "DefaultButton";
 // src/theme/default/components/form/checkbox.tsx
 import { getNodeLabel as getNodeLabel2 } from "@ory/client-fetch";
 import {
-  messageTestId as messageTestId2,
+  messageTestId as messageTestId3,
   uiTextToFormattedMessage as uiTextToFormattedMessage5
 } from "@ory/elements-react";
 import { useFormContext as useFormContext15 } from "react-hook-form";
@@ -4144,7 +4294,7 @@ function CheckboxLabel({ label }) {
 }
 
 // src/theme/default/components/form/checkbox.tsx
-import { jsx as jsx68, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs32 } from "react/jsx-runtime";
 function CheckboxSVG() {
   return /* @__PURE__ */ jsx68(
     "svg",
@@ -4175,8 +4325,8 @@ var DefaultCheckbox = ({
   const label = getNodeLabel2(node);
   const { register } = useFormContext15();
   const hasError = node.messages.some((m) => m.type === "error");
-  return /* @__PURE__ */ jsxs33("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
-    /* @__PURE__ */ jsxs33("span", { className: "flex h-5 items-center", children: [
+  return /* @__PURE__ */ jsxs32("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
+    /* @__PURE__ */ jsxs32("span", { className: "flex h-5 items-center", children: [
       /* @__PURE__ */ jsx68(
         "input",
         {
@@ -4187,12 +4337,13 @@ var DefaultCheckbox = ({
             "peer size-4 border appearance-none rounded-forms bg-checkbox-background-default border-checkbox-border-checkbox-border-default checked:bg-checkbox-background-checked checked:border-checkbox-border-checkbox-border-checked",
             hasError && "border-interface-border-validation-danger"
           ),
+          "data-testid": `ory/form/node/input/${name}`,
           ...register(name)
         }
       ),
       /* @__PURE__ */ jsx68(CheckboxSVG, {})
     ] }),
-    /* @__PURE__ */ jsxs33("span", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs32("span", { className: "flex flex-col", children: [
       /* @__PURE__ */ jsx68("span", { className: "font-normal leading-tight text-interface-foreground-default-primary", children: /* @__PURE__ */ jsx68(CheckboxLabel, { label }) }),
       node.messages.map((message) => /* @__PURE__ */ jsx68(
         "span",
@@ -4201,7 +4352,7 @@ var DefaultCheckbox = ({
             "mt-1",
             message.type === "error" ? "text-interface-foreground-validation-danger" : "text-interface-foreground-default-secondary"
           ),
-          ...messageTestId2(message),
+          ...messageTestId3(message),
           children: uiTextToFormattedMessage5(message, intl)
         },
         message.id
@@ -4211,7 +4362,7 @@ var DefaultCheckbox = ({
 };
 
 // src/theme/default/components/form/group-container.tsx
-import { useOryFlow as useOryFlow9 } from "@ory/elements-react";
+import { useOryFlow as useOryFlow8 } from "@ory/elements-react";
 import { FlowType as FlowType14 } from "@ory/client-fetch";
 
 // src/util/childCounter.ts
@@ -4228,7 +4379,7 @@ function countRenderableChildren(children) {
 // src/theme/default/components/form/group-container.tsx
 import { jsx as jsx69 } from "react/jsx-runtime";
 function DefaultGroupContainer({ children }) {
-  const { flowType } = useOryFlow9();
+  const { flowType } = useOryFlow8();
   const count = countRenderableChildren(children);
   if (count === 0) {
     return null;
@@ -4268,14 +4419,14 @@ function DefaultImage({ attributes, node }) {
 import { FlowType as FlowType15, getNodeLabel as getNodeLabel3 } from "@ory/client-fetch";
 import {
   uiTextToFormattedMessage as uiTextToFormattedMessage6,
-  useOryFlow as useOryFlow10
+  useOryFlow as useOryFlow9
 } from "@ory/elements-react";
-import { useRef as useRef2, useState as useState4 } from "react";
+import { useRef as useRef3, useState as useState6 } from "react";
 import { useFormContext as useFormContext16 } from "react-hook-form";
 import { useIntl as useIntl17 } from "react-intl";
 
 // src/theme/default/assets/icons/eye-off.svg
-import * as React24 from "react";
+import * as React23 from "react";
 import { jsx as jsx72 } from "react/jsx-runtime";
 var SvgEyeOff = (props) => {
   var _a, _b;
@@ -4284,11 +4435,11 @@ var SvgEyeOff = (props) => {
 var eye_off_default = SvgEyeOff;
 
 // src/theme/default/assets/icons/eye.svg
-import * as React25 from "react";
-import { jsx as jsx73, jsxs as jsxs34 } from "react/jsx-runtime";
+import * as React24 from "react";
+import { jsx as jsx73, jsxs as jsxs33 } from "react/jsx-runtime";
 var SvgEye = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ jsx73("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsxs34("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  return /* @__PURE__ */ jsx73("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsxs33("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsx73("path", { d: "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
     /* @__PURE__ */ jsx73("path", { d: "M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" })
   ] }) });
@@ -4296,7 +4447,7 @@ var SvgEye = (props) => {
 var eye_default = SvgEye;
 
 // src/theme/default/components/form/input.tsx
-import { jsx as jsx74, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs34 } from "react/jsx-runtime";
 var defaultInputClassName = cn(
   "antialiased rounded-forms border leading-tight transition-colors placeholder:h-[20px] placeholder:text-input-foreground-tertiary focus-visible:outline-none focus:ring-0 w-full",
   "bg-input-background-default border-input-border-default text-input-foreground-primary",
@@ -4314,8 +4465,8 @@ var DefaultInput = ({
   const { register } = useFormContext16();
   const { value, autocomplete, name, maxlength, ...rest } = attributes;
   const intl = useIntl17();
-  const { flowType } = useOryFlow10();
-  const inputRef = useRef2(null);
+  const { flowType } = useOryFlow9();
+  const inputRef = useRef3(null);
   const formattedLabel = label ? intl.formatMessage(
     {
       id: "input.placeholder",
@@ -4329,7 +4480,7 @@ var DefaultInput = ({
     return /* @__PURE__ */ jsx74(
       "input",
       {
-        ...rest,
+        ...omitInputAttributes(rest),
         onClick,
         maxLength: maxlength,
         autoComplete: autocomplete,
@@ -4340,7 +4491,7 @@ var DefaultInput = ({
     );
   }
   const { ref, ...restRegister } = register(name, { value });
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       className: cn(
@@ -4374,7 +4525,7 @@ var DefaultInput = ({
 function PasswordToggle({
   inputRef
 }) {
-  const [shown, setShown] = useState4(false);
+  const [shown, setShown] = useState6(false);
   const handleClick = () => {
     setShown(!shown);
     if (inputRef.current) {
@@ -4400,14 +4551,15 @@ import {
   instanceOfUiText
 } from "@ory/client-fetch";
 import {
-  messageTestId as messageTestId3,
+  messageTestId as messageTestId4,
   uiTextToFormattedMessage as uiTextToFormattedMessage7,
   useComponents as useComponents5,
-  useOryFlow as useOryFlow11
+  useOryConfiguration as useOryConfiguration5,
+  useOryFlow as useOryFlow10
 } from "@ory/elements-react";
 import { useFormContext as useFormContext17 } from "react-hook-form";
 import { useIntl as useIntl18 } from "react-intl";
-import { jsx as jsx75, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx75, jsxs as jsxs35 } from "react/jsx-runtime";
 function findResendNode(nodes) {
   return nodes.find(
     (n) => "name" in n.attributes && (n.attributes.name === "email" && n.attributes.type === "submit" || n.attributes.name === "resend")
@@ -4422,7 +4574,8 @@ function DefaultLabel({
   const intl = useIntl18();
   const label = getNodeLabel4(node);
   const { Message } = useComponents5();
-  const { config, flowType, flow } = useOryFlow11();
+  const { flowType, flow } = useOryFlow10();
+  const config = useOryConfiguration5();
   const { setValue, formState } = useFormContext17();
   const isPassword = attributes.type === "password";
   const resendNode = findResendNode(flow.ui.nodes);
@@ -4432,12 +4585,12 @@ function DefaultLabel({
     }
   };
   const fieldError = formState.errors[attributes.name];
-  return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-1 antialiased", children: [
-    label && /* @__PURE__ */ jsxs36("span", { className: "inline-flex justify-between", children: [
+  return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-1 antialiased", children: [
+    label && /* @__PURE__ */ jsxs35("span", { className: "inline-flex justify-between", children: [
       /* @__PURE__ */ jsx75(
         "label",
         {
-          ...messageTestId3(label),
+          ...messageTestId4(label),
           className: "leading-normal text-input-foreground-primary",
           htmlFor: attributes.name,
           "data-testid": `ory/form/node/input/label/${attributes.name}`,
@@ -4507,9 +4660,9 @@ import { useFormContext as useFormContext18 } from "react-hook-form";
 
 // src/theme/default/components/form/shadcn/otp-input.tsx
 import { OTPInput, OTPInputContext } from "input-otp";
-import * as React26 from "react";
-import { jsx as jsx77, jsxs as jsxs37 } from "react/jsx-runtime";
-var InputOTP = React26.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx77(
+import * as React25 from "react";
+import { jsx as jsx77, jsxs as jsxs36 } from "react/jsx-runtime";
+var InputOTP = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx77(
   OTPInput,
   {
     ref,
@@ -4522,12 +4675,12 @@ var InputOTP = React26.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx77("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React26.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React26.useContext(OTPInputContext);
+var InputOTPSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React25.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ jsxs37(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       ref,
@@ -4548,14 +4701,14 @@ var InputOTPSlot = React26.forwardRef(({ index, className, ...props }, ref) => {
 InputOTPSlot.displayName = "InputOTPSlot";
 
 // src/theme/default/components/form/pin-code-input.tsx
-import { useOryFlow as useOryFlow12 } from "@ory/elements-react";
+import { useOryFlow as useOryFlow11 } from "@ory/elements-react";
 import { FlowType as FlowType17 } from "@ory/client-fetch";
 import { jsx as jsx78 } from "react/jsx-runtime";
 var DefaultPinCodeInput = ({ attributes }) => {
   const { setValue, watch } = useFormContext18();
   const { maxlength, name } = attributes;
   const elements = maxlength != null ? maxlength : 6;
-  const { flowType } = useOryFlow12();
+  const { flowType } = useOryFlow11();
   const handleInputChange = (v) => {
     setValue(name, v);
   };
@@ -4583,7 +4736,7 @@ var DefaultPinCodeInput = ({ attributes }) => {
 };
 
 // src/theme/default/components/form/section.tsx
-import { jsx as jsx79, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs37 } from "react/jsx-runtime";
 var DefaultFormSection = ({
   children,
   nodes: _nodes,
@@ -4603,8 +4756,8 @@ var DefaultFormSectionContent = ({
   description,
   children
 }) => {
-  return /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-8 rounded-t-cards border border-b-0 border-interface-border-default-primary bg-interface-background-default-primary px-6 py-8", children: [
-    /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-2", children: [
+  return /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-8 rounded-t-cards border border-b-0 border-interface-border-default-primary bg-interface-background-default-primary px-6 py-8", children: [
+    /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ jsx79("h3", { className: "font-medium text-interface-foreground-default-primary", children: title }),
       /* @__PURE__ */ jsx79("span", { className: "text-interface-foreground-default-secondary", children: description })
     ] }),
@@ -4615,7 +4768,7 @@ var DefaultFormSectionFooter = ({
   children,
   text
 }) => {
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       className: cn(
@@ -4632,13 +4785,13 @@ var DefaultFormSectionFooter = ({
 // src/theme/default/components/form/text.tsx
 import { uiTextToFormattedMessage as uiTextToFormattedMessage9 } from "@ory/elements-react";
 import { useIntl as useIntl20 } from "react-intl";
-import { Fragment as Fragment11, jsx as jsx80, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx80, jsxs as jsxs38 } from "react/jsx-runtime";
 function DefaultText({ node, attributes }) {
   var _a;
   const intl = useIntl20();
   const lookup = (_a = attributes.text.context) == null ? void 0 : _a.secrets;
   if (lookup) {
-    return /* @__PURE__ */ jsxs39(Fragment11, { children: [
+    return /* @__PURE__ */ jsxs38(Fragment11, { children: [
       /* @__PURE__ */ jsx80("p", { "data-testid": `ory/form/node/text/${attributes.id}/label`, children: node.meta.label ? uiTextToFormattedMessage9(node.meta.label, intl) : "" }),
       lookup.map((text, index) => /* @__PURE__ */ jsx80(
         "pre",
@@ -4650,7 +4803,7 @@ function DefaultText({ node, attributes }) {
       ))
     ] });
   }
-  return /* @__PURE__ */ jsx80(Fragment11, { children: /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsx80(Fragment11, { children: /* @__PURE__ */ jsxs38(
     "p",
     {
       "data-testid": `ory/form/node/text/${attributes.id}/label`,
@@ -4664,14 +4817,18 @@ function DefaultText({ node, attributes }) {
 }
 
 // src/theme/default/components/generic/page-header.tsx
-import { useComponents as useComponents6 } from "@ory/elements-react";
+import {
+  useComponents as useComponents6,
+  useOryConfiguration as useOryConfiguration7,
+  useOryFlow as useOryFlow12
+} from "@ory/elements-react";
 
 // src/theme/default/components/ui/user-menu.tsx
-import { useOryFlow as useOryFlow13 } from "@ory/elements-react";
+import { useOryConfiguration as useOryConfiguration6 } from "@ory/elements-react";
 import { DropdownMenuLabel as DropdownMenuLabel2 } from "@radix-ui/react-dropdown-menu";
 
 // src/theme/default/assets/icons/logout.svg
-import * as React27 from "react";
+import * as React26 from "react";
 import { jsx as jsx81 } from "react/jsx-runtime";
 var SvgLogout = (props) => {
   var _a, _b;
@@ -4680,31 +4837,17 @@ var SvgLogout = (props) => {
 var logout_default = SvgLogout;
 
 // src/theme/default/assets/icons/settings.svg
-import * as React28 from "react";
-import { jsx as jsx82, jsxs as jsxs40 } from "react/jsx-runtime";
+import * as React27 from "react";
+import { jsx as jsx82, jsxs as jsxs39 } from "react/jsx-runtime";
 var SvgSettings = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ jsx82("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsxs40("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  return /* @__PURE__ */ jsx82("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsxs39("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsx82("path", { d: "M6.883 2.878c.284-1.17 1.95-1.17 2.234 0a1.15 1.15 0 0 0 1.715.71c1.029-.626 2.207.551 1.58 1.58a1.148 1.148 0 0 0 .71 1.715c1.17.284 1.17 1.95 0 2.234a1.15 1.15 0 0 0-.71 1.715c.626 1.029-.551 2.207-1.58 1.58a1.148 1.148 0 0 0-1.715.71c-.284 1.17-1.95 1.17-2.234 0a1.15 1.15 0 0 0-1.715-.71c-1.029.626-2.207-.551-1.58-1.58a1.15 1.15 0 0 0-.71-1.715c-1.17-.284-1.17-1.95 0-2.234a1.15 1.15 0 0 0 .71-1.715c-.626-1.029.551-2.207 1.58-1.58.667.405 1.531.047 1.715-.71" }),
     /* @__PURE__ */ jsx82("path", { d: "M6 8a2 2 0 1 0 4 0 2 2 0 0 0-4 0" })
   ] }) });
 };
 var settings_default = SvgSettings;
 
-// src/theme/default/utils/logout.ts
-import { useCallback, useEffect as useEffect4, useState as useState5 } from "react";
-function useClientLogout(config) {
-  const [logoutFlow, setLogoutFlow] = useState5();
-  const fetchLogoutFlow = useCallback(async () => {
-    const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow();
-    setLogoutFlow(flow);
-  }, [config.sdk.url]);
-  useEffect4(() => {
-    void fetchLogoutFlow();
-  }, [fetchLogoutFlow]);
-  return logoutFlow;
-}
-
 // src/theme/default/utils/user.ts
 function isTraitsIndexable(traits) {
   return typeof traits === "object" && traits !== null;
@@ -4801,7 +4944,7 @@ DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 import { forwardRef as forwardRef4 } from "react";
 
 // src/theme/default/assets/icons/user.svg
-import * as React29 from "react";
+import * as React28 from "react";
 import { jsx as jsx84 } from "react/jsx-runtime";
 var SvgUser = (props) => {
   var _a, _b;
@@ -4840,26 +4983,26 @@ var UserAvatar = forwardRef4(
 UserAvatar.displayName = "UserAvatar";
 
 // src/theme/default/components/ui/user-menu.tsx
-import { jsx as jsx86, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx86, jsxs as jsxs40 } from "react/jsx-runtime";
 var UserMenu = ({ session }) => {
-  const { config } = useOryFlow13();
+  const config = useOryConfiguration6();
   const initials = getUserInitials(session);
-  const logoutFlow = useClientLogout(config);
-  return /* @__PURE__ */ jsxs41(DropdownMenu, { children: [
+  const { logoutFlow } = useClientLogout(config);
+  return /* @__PURE__ */ jsxs40(DropdownMenu, { children: [
     /* @__PURE__ */ jsx86(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx86(UserAvatar, { initials, title: "User Menu" }) }),
-    /* @__PURE__ */ jsxs41(DropdownMenuContent, { children: [
-      /* @__PURE__ */ jsxs41(DropdownMenuLabel2, { className: "flex gap-3 px-5 py-4.5", children: [
+    /* @__PURE__ */ jsxs40(DropdownMenuContent, { children: [
+      /* @__PURE__ */ jsxs40(DropdownMenuLabel2, { className: "flex gap-3 px-5 py-4.5", children: [
         /* @__PURE__ */ jsx86(UserAvatar, { disabled: true, initials }),
-        /* @__PURE__ */ jsxs41("div", { className: "flex flex-col justify-center text-sm leading-tight", children: [
+        /* @__PURE__ */ jsxs40("div", { className: "flex flex-col justify-center text-sm leading-tight", children: [
           /* @__PURE__ */ jsx86("div", { className: "text-interface-foreground-default-primary leading-tight font-medium", children: initials.primary }),
           initials.secondary && /* @__PURE__ */ jsx86("div", { className: "text-interface-foreground-default-tertiary leading-tight", children: initials.secondary })
         ] })
       ] }),
-      /* @__PURE__ */ jsx86(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs41("a", { href: "/settings", children: [
+      /* @__PURE__ */ jsx86(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs40("a", { href: "/settings", children: [
         /* @__PURE__ */ jsx86(settings_default, { size: 16 }),
         " User settings"
       ] }) }),
-      /* @__PURE__ */ jsx86(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ jsxs41("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
+      /* @__PURE__ */ jsx86(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ jsxs40("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
         /* @__PURE__ */ jsx86(logout_default, { size: 16 }),
         " Logout"
       ] }) })
@@ -4869,23 +5012,47 @@ var UserMenu = ({ session }) => {
 
 // src/theme/default/components/generic/page-header.tsx
 import { useSession } from "@ory/elements-react/client";
-import { jsx as jsx87, jsxs as jsxs42 } from "react/jsx-runtime";
+import { useIntl as useIntl21 } from "react-intl";
+import { jsx as jsx87, jsxs as jsxs41 } from "react/jsx-runtime";
 var DefaultPageHeader = (_props) => {
+  var _a;
   const { Card } = useComponents6();
   const { session } = useSession();
-  return /* @__PURE__ */ jsx87("div", { className: "mt-16 flex max-w-screen-sm w-full md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px] flex-col gap-3 px-4", children: /* @__PURE__ */ jsx87("div", { className: "flex flex-col gap-12", children: /* @__PURE__ */ jsxs42("div", { className: "flex max-h-10 flex-1 justify-between gap-2", children: [
-    /* @__PURE__ */ jsx87("div", { className: "relative h-10 flex-1", children: /* @__PURE__ */ jsx87(Card.Logo, {}) }),
-    /* @__PURE__ */ jsx87(UserMenu, { session })
-  ] }) }) });
+  const intl = useIntl21();
+  const { flow } = useOryFlow12();
+  const config = useOryConfiguration7();
+  const returnUrl = (_a = flow.return_to) != null ? _a : config.project.default_redirect_url;
+  return /* @__PURE__ */ jsx87("div", { className: "mt-16 flex max-w-screen-sm w-full md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px] flex-col gap-3 px-4", children: /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-12", children: [
+    /* @__PURE__ */ jsxs41("div", { className: "flex max-h-10 flex-1 justify-between gap-2 items-center", children: [
+      /* @__PURE__ */ jsx87(Card.Logo, {}),
+      /* @__PURE__ */ jsx87(UserMenu, { session })
+    ] }),
+    returnUrl && /* @__PURE__ */ jsx87("div", { children: /* @__PURE__ */ jsxs41(
+      "a",
+      {
+        "data-testid": "ory/screen/settings/back-button",
+        href: returnUrl,
+        className: "inline-flex gap-2 items-center",
+        children: [
+          /* @__PURE__ */ jsx87(arrow_left_default, {}),
+          " ",
+          intl.formatMessage({
+            id: "settings.navigation-back-button",
+            defaultMessage: "Back"
+          })
+        ]
+      }
+    ) })
+  ] }) });
 };
 
 // src/theme/default/components/settings/settings-oidc.tsx
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } from "react";
 import { useFormContext as useFormContext19 } from "react-hook-form";
 import { useDebounceValue as useDebounceValue2 } from "usehooks-ts";
 
 // src/theme/default/assets/icons/trash.svg
-import * as React30 from "react";
+import * as React29 from "react";
 import { jsx as jsx88 } from "react/jsx-runtime";
 var SvgTrash = (props) => {
   var _a, _b;
@@ -4894,14 +5061,14 @@ var SvgTrash = (props) => {
 var trash_default = SvgTrash;
 
 // src/theme/default/components/settings/settings-oidc.tsx
-import { jsx as jsx89, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs42 } from "react/jsx-runtime";
 function DefaultSettingsOidc({
   linkButtons,
   unlinkButtons
 }) {
   const hasLinkButtons = linkButtons.length > 0;
   const hasUnlinkButtons = unlinkButtons.length > 0;
-  return /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-8", children: [
+  return /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-8", children: [
     hasLinkButtons && /* @__PURE__ */ jsx89("div", { className: "grid items-start gap-3 grid-cols-1 sm:grid-cols-2 md:grid-cols-3", children: linkButtons.map((button) => {
       const attrs = button.attributes;
       return /* @__PURE__ */ jsx89(
@@ -4925,7 +5092,7 @@ function DefaultSettingsOidc({
   ] });
 }
 function UnlinkRow({ button }) {
-  var _a, _b;
+  var _a, _b, _c;
   const [clicked, setClicked] = useDebounceValue2(false, 100);
   const {
     formState: { isSubmitting }
@@ -4937,20 +5104,21 @@ function UnlinkRow({ button }) {
     button.onClick();
     setClicked(true);
   };
-  useEffect5(() => {
+  useEffect6(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
   }, [isSubmitting, setClicked]);
-  return /* @__PURE__ */ jsxs43("div", { className: "flex justify-between", children: [
-    /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-6", children: [
-      Logo ? /* @__PURE__ */ jsx89(Logo, { size: 32 }) : /* @__PURE__ */ jsx89(provider_logos_default.generic, { size: 32 }),
+  console.log((_c = button.meta.label) == null ? void 0 : _c.context);
+  return /* @__PURE__ */ jsxs42("div", { className: "flex justify-between", children: [
+    /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-6", children: [
+      Logo ? /* @__PURE__ */ jsx89(Logo, { size: 32 }) : /* @__PURE__ */ jsx89(GenericLogo, { label: provider.slice(0, 1) }),
       /* @__PURE__ */ jsx89("p", { className: "text-sm font-medium text-interface-foreground-default-secondary", children: provider })
     ] }),
     /* @__PURE__ */ jsx89(
       "button",
       {
-        ...attrs,
+        ...omitInputAttributes(attrs),
         type: "submit",
         onClick: localOnClick,
         disabled: isSubmitting,
@@ -4971,7 +5139,7 @@ function UnlinkRow({ button }) {
 // src/theme/default/components/settings/settings-passkey.tsx
 import { useComponents as useComponents7 } from "@ory/elements-react";
 import { useFormContext as useFormContext20 } from "react-hook-form";
-import { jsx as jsx90, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs43 } from "react/jsx-runtime";
 function DefaultSettingsPasskey({
   triggerButton,
   removeButtons
@@ -4981,7 +5149,7 @@ function DefaultSettingsPasskey({
   } = useFormContext20();
   const { Node: Node2 } = useComponents7();
   const hasRemoveButtons = removeButtons.length > 0;
-  return /* @__PURE__ */ jsxs44("div", { className: "flex flex-col gap-8", children: [
+  return /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ jsx90("div", { className: "flex max-w-[60%] items-end gap-3", children: triggerButton && /* @__PURE__ */ jsx90(
       Node2.Button,
       {
@@ -4990,7 +5158,7 @@ function DefaultSettingsPasskey({
         onClick: triggerButton.onClick
       }
     ) }),
-    hasRemoveButtons ? /* @__PURE__ */ jsxs44("div", { className: "flex flex-col gap-8", children: [
+    hasRemoveButtons ? /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-8", children: [
       /* @__PURE__ */ jsx90(DefaultHorizontalDivider, {}),
       /* @__PURE__ */ jsx90("div", { className: "flex flex-col gap-2", children: removeButtons.map((node, i) => {
         var _a, _b;
@@ -4998,12 +5166,12 @@ function DefaultSettingsPasskey({
         const addedAt = "added_at" in context ? context.added_at : null;
         const displayName = "display_name" in context ? context.display_name : null;
         const keyId = "value" in node.attributes ? node.attributes.value : null;
-        return /* @__PURE__ */ jsxs44(
+        return /* @__PURE__ */ jsxs43(
           "div",
           {
             className: "flex justify-between gap-6 md:items-center",
             children: [
-              /* @__PURE__ */ jsxs44("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
+              /* @__PURE__ */ jsxs43("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
                 /* @__PURE__ */ jsx90(
                   passkey_default,
                   {
@@ -5011,8 +5179,8 @@ function DefaultSettingsPasskey({
                     className: "text-interface-foreground-default-primary"
                   }
                 ),
-                /* @__PURE__ */ jsxs44("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
-                  /* @__PURE__ */ jsxs44("div", { className: "flex-1 flex-col truncate", children: [
+                /* @__PURE__ */ jsxs43("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
+                  /* @__PURE__ */ jsxs43("div", { className: "flex-1 flex-col truncate", children: [
                     /* @__PURE__ */ jsx90("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
                     /* @__PURE__ */ jsx90("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
                   ] }),
@@ -5048,7 +5216,7 @@ function DefaultSettingsPasskey({
 }
 
 // src/theme/default/assets/icons/download.svg
-import * as React31 from "react";
+import * as React30 from "react";
 import { jsx as jsx91 } from "react/jsx-runtime";
 var SvgDownload = (props) => {
   var _a, _b;
@@ -5057,7 +5225,7 @@ var SvgDownload = (props) => {
 var download_default = SvgDownload;
 
 // src/theme/default/assets/icons/refresh.svg
-import * as React32 from "react";
+import * as React31 from "react";
 import { jsx as jsx92 } from "react/jsx-runtime";
 var SvgRefresh = (props) => {
   var _a, _b;
@@ -5067,7 +5235,7 @@ var refresh_default = SvgRefresh;
 
 // src/theme/default/components/settings/settings-recovery-codes.tsx
 import { useFormContext as useFormContext21 } from "react-hook-form";
-import { Fragment as Fragment12, jsx as jsx93, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx93, jsxs as jsxs44 } from "react/jsx-runtime";
 function DefaultSettingsRecoveryCodes({
   codes,
   regnerateButton,
@@ -5089,11 +5257,11 @@ function DefaultSettingsRecoveryCodes({
     element.click();
   };
   const hasCodes = codes.length >= 1;
-  return /* @__PURE__ */ jsxs45("div", { className: "flex flex-col gap-8", children: [
+  return /* @__PURE__ */ jsxs44("div", { className: "flex flex-col gap-8", children: [
     codes.length > 0 && /* @__PURE__ */ jsx93(DefaultHorizontalDivider, {}),
-    /* @__PURE__ */ jsxs45("div", { className: "flex gap-4 justify-between", children: [
+    /* @__PURE__ */ jsxs44("div", { className: "flex gap-4 justify-between", children: [
       /* @__PURE__ */ jsx93("span", { className: "text-interface-foreground-default-tertiary", children: revealButton && "Reveal recovery codes" }),
-      /* @__PURE__ */ jsxs45("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxs44("div", { className: "flex gap-2", children: [
         regnerateButton && codes.length > 0 && /* @__PURE__ */ jsx93(
           "button",
           {
@@ -5163,7 +5331,7 @@ function DefaultSettingsRecoveryCodes({
 import { useComponents as useComponents8 } from "@ory/elements-react";
 
 // src/theme/default/assets/icons/qrcode.svg
-import * as React33 from "react";
+import * as React32 from "react";
 import { jsx as jsx94 } from "react/jsx-runtime";
 var SvgQrcode = (props) => {
   var _a, _b;
@@ -5173,7 +5341,7 @@ var qrcode_default = SvgQrcode;
 
 // src/theme/default/components/settings/settings-totp.tsx
 import { useFormContext as useFormContext22 } from "react-hook-form";
-import { jsx as jsx95, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx95, jsxs as jsxs45 } from "react/jsx-runtime";
 function DefaultSettingsTotp({
   totpImage,
   totpInput,
@@ -5193,9 +5361,9 @@ function DefaultSettingsTotp({
       node_type: _ignoredNodeType,
       ...buttonAttrs
     } = totpUnlink.attributes;
-    return /* @__PURE__ */ jsxs46("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
+    return /* @__PURE__ */ jsxs45("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
       /* @__PURE__ */ jsx95("div", { className: "col-span-full", children: /* @__PURE__ */ jsx95(Card.Divider, {}) }),
-      /* @__PURE__ */ jsxs46("div", { className: "col-span-full flex items-center gap-6", children: [
+      /* @__PURE__ */ jsxs45("div", { className: "col-span-full flex items-center gap-6", children: [
         /* @__PURE__ */ jsx95("div", { className: "aspect-square size-8 ", children: /* @__PURE__ */ jsx95(qrcode_default, { size: 32 }) }),
         /* @__PURE__ */ jsx95("div", { className: "mr-auto flex flex-col", children: /* @__PURE__ */ jsx95("p", { className: "text-sm font-medium text-interface-foreground-default-primary", children: "Authenticator app" }) }),
         /* @__PURE__ */ jsx95(
@@ -5218,7 +5386,7 @@ function DefaultSettingsTotp({
     ] });
   }
   if (totpImage && totpSecret && totpInput) {
-    return /* @__PURE__ */ jsxs46("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
+    return /* @__PURE__ */ jsxs45("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
       /* @__PURE__ */ jsx95("div", { className: "col-span-full", children: /* @__PURE__ */ jsx95(DefaultHorizontalDivider, {}) }),
       /* @__PURE__ */ jsx95("div", { className: "flex justify-center rounded-cards bg-interface-background-default-secondary p-8", children: /* @__PURE__ */ jsx95("div", { className: "aspect-square h-44 rounded bg-[white]", children: /* @__PURE__ */ jsx95("div", { className: "-m-3 antialiased mix-blend-multiply", children: /* @__PURE__ */ jsx95(
         Node2.Image,
@@ -5229,7 +5397,7 @@ function DefaultSettingsTotp({
           }
         }
       ) }) }) }),
-      /* @__PURE__ */ jsxs46("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs45("div", { className: "flex flex-col gap-6", children: [
         /* @__PURE__ */ jsx95(
           Node2.Label,
           {
@@ -5271,7 +5439,7 @@ function DefaultSettingsTotp({
 import { useComponents as useComponents9 } from "@ory/elements-react";
 
 // src/theme/default/assets/icons/key.svg
-import * as React34 from "react";
+import * as React33 from "react";
 import { jsx as jsx96 } from "react/jsx-runtime";
 var SvgKey = (props) => {
   var _a, _b;
@@ -5281,7 +5449,7 @@ var key_default = SvgKey;
 
 // src/theme/default/components/settings/settings-webauthn.tsx
 import { useFormContext as useFormContext23 } from "react-hook-form";
-import { jsx as jsx97, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs46 } from "react/jsx-runtime";
 function DefaultSettingsWebauthn({
   nameInput,
   triggerButton,
@@ -5292,8 +5460,8 @@ function DefaultSettingsWebauthn({
   } = useFormContext23();
   const { Node: Node2, Card } = useComponents9();
   const hasRemoveButtons = removeButtons.length > 0;
-  return /* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ jsxs47("div", { className: "flex md:max-w-96 sm:items-end gap-3 flex-col sm:flex-row", children: [
+  return /* @__PURE__ */ jsxs46("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ jsxs46("div", { className: "flex md:max-w-96 sm:items-end gap-3 flex-col sm:flex-row", children: [
       /* @__PURE__ */ jsx97("div", { className: "flex-1", children: /* @__PURE__ */ jsx97(
         Node2.Label,
         {
@@ -5317,7 +5485,7 @@ function DefaultSettingsWebauthn({
         }
       ) : null
     ] }),
-    hasRemoveButtons ? /* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-8", children: [
+    hasRemoveButtons ? /* @__PURE__ */ jsxs46("div", { className: "flex flex-col gap-8", children: [
       /* @__PURE__ */ jsx97(Card.Divider, {}),
       /* @__PURE__ */ jsx97("div", { className: "flex flex-col gap-4", children: removeButtons.map((node, i) => {
         var _a, _b;
@@ -5325,12 +5493,12 @@ function DefaultSettingsWebauthn({
         const addedAt = "added_at" in context ? context.added_at : null;
         const displayName = "display_name" in context ? context.display_name : null;
         const keyId = "value" in node.attributes ? node.attributes.value : null;
-        return /* @__PURE__ */ jsxs47(
+        return /* @__PURE__ */ jsxs46(
           "div",
           {
             className: "flex justify-between gap-6 md:items-center",
             children: [
-              /* @__PURE__ */ jsxs47("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
+              /* @__PURE__ */ jsxs46("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
                 /* @__PURE__ */ jsx97(
                   key_default,
                   {
@@ -5338,8 +5506,8 @@ function DefaultSettingsWebauthn({
                     className: "text-interface-foreground-default-primary"
                   }
                 ),
-                /* @__PURE__ */ jsxs47("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
-                  /* @__PURE__ */ jsxs47("div", { className: "flex-1 flex-col truncate", children: [
+                /* @__PURE__ */ jsxs46("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
+                  /* @__PURE__ */ jsxs46("div", { className: "flex-1 flex-col truncate", children: [
                     /* @__PURE__ */ jsx97("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
                     /* @__PURE__ */ jsx97("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
                   ] }),
@@ -5385,52 +5553,57 @@ function DefaultAuthMethodListContainer({
 // src/theme/default/components/form/captcha.tsx
 import { isUiNodeInputAttributes as isUiNodeInputAttributes9 } from "@ory/client-fetch";
 import { Turnstile } from "@marsidev/react-turnstile";
-import { useRef as useRef3 } from "react";
+import { useEffect as useEffect7, useRef as useRef4 } from "react";
 import { useFormContext as useFormContext24 } from "react-hook-form";
 import { jsx as jsx99 } from "react/jsx-runtime";
 var DefaultCaptcha = ({ node }) => {
-  const { setValue } = useFormContext24();
-  const ref = useRef3();
-  const nodes = [];
-  if (isUiNodeInputAttributes9(node.attributes)) {
-    if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
-      nodes.push(
-        /* @__PURE__ */ jsx99(DefaultInput, { node, attributes: node.attributes }, 1)
-      );
+  const { setValue, formState } = useFormContext24();
+  const ref = useRef4();
+  const prevSubmitCount = useRef4(formState.submitCount);
+  useEffect7(() => {
+    if (formState.submitCount > prevSubmitCount.current && formState.isSubmitSuccessful) {
+      prevSubmitCount.current = formState.submitCount;
+      setTimeout(() => {
+        if (ref.current) {
+          ref.current.reset();
+        }
+      }, 100);
     }
+  }, [formState.submitCount, formState.isSubmitSuccessful]);
+  if (!isUiNodeInputAttributes9(node.attributes)) {
+    return null;
   }
-  if (isUiNodeInputAttributes9(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
+  if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
+    return /* @__PURE__ */ jsx99(DefaultInput, { node, attributes: node.attributes }, 1);
+  } else if (node.attributes.name === "captcha_turnstile_options") {
     const options = JSON.parse(node.attributes.value);
-    nodes.push(
-      /* @__PURE__ */ jsx99(
-        Turnstile,
-        {
-          ref,
-          siteKey: options.sitekey,
-          options: {
-            action: options.action,
-            size: "flexible",
-            theme: options.theme,
-            responseField: false,
-            responseFieldName: options.response_field_name
-          },
-          onExpire: () => {
-            var _a;
-            return (_a = ref.current) == null ? void 0 : _a.reset();
-          },
-          onSuccess: (token) => {
-            setValue(options.response_field_name, token);
-          }
+    return /* @__PURE__ */ jsx99(
+      Turnstile,
+      {
+        ref,
+        siteKey: options.sitekey,
+        options: {
+          action: options.action,
+          size: "flexible",
+          theme: options.theme,
+          responseField: false,
+          responseFieldName: options.response_field_name
         },
-        2
-      )
+        onExpire: () => {
+          var _a;
+          return (_a = ref.current) == null ? void 0 : _a.reset();
+        },
+        onSuccess: (token) => {
+          setValue(options.response_field_name, token);
+        }
+      }
     );
   }
-  return nodes;
+  return null;
 };
 
 // src/theme/default/assets/icons/personal.svg
-import * as React35 from "react";
+import * as React34 from "react";
 import { jsx as jsx100 } from "react/jsx-runtime";
 var SvgPersonal = (props) => {
   var _a, _b;
@@ -5439,7 +5612,7 @@ var SvgPersonal = (props) => {
 var personal_default = SvgPersonal;
 
 // src/theme/default/assets/icons/message.svg
-import * as React36 from "react";
+import * as React35 from "react";
 import { jsx as jsx101 } from "react/jsx-runtime";
 var SvgMessage = (props) => {
   var _a, _b;
@@ -5448,7 +5621,7 @@ var SvgMessage = (props) => {
 var message_default = SvgMessage;
 
 // src/theme/default/assets/icons/phone.svg
-import * as React37 from "react";
+import * as React36 from "react";
 import { jsx as jsx102 } from "react/jsx-runtime";
 var SvgPhone = (props) => {
   var _a, _b;
@@ -5457,7 +5630,7 @@ var SvgPhone = (props) => {
 var phone_default = SvgPhone;
 
 // src/theme/default/components/form/consent-scope-checkbox.tsx
-import { useIntl as useIntl21 } from "react-intl";
+import { useIntl as useIntl22 } from "react-intl";
 import * as Switch from "@radix-ui/react-switch";
 import { jsx as jsx103 } from "react/jsx-runtime";
 var ScopeIcons = {
@@ -5472,7 +5645,7 @@ function DefaultConsentScopeCheckbox({
   onCheckedChange
 }) {
   var _a;
-  const intl = useIntl21();
+  const intl = useIntl22();
   const Icon = (_a = ScopeIcons[attributes.value]) != null ? _a : personal_default;
   return /* @__PURE__ */ jsx103(
     ListItem,
@@ -5559,9 +5732,13 @@ import {
   instanceOfFlowError,
   instanceOfGenericError
 } from "@ory/client-fetch";
+import {
+  OryConfigurationProvider as OryConfigurationProvider2,
+  useOryConfiguration as useOryConfiguration8
+} from "@ory/elements-react";
 import { useMemo as useMemo2 } from "react";
 import { FormattedMessage } from "react-intl";
-import { jsx as jsx104, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs47 } from "react/jsx-runtime";
 function isOAuth2Error(error) {
   return !!error && typeof error === "object" && "error" in error && "error_description" in error;
 }
@@ -5614,43 +5791,43 @@ function Error2({
   const Divider = (_d = (_c = Components == null ? void 0 : Components.Card) == null ? void 0 : _c.Divider) != null ? _d : DefaultHorizontalDivider;
   const parsed = useStandardize(error);
   const description = errorDescriptions[Math.floor(parsed.code / 100)];
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx104(OryConfigurationProvider2, { sdk: config.sdk, project: config.project, children: /* @__PURE__ */ jsx104(
     IntlProvider,
     {
       locale: (_f = (_e = config.intl) == null ? void 0 : _e.locale) != null ? _f : "en",
       customTranslations: (_g = config.intl) == null ? void 0 : _g.customTranslations,
-      children: /* @__PURE__ */ jsx104(Card, { children: /* @__PURE__ */ jsxs48(
+      children: /* @__PURE__ */ jsx104(Card, { children: /* @__PURE__ */ jsxs47(
         "div",
         {
           className: "flex flex-col gap-6 antialiased",
           "data-testid": "ory/screen/error",
           children: [
-            /* @__PURE__ */ jsxs48("header", { className: "flex flex-col gap-8 antialiased", children: [
-              /* @__PURE__ */ jsx104(ErrorLogo, { config }),
-              /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxs47("header", { className: "flex flex-col gap-8 antialiased", children: [
+              /* @__PURE__ */ jsx104(ErrorLogo, {}),
+              /* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-2", children: [
                 /* @__PURE__ */ jsx104("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ jsx104(FormattedMessage, { id: "error.title.what-happened" }) }),
                 /* @__PURE__ */ jsx104("p", { className: "leading-normal text-interface-foreground-default-secondary", children: (_h = parsed.message) != null ? _h : description }),
                 parsed.reason && /* @__PURE__ */ jsx104("p", { className: "leading-normal text-interface-foreground-default-secondary", children: parsed.reason })
               ] })
             ] }),
             /* @__PURE__ */ jsx104(Divider, {}),
-            /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-2", children: [
               /* @__PURE__ */ jsx104("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ jsx104(FormattedMessage, { id: "error.title.what-can-i-do" }) }),
               /* @__PURE__ */ jsx104("p", { className: "leading-normal text-interface-foreground-default-secondary", children: /* @__PURE__ */ jsx104(FormattedMessage, { id: "error.instructions" }) }),
-              /* @__PURE__ */ jsx104("div", { children: session ? /* @__PURE__ */ jsx104(LoggedInActions, { config }) : /* @__PURE__ */ jsx104(GoBackButton, { config }) })
+              /* @__PURE__ */ jsx104("div", { children: session ? /* @__PURE__ */ jsx104(LoggedInActions, {}) : /* @__PURE__ */ jsx104(GoBackButton, {}) })
             ] }),
             /* @__PURE__ */ jsx104(Divider, {}),
-            /* @__PURE__ */ jsxs48("div", { className: "font-normal leading-normal antialiased gap-2 flex flex-col", children: [
+            /* @__PURE__ */ jsxs47("div", { className: "font-normal leading-normal antialiased gap-2 flex flex-col", children: [
               /* @__PURE__ */ jsx104("span", { className: "text-interface-foreground-default-primary text-sm", children: /* @__PURE__ */ jsx104(FormattedMessage, { id: "error.footer.text" }) }),
-              parsed.id && /* @__PURE__ */ jsxs48("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+              parsed.id && /* @__PURE__ */ jsxs47("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "ID: ",
                 /* @__PURE__ */ jsx104("code", { children: parsed.id })
               ] }),
-              /* @__PURE__ */ jsxs48("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+              /* @__PURE__ */ jsxs47("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "Time: ",
                 /* @__PURE__ */ jsx104("code", { children: (_i = parsed.timestamp) == null ? void 0 : _i.toUTCString() })
               ] }),
-              /* @__PURE__ */ jsxs48("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+              /* @__PURE__ */ jsxs47("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "Message: ",
                 /* @__PURE__ */ jsx104("code", { children: parsed.reason })
               ] }),
@@ -5674,20 +5851,22 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
         }
       ) })
     }
-  );
+  ) });
 }
-function LoggedInActions({ config }) {
-  const logoutFlow = useClientLogout(config);
+function LoggedInActions() {
+  const config = useOryConfiguration8();
+  const { logoutFlow } = useClientLogout(config);
   return /* @__PURE__ */ jsx104(
     "a",
     {
       href: logoutFlow == null ? void 0 : logoutFlow.logout_url,
       className: "text-interface-foreground-default-primary underline",
-      children: "Logout"
+      children: /* @__PURE__ */ jsx104(FormattedMessage, { id: "login.logout-button" })
     }
   );
 }
-function GoBackButton({ config }) {
+function GoBackButton() {
+  const config = useOryConfiguration8();
   if ("default_redirect_url" in config.project) {
     return /* @__PURE__ */ jsx104(
       "a",
@@ -5700,11 +5879,12 @@ function GoBackButton({ config }) {
   }
   return null;
 }
-function ErrorLogo({ config }) {
-  if (config.logoUrl) {
-    return /* @__PURE__ */ jsx104("img", { src: config.logoUrl, width: 100, height: 36, alt: "Logo" });
+function ErrorLogo() {
+  const { project } = useOryConfiguration8();
+  if (project.logo_light_url) {
+    return /* @__PURE__ */ jsx104("img", { src: project.logo_light_url, width: 100, height: 36, alt: "Logo" });
   }
-  return /* @__PURE__ */ jsx104("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: config.name });
+  return /* @__PURE__ */ jsx104("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: project.name });
 }
 
 // src/theme/default/flows/login.tsx
@@ -5792,7 +5972,7 @@ import {
   OryProvider as OryProvider4,
   OrySettingsCard
 } from "@ory/elements-react";
-import { Fragment as Fragment13, jsx as jsx108, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx108, jsxs as jsxs48 } from "react/jsx-runtime";
 function Settings({
   flow,
   config,
@@ -5807,7 +5987,7 @@ function Settings({
       flow,
       flowType: FlowType21.Settings,
       components,
-      children: children != null ? children : /* @__PURE__ */ jsxs49(Fragment13, { children: [
+      children: children != null ? children : /* @__PURE__ */ jsxs48(Fragment13, { children: [
         /* @__PURE__ */ jsx108(HeadlessPageHeader, {}),
         /* @__PURE__ */ jsx108(OrySettingsCard, {})
       ] })