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

package/dist/theme/default/index.js

@@ -92,58 +92,12 @@ function DefaultCardContent({ children }) {
 }
 
 // src/theme/default/components/card/footer.tsx
-var import_client_fetch25 = require("@ory/client-fetch");
+var import_client_fetch27 = require("@ory/client-fetch");
 var import_elements_react3 = require("@ory/elements-react");
 var import_react_intl10 = require("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
-var import_client_fetch2 = require("@ory/client-fetch");
-var import_client_fetch3 = require("@ory/client-fetch");
-var import_react2 = require("react");
+// src/components/card/two-step/state-select-method.tsx
+var import_client_fetch26 = require("@ory/client-fetch");
 
 // src/context/component.tsx
 var import_client_fetch = require("@ory/client-fetch");
@@ -167,7 +121,25 @@ var defaultGroupOrder = [
   import_client_fetch.UiNodeGroupEnum.Totp
 ];
 
+// src/context/flow-context.tsx
+var import_react4 = require("react");
+
+// src/context/form-state.ts
+var import_client_fetch5 = require("@ory/client-fetch");
+var import_react3 = require("react");
+
+// src/components/card/two-step/utils.ts
+var import_client_fetch4 = require("@ory/client-fetch");
+
+// src/theme/default/utils/form.ts
+function isGroupImmediateSubmit(group) {
+  return group === "code";
+}
+
 // src/util/ui/index.ts
+var import_client_fetch2 = require("@ory/client-fetch");
+var import_client_fetch3 = require("@ory/client-fetch");
+var import_react2 = require("react");
 function nodesToAuthMethodGroups(nodes, excludeAuthMethods = []) {
   var _a;
   const groups = {};
@@ -230,34 +202,96 @@ 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
-var import_client_fetch24 = require("@ory/client-fetch");
-
 // src/context/flow-context.tsx
-var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var OryFlowContext = (0, import_react4.createContext)(null);
 
-// src/context/form-state.ts
-var import_client_fetch5 = require("@ory/client-fetch");
-var import_react3 = require("react");
+// src/context/config.tsx
+var import_react5 = require("react");
 
-// src/components/card/two-step/utils.ts
-var import_client_fetch4 = require("@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
+var import_client_fetch6 = require("@ory/client-fetch");
+function frontendClient(sdkUrl, opts = {}) {
+  const config = new import_client_fetch6.Configuration({
+    ...opts,
+    basePath: sdkUrl,
+    credentials: "include",
+    headers: {
+      Accept: "application/json",
+      ...opts.headers
+    }
+  });
+  return new import_client_fetch6.FrontendApi(config);
 }
 
-// src/context/flow-context.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var OryFlowContext = (0, import_react4.createContext)(null);
+// src/context/config.tsx
+var import_jsx_runtime6 = require("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 = (0, import_react5.createContext)({
+  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
 var import_react_intl8 = require("react-intl");
@@ -274,20 +308,6 @@ var import_react_hook_form = require("react-hook-form");
 // src/util/onSubmitLogin.ts
 var import_client_fetch7 = require("@ory/client-fetch");
 
-// src/util/client.ts
-var import_client_fetch6 = require("@ory/client-fetch");
-function frontendClient(sdkUrl, opts = {}) {
-  const config = new import_client_fetch6.Configuration({
-    ...opts,
-    basePath: sdkUrl,
-    headers: {
-      Accept: "application/json",
-      ...opts.headers
-    }
-  });
-  return new import_client_fetch6.FrontendApi(config);
-}
-
 // src/util/onSubmitRecovery.ts
 var import_client_fetch8 = require("@ory/client-fetch");
 
@@ -304,83 +324,86 @@ var import_client_fetch11 = require("@ory/client-fetch");
 var import_client_fetch12 = require("@ory/client-fetch");
 
 // src/components/form/form.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+
+// src/components/form/groups.tsx
+var import_client_fetch17 = require("@ory/client-fetch");
 
 // src/components/form/nodes/input.tsx
 var import_client_fetch15 = require("@ory/client-fetch");
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_react_hook_form3 = require("react-hook-form");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 
 // src/components/form/nodes/node.tsx
 var import_client_fetch16 = require("@ory/client-fetch");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 
 // src/components/form/groups.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 
 // src/components/form/messages.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 
 // src/components/form/social.tsx
-var import_client_fetch19 = require("@ory/client-fetch");
+var import_client_fetch20 = require("@ory/client-fetch");
 var import_react_hook_form5 = require("react-hook-form");
 
 // src/components/form/form-provider.tsx
-var import_client_fetch18 = require("@ory/client-fetch");
+var import_client_fetch19 = require("@ory/client-fetch");
 var import_react_hook_form4 = require("react-hook-form");
 
 // src/components/form/form-resolver.ts
-var import_client_fetch17 = require("@ory/client-fetch");
+var import_client_fetch18 = require("@ory/client-fetch");
 
 // src/components/form/form-provider.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 
 // src/components/form/social.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 
 // src/components/form/section.tsx
 var import_react_hook_form6 = require("react-hook-form");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 
 // src/components/generic/divider.tsx
-var import_client_fetch20 = require("@ory/client-fetch");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_client_fetch21 = require("@ory/client-fetch");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 
 // src/components/generic/page-header.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 
 // src/components/settings/settings-card.tsx
-var import_client_fetch21 = require("@ory/client-fetch");
+var import_client_fetch22 = require("@ory/client-fetch");
 var import_react_intl7 = require("react-intl");
 
 // src/components/settings/oidc-settings.tsx
 var import_react_intl2 = require("react-intl");
 var import_react_hook_form7 = require("react-hook-form");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 
 // src/components/settings/passkey-settings.tsx
 var import_react_hook_form8 = require("react-hook-form");
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 
 // src/components/settings/recovery-codes-settings.tsx
 var import_react_intl4 = require("react-intl");
 var import_react_hook_form9 = require("react-hook-form");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 
 // src/components/settings/totp-settings.tsx
 var import_react_hook_form10 = require("react-hook-form");
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 
 // src/components/settings/webauthn-settings.tsx
 var import_react_hook_form11 = require("react-hook-form");
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 
 // src/components/settings/settings-card.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 
 // src/util/i18n/index.ts
 var uiTextToFormattedMessage = ({ id, context = {}, text }, intl) => {
@@ -672,9 +695,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}",
@@ -922,13 +947,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",
@@ -1267,6 +1294,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}",
@@ -1544,10 +1573,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",
@@ -1790,7 +1821,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": "",
@@ -2075,13 +2108,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": "",
@@ -2360,7 +2395,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": "",
@@ -2645,7 +2682,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",
@@ -2731,7 +2770,7 @@ var OryLocales = {
 };
 
 // src/context/intl-context.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function mergeTranslations(customTranslations) {
   return Object.keys(customTranslations).reduce((acc, key) => {
     acc[key] = { ...OryLocales[key], ...customTranslations[key] };
@@ -2744,12 +2783,12 @@ var IntlProvider = ({
   customTranslations
 }) => {
   const messages = mergeTranslations(customTranslations != null ? customTranslations : {});
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_react_intl8.IntlProvider,
     {
       onWarn: () => ({}),
       defaultRichTextElements: {
-        del: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("del", { children: chunks })
+        del: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("del", { children: chunks })
       },
       locale,
       messages: messages[locale],
@@ -2760,34 +2799,35 @@ var IntlProvider = ({
 };
 
 // src/context/provider.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-
-// src/components/card/header.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
 
-// src/components/card/card.tsx
+// src/components/card/header.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 
-// src/components/card/footer.tsx
+// src/components/card/card.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
 
-// src/components/card/content.tsx
+// src/components/card/footer.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
 
-// src/components/card/two-step/state-method-active.tsx
-var import_client_fetch22 = require("@ory/client-fetch");
+// src/components/card/content.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
 
-// src/components/card/two-step/state-provide-identifier.tsx
+// src/components/card/two-step/state-method-active.tsx
 var import_client_fetch23 = require("@ory/client-fetch");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 
+// src/components/card/two-step/state-provide-identifier.tsx
+var import_client_fetch24 = require("@ory/client-fetch");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+
 // src/components/card/card-two-step.tsx
 var import_elements_react = require("@ory/elements-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 
 // src/components/card/card-consent.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_client_fetch25 = require("@ory/client-fetch");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-select-method.tsx
 var import_react_intl9 = require("react-intl");
@@ -2795,124 +2835,200 @@ var import_react_intl9 = require("react-intl");
 // src/components/card/two-step/list-methods.tsx
 var import_elements_react2 = require("@ory/elements-react");
 var import_react_hook_form12 = require("react-hook-form");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-select-method.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function toAuthMethodPickerOptions(visibleGroups) {
   return Object.fromEntries(
-    Object.values(import_client_fetch24.UiNodeGroupEnum).filter((group) => {
+    Object.values(import_client_fetch26.UiNodeGroupEnum).filter((group) => {
       var _a;
       return (_a = visibleGroups[group]) == null ? void 0 : _a.length;
     }).filter(
       (group) => ![
-        import_client_fetch24.UiNodeGroupEnum.Oidc,
-        import_client_fetch24.UiNodeGroupEnum.Saml,
-        import_client_fetch24.UiNodeGroupEnum.Default,
-        import_client_fetch24.UiNodeGroupEnum.IdentifierFirst,
-        import_client_fetch24.UiNodeGroupEnum.Profile,
-        import_client_fetch24.UiNodeGroupEnum.Captcha
+        import_client_fetch26.UiNodeGroupEnum.Oidc,
+        import_client_fetch26.UiNodeGroupEnum.Saml,
+        import_client_fetch26.UiNodeGroupEnum.Default,
+        import_client_fetch26.UiNodeGroupEnum.IdentifierFirst,
+        import_client_fetch26.UiNodeGroupEnum.Profile,
+        import_client_fetch26.UiNodeGroupEnum.Captcha
       ].includes(group)
     ).map((g) => [g, {}])
   );
 }
 
-// src/theme/default/components/card/footer.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
-function DefaultCardFooter() {
-  const oryFlow = (0, import_elements_react3.useOryFlow)();
-  switch (oryFlow.flowType) {
-    case import_client_fetch25.FlowType.Login:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(LoginCardFooter, {});
-    case import_client_fetch25.FlowType.Registration:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RegistrationCardFooter, {});
-    case import_client_fetch25.FlowType.Recovery:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RecoveryCardFooter, {});
-    case import_client_fetch25.FlowType.Verification:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(VerificationCardFooter, {});
-    case import_client_fetch25.FlowType.OAuth2Consent:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ConsentCardFooter, { flow: oryFlow.flow });
-    default:
-      return null;
-  }
+// src/util/nodes.ts
+function findScreenSelectionButton(nodes) {
+  return nodes.find(
+    (node) => node.attributes.node_type === "input" && node.attributes.type === "submit" && node.attributes.name === "screen"
+  );
 }
-function LoginCardFooter() {
-  const { config, formState, flow, flowType } = (0, import_elements_react3.useOryFlow)();
-  const intl = (0, import_react_intl10.useIntl)();
-  const authMethods = nodesToAuthMethodGroups(flow.ui.nodes);
-  if (flowType === import_client_fetch25.FlowType.Login && flow.refresh) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    formState.current === "provide_identifier" && config.project.registration_enabled && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
-      intl.formatMessage({
-        id: "login.registration-label",
-        defaultMessage: "No account?"
-      }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-        "a",
-        {
-          className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
-          href: initFlowUrl(config.sdk.url, "registration", flow),
-          "data-testid": "ory/screen/login/action/register",
-          children: intl.formatMessage({
-            id: "login.registration-button",
-            defaultMessage: "Sign up"
-          })
+
+// src/theme/default/utils/logout.ts
+var import_react7 = require("react");
+function useClientLogout(config) {
+  const [logoutFlow, setLogoutFlow] = (0, import_react7.useState)();
+  const [isLoading, setIsLoading] = (0, import_react7.useState)(true);
+  const fetchLogoutFlow = (0, import_react7.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;
         }
-      )
-    ] }),
-    authMethods.length > 1 && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      "a",
-      {
-        className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
-        href: "",
-        "data-testid": "ory/screen/login/mfa/action/selectMethod",
-        children: intl.formatMessage({
-          id: "login.2fa.method.go-back"
-        })
-      }
-    ) }),
-    authMethods.length === 1 && authMethods[0] === "code" && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      "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"
-        })
-      }
-    ) }),
-    flowType === import_client_fetch25.FlowType.Login && flow.requested_aal === "aal2" && (formState.current === "select_method" || authMethods.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
+        return void 0;
+      });
+      setLogoutFlow(flow);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [config.sdk.url]);
+  (0, import_react7.useEffect)(() => {
+    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
+var import_jsx_runtime35 = require("react/jsx-runtime");
+function DefaultCardFooter() {
+  const oryFlow = (0, import_elements_react3.useOryFlow)();
+  switch (oryFlow.flowType) {
+    case import_client_fetch27.FlowType.Login:
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LoginCardFooter, {});
+    case import_client_fetch27.FlowType.Registration:
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RegistrationCardFooter, {});
+    case import_client_fetch27.FlowType.Recovery:
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RecoveryCardFooter, {});
+    case import_client_fetch27.FlowType.Verification:
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(VerificationCardFooter, {});
+    case import_client_fetch27.FlowType.OAuth2Consent:
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ConsentCardFooter, { flow: oryFlow.flow });
+    default:
+      return null;
+  }
+}
+function LoginCardFooter() {
+  const { formState, flow, flowType } = (0, import_elements_react3.useOryFlow)();
+  const config = (0, import_elements_react3.useOryConfiguration)();
+  const { logoutFlow: logout, didLoad: didLoadLogout } = useClientLogout(config);
+  const intl = (0, import_react_intl10.useIntl)();
+  if (flowType !== import_client_fetch27.FlowType.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__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
       intl.formatMessage({
         id: "login.2fa.go-back"
       }),
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "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`
+          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
           ),
-          "data-testid": "ory/screen/login/mfa/action/reauthenticate",
           children: intl.formatMessage({
-            id: "login.2fa.go-back.link"
+            id: !didLoadLogout || logout ? "login.logout-button" : "login.2fa.go-back.link"
           })
         }
       )
-    ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    formState.current === "provide_identifier" && config.project.registration_enabled && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
+      intl.formatMessage({
+        id: "login.registration-label",
+        defaultMessage: "No account?"
+      }),
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "a",
+        {
+          className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
+          href: initFlowUrl(config.sdk.url, "registration", flow),
+          "data-testid": "ory/screen/login/action/register",
+          children: intl.formatMessage({
+            id: "login.registration-button",
+            defaultMessage: "Sign up"
+          })
+        }
+      )
+    ] }),
+    authMethods.length > 1 && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      "a",
+      {
+        className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
+        href: "",
+        "data-testid": "ory/screen/login/mfa/action/selectMethod",
+        children: intl.formatMessage({
+          id: "login.2fa.method.go-back"
+        })
+      }
+    ) }),
+    authMethods.length === 1 && authMethods[0] === "code" && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      "a",
+      {
+        className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
+        href: returnTo,
+        "data-testid": "ory/screen/login/action/cancel",
+        children: intl.formatMessage({
+          id: "login.2fa.go-back.link"
+        })
+      }
+    ) })
   ] });
 }
 function RegistrationCardFooter() {
   const intl = (0, import_react_intl10.useIntl)();
-  const { config, flow, formState } = (0, import_elements_react3.useOryFlow)();
+  const { flow, formState } = (0, import_elements_react3.useOryFlow)();
+  const config = (0, import_elements_react3.useOryConfiguration)();
   const visibleGroups = useNodeGroupsWithVisibleNodes(flow.ui.nodes);
   const authMethodBlocks = toAuthMethodPickerOptions(visibleGroups);
   const screenSelectionNode = findScreenSelectionButton(flow.ui.nodes);
@@ -2921,11 +3037,12 @@ function RegistrationCardFooter() {
       if (!screenSelectionNode || Object.entries(authMethodBlocks).length < 2) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-normal leading-normal antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-normal leading-normal antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "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"
@@ -2934,13 +3051,13 @@ function RegistrationCardFooter() {
       ) });
     case "select_method":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
         intl.formatMessage({
           id: "registration.login-label",
           defaultMessage: "Already have an account?"
         }),
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "a",
           {
             className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
@@ -2969,26 +3086,26 @@ function ConsentCardFooter({ flow }) {
     node_type: "input",
     name: "remember"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex gap-8 flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "text-interface-foreground-default-secondary leading-normal font-medium", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex gap-8 flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-interface-foreground-default-secondary leading-normal font-medium", children: [
         "Make sure you trust ",
         (_a = flow.consent_request.client) == null ? void 0 : _a.client_name
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-interface-foreground-default-secondary leading-normal", children: "You may be sharing sensitive information with this site or application." })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-interface-foreground-default-secondary leading-normal", children: "You may be sharing sensitive information with this site or application." })
     ] }),
-    rememberNode && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    rememberNode && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       Node2.Checkbox,
       {
         attributes: rememberNode.attributes,
         node: rememberNode
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", children: flow.ui.nodes.filter(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         Node2.Button,
         {
           node: n,
@@ -2997,8 +3114,8 @@ function ConsentCardFooter({ flow }) {
         attributes.value
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-interface-foreground-default-tertiary", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-interface-foreground-default-tertiary", children: [
         "Authorizing will redirect to",
         " "
       ] }),
@@ -3011,7 +3128,7 @@ function ConsentCardFooter({ flow }) {
 var import_elements_react5 = require("@ory/elements-react");
 
 // src/theme/default/utils/constructCardHeader.ts
-var import_client_fetch26 = require("@ory/client-fetch");
+var import_client_fetch28 = require("@ory/client-fetch");
 var import_react_intl11 = require("react-intl");
 function joinWithCommaOr(list, orText = "or") {
   if (list.length === 0) {
@@ -3028,7 +3145,7 @@ function useCardHeaderText(container, opts) {
   const nodes = container.nodes;
   const intl = (0, import_react_intl11.useIntl)();
   switch (opts.flowType) {
-    case import_client_fetch26.FlowType.Recovery:
+    case import_client_fetch28.FlowType.Recovery:
       if (nodes.find(
         (node) => "name" in node.attributes && node.attributes.name === "code"
       )) {
@@ -3038,7 +3155,8 @@ function useCardHeaderText(container, opts) {
           }),
           description: intl.formatMessage({
             id: "identities.messages.1060003"
-          })
+          }),
+          messageId: "1060003"
         };
       }
       return {
@@ -3049,7 +3167,7 @@ function useCardHeaderText(container, opts) {
           id: "recovery.subtitle"
         })
       };
-    case import_client_fetch26.FlowType.Settings:
+    case import_client_fetch28.FlowType.Settings:
       return {
         title: intl.formatMessage({
           id: "settings.title"
@@ -3058,7 +3176,7 @@ function useCardHeaderText(container, opts) {
           id: "settings.subtitle"
         })
       };
-    case import_client_fetch26.FlowType.Verification:
+    case import_client_fetch28.FlowType.Verification:
       if (nodes.find(
         (node) => "name" in node.attributes && node.attributes.name === "code"
       )) {
@@ -3068,7 +3186,8 @@ function useCardHeaderText(container, opts) {
           }),
           description: intl.formatMessage({
             id: "identities.messages.1080003"
-          })
+          }),
+          messageId: "1080003"
         };
       }
       return {
@@ -3079,7 +3198,7 @@ function useCardHeaderText(container, opts) {
           id: "verification.subtitle"
         })
       };
-    case import_client_fetch26.FlowType.Login: {
+    case import_client_fetch28.FlowType.Login: {
       const accountLinkingMessage = (_a = container.messages) == null ? void 0 : _a.find(
         (m) => m.id === 1010016
       );
@@ -3093,7 +3212,8 @@ function useCardHeaderText(container, opts) {
               id: "identities.messages.1010016"
             },
             accountLinkingMessage.context
-          )
+          ),
+          messageId: "1010016"
         };
       }
     }
@@ -3101,7 +3221,7 @@ function useCardHeaderText(container, opts) {
   const parts = [];
   if (nodes.find((node) => node.group === "password")) {
     switch (opts.flowType) {
-      case import_client_fetch26.FlowType.Registration:
+      case import_client_fetch28.FlowType.Registration:
         parts.push(
           intl.formatMessage(
             { id: "card.header.parts.password.registration" },
@@ -3130,6 +3250,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" }));
   }
@@ -3138,7 +3264,7 @@ function useCardHeaderText(container, opts) {
   }
   if (nodes.find((node) => node.group === "identifier_first")) {
     const identifier = nodes.find(
-      (node) => (0, import_client_fetch26.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
+      (node) => (0, import_client_fetch28.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
     );
     if (identifier) {
       parts.push(
@@ -3154,7 +3280,7 @@ function useCardHeaderText(container, opts) {
     }
   }
   switch (opts.flowType) {
-    case import_client_fetch26.FlowType.Login:
+    case import_client_fetch28.FlowType.Login:
       if (opts.flow.refresh) {
         return {
           title: intl.formatMessage({
@@ -3195,7 +3321,7 @@ function useCardHeaderText(container, opts) {
           }
         ) : ""
       };
-    case import_client_fetch26.FlowType.Registration:
+    case import_client_fetch28.FlowType.Registration:
       return {
         title: intl.formatMessage({
           id: "registration.title"
@@ -3212,7 +3338,7 @@ function useCardHeaderText(container, opts) {
           }
         ) : ""
       };
-    case import_client_fetch26.FlowType.OAuth2Consent:
+    case import_client_fetch28.FlowType.OAuth2Consent:
       return {
         title: intl.formatMessage(
           {
@@ -3239,17 +3365,10 @@ function useCardHeaderText(container, opts) {
 }
 
 // src/theme/default/components/card/current-identifier-button.tsx
-var import_client_fetch27 = require("@ory/client-fetch");
+var import_client_fetch29 = require("@ory/client-fetch");
 var import_elements_react4 = require("@ory/elements-react");
-
-// src/theme/default/assets/icons/arrow-left.svg
-var React3 = __toESM(require("react"));
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var SvgArrowLeft = (props) => {
-  var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime35.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12.325h14m-14 0 6 6m-6-6 6-6" }) });
-};
-var arrow_left_default = SvgArrowLeft;
+var import_react8 = require("react");
+var import_react_hook_form13 = require("react-hook-form");
 
 // src/theme/default/utils/attributes.ts
 function omit(obj, keys) {
@@ -3260,17 +3379,50 @@ function omit(obj, keys) {
   return ret;
 }
 
-// src/theme/default/components/card/current-identifier-button.tsx
-var import_react_hook_form13 = require("react-hook-form");
+// 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
+var React3 = __toESM(require("react"));
 var import_jsx_runtime36 = require("react/jsx-runtime");
+var SvgArrowLeft = (props) => {
+  var _a, _b;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime36.jsx)("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
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function DefaultCurrentIdentifierButton() {
-  const { flow, flowType, config, formState } = (0, import_elements_react4.useOryFlow)();
-  const { setValue } = (0, import_react_hook_form13.useFormContext)();
+  var _a;
+  const { flow, flowType, formState } = (0, import_elements_react4.useOryFlow)();
+  const { setValue, getValues, watch } = (0, import_react_hook_form13.useFormContext)();
+  const [turnstileResponse, setTurnstileResponse] = (0, import_react8.useState)();
+  const config = (0, import_elements_react4.useOryConfiguration)();
   const ui = flow.ui;
+  const captchaVerificationValue = (_a = watch("transient_payload")) == null ? void 0 : _a.captcha_turnstile_response;
+  (0, import_react8.useEffect)(() => {
+    if (captchaVerificationValue) {
+      setTurnstileResponse(captchaVerificationValue);
+    }
+  }, [captchaVerificationValue]);
   if (formState.current === "provide_identifier") {
     return null;
   }
-  if (flowType === import_client_fetch27.FlowType.Login && flow.requested_aal === "aal2") {
+  if (flowType === import_client_fetch29.FlowType.Login && flow.requested_aal === "aal2") {
     return null;
   }
   const nodeBackButton = getBackButtonNodeAttributes(flowType, ui.nodes);
@@ -3281,36 +3433,35 @@ 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__ */ (0, import_jsx_runtime36.jsxs)("form", { action: flow.ui.action, method: flow.ui.method, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("form", { action: flow.ui.action, method: flow.ui.method, children: [
       flow.ui.nodes.filter((n) => {
-        if ((0, import_client_fetch27.isUiNodeInputAttributes)(n.attributes)) {
+        if ((0, import_client_fetch29.isUiNodeInputAttributes)(n.attributes)) {
           return n.attributes.type === "hidden";
         }
         return false;
       }).map((n) => {
         const attrs = n.attributes;
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        let value = getValues(attrs.name) || attrs.value;
+        if (attrs.name === "transient_payload.captcha_turnstile_response" && turnstileResponse) {
+          value = turnstileResponse;
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "input",
           {
             type: "hidden",
             name: attrs.name,
-            value: attrs.value
+            value
           },
           attrs.name
         );
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "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(
@@ -3323,8 +3474,8 @@ function DefaultCurrentIdentifierButton() {
           value: screenSelectionNode.attributes.value,
           title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.value}`,
           "data-testid": `ory/screen/${flowType}/action/restart`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               arrow_left_default,
               {
                 size: 16,
@@ -3332,22 +3483,22 @@ function DefaultCurrentIdentifierButton() {
                 className: "shrink-0 text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime37.jsx)("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__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "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__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           arrow_left_default,
           {
             size: 16,
@@ -3355,7 +3506,7 @@ function DefaultCurrentIdentifierButton() {
             className: "shrink-0 text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("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__ */ (0, import_jsx_runtime37.jsx)("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 })
       ] })
     }
   );
@@ -3364,18 +3515,18 @@ function getBackButtonNodeAttributes(flowType, nodes) {
   var _a, _b;
   let nodeBackButtonAttributes;
   switch (flowType) {
-    case import_client_fetch27.FlowType.Login:
+    case import_client_fetch29.FlowType.Login:
       nodeBackButtonAttributes = (_a = nodes.find(
-        (node) => (0, import_client_fetch27.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "identifier" && ["default", "identifier_first"].includes(node.group)
+        (node) => (0, import_client_fetch29.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "identifier" && ["default", "identifier_first"].includes(node.group)
       )) == null ? void 0 : _a.attributes;
       break;
-    case import_client_fetch27.FlowType.Registration:
+    case import_client_fetch29.FlowType.Registration:
       nodeBackButtonAttributes = guessRegistrationBackButton(nodes);
       break;
-    case import_client_fetch27.FlowType.Recovery:
-    case import_client_fetch27.FlowType.Verification:
+    case import_client_fetch29.FlowType.Recovery:
+    case import_client_fetch29.FlowType.Verification:
       nodeBackButtonAttributes = (_b = nodes.find(
-        (n) => (0, import_client_fetch27.isUiNodeInputAttributes)(n.attributes) && n.attributes.name === "email"
+        (n) => (0, import_client_fetch29.isUiNodeInputAttributes)(n.attributes) && n.attributes.name === "email"
       )) == null ? void 0 : _b.attributes;
       break;
   }
@@ -3392,52 +3543,74 @@ var backButtonCandiates = [
 function guessRegistrationBackButton(uiNodes) {
   var _a;
   return (_a = uiNodes.find(
-    (node) => (0, import_client_fetch27.isUiNodeInputAttributes)(node.attributes) && backButtonCandiates.includes(node.attributes.name) && node.group === "default"
+    (node) => (0, import_client_fetch29.isUiNodeInputAttributes)(node.attributes) && backButtonCandiates.includes(node.attributes.name) && node.group === "default"
   )) == null ? void 0 : _a.attributes;
 }
 
 // src/theme/default/components/card/header.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
-function InnerCardHeader({ title, text }) {
+var import_jsx_runtime38 = require("react/jsx-runtime");
+function InnerCardHeader({
+  title,
+  text,
+  messageId
+}) {
   const { Card } = (0, import_elements_react5.useComponents)();
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Card.Logo, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: text }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DefaultCurrentIdentifierButton, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Card.Logo, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        "p",
+        {
+          className: "leading-normal text-interface-foreground-default-secondary",
+          ...messageId ? (0, import_elements_react5.messageTestId)({ id: messageId }) : {},
+          children: text
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DefaultCurrentIdentifierButton, {})
     ] })
   ] });
 }
 function DefaultCardHeader() {
   const context = (0, import_elements_react5.useOryFlow)();
-  const { title, description } = useCardHeaderText(context.flow.ui, context);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(InnerCardHeader, { title, text: description });
+  const { title, description, messageId } = useCardHeaderText(
+    context.flow.ui,
+    context
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(InnerCardHeader, { title, text: description, messageId });
 }
 
 // src/theme/default/components/card/logo.tsx
 var import_elements_react6 = require("@ory/elements-react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function DefaultCardLogo() {
-  const flow = (0, import_elements_react6.useOryFlow)();
-  if (flow.config.logoUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: flow.config.logoUrl, width: 100, height: 36, alt: "Logo" });
+  const config = (0, import_elements_react6.useOryConfiguration)();
+  if (config.project.logo_light_url) {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      "img",
+      {
+        src: config.project.logo_light_url,
+        width: 100,
+        height: 36,
+        alt: "Logo"
+      }
+    );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: flow.config.name });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: config.project.name });
 }
 
 // src/theme/default/components/card/layout.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function DefaultCardLayout({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("main", { className: "p-4 pb-8 flex items-center justify-center flex-col gap-8 min-h-screen", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("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
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function DefaultCard({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("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__ */ (0, import_jsx_runtime40.jsxs)("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__ */ (0, import_jsx_runtime41.jsx)("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__ */ (0, import_jsx_runtime41.jsxs)("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__ */ (0, import_jsx_runtime40.jsx)(Badge, {})
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Badge, {})
   ] }) });
 }
 
@@ -3451,76 +3624,63 @@ function cn(...inputs) {
 // src/theme/default/components/form/index.tsx
 var import_react_intl13 = require("react-intl");
 var import_elements_react8 = require("@ory/elements-react");
-var import_client_fetch29 = require("@ory/client-fetch");
+var import_client_fetch31 = require("@ory/client-fetch");
 
 // src/theme/default/components/form/social.tsx
 var import_elements_react7 = require("@ory/elements-react");
-var import_react6 = require("react");
+var import_react9 = require("react");
 var import_react_hook_form14 = require("react-hook-form");
 var import_react_intl12 = require("react-intl");
 var import_usehooks_ts = require("usehooks-ts");
 
 // src/theme/default/provider-logos/apple.svg
 var React4 = __toESM(require("react"));
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var SvgApple = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("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__ */ (0, import_jsx_runtime41.jsx)("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__ */ (0, import_jsx_runtime42.jsx)("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__ */ (0, import_jsx_runtime42.jsx)("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
 var React5 = __toESM(require("react"));
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var SvgAuth0 = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("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__ */ (0, import_jsx_runtime42.jsx)("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__ */ (0, import_jsx_runtime43.jsx)("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__ */ (0, import_jsx_runtime43.jsx)("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
 var React6 = __toESM(require("react"));
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var SvgDiscord = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("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__ */ (0, import_jsx_runtime43.jsx)("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__ */ (0, import_jsx_runtime43.jsx)("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" })
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("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__ */ (0, import_jsx_runtime44.jsx)("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__ */ (0, import_jsx_runtime44.jsx)("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
 var React7 = __toESM(require("react"));
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var SvgFacebook = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("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__ */ (0, import_jsx_runtime44.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "url(#facebook_svg__a)" }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("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__ */ (0, import_jsx_runtime44.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("linearGradient", { id: "facebook_svg__a", x1: 16, x2: 16, y1: 2, y2: 29.917, gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("stop", { stopColor: "#18ACFE" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("stop", { offset: 1, stopColor: "#0163E0" })
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("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__ */ (0, import_jsx_runtime45.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "url(#facebook_svg__a)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime45.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("linearGradient", { id: "facebook_svg__a", x1: 16, x2: 16, y1: 2, y2: 29.917, gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("stop", { stopColor: "#18ACFE" }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("stop", { offset: 1, stopColor: "#0163E0" })
     ] }) })
   ] });
 };
 var facebook_default = SvgFacebook;
 
-// src/theme/default/provider-logos/generic.svg
-var React8 = __toESM(require("react"));
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var SvgGeneric = (props) => {
-  var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("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__ */ (0, import_jsx_runtime45.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { d: "M2 12a10 10 0 1 0 20 0 10 10 0 1 0-20 0" }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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
-var React9 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var SvgGithub = (props) => {
   var _a, _b;
@@ -3529,7 +3689,7 @@ var SvgGithub = (props) => {
 var github_default = SvgGithub;
 
 // src/theme/default/provider-logos/gitlab.svg
-var React10 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_jsx_runtime47 = require("react/jsx-runtime");
 var SvgGitlab = (props) => {
   var _a, _b;
@@ -3543,7 +3703,7 @@ var SvgGitlab = (props) => {
 var gitlab_default = SvgGitlab;
 
 // src/theme/default/provider-logos/google.svg
-var React11 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var SvgGoogle = (props) => {
   var _a, _b;
@@ -3557,7 +3717,7 @@ var SvgGoogle = (props) => {
 var google_default = SvgGoogle;
 
 // src/theme/default/provider-logos/linkedin.svg
-var React12 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var SvgLinkedin = (props) => {
   var _a, _b;
@@ -3569,7 +3729,7 @@ var SvgLinkedin = (props) => {
 var linkedin_default = SvgLinkedin;
 
 // src/theme/default/provider-logos/microsoft.svg
-var React13 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var SvgMicrosoft = (props) => {
   var _a, _b;
@@ -3583,7 +3743,7 @@ var SvgMicrosoft = (props) => {
 var microsoft_default = SvgMicrosoft;
 
 // src/theme/default/provider-logos/slack.svg
-var React14 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var SvgSlack = (props) => {
   var _a, _b;
@@ -3597,7 +3757,7 @@ var SvgSlack = (props) => {
 var slack_default = SvgSlack;
 
 // src/theme/default/provider-logos/spotify.svg
-var React15 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_jsx_runtime52 = require("react/jsx-runtime");
 var SvgSpotify = (props) => {
   var _a, _b;
@@ -3609,7 +3769,7 @@ var SvgSpotify = (props) => {
 var spotify_default = SvgSpotify;
 
 // src/theme/default/provider-logos/yandex.svg
-var React16 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var SvgYandex = (props) => {
   var _a, _b;
@@ -3621,7 +3781,7 @@ var SvgYandex = (props) => {
 var yandex_default = SvgYandex;
 
 // src/theme/default/provider-logos/x.svg
-var React17 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var SvgX = (props) => {
   var _a, _b;
@@ -3635,7 +3795,6 @@ var logos = {
   auth0: auth0_default,
   discord: discord_default,
   facebook: facebook_default,
-  generic: generic_default,
   github: github_default,
   gitlab: gitlab_default,
   google: google_default,
@@ -3688,25 +3847,7 @@ function Spinner({ className }) {
 }
 
 // src/theme/default/components/form/social.tsx
-var import_client_fetch28 = require("@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
+var import_client_fetch30 = require("@ory/client-fetch");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function extractProvider(context) {
   if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
@@ -3733,7 +3874,7 @@ function DefaultButtonSocial({
     formState: { isSubmitting }
   } = (0, import_react_hook_form14.useFormContext)();
   const oidcNodeCount = (_a = ui.nodes.filter(
-    (node2) => node2.group === import_client_fetch28.UiNodeGroupEnum.Oidc || node2.group === import_client_fetch28.UiNodeGroupEnum.Saml
+    (node2) => node2.group === import_client_fetch30.UiNodeGroupEnum.Oidc || node2.group === import_client_fetch30.UiNodeGroupEnum.Saml
   ).length) != null ? _a : 0;
   const Logo = logos2[attributes.value.split("-")[0]];
   const showLabel = _showLabel != null ? _showLabel : oidcNodeCount % 3 !== 0 && oidcNodeCount % 4 !== 0;
@@ -3742,7 +3883,7 @@ function DefaultButtonSocial({
     onClick == null ? void 0 : onClick();
     setClicked(true);
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
@@ -3762,7 +3903,7 @@ function DefaultButtonSocial({
       "aria-label": label,
       ...omitInputAttributes(rest),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "size-5 relative", children: !clicked ? Logo ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Logo, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "flex aspect-square items-center justify-center rounded-[999px] border text-xs", children: provider.slice(0, 2) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Spinner, { className: "size-5" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "size-5 relative", children: !clicked ? Logo ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Logo, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(GenericLogo, { label: provider.slice(0, 1) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Spinner, { className: "size-5" }) }),
         showLabel && node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "grow text-center font-medium leading-none text-button-social-foreground-default", children: label }),
           /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "size-5 block" })
@@ -3789,6 +3930,9 @@ function DefaultSocialButtonContainer({
     }
   );
 }
+function GenericLogo({ label }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("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
 var import_jsx_runtime57 = require("react/jsx-runtime");
@@ -3821,7 +3965,7 @@ function DefaultMessageContainer({ children }) {
     "section",
     {
       className: cn(
-        flowType === import_client_fetch29.FlowType.Settings ? "text-center" : "text-left"
+        flowType === import_client_fetch31.FlowType.Settings ? "text-center" : "text-left"
       ),
       children
     }
@@ -3848,7 +3992,7 @@ function DefaultMessage({ message }) {
 var import_react_intl14 = require("react-intl");
 
 // src/theme/default/assets/icons/code.svg
-var React18 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var SvgCode = (props) => {
   var _a, _b;
@@ -3857,7 +4001,7 @@ var SvgCode = (props) => {
 var code_default = SvgCode;
 
 // src/theme/default/assets/icons/passkey.svg
-var React19 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var SvgPasskey = (props) => {
   var _a, _b;
@@ -3866,7 +4010,7 @@ var SvgPasskey = (props) => {
 var passkey_default = SvgPasskey;
 
 // src/theme/default/assets/icons/password.svg
-var React20 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var SvgPassword = (props) => {
   var _a, _b;
@@ -3875,7 +4019,7 @@ var SvgPassword = (props) => {
 var password_default = SvgPassword;
 
 // src/theme/default/assets/icons/webauthn.svg
-var React21 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var SvgWebauthn = (props) => {
   var _a, _b;
@@ -3884,7 +4028,7 @@ var SvgWebauthn = (props) => {
 var webauthn_default = SvgWebauthn;
 
 // src/theme/default/assets/icons/totp.svg
-var React22 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var SvgTotp = (props) => {
   var _a, _b;
@@ -3893,7 +4037,7 @@ var SvgTotp = (props) => {
 var totp_default = SvgTotp;
 
 // src/theme/default/assets/icons/code-asterix.svg
-var React23 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var SvgCodeAsterix = (props) => {
   var _a, _b;
@@ -3973,12 +4117,12 @@ function DefaultAuthMethodListItem({
 }
 
 // src/theme/default/components/form/button.tsx
-var import_client_fetch30 = require("@ory/client-fetch");
+var import_client_fetch32 = require("@ory/client-fetch");
 var import_elements_react9 = require("@ory/elements-react");
 var import_class_variance_authority = require("class-variance-authority");
 var import_react_hook_form15 = require("react-hook-form");
 var import_react_intl15 = require("react-intl");
-var import_react7 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var buttonStyles = (0, import_class_variance_authority.cva)(
   [
@@ -4019,14 +4163,14 @@ var DefaultButton = ({
 }) => {
   var _a;
   const { type, name, value, ...rest } = attributes;
-  const [clicked, setClicked] = (0, import_react7.useState)(false);
+  const [clicked, setClicked] = (0, import_react10.useState)(false);
   const intl = (0, import_react_intl15.useIntl)();
-  const label = (0, import_client_fetch30.getNodeLabel)(node);
+  const label = (0, import_client_fetch32.getNodeLabel)(node);
   const {
     formState: { isSubmitting },
     setValue
   } = (0, import_react_hook_form15.useFormContext)();
-  (0, import_react7.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
@@ -4061,7 +4205,7 @@ var DefaultButton = ({
 DefaultButton.displayName = "DefaultButton";
 
 // src/theme/default/components/form/checkbox.tsx
-var import_client_fetch31 = require("@ory/client-fetch");
+var import_client_fetch33 = require("@ory/client-fetch");
 var import_elements_react10 = require("@ory/elements-react");
 var import_react_hook_form16 = require("react-hook-form");
 var import_react_intl17 = require("react-intl");
@@ -4141,7 +4285,7 @@ var DefaultCheckbox = ({
 }) => {
   const { value, name, ...attributes } = initialAttributes;
   const intl = (0, import_react_intl17.useIntl)();
-  const label = (0, import_client_fetch31.getNodeLabel)(node);
+  const label = (0, import_client_fetch33.getNodeLabel)(node);
   const { register } = (0, import_react_hook_form16.useFormContext)();
   const hasError = node.messages.some((m) => m.type === "error");
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
@@ -4156,6 +4300,7 @@ 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)
         }
       ),
@@ -4181,13 +4326,13 @@ var DefaultCheckbox = ({
 
 // src/theme/default/components/form/group-container.tsx
 var import_elements_react11 = require("@ory/elements-react");
-var import_client_fetch32 = require("@ory/client-fetch");
+var import_client_fetch34 = require("@ory/client-fetch");
 
 // src/util/childCounter.ts
-var import_react8 = require("react");
+var import_react11 = require("react");
 function countRenderableChildren(children) {
-  return import_react8.Children.toArray(children).filter((c) => {
-    if ((0, import_react8.isValidElement)(c)) {
+  return import_react11.Children.toArray(children).filter((c) => {
+    if ((0, import_react11.isValidElement)(c)) {
       return true;
     }
     return false;
@@ -4207,7 +4352,7 @@ function DefaultGroupContainer({ children }) {
     {
       className: cn(
         "grid",
-        flowType === import_client_fetch32.FlowType.OAuth2Consent ? "grid-cols-2 gap-2" : "grid-cols-1 gap-8"
+        flowType === import_client_fetch34.FlowType.OAuth2Consent ? "grid-cols-2 gap-2" : "grid-cols-1 gap-8"
       ),
       children
     }
@@ -4234,14 +4379,14 @@ function DefaultImage({ attributes, node }) {
 }
 
 // src/theme/default/components/form/input.tsx
-var import_client_fetch33 = require("@ory/client-fetch");
+var import_client_fetch35 = require("@ory/client-fetch");
 var import_elements_react12 = require("@ory/elements-react");
-var import_react9 = require("react");
+var import_react12 = require("react");
 var import_react_hook_form17 = require("react-hook-form");
 var import_react_intl18 = require("react-intl");
 
 // src/theme/default/assets/icons/eye-off.svg
-var React24 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var SvgEyeOff = (props) => {
   var _a, _b;
@@ -4250,7 +4395,7 @@ var SvgEyeOff = (props) => {
 var eye_off_default = SvgEyeOff;
 
 // src/theme/default/assets/icons/eye.svg
-var React25 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var SvgEye = (props) => {
   var _a, _b;
@@ -4276,12 +4421,12 @@ var DefaultInput = ({
   attributes,
   onClick
 }) => {
-  const label = (0, import_client_fetch33.getNodeLabel)(node);
+  const label = (0, import_client_fetch35.getNodeLabel)(node);
   const { register } = (0, import_react_hook_form17.useFormContext)();
   const { value, autocomplete, name, maxlength, ...rest } = attributes;
   const intl = (0, import_react_intl18.useIntl)();
   const { flowType } = (0, import_elements_react12.useOryFlow)();
-  const inputRef = (0, import_react9.useRef)(null);
+  const inputRef = (0, import_react12.useRef)(null);
   const formattedLabel = label ? intl.formatMessage(
     {
       id: "input.placeholder",
@@ -4295,7 +4440,7 @@ var DefaultInput = ({
     return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "input",
       {
-        ...rest,
+        ...omitInputAttributes(rest),
         onClick,
         maxLength: maxlength,
         autoComplete: autocomplete,
@@ -4312,7 +4457,7 @@ var DefaultInput = ({
       className: cn(
         "relative flex justify-stretch",
         // The settings flow input fields are supposed to be dense, so we don't need the extra padding we want on the user flows.
-        flowType === import_client_fetch33.FlowType.Settings && "max-w-[488px]"
+        flowType === import_client_fetch35.FlowType.Settings && "max-w-[488px]"
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
@@ -4340,7 +4485,7 @@ var DefaultInput = ({
 function PasswordToggle({
   inputRef
 }) {
-  const [shown, setShown] = (0, import_react9.useState)(false);
+  const [shown, setShown] = (0, import_react12.useState)(false);
   const handleClick = () => {
     setShown(!shown);
     if (inputRef.current) {
@@ -4360,7 +4505,7 @@ function PasswordToggle({
 }
 
 // src/theme/default/components/form/label.tsx
-var import_client_fetch34 = require("@ory/client-fetch");
+var import_client_fetch36 = require("@ory/client-fetch");
 var import_elements_react13 = require("@ory/elements-react");
 var import_react_hook_form18 = require("react-hook-form");
 var import_react_intl19 = require("react-intl");
@@ -4377,9 +4522,10 @@ function DefaultLabel({
   ...rest
 }) {
   const intl = (0, import_react_intl19.useIntl)();
-  const label = (0, import_client_fetch34.getNodeLabel)(node);
+  const label = (0, import_client_fetch36.getNodeLabel)(node);
   const { Message } = (0, import_elements_react13.useComponents)();
-  const { config, flowType, flow } = (0, import_elements_react13.useOryFlow)();
+  const { flowType, flow } = (0, import_elements_react13.useOryFlow)();
+  const config = (0, import_elements_react13.useOryConfiguration)();
   const { setValue, formState } = (0, import_react_hook_form18.useFormContext)();
   const isPassword = attributes.type === "password";
   const resendNode = findResendNode(flow.ui.nodes);
@@ -4402,7 +4548,7 @@ function DefaultLabel({
           children: (0, import_elements_react13.uiTextToFormattedMessage)(label, intl)
         }
       ),
-      isPassword && config.project.recovery_enabled && flowType === import_client_fetch34.FlowType.Login && // TODO: make it possible to override with a custom component
+      isPassword && config.project.recovery_enabled && flowType === import_client_fetch36.FlowType.Login && // TODO: make it possible to override with a custom component
       /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "a",
         {
@@ -4428,19 +4574,19 @@ function DefaultLabel({
     ] }),
     children,
     node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Message.Content, { message }, message.id)),
-    fieldError && (0, import_client_fetch34.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Message.Content, { message: fieldError })
+    fieldError && (0, import_client_fetch36.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Message.Content, { message: fieldError })
   ] });
 }
 
 // src/theme/default/components/form/link-button.tsx
-var import_client_fetch35 = require("@ory/client-fetch");
+var import_client_fetch37 = require("@ory/client-fetch");
 var import_elements_react14 = require("@ory/elements-react");
-var import_react10 = require("react");
+var import_react13 = require("react");
 var import_react_intl20 = require("react-intl");
 var import_jsx_runtime76 = require("react/jsx-runtime");
-var DefaultLinkButton = (0, import_react10.forwardRef)(({ attributes, node }, ref) => {
+var DefaultLinkButton = (0, import_react13.forwardRef)(({ attributes, node }, ref) => {
   const intl = (0, import_react_intl20.useIntl)();
-  const label = (0, import_client_fetch35.getNodeLabel)(node);
+  const label = (0, import_client_fetch37.getNodeLabel)(node);
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "a",
     {
@@ -4462,9 +4608,9 @@ var import_react_hook_form19 = require("react-hook-form");
 
 // src/theme/default/components/form/shadcn/otp-input.tsx
 var import_input_otp = require("input-otp");
-var React26 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var InputOTP = React26.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var InputOTP = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
   import_input_otp.OTPInput,
   {
     ref,
@@ -4477,10 +4623,10 @@ var InputOTP = React26.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React26.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React26.useContext(import_input_otp.OTPInputContext);
+var InputOTPSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React25.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "div",
@@ -4504,7 +4650,7 @@ InputOTPSlot.displayName = "InputOTPSlot";
 
 // src/theme/default/components/form/pin-code-input.tsx
 var import_elements_react15 = require("@ory/elements-react");
-var import_client_fetch36 = require("@ory/client-fetch");
+var import_client_fetch38 = require("@ory/client-fetch");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var DefaultPinCodeInput = ({ attributes }) => {
   const { setValue, watch } = (0, import_react_hook_form19.useFormContext)();
@@ -4528,7 +4674,7 @@ var DefaultPinCodeInput = ({ attributes }) => {
           className: cn(
             "w-full flex gap-2 justify-stretch",
             // The settings flow input fields are supposed to be dense, so we don't need the extra padding we want on the user flows.
-            flowType === import_client_fetch36.FlowType.Settings && "max-w-[488px]"
+            flowType === import_client_fetch38.FlowType.Settings && "max-w-[488px]"
           ),
           children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(InputOTPSlot, { index }, index))
         }
@@ -4626,7 +4772,7 @@ var import_elements_react17 = require("@ory/elements-react");
 var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 
 // src/theme/default/assets/icons/logout.svg
-var React27 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var SvgLogout = (props) => {
   var _a, _b;
@@ -4635,7 +4781,7 @@ var SvgLogout = (props) => {
 var logout_default = SvgLogout;
 
 // src/theme/default/assets/icons/settings.svg
-var React28 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var SvgSettings = (props) => {
   var _a, _b;
@@ -4646,20 +4792,6 @@ var SvgSettings = (props) => {
 };
 var settings_default = SvgSettings;
 
-// src/theme/default/utils/logout.ts
-var import_react11 = require("react");
-function useClientLogout(config) {
-  const [logoutFlow, setLogoutFlow] = (0, import_react11.useState)();
-  const fetchLogoutFlow = (0, import_react11.useCallback)(async () => {
-    const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow();
-    setLogoutFlow(flow);
-  }, [config.sdk.url]);
-  (0, import_react11.useEffect)(() => {
-    void fetchLogoutFlow();
-  }, [fetchLogoutFlow]);
-  return logoutFlow;
-}
-
 // src/theme/default/utils/user.ts
 function isTraitsIndexable(traits) {
   return typeof traits === "object" && traits !== null;
@@ -4700,12 +4832,12 @@ var getUserInitials = (session) => {
 };
 
 // src/theme/default/components/ui/dropdown-menu.tsx
-var import_react12 = require("react");
+var import_react14 = require("react");
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuContent = (0, import_react12.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var DropdownMenuContent = (0, import_react14.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -4720,7 +4852,7 @@ var DropdownMenuContent = (0, import_react12.forwardRef)(({ className, sideOffse
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = (0, import_react12.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var DropdownMenuItem = (0, import_react14.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -4738,7 +4870,7 @@ var DropdownMenuItem = (0, import_react12.forwardRef)(({ className, inset, ...pr
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuLabel = (0, import_react12.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var DropdownMenuLabel = (0, import_react14.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -4753,10 +4885,10 @@ var DropdownMenuLabel = (0, import_react12.forwardRef)(({ className, inset, ...p
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 
 // src/theme/default/components/ui/user-avater.tsx
-var import_react13 = require("react");
+var import_react15 = require("react");
 
 // src/theme/default/assets/icons/user.svg
-var React29 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var SvgUser = (props) => {
   var _a, _b;
@@ -4766,7 +4898,7 @@ var user_default = SvgUser;
 
 // src/theme/default/components/ui/user-avater.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
-var UserAvatar = (0, import_react13.forwardRef)(
+var UserAvatar = (0, import_react15.forwardRef)(
   ({ initials, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "button",
@@ -4797,9 +4929,9 @@ UserAvatar.displayName = "UserAvatar";
 // src/theme/default/components/ui/user-menu.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var UserMenu = ({ session }) => {
-  const { config } = (0, import_elements_react17.useOryFlow)();
+  const config = (0, import_elements_react17.useOryConfiguration)();
   const initials = getUserInitials(session);
-  const logoutFlow = useClientLogout(config);
+  const { logoutFlow } = useClientLogout(config);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(DropdownMenu, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(UserAvatar, { initials, title: "User Menu" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(DropdownMenuContent, { children: [
@@ -4823,24 +4955,48 @@ var UserMenu = ({ session }) => {
 };
 
 // src/theme/default/components/generic/page-header.tsx
-var import_client7 = require("@ory/elements-react/client");
+var import_client4 = require("@ory/elements-react/client");
+var import_react_intl22 = require("react-intl");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var DefaultPageHeader = (_props) => {
+  var _a;
   const { Card } = (0, import_elements_react18.useComponents)();
-  const { session } = (0, import_client7.useSession)();
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("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__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex flex-col gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex max-h-10 flex-1 justify-between gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "relative h-10 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Card.Logo, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(UserMenu, { session })
-  ] }) }) });
+  const { session } = (0, import_client4.useSession)();
+  const intl = (0, import_react_intl22.useIntl)();
+  const { flow } = (0, import_elements_react18.useOryFlow)();
+  const config = (0, import_elements_react18.useOryConfiguration)();
+  const returnUrl = (_a = flow.return_to) != null ? _a : config.project.default_redirect_url;
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("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__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-12", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex max-h-10 flex-1 justify-between gap-2 items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Card.Logo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(UserMenu, { session })
+    ] }),
+    returnUrl && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+      "a",
+      {
+        "data-testid": "ory/screen/settings/back-button",
+        href: returnUrl,
+        className: "inline-flex gap-2 items-center",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(arrow_left_default, {}),
+          " ",
+          intl.formatMessage({
+            id: "settings.navigation-back-button",
+            defaultMessage: "Back"
+          })
+        ]
+      }
+    ) })
+  ] }) });
 };
 
 // src/theme/default/components/settings/settings-oidc.tsx
-var import_react14 = require("react");
+var import_react16 = require("react");
 var import_react_hook_form20 = require("react-hook-form");
 var import_usehooks_ts2 = require("usehooks-ts");
 
 // src/theme/default/assets/icons/trash.svg
-var React30 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var SvgTrash = (props) => {
   var _a, _b;
@@ -4880,7 +5036,7 @@ function DefaultSettingsOidc({
   ] });
 }
 function UnlinkRow({ button }) {
-  var _a, _b;
+  var _a, _b, _c;
   const [clicked, setClicked] = (0, import_usehooks_ts2.useDebounceValue)(false, 100);
   const {
     formState: { isSubmitting }
@@ -4892,20 +5048,21 @@ function UnlinkRow({ button }) {
     button.onClick();
     setClicked(true);
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
   }, [isSubmitting, setClicked]);
+  console.log((_c = button.meta.label) == null ? void 0 : _c.context);
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex justify-between", children: [
     /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-6", children: [
-      Logo ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Logo, { size: 32 }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(provider_logos_default.generic, { size: 32 }),
+      Logo ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Logo, { size: 32 }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(GenericLogo, { label: provider.slice(0, 1) }),
       /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary", children: provider })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       "button",
       {
-        ...attrs,
+        ...omitInputAttributes(attrs),
         type: "submit",
         onClick: localOnClick,
         disabled: isSubmitting,
@@ -5003,7 +5160,7 @@ function DefaultSettingsPasskey({
 }
 
 // src/theme/default/assets/icons/download.svg
-var React31 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var SvgDownload = (props) => {
   var _a, _b;
@@ -5012,7 +5169,7 @@ var SvgDownload = (props) => {
 var download_default = SvgDownload;
 
 // src/theme/default/assets/icons/refresh.svg
-var React32 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var SvgRefresh = (props) => {
   var _a, _b;
@@ -5118,7 +5275,7 @@ function DefaultSettingsRecoveryCodes({
 var import_elements_react20 = require("@ory/elements-react");
 
 // src/theme/default/assets/icons/qrcode.svg
-var React33 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var SvgQrcode = (props) => {
   var _a, _b;
@@ -5226,7 +5383,7 @@ function DefaultSettingsTotp({
 var import_elements_react21 = require("@ory/elements-react");
 
 // src/theme/default/assets/icons/key.svg
-var React34 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var SvgKey = (props) => {
   var _a, _b;
@@ -5338,54 +5495,59 @@ function DefaultAuthMethodListContainer({
 }
 
 // src/theme/default/components/form/captcha.tsx
-var import_client_fetch37 = require("@ory/client-fetch");
+var import_client_fetch39 = require("@ory/client-fetch");
 var import_react_turnstile = require("@marsidev/react-turnstile");
-var import_react15 = require("react");
+var import_react17 = require("react");
 var import_react_hook_form25 = require("react-hook-form");
 var import_jsx_runtime99 = require("react/jsx-runtime");
 var DefaultCaptcha = ({ node }) => {
-  const { setValue } = (0, import_react_hook_form25.useFormContext)();
-  const ref = (0, import_react15.useRef)();
-  const nodes = [];
-  if ((0, import_client_fetch37.isUiNodeInputAttributes)(node.attributes)) {
-    if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
-      nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DefaultInput, { node, attributes: node.attributes }, 1)
-      );
+  const { setValue, formState } = (0, import_react_hook_form25.useFormContext)();
+  const ref = (0, import_react17.useRef)();
+  const prevSubmitCount = (0, import_react17.useRef)(formState.submitCount);
+  (0, import_react17.useEffect)(() => {
+    if (formState.submitCount > prevSubmitCount.current && formState.isSubmitSuccessful) {
+      prevSubmitCount.current = formState.submitCount;
+      setTimeout(() => {
+        if (ref.current) {
+          ref.current.reset();
+        }
+      }, 100);
     }
+  }, [formState.submitCount, formState.isSubmitSuccessful]);
+  if (!(0, import_client_fetch39.isUiNodeInputAttributes)(node.attributes)) {
+    return null;
   }
-  if ((0, import_client_fetch37.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
+  if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DefaultInput, { node, attributes: node.attributes }, 1);
+  } else if (node.attributes.name === "captcha_turnstile_options") {
     const options = JSON.parse(node.attributes.value);
-    nodes.push(
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-        import_react_turnstile.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__ */ (0, import_jsx_runtime99.jsx)(
+      import_react_turnstile.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
-var React35 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var import_jsx_runtime100 = require("react/jsx-runtime");
 var SvgPersonal = (props) => {
   var _a, _b;
@@ -5394,7 +5556,7 @@ var SvgPersonal = (props) => {
 var personal_default = SvgPersonal;
 
 // src/theme/default/assets/icons/message.svg
-var React36 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var import_jsx_runtime101 = require("react/jsx-runtime");
 var SvgMessage = (props) => {
   var _a, _b;
@@ -5403,7 +5565,7 @@ var SvgMessage = (props) => {
 var message_default = SvgMessage;
 
 // src/theme/default/assets/icons/phone.svg
-var React37 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 var import_jsx_runtime102 = require("react/jsx-runtime");
 var SvgPhone = (props) => {
   var _a, _b;
@@ -5412,7 +5574,7 @@ var SvgPhone = (props) => {
 var phone_default = SvgPhone;
 
 // src/theme/default/components/form/consent-scope-checkbox.tsx
-var import_react_intl22 = require("react-intl");
+var import_react_intl23 = require("react-intl");
 var Switch = __toESM(require("@radix-ui/react-switch"));
 var import_jsx_runtime103 = require("react/jsx-runtime");
 var ScopeIcons = {
@@ -5427,7 +5589,7 @@ function DefaultConsentScopeCheckbox({
   onCheckedChange
 }) {
   var _a;
-  const intl = (0, import_react_intl22.useIntl)();
+  const intl = (0, import_react_intl23.useIntl)();
   const Icon = (_a = ScopeIcons[attributes.value]) != null ? _a : personal_default;
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     ListItem,
@@ -5510,9 +5672,10 @@ function getOryComponents(overrides) {
 }
 
 // src/theme/default/flows/error.tsx
-var import_client_fetch38 = require("@ory/client-fetch");
-var import_react16 = require("react");
-var import_react_intl23 = require("react-intl");
+var import_client_fetch40 = require("@ory/client-fetch");
+var import_elements_react22 = require("@ory/elements-react");
+var import_react18 = require("react");
+var import_react_intl24 = require("react-intl");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 function isOAuth2Error(error) {
   return !!error && typeof error === "object" && "error" in error && "error_description" in error;
@@ -5522,7 +5685,7 @@ var errorDescriptions = {
   5: "The server encountered an error and could not complete your request"
 };
 function useStandardize(error) {
-  return (0, import_react16.useMemo)(() => {
+  return (0, import_react18.useMemo)(() => {
     var _a;
     if (isOAuth2Error(error)) {
       return {
@@ -5532,14 +5695,14 @@ function useStandardize(error) {
         timestamp: /* @__PURE__ */ new Date()
       };
     }
-    if ((0, import_client_fetch38.instanceOfFlowError)(error)) {
+    if ((0, import_client_fetch40.instanceOfFlowError)(error)) {
       const parsed = error.error;
       return {
         ...parsed,
         id: error.id,
         timestamp: error.created_at
       };
-    } else if (error.error && (0, import_client_fetch38.instanceOfGenericError)(error.error)) {
+    } else if (error.error && (0, import_client_fetch40.instanceOfGenericError)(error.error)) {
       return {
         code: (_a = error.error.code) != null ? _a : 500,
         message: error.error.message,
@@ -5566,7 +5729,7 @@ 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__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_elements_react22.OryConfigurationProvider, { sdk: config.sdk, project: config.project, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     IntlProvider,
     {
       locale: (_f = (_e = config.intl) == null ? void 0 : _e.locale) != null ? _f : "en",
@@ -5578,22 +5741,22 @@ function Error2({
           "data-testid": "ory/screen/error",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ErrorLogo, { config }),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ErrorLogo, {}),
               /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl23.FormattedMessage, { id: "error.title.what-happened" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.title.what-happened" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: (_h = parsed.message) != null ? _h : description }),
                 parsed.reason && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: parsed.reason })
               ] })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Divider, {}),
             /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl23.FormattedMessage, { id: "error.title.what-can-i-do" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl23.FormattedMessage, { id: "error.instructions" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { children: session ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(LoggedInActions, { config }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(GoBackButton, { config }) })
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.title.what-can-i-do" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.instructions" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { children: session ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(LoggedInActions, {}) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(GoBackButton, {}) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Divider, {}),
             /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "font-normal leading-normal antialiased gap-2 flex flex-col", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "text-interface-foreground-default-primary text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl23.FormattedMessage, { id: "error.footer.text" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "text-interface-foreground-default-primary text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.footer.text" }) }),
               parsed.id && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "ID: ",
                 /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("code", { children: parsed.id })
@@ -5618,7 +5781,7 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
 `;
                     void navigator.clipboard.writeText(text);
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl23.FormattedMessage, { id: "error.footer.copy" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.footer.copy" })
                 }
               ) })
             ] })
@@ -5626,42 +5789,45 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
         }
       ) })
     }
-  );
+  ) });
 }
-function LoggedInActions({ config }) {
-  const logoutFlow = useClientLogout(config);
+function LoggedInActions() {
+  const config = (0, import_elements_react22.useOryConfiguration)();
+  const { logoutFlow } = useClientLogout(config);
   return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "a",
     {
       href: logoutFlow == null ? void 0 : logoutFlow.logout_url,
       className: "text-interface-foreground-default-primary underline",
-      children: "Logout"
+      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "login.logout-button" })
     }
   );
 }
-function GoBackButton({ config }) {
+function GoBackButton() {
+  const config = (0, import_elements_react22.useOryConfiguration)();
   if ("default_redirect_url" in config.project) {
     return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       "a",
       {
         className: "text-interface-foreground-default-primary underline",
         href: config.project.default_redirect_url,
-        children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl23.FormattedMessage, { id: "error.action.go-back" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.action.go-back" })
       }
     );
   }
   return null;
 }
-function ErrorLogo({ config }) {
-  if (config.logoUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("img", { src: config.logoUrl, width: 100, height: 36, alt: "Logo" });
+function ErrorLogo() {
+  const { project } = (0, import_elements_react22.useOryConfiguration)();
+  if (project.logo_light_url) {
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("img", { src: project.logo_light_url, width: 100, height: 36, alt: "Logo" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: config.name });
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: project.name });
 }
 
 // src/theme/default/flows/login.tsx
-var import_client_fetch39 = require("@ory/client-fetch");
-var import_elements_react22 = require("@ory/elements-react");
+var import_client_fetch41 = require("@ory/client-fetch");
+var import_elements_react23 = require("@ory/elements-react");
 var import_jsx_runtime105 = require("react/jsx-runtime");
 function Login({
   flow,
@@ -5671,20 +5837,20 @@ function Login({
 }) {
   const components = getOryComponents(flowOverrideComponents);
   return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
-    import_elements_react22.OryProvider,
+    import_elements_react23.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch39.FlowType.Login,
+      flowType: import_client_fetch41.FlowType.Login,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_elements_react22.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_elements_react23.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/recovery.tsx
-var import_client_fetch40 = require("@ory/client-fetch");
-var import_elements_react23 = require("@ory/elements-react");
+var import_client_fetch42 = require("@ory/client-fetch");
+var import_elements_react24 = require("@ory/elements-react");
 var import_jsx_runtime106 = require("react/jsx-runtime");
 function Recovery({
   flow,
@@ -5694,20 +5860,20 @@ function Recovery({
 }) {
   const components = getOryComponents(flowOverrideComponents);
   return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-    import_elements_react23.OryProvider,
+    import_elements_react24.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch40.FlowType.Recovery,
+      flowType: import_client_fetch42.FlowType.Recovery,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_elements_react23.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_elements_react24.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/registration.tsx
-var import_client_fetch41 = require("@ory/client-fetch");
-var import_elements_react24 = require("@ory/elements-react");
+var import_client_fetch43 = require("@ory/client-fetch");
+var import_elements_react25 = require("@ory/elements-react");
 var import_jsx_runtime107 = require("react/jsx-runtime");
 function Registration({
   flow,
@@ -5717,20 +5883,20 @@ function Registration({
 }) {
   const components = getOryComponents(flowOverrideComponents);
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-    import_elements_react24.OryProvider,
+    import_elements_react25.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch41.FlowType.Registration,
+      flowType: import_client_fetch43.FlowType.Registration,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_elements_react24.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_elements_react25.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/settings.tsx
-var import_client_fetch42 = require("@ory/client-fetch");
-var import_elements_react25 = require("@ory/elements-react");
+var import_client_fetch44 = require("@ory/client-fetch");
+var import_elements_react26 = require("@ory/elements-react");
 var import_jsx_runtime108 = require("react/jsx-runtime");
 function Settings({
   flow,
@@ -5740,23 +5906,23 @@ function Settings({
 }) {
   const components = getOryComponents(flowOverrideComponents);
   return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
-    import_elements_react25.OryProvider,
+    import_elements_react26.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch42.FlowType.Settings,
+      flowType: import_client_fetch44.FlowType.Settings,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_elements_react25.HeadlessPageHeader, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_elements_react25.OrySettingsCard, {})
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_elements_react26.HeadlessPageHeader, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_elements_react26.OrySettingsCard, {})
       ] })
     }
   );
 }
 
 // src/theme/default/flows/verification.tsx
-var import_client_fetch43 = require("@ory/client-fetch");
-var import_elements_react26 = require("@ory/elements-react");
+var import_client_fetch45 = require("@ory/client-fetch");
+var import_elements_react27 = require("@ory/elements-react");
 var import_jsx_runtime109 = require("react/jsx-runtime");
 function Verification({
   flow,
@@ -5766,23 +5932,23 @@ function Verification({
 }) {
   const components = getOryComponents(flowOverrideComponents);
   return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
-    import_elements_react26.OryProvider,
+    import_elements_react27.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch43.FlowType.Verification,
+      flowType: import_client_fetch45.FlowType.Verification,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_elements_react26.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_elements_react27.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/consent.tsx
-var import_client_fetch45 = require("@ory/client-fetch");
-var import_elements_react27 = require("@ory/elements-react");
+var import_client_fetch47 = require("@ory/client-fetch");
+var import_elements_react28 = require("@ory/elements-react");
 
 // src/theme/default/utils/oauth2.ts
-var import_client_fetch44 = require("@ory/client-fetch");
+var import_client_fetch46 = require("@ory/client-fetch");
 var rememberCheckbox = {
   type: "input",
   group: "oauth2_consent",
@@ -5790,7 +5956,7 @@ var rememberCheckbox = {
     label: {
       id: 9999111,
       text: "Remember my decision",
-      type: import_client_fetch44.UiTextTypeEnum.Info
+      type: import_client_fetch46.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -5809,7 +5975,7 @@ var acceptButton = {
     label: {
       id: 9999111,
       text: "Accept",
-      type: import_client_fetch44.UiTextTypeEnum.Info
+      type: import_client_fetch46.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -5828,7 +5994,7 @@ var rejectButton = {
     label: {
       id: 9999111,
       text: "Reject",
-      type: import_client_fetch44.UiTextTypeEnum.Info
+      type: import_client_fetch46.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -5875,7 +6041,7 @@ function scopesToUiNodes(scopes) {
       label: {
         id: 9999111,
         text: scope,
-        type: import_client_fetch44.UiTextTypeEnum.Info
+        type: import_client_fetch46.UiTextTypeEnum.Info
       }
     },
     attributes: {
@@ -5938,13 +6104,13 @@ function Consent({
     session
   );
   return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
-    import_elements_react27.OryProvider,
+    import_elements_react28.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch45.FlowType.OAuth2Consent,
+      flowType: import_client_fetch47.FlowType.OAuth2Consent,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_elements_react27.OryConsentCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_elements_react28.OryConsentCard, {})
     }
   );
 }