@ory/elements-react 0.0.0-pr.7af5f16 → 0.0.0-pr.827df319

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { UiNodeGroupEnum, isUiNodeInputAttributes, isUiNodeAnchorAttributes, isUiNodeImageAttributes, isUiNodeScriptAttributes, FlowType, UiNodeInputAttributesTypeEnum, isUiNodeTextAttributes, handleContinueWith, handleFlowError, settingsUrl, isResponseError, loginUrl, recoveryUrl, verificationUrl, registrationUrl, Configuration, FrontendApi, instanceOfContinueWithRecoveryUi } from '@ory/client-fetch';
-import { createContext, useContext, useState, useMemo, useReducer, useRef, useEffect } from 'react';
+import { UiNodeGroupEnum, isUiNodeInputAttributes, isUiNodeAnchorAttributes, isUiNodeImageAttributes, isUiNodeScriptAttributes, FlowType, getNodeId, Configuration, FrontendApi, isUiNodeTextAttributes, UiNodeInputAttributesTypeEnum, handleContinueWith, isResponseError as isResponseError$1, loginUrl, settingsUrl, registrationUrl, FetchError, ResponseError, recoveryUrl, instanceOfContinueWithRecoveryUi, verificationUrl as verificationUrl$1 } from '@ory/client-fetch';
+import { createContext, useContext, useRef, useState, useMemo, useReducer, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useIntl, IntlProvider as IntlProvider$1 } from 'react-intl';
 import { useFormContext, useForm, FormProvider } from 'react-hook-form';
@@ -48,13 +48,18 @@ var defaultNodeOrder = [
 ];
 function defaultNodeSorter(a, b) {
   var _a, _b;
+  const aIsCaptcha = a.group === "captcha";
+  const bIsCaptcha = b.group === "captcha";
+  const aIsSubmit = isUiNodeInputAttributes(a.attributes) && a.attributes.type === "submit";
+  const bIsSubmit = isUiNodeInputAttributes(b.attributes) && b.attributes.type === "submit";
+  if (aIsCaptcha && bIsSubmit) {
+    return -1;
+  }
+  if (bIsCaptcha && aIsSubmit) {
+    return 1;
+  }
   const aGroupWeight = (_a = defaultNodeOrder.indexOf(a.group)) != null ? _a : 999;
   const bGroupWeight = (_b = defaultNodeOrder.indexOf(b.group)) != null ? _b : 999;
-  if (b.group === "captcha" && isUiNodeInputAttributes(a.attributes) && a.attributes.type === "submit") {
-    return aGroupWeight - (bGroupWeight - 2);
-  } else if (a.group === "captcha" && isUiNodeInputAttributes(b.attributes) && b.attributes.type === "submit") {
-    return aGroupWeight - 2 - bGroupWeight;
-  }
   return aGroupWeight - bGroupWeight;
 }
 var defaultGroupOrder = [
@@ -92,28 +97,10 @@ function OryComponentProvider({
     }
   );
 }
-function isChoosingMethod(flow) {
-  return flow.flow.ui.nodes.some(
-    (node) => "name" in node.attributes && node.attributes.name === "screen" && "value" in node.attributes && node.attributes.value === "previous"
-  ) || flow.flow.ui.nodes.some(
-    (node) => node.group === UiNodeGroupEnum.IdentifierFirst && "name" in node.attributes && node.attributes.name === "identifier" && node.attributes.type === "hidden"
-  ) || flow.flowType === FlowType.Login && flow.flow.requested_aal === "aal2";
-}
-function removeSsoNodes(nodes) {
-  return nodes.filter(
-    (node) => !(node.group === UiNodeGroupEnum.Oidc || node.group === UiNodeGroupEnum.Saml)
-  );
-}
-function getFinalNodes(uniqueGroups, selectedGroup) {
-  var _a, _b, _c, _d;
-  const selectedNodes = selectedGroup ? (_a = uniqueGroups[selectedGroup]) != null ? _a : [] : [];
-  return [
-    ...(_b = uniqueGroups == null ? void 0 : uniqueGroups.identifier_first) != null ? _b : [],
-    ...(_c = uniqueGroups == null ? void 0 : uniqueGroups.default) != null ? _c : [],
-    ...(_d = uniqueGroups == null ? void 0 : uniqueGroups.captcha) != null ? _d : []
-  ].flat().filter(
-    (node) => "type" in node.attributes && node.attributes.type === "hidden"
-  ).concat(selectedNodes);
+
+// src/theme/default/utils/form.ts
+function isGroupImmediateSubmit(group) {
+  return group === "code";
 }
 function triggerToWindowCall(trigger) {
   if (!trigger) {
@@ -225,6 +212,93 @@ function useNodesGroups(nodes, { omit } = {}) {
 var findNode = (nodes, opt) => nodes.find((n) => {
   return n.attributes.node_type === opt.node_type && (opt.group instanceof RegExp ? n.group.match(opt.group) : n.group === opt.group) && (opt.name && n.attributes.node_type === "input" ? opt.name instanceof RegExp ? n.attributes.name.match(opt.name) : n.attributes.name === opt.name : !opt.name);
 });
+function useFunctionalNodes(nodes) {
+  return nodes.filter(
+    ({ group }) => [
+      UiNodeGroupEnum.Default,
+      UiNodeGroupEnum.IdentifierFirst,
+      UiNodeGroupEnum.Profile,
+      UiNodeGroupEnum.Captcha
+    ].includes(group)
+  );
+}
+function isUiNodeGroupEnum(method) {
+  return Object.values(UiNodeGroupEnum).includes(method);
+}
+function isSingleSignOnNode(node) {
+  return node.group === UiNodeGroupEnum.Oidc || node.group === UiNodeGroupEnum.Saml;
+}
+function hasSingleSignOnNodes(nodes) {
+  return nodes.some(isSingleSignOnNode);
+}
+function withoutSingleSignOnNodes(nodes) {
+  return nodes.filter((node) => !isSingleSignOnNode(node));
+}
+function isNodeVisible(node) {
+  if (isUiNodeScriptAttributes(node.attributes)) {
+    return false;
+  } else if (isUiNodeInputAttributes(node.attributes)) {
+    if (node.attributes.type === "hidden") {
+      return false;
+    }
+  }
+  return true;
+}
+function useNodeGroupsWithVisibleNodes(nodes) {
+  return useMemo(() => {
+    var _a, _b;
+    const groups = {};
+    const groupRetained = {};
+    for (const node of nodes) {
+      const groupNodes = (_a = groups[node.group]) != null ? _a : [];
+      const groupCount = (_b = groupRetained[node.group]) != null ? _b : 0;
+      groupNodes.push(node);
+      groups[node.group] = groupNodes;
+      if (!isNodeVisible(node)) {
+        continue;
+      }
+      groupRetained[node.group] = groupCount + 1;
+    }
+    const finalGroups = {};
+    for (const [group, count] of Object.entries(groupRetained)) {
+      if (count > 0) {
+        finalGroups[group] = groups[group];
+      }
+    }
+    return finalGroups;
+  }, [nodes]);
+}
+
+// src/components/card/two-step/utils.ts
+function isChoosingMethod(flow) {
+  return flow.flow.ui.nodes.some(
+    (node) => "name" in node.attributes && node.attributes.name === "screen" && "value" in node.attributes && node.attributes.value === "previous"
+  ) || flow.flow.ui.nodes.some(
+    (node) => node.group === UiNodeGroupEnum.IdentifierFirst && "name" in node.attributes && node.attributes.name === "identifier" && node.attributes.type === "hidden"
+  ) || flow.flowType === FlowType.Login && flow.flow.requested_aal === "aal2";
+}
+function getFinalNodes(uniqueGroups, selectedGroup) {
+  var _a, _b, _c, _d;
+  const selectedNodes = selectedGroup ? (_a = uniqueGroups[selectedGroup]) != null ? _a : [] : [];
+  return [
+    ...(_b = uniqueGroups == null ? void 0 : uniqueGroups.identifier_first) != null ? _b : [],
+    ...(_c = uniqueGroups == null ? void 0 : uniqueGroups.default) != null ? _c : [],
+    ...(_d = uniqueGroups == null ? void 0 : uniqueGroups.captcha) != null ? _d : []
+  ].flat().filter(
+    (node) => "type" in node.attributes && node.attributes.type === "hidden"
+  ).concat(selectedNodes);
+}
+var handleAfterFormSubmit = (dispatchFormState) => (method) => {
+  if (typeof method !== "string" || !isUiNodeGroupEnum(method)) {
+    return;
+  }
+  if (isGroupImmediateSubmit(method)) {
+    dispatchFormState({
+      type: "action_select_method",
+      method
+    });
+  }
+};
 
 // src/context/form-state.ts
 function findMethodWithMessage(nodes) {
@@ -246,9 +320,9 @@ function parseStateFromFlow(flow) {
         return { current: "method_active", method: "code" };
       } else if (methodWithMessage) {
         return { current: "method_active", method: methodWithMessage.group };
-      } else if (flow.flow.active && !["default", "identifier_first", "oidc", "saml"].includes(
-        flow.flow.active
-      )) {
+      } else if ((_a = flow.flow.ui.messages) == null ? void 0 : _a.some((m) => m.id === 1010016)) {
+        return { current: "select_method" };
+      } else if (flow.flow.active && !["default", "identifier_first"].includes(flow.flow.active)) {
         return { current: "method_active", method: flow.flow.active };
       } else if (isChoosingMethod(flow)) {
         const authMethods = nodesToAuthMethodGroups(flow.flow.ui.nodes);
@@ -256,8 +330,6 @@ function parseStateFromFlow(flow) {
           return { current: "method_active", method: authMethods[0] };
         }
         return { current: "select_method" };
-      } else if ((_a = flow.flow.ui.messages) == null ? void 0 : _a.some((m) => m.id === 1010016)) {
-        return { current: "select_method" };
       }
       return { current: "provide_identifier" };
     }
@@ -286,14 +358,20 @@ function useFormStateReducer(flow) {
   const formStateReducer = (state, action2) => {
     switch (action2.type) {
       case "action_flow_update": {
-        if (selectedMethod)
+        if (selectedMethod) {
           return { current: "method_active", method: selectedMethod };
+        }
         return parseStateFromFlow(action2.flow);
       }
       case "action_select_method": {
         setSelectedMethod(action2.method);
         return { current: "method_active", method: action2.method };
       }
+      case "action_clear_active_method": {
+        return {
+          current: "select_method"
+        };
+      }
     }
     return state;
   };
@@ -332,6 +410,110 @@ function OryFlowProvider({
     }
   );
 }
+
+// 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;
+}
+function frontendClient(sdkUrl, opts = {}) {
+  const config = new Configuration({
+    ...opts,
+    basePath: sdkUrl,
+    credentials: "include",
+    headers: {
+      Accept: "application/json",
+      ...opts.headers
+    }
+  });
+  return new FrontendApi(config);
+}
+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"
+};
+function useOryConfiguration() {
+  const configCtx = useContext(OryConfigurationContext);
+  return {
+    sdk: {
+      ...configCtx.sdk,
+      frontend: frontendClient(configCtx.sdk.url, configCtx.sdk.options)
+    },
+    project: {
+      ...configCtx.project
+    }
+  };
+}
+var OryConfigurationContext = createContext({
+  sdk: computeSdkConfig({}),
+  project: defaultProject
+});
+function OryConfigurationProvider({
+  children,
+  sdk: initialConfig,
+  project
+}) {
+  const configRef = useRef({
+    sdk: computeSdkConfig(initialConfig),
+    project: {
+      ...defaultProject,
+      ...project
+    }
+  });
+  return /* @__PURE__ */ jsx(OryConfigurationContext.Provider, { value: configRef.current, children });
+}
+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."
+  );
+}
 function mergeTranslations(customTranslations) {
   return Object.keys(customTranslations).reduce((acc, key) => {
     acc[key] = { ...OryLocales[key], ...customTranslations[key] };
@@ -361,17 +543,18 @@ var IntlProvider = ({
 function OryProvider({
   children,
   components: Components,
+  config,
   ...oryFlowProps
 }) {
   var _a, _b, _c;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(OryConfigurationProvider, { sdk: config.sdk, project: config.project, children: /* @__PURE__ */ jsx(
     IntlProvider,
     {
-      locale: (_b = (_a = oryFlowProps.config.intl) == null ? void 0 : _a.locale) != null ? _b : "en",
-      customTranslations: (_c = oryFlowProps.config.intl) == null ? void 0 : _c.customTranslations,
+      locale: (_b = (_a = config.intl) == null ? void 0 : _a.locale) != null ? _b : "en",
+      customTranslations: (_c = config.intl) == null ? void 0 : _c.customTranslations,
       children: /* @__PURE__ */ jsx(OryFlowProvider, { ...oryFlowProps, children: /* @__PURE__ */ jsx(OryComponentProvider, { components: Components, children }) })
     }
-  );
+  ) });
 }
 function OryCardHeader() {
   const { Card } = useComponents();
@@ -491,31 +674,143 @@ function OryCardContent({ children }) {
   return /* @__PURE__ */ jsx(Card.Content, { children });
 }
 
-// src/theme/default/utils/form.ts
-function isGroupImmediateSubmit(group) {
-  return group === "code";
-}
-function frontendClient(sdkUrl, opts = {}) {
-  const config = new Configuration({
-    ...opts,
-    basePath: sdkUrl,
-    headers: {
-      Accept: "application/json",
-      ...opts.headers
-    }
-  });
-  return new FrontendApi(config);
-}
-
 // src/util/internal.ts
 function replaceWindowFlowId(flow) {
   const url = new URL(window.location.href);
   url.searchParams.set("flow", flow);
   window.location.href = url.toString();
 }
+function isGenericErrorResponse(response) {
+  return typeof response === "object" && !!response && "error" in response && typeof response.error === "object" && !!response.error && "id" in response.error;
+}
+function isNeedsPrivilegedSessionError(response) {
+  return isGenericErrorResponse(response) && response.error.id === "session_refresh_required";
+}
+function isSelfServiceFlowExpiredError(response) {
+  return isGenericErrorResponse(response) && response.error.id === "self_service_flow_expired";
+}
+function isBrowserLocationChangeRequired(response) {
+  return isGenericErrorResponse(response) && isGenericErrorResponse(response) && response.error.id === "browser_location_change_required";
+}
+function isAddressNotVerified(response) {
+  return isGenericErrorResponse(response) && response.error.id === "session_verified_address_required";
+}
+function isCsrfError(response) {
+  return isGenericErrorResponse(response) && response.error.id === "security_csrf_violation";
+}
+var isResponseError = (err) => {
+  if (err instanceof ResponseError) {
+    return true;
+  }
+  return typeof err === "object" && !!err && "name" in err && err.name === "ResponseError";
+};
+var isFetchError = (err) => {
+  return err instanceof FetchError;
+};
+
+// src/util/sdk-helpers/urlHelpers.ts
+var verificationUrl = (config) => config.sdk.url + "/self-service/verification/browser";
+var handleFlowError = (opts) => async (err) => {
+  var _a;
+  if (!isResponseError(err)) {
+    if (isFetchError(err)) {
+      throw new FetchError(
+        err,
+        "Unable to call the API endpoint. Ensure that CORS is set up correctly and that you have provided a valid SDK URL to Ory Elements."
+      );
+    }
+    throw err;
+  }
+  const contentType = err.response.headers.get("content-type") || "";
+  if (contentType.includes("application/json")) {
+    const body = await toBody(err.response);
+    if (isSelfServiceFlowExpiredError(body)) {
+      opts.onRestartFlow(body.use_flow_id);
+      return;
+    } else if (isAddressNotVerified(body)) {
+      for (const continueWith of ((_a = body.error.details) == null ? void 0 : _a.continue_with) || []) {
+        if (continueWith.action === "show_verification_ui" && continueWith.flow.url) {
+          opts.onRedirect(continueWith.flow.url, true);
+          return;
+        }
+      }
+      opts.onRedirect(verificationUrl(opts.config), true);
+      return;
+    } else if (isBrowserLocationChangeRequired(body) && body.redirect_browser_to) {
+      opts.onRedirect(body.redirect_browser_to, true);
+      return;
+    } else if (isNeedsPrivilegedSessionError(body) && body.redirect_browser_to) {
+      opts.onRedirect(body.redirect_browser_to, true);
+      return;
+    } else if (isCsrfError(body)) {
+      opts.onRestartFlow();
+      return;
+    }
+    switch (err.response.status) {
+      case 404:
+        opts.onRestartFlow();
+        return;
+      case 410:
+        opts.onRestartFlow();
+        return;
+      case 400:
+        return opts.onValidationError(
+          await err.response.json()
+        );
+      case 403:
+        opts.onRestartFlow();
+        return;
+      case 422: {
+        throw new ResponseError(
+          err.response,
+          "The API returned an error code indicating a required redirect, but the SDK is outdated and does not know how to handle the action. Received response: " + await err.response.json()
+        );
+      }
+    }
+    throw new ResponseError(
+      err.response,
+      "The Ory API endpoint returned a response code the SDK does not know how to handle. Please check the network tab for more information. Received response: " + await err.response.json()
+    );
+  } else if (
+    // Not a JSON response? If it's a text response we will return an error informing the user that the response is not JSON.
+    contentType.includes("text/") || contentType.includes("html") || contentType.includes("xml")
+  ) {
+    await logResponseError(err.response, true);
+    throw new ResponseError(
+      err.response,
+      `The Ory API endpoint returned an unexpected HTML or text response. Check your console output for details.`
+    );
+  }
+  await logResponseError(err.response, false);
+  throw new ResponseError(
+    err.response,
+    "The Ory API endpoint returned unexpected content type `" + contentType + "`.  Check your console output for details."
+  );
+};
+async function toBody(response) {
+  try {
+    return await response.clone().json();
+  } catch (e) {
+    await logResponseError(response, true, [e]);
+    throw new ResponseError(
+      response,
+      "Unable to decode API response using JSON."
+    );
+  }
+}
+async function logResponseError(response, printBody, wrap) {
+  console.error("Unable to decode API response", {
+    response: {
+      status: response.status,
+      headers: Object.fromEntries(response.headers.entries()),
+      body: printBody ? await response.clone().text() : void 0
+    },
+    errors: wrap
+  });
+}
 
 // src/util/onSubmitLogin.ts
-async function onSubmitLogin({ config, flow }, {
+async function onSubmitLogin({ flow }, config, {
   setFlowContainer,
   body,
   onRedirect
@@ -544,27 +839,21 @@ async function onSubmitLogin({ config, flow }, {
       },
       onValidationError: (body2) => {
         setFlowContainer({
-          config,
           flow: body2,
           flowType: FlowType.Login
         });
       },
-      onRedirect
+      onRedirect,
+      config
     })
   );
 }
-async function onSubmitRecovery({ config, flow }, {
+async function onSubmitRecovery({ flow }, config, {
   setFlowContainer,
   body,
   onRedirect
 }) {
-  var _a;
-  if (!config.sdk.url) {
-    throw new Error(
-      `Please supply your Ory Network SDK url to the Ory Elements configuration.`
-    );
-  }
-  await frontendClient(config.sdk.url, (_a = config.sdk.options) != null ? _a : {}).updateRecoveryFlowRaw({
+  await config.sdk.frontend.updateRecoveryFlowRaw({
     flow: flow.id,
     updateRecoveryFlowBody: body
   }).then(async (res) => {
@@ -577,8 +866,7 @@ async function onSubmitRecovery({ config, flow }, {
     }
     setFlowContainer({
       flow: flow2,
-      flowType: FlowType.Recovery,
-      config
+      flowType: FlowType.Recovery
     });
   }).catch(
     handleFlowError({
@@ -596,12 +884,12 @@ async function onSubmitRecovery({ config, flow }, {
         } else {
           setFlowContainer({
             flow: body2,
-            flowType: FlowType.Recovery,
-            config
+            flowType: FlowType.Recovery
           });
         }
       },
-      onRedirect
+      onRedirect,
+      config
     })
   );
 }
@@ -618,19 +906,12 @@ function handleContinueWithRecoveryUIError(error, config, onRedirect) {
   }
   onRedirect(recoveryUrl(config), true);
 }
-async function onSubmitRegistration({ config, flow }, {
+async function onSubmitRegistration({ flow }, config, {
   setFlowContainer,
   body,
   onRedirect
 }) {
-  var _a;
-  if (!config.sdk.url) {
-    throw new Error(
-      `Please supply your Ory Network SDK url to the Ory Elements configuration.`
-    );
-  }
-  const client = frontendClient(config.sdk.url, (_a = config.sdk.options) != null ? _a : {});
-  await client.updateRegistrationFlowRaw({
+  await config.sdk.frontend.updateRegistrationFlowRaw({
     flow: flow.id,
     updateRegistrationFlowBody: body
   }).then(async (res) => {
@@ -654,27 +935,20 @@ async function onSubmitRegistration({ config, flow }, {
       onValidationError: (body2) => {
         setFlowContainer({
           flow: body2,
-          flowType: FlowType.Registration,
-          config
+          flowType: FlowType.Registration
         });
       },
-      onRedirect
+      onRedirect,
+      config
     })
   );
 }
-async function onSubmitSettings({ config, flow }, {
+async function onSubmitSettings({ flow }, config, {
   setFlowContainer,
   body,
   onRedirect
 }) {
-  var _a;
-  if (!config.sdk.url) {
-    throw new Error(
-      `Please supply your Ory Network SDK url to the Ory Elements configuration.`
-    );
-  }
-  const client = frontendClient(config.sdk.url, (_a = config.sdk.options) != null ? _a : {});
-  await client.updateSettingsFlowRaw({
+  await config.sdk.frontend.updateSettingsFlowRaw({
     flow: flow.id,
     updateSettingsFlowBody: body
   }).then(async (res) => {
@@ -687,8 +961,7 @@ async function onSubmitSettings({ config, flow }, {
     }
     setFlowContainer({
       flow: body2,
-      flowType: FlowType.Settings,
-      config
+      flowType: FlowType.Settings
     });
   }).catch(
     handleFlowError({
@@ -702,14 +975,14 @@ async function onSubmitSettings({ config, flow }, {
       onValidationError: (body2) => {
         setFlowContainer({
           flow: body2,
-          flowType: FlowType.Settings,
-          config
+          flowType: FlowType.Settings
         });
       },
-      onRedirect
+      onRedirect,
+      config
     })
   ).catch((err) => {
-    if (isResponseError(err)) {
+    if (isResponseError$1(err)) {
       if (err.response.status === 401) {
         return onRedirect(
           loginUrl(config) + "?return_to=" + settingsUrl(config),
@@ -720,25 +993,18 @@ async function onSubmitSettings({ config, flow }, {
     }
   });
 }
-async function onSubmitVerification({ config, flow }, {
+async function onSubmitVerification({ flow }, config, {
   setFlowContainer,
   body,
   onRedirect
 }) {
-  var _a;
-  if (!config.sdk.url) {
-    throw new Error(
-      `Please supply your Ory Network SDK URL to the Ory Elements configuration.`
-    );
-  }
-  await frontendClient(config.sdk.url, (_a = config.sdk.options) != null ? _a : {}).updateVerificationFlowRaw({
+  await config.sdk.frontend.updateVerificationFlowRaw({
     flow: flow.id,
     updateVerificationFlowBody: body
   }).then(
     async (res) => setFlowContainer({
       flow: await res.value(),
-      flowType: FlowType.Verification,
-      config
+      flowType: FlowType.Verification
     })
   ).catch(
     handleFlowError({
@@ -746,17 +1012,17 @@ async function onSubmitVerification({ config, flow }, {
         if (useFlowId) {
           replaceWindowFlowId(useFlowId);
         } else {
-          onRedirect(verificationUrl(config), true);
+          onRedirect(verificationUrl$1(config), true);
         }
       },
       onValidationError: (body2) => {
         setFlowContainer({
           flow: body2,
-          flowType: FlowType.Verification,
-          config
+          flowType: FlowType.Verification
         });
       },
-      onRedirect
+      onRedirect,
+      config
     })
   );
 }
@@ -766,6 +1032,7 @@ var supportsSelectAccountPrompt = ["google", "github"];
 function useOryFormSubmit(onAfterSubmit) {
   const flowContainer = useOryFlow();
   const methods = useFormContext();
+  const config = useOryConfiguration();
   const handleSuccess = (flow) => {
     flowContainer.setFlowContainer(flow);
     methods.reset(computeDefaultValues(flow.flow.ui.nodes));
@@ -782,7 +1049,7 @@ function useOryFormSubmit(onAfterSubmit) {
         if (submitData.method === "code" && data.code) {
           submitData.resend = "";
         }
-        await onSubmitLogin(flowContainer, {
+        await onSubmitLogin(flowContainer, config, {
           onRedirect,
           setFlowContainer: handleSuccess,
           body: submitData
@@ -796,7 +1063,7 @@ function useOryFormSubmit(onAfterSubmit) {
         if (submitData.method === "code" && submitData.code) {
           submitData.resend = "";
         }
-        await onSubmitRegistration(flowContainer, {
+        await onSubmitRegistration(flowContainer, config, {
           onRedirect,
           setFlowContainer: handleSuccess,
           body: submitData
@@ -804,7 +1071,7 @@ function useOryFormSubmit(onAfterSubmit) {
         break;
       }
       case FlowType.Verification:
-        await onSubmitVerification(flowContainer, {
+        await onSubmitVerification(flowContainer, config, {
           onRedirect,
           setFlowContainer: handleSuccess,
           body: data
@@ -817,7 +1084,7 @@ function useOryFormSubmit(onAfterSubmit) {
         if (data.code) {
           submitData.email = "";
         }
-        await onSubmitRecovery(flowContainer, {
+        await onSubmitRecovery(flowContainer, config, {
           onRedirect,
           setFlowContainer: handleSuccess,
           body: submitData
@@ -845,7 +1112,7 @@ function useOryFormSubmit(onAfterSubmit) {
         if ("passkey_remove" in submitData) {
           submitData.method = "passkey";
         }
-        await onSubmitSettings(flowContainer, {
+        await onSubmitSettings(flowContainer, config, {
           onRedirect,
           setFlowContainer: handleSuccess,
           body: submitData
@@ -892,6 +1159,9 @@ function OryForm({
   const onSubmit = useOryFormSubmit(onAfterSubmit);
   const hasMethods = flowContainer.flow.ui.nodes.some((node) => {
     if (isUiNodeInputAttributes(node.attributes)) {
+      if (node.attributes.type === "hidden") {
+        return false;
+      }
       return node.attributes.name !== "csrf_token";
     } else if (isUiNodeAnchorAttributes(node.attributes)) {
       return true;
@@ -911,12 +1181,9 @@ function OryForm({
       }),
       type: "error"
     };
-    return /* @__PURE__ */ jsxs("div", { className: "grid gap-8", "data-testid": dataTestId, children: [
-      /* @__PURE__ */ jsx(Message.Root, { children: /* @__PURE__ */ jsx(Message.Content, { message: m }, m.id) }),
-      /* @__PURE__ */ jsx(OryCardFooter, {})
-    ] });
+    return /* @__PURE__ */ jsx("div", { "data-testid": dataTestId, children: /* @__PURE__ */ jsx(Message.Root, { children: /* @__PURE__ */ jsx(Message.Content, { message: m }, m.id) }) });
   }
-  if (flowContainer.flowType === FlowType.Login && flowContainer.formState.current === "method_active" && flowContainer.formState.method === "code") {
+  if ((flowContainer.flowType === FlowType.Login || flowContainer.flowType === FlowType.Registration) && flowContainer.formState.current === "method_active" && flowContainer.formState.method === "code") {
     methods.setValue("method", "code");
   }
   return /* @__PURE__ */ jsx(
@@ -970,10 +1237,7 @@ var NodeInput = ({
   const isResendNode = ((_a = node.meta.label) == null ? void 0 : _a.id) === 1070008;
   const isScreenSelectionNode = "name" in node.attributes && node.attributes.name === "screen";
   const setFormValue = () => {
-    if (isResendNode || isScreenSelectionNode || node.group === UiNodeGroupEnum.Oauth2Consent) {
-      return;
-    }
-    if (attrs.value !== void 0) {
+    if (attrs.value && !(isResendNode || isScreenSelectionNode || node.group === UiNodeGroupEnum.Oauth2Consent)) {
       setValue(attrs.name, attrs.value);
     }
   };
@@ -1015,7 +1279,20 @@ var NodeInput = ({
     case UiNodeInputAttributesTypeEnum.Submit:
     case UiNodeInputAttributesTypeEnum.Button:
       if (isSocial) {
-        return null;
+        return /* @__PURE__ */ jsx(
+          Node2.OidcButton,
+          {
+            node,
+            attributes: attrs,
+            onClick: () => {
+              setValue(
+                "provider",
+                node.attributes.value
+              );
+              setValue("method", node.group);
+            }
+          }
+        );
       }
       if (isResendNode || isScreenSelectionNode) {
         return null;
@@ -1105,6 +1382,37 @@ var Node = ({ node, onClick }) => {
   }
   return null;
 };
+function OryTwoStepCardStateMethodActive({
+  formState
+}) {
+  const { Form } = useComponents();
+  const { flow, flowType, dispatchFormState } = useOryFlow();
+  const { ui } = flow;
+  const nodeSorter = useNodeSorter();
+  const sortNodes = (a, b) => nodeSorter(a, b, { flowType });
+  const groupsToShow = useNodeGroupsWithVisibleNodes(ui.nodes);
+  const finalNodes = getFinalNodes(groupsToShow, formState.method);
+  return /* @__PURE__ */ jsxs(OryCard, { children: [
+    /* @__PURE__ */ jsx(OryCardHeader, {}),
+    /* @__PURE__ */ jsxs(OryCardContent, { children: [
+      /* @__PURE__ */ jsx(OryCardValidationMessages, {}),
+      /* @__PURE__ */ jsx(
+        OryForm,
+        {
+          "data-testid": `ory/form/methods/local`,
+          onAfterSubmit: handleAfterFormSubmit(dispatchFormState),
+          children: /* @__PURE__ */ jsxs(Form.Group, { children: [
+            ui.nodes.filter(
+              (n) => isUiNodeScriptAttributes(n.attributes) || n.group === UiNodeGroupEnum.Default || n.group === UiNodeGroupEnum.Profile
+            ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)),
+            finalNodes.sort(sortNodes).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(OryCardFooter, {})
+  ] });
+}
 function OryFormOidcButtons() {
   const {
     flow: { ui }
@@ -1117,7 +1425,7 @@ function OryFormOidcButtons() {
   if (filteredNodes.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Form.OidcRoot, { nodes: filteredNodes, children: filteredNodes.map((node, k) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Form.OidcRoot, { nodes: filteredNodes, children: filteredNodes.map((node) => /* @__PURE__ */ jsx(
     Node2.OidcButton,
     {
       node,
@@ -1130,13 +1438,15 @@ function OryFormOidcButtons() {
         setValue("method", node.group);
       }
     },
-    k
+    getNodeId(node)
   )) });
 }
 function OryFormSocialButtonsForm() {
   const {
-    flow: { ui }
+    flow: { ui },
+    formState
   } = useOryFlow();
+  console.log(formState);
   const filteredNodes = ui.nodes.filter(
     (node) => node.group === UiNodeGroupEnum.Saml || node.group === UiNodeGroupEnum.Oidc
   );
@@ -1145,24 +1455,71 @@ function OryFormSocialButtonsForm() {
   }
   return /* @__PURE__ */ jsx(OryFormProvider, { children: /* @__PURE__ */ jsx(OryForm, { "data-testid": `ory/form/methods/oidc-saml`, children: /* @__PURE__ */ jsx(OryFormOidcButtons, {}) }) });
 }
-function isUINodeGroupEnum(method) {
-  return Object.values(UiNodeGroupEnum).includes(method);
-}
-function OryTwoStepCard() {
-  var _a, _b, _c, _d;
+function OryTwoStepCardStateProvideIdentifier() {
   const { Form, Card } = useComponents();
-  const { flow, flowType, formState, dispatchFormState } = useOryFlow();
-  const { ui } = flow;
+  const { flowType, flow, dispatchFormState } = useOryFlow();
   const nodeSorter = useNodeSorter();
   const sortNodes = (a, b) => nodeSorter(a, b, { flowType });
-  const groupsToShow = useNodesGroups(ui.nodes, {
-    // We only want to render groups that have visible elements.
-    omit: ["script", "input_hidden"]
-  });
-  const authMethodBlocks = Object.fromEntries(
+  const nonSsoNodes = withoutSingleSignOnNodes(flow.ui.nodes).sort(sortNodes);
+  const hasSso = flow.ui.nodes.filter(isNodeVisible).some(
+    (node) => node.group === UiNodeGroupEnum.Oidc || node.group === UiNodeGroupEnum.Saml
+  );
+  const showSsoDivider = hasSso && nonSsoNodes.some(isNodeVisible);
+  return /* @__PURE__ */ jsxs(OryCard, { children: [
+    /* @__PURE__ */ jsx(OryCardHeader, {}),
+    /* @__PURE__ */ jsxs(OryCardContent, { children: [
+      /* @__PURE__ */ jsx(OryCardValidationMessages, {}),
+      /* @__PURE__ */ jsx(OryFormSocialButtonsForm, {}),
+      /* @__PURE__ */ jsx(
+        OryForm,
+        {
+          "data-testid": `ory/form/methods/local`,
+          onAfterSubmit: handleAfterFormSubmit(dispatchFormState),
+          children: /* @__PURE__ */ jsxs(Form.Group, { children: [
+            showSsoDivider && /* @__PURE__ */ jsx(Card.Divider, {}),
+            nonSsoNodes.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(OryCardFooter, {})
+  ] });
+}
+function AuthMethodList({
+  options,
+  setSelectedGroup
+}) {
+  const { Card } = useComponents();
+  const { setValue, getValues } = useFormContext();
+  if (Object.entries(options).length === 0) {
+    return null;
+  }
+  const handleClick = (group, options2) => {
+    var _a, _b, _c, _d;
+    if (isGroupImmediateSubmit(group)) {
+      if (group === "code" && !getValues("identifier") && ((_b = (_a = options2 == null ? void 0 : options2.title) == null ? void 0 : _a.values) == null ? void 0 : _b.address)) {
+        setValue("identifier", (_d = (_c = options2 == null ? void 0 : options2.title) == null ? void 0 : _c.values) == null ? void 0 : _d.address);
+      }
+      setValue("method", group);
+    } else {
+      setSelectedGroup(group);
+    }
+  };
+  return /* @__PURE__ */ jsx(Card.AuthMethodListContainer, { children: Object.entries(options).map(([group, options2]) => /* @__PURE__ */ jsx(
+    Card.AuthMethodListItem,
+    {
+      group,
+      title: options2.title,
+      onClick: () => handleClick(group, options2)
+    },
+    group
+  )) });
+}
+function toAuthMethodPickerOptions(visibleGroups) {
+  return Object.fromEntries(
     Object.values(UiNodeGroupEnum).filter((group) => {
-      var _a2;
-      return (_a2 = groupsToShow.groups[group]) == null ? void 0 : _a2.length;
+      var _a;
+      return (_a = visibleGroups[group]) == null ? void 0 : _a.length;
     }).filter(
       (group) => ![
         UiNodeGroupEnum.Oidc,
@@ -1174,16 +1531,18 @@ function OryTwoStepCard() {
       ].includes(group)
     ).map((g) => [g, {}])
   );
-  const authMethodAdditionalNodes = ui.nodes.filter(
-    ({ group }) => [
-      UiNodeGroupEnum.Oidc,
-      UiNodeGroupEnum.Saml,
-      UiNodeGroupEnum.Default,
-      UiNodeGroupEnum.IdentifierFirst,
-      UiNodeGroupEnum.Profile,
-      UiNodeGroupEnum.Captcha
-    ].includes(group)
-  );
+}
+function OryTwoStepCardStateSelectMethod() {
+  var _a, _b, _c, _d;
+  const { Form, Card, Message } = useComponents();
+  const { flow, flowType, dispatchFormState } = useOryFlow();
+  const { ui } = flow;
+  const intl = useIntl();
+  const nodeSorter = useNodeSorter();
+  const sortNodes = (a, b) => nodeSorter(a, b, { flowType });
+  const visibleGroups = useNodeGroupsWithVisibleNodes(ui.nodes);
+  const authMethodBlocks = toAuthMethodPickerOptions(visibleGroups);
+  const authMethodAdditionalNodes = useFunctionalNodes(ui.nodes);
   if (UiNodeGroupEnum.Code in authMethodBlocks) {
     let identifier = (_b = (_a = findNode(ui.nodes, {
       group: "identifier_first",
@@ -1204,99 +1563,58 @@ function OryTwoStepCard() {
       };
     }
   }
-  const nonSsoNodes = removeSsoNodes(ui.nodes);
-  const finalNodes = formState.current === "method_active" ? getFinalNodes(groupsToShow.groups, formState.method) : [];
-  const handleAfterFormSubmit = (method) => {
-    if (typeof method !== "string" || !isUINodeGroupEnum(method)) {
-      return;
-    }
-    if (isGroupImmediateSubmit(method)) {
-      dispatchFormState({
-        type: "action_select_method",
-        method
-      });
-    }
+  const noMethods = {
+    id: 5000002,
+    text: intl.formatMessage({
+      id: `identities.messages.5000002`,
+      defaultMessage: "No authentication methods are available for this request. Please contact the site or app owner."
+    }),
+    type: "error"
   };
-  const hasSso = ui.nodes.some(
-    (node) => node.group === UiNodeGroupEnum.Oidc || node.group === UiNodeGroupEnum.Saml
-  );
-  const showSso = !(formState.current === "method_active" && !(formState.method === UiNodeGroupEnum.Oidc || formState.method === UiNodeGroupEnum.Saml));
-  const showSsoDivider = hasSso && nonSsoNodes.filter((n) => {
-    if (isUiNodeInputAttributes(n.attributes)) {
-      return n.attributes.type !== UiNodeInputAttributesTypeEnum.Hidden;
-    } else if (isUiNodeScriptAttributes(n.attributes)) {
-      return false;
-    }
-    return true;
-  }).length > 0;
   return /* @__PURE__ */ jsxs(OryCard, { children: [
     /* @__PURE__ */ jsx(OryCardHeader, {}),
     /* @__PURE__ */ jsxs(OryCardContent, { children: [
       /* @__PURE__ */ jsx(OryCardValidationMessages, {}),
-      showSso && /* @__PURE__ */ jsx(OryFormSocialButtonsForm, {}),
-      /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(OryFormSocialButtonsForm, {}),
+      Object.entries(authMethodBlocks).length > 0 ? /* @__PURE__ */ jsx(
         OryForm,
         {
           "data-testid": `ory/form/methods/local`,
-          onAfterSubmit: handleAfterFormSubmit,
-          children: [
-            formState.current === "provide_identifier" && /* @__PURE__ */ jsxs(Form.Group, { children: [
-              showSsoDivider && /* @__PURE__ */ jsx(Card.Divider, {}),
-              nonSsoNodes.sort(sortNodes).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
-            ] }),
-            formState.current === "select_method" && Object.entries(authMethodBlocks).length > 0 && /* @__PURE__ */ jsxs(Form.Group, { children: [
-              Object.entries(authMethodBlocks).length > 0 && /* @__PURE__ */ jsx(Card.Divider, {}),
-              Object.entries(authMethodBlocks).length > 0 && /* @__PURE__ */ jsx(
-                AuthMethodList,
-                {
-                  options: authMethodBlocks,
-                  setSelectedGroup: (group) => dispatchFormState({
-                    type: "action_select_method",
-                    method: group
-                  })
-                }
-              ),
-              authMethodAdditionalNodes.sort(sortNodes).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
-            ] }),
-            formState.current === "method_active" && finalNodes.length > 0 && /* @__PURE__ */ jsxs(Form.Group, { children: [
-              ui.nodes.filter(
-                (n) => isUiNodeScriptAttributes(n.attributes) || n.group === UiNodeGroupEnum.Captcha || n.group === UiNodeGroupEnum.Default || n.group === UiNodeGroupEnum.Profile
-              ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)),
-              finalNodes.sort(sortNodes).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
-            ] }),
-            /* @__PURE__ */ jsx(OryCardFooter, {})
-          ]
+          onAfterSubmit: handleAfterFormSubmit(dispatchFormState),
+          children: /* @__PURE__ */ jsxs(Form.Group, { children: [
+            /* @__PURE__ */ jsx(Card.Divider, {}),
+            /* @__PURE__ */ jsx(
+              AuthMethodList,
+              {
+                options: authMethodBlocks,
+                setSelectedGroup: (group) => dispatchFormState({
+                  type: "action_select_method",
+                  method: group
+                })
+              }
+            ),
+            authMethodAdditionalNodes.sort(sortNodes).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+          ] })
         }
-      )
-    ] })
+      ) : !hasSingleSignOnNodes(ui.nodes) && /* @__PURE__ */ jsx("div", { "data-testid": `ory/form/methods/local`, children: /* @__PURE__ */ jsx(Message.Root, { children: /* @__PURE__ */ jsx(Message.Content, { message: noMethods }, noMethods.id) }) })
+    ] }),
+    /* @__PURE__ */ jsx(OryCardFooter, {})
   ] });
 }
-function AuthMethodList({ options, setSelectedGroup }) {
-  const { Card } = useComponents();
-  const { setValue, getValues } = useFormContext();
-  if (Object.entries(options).length === 0) {
-    return null;
+function OryTwoStepCard() {
+  const { formState } = useOryFlow();
+  switch (formState.current) {
+    case "provide_identifier":
+      return /* @__PURE__ */ jsx(OryTwoStepCardStateProvideIdentifier, {});
+    case "select_method":
+      return /* @__PURE__ */ jsx(OryTwoStepCardStateSelectMethod, {});
+    case "method_active":
+      return /* @__PURE__ */ jsx(OryTwoStepCardStateMethodActive, { formState });
   }
-  const handleClick = (group, options2) => {
-    var _a, _b, _c, _d;
-    if (isGroupImmediateSubmit(group)) {
-      if (group === "code" && !getValues("identifier") && ((_b = (_a = options2 == null ? void 0 : options2.title) == null ? void 0 : _a.values) == null ? void 0 : _b.address)) {
-        setValue("identifier", (_d = (_c = options2 == null ? void 0 : options2.title) == null ? void 0 : _c.values) == null ? void 0 : _d.address);
-      }
-      setValue("method", group);
-    } else {
-      setSelectedGroup(group);
-    }
-  };
-  return /* @__PURE__ */ jsx(Card.AuthMethodListContainer, { children: Object.entries(options).map(([group, options2]) => /* @__PURE__ */ jsx(
-    Card.AuthMethodListItem,
-    {
-      group,
-      title: options2.title,
-      onClick: () => handleClick(group, options2)
-    },
-    group
-  )) });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    "unknown form state: ",
+    formState.current
+  ] });
 }
 function OryFormGroups({ groups }) {
   const {
@@ -1306,8 +1624,8 @@ function OryFormGroups({ groups }) {
   const { flowType } = useOryFlow();
   const { Form } = useComponents();
   const nodes = ui.nodes.filter((node) => groups.indexOf(node.group) > -1).sort((a, b) => nodeSorter(a, b, { flowType }));
-  return /* @__PURE__ */ jsx(Form.Group, { children: nodes.map((node, k) => {
-    return /* @__PURE__ */ jsx(Node, { node }, k);
+  return /* @__PURE__ */ jsx(Form.Group, { children: nodes.map((node) => {
+    return /* @__PURE__ */ jsx(Node, { node }, getNodeId(node));
   }) });
 }
 function OryFormSection({
@@ -1343,7 +1661,7 @@ function OryConsentCard() {
     /* @__PURE__ */ jsx(OryCardHeader, {}),
     /* @__PURE__ */ jsx(OryCardContent, { children: /* @__PURE__ */ jsxs(OryForm, { children: [
       /* @__PURE__ */ jsx(Card.Divider, {}),
-      /* @__PURE__ */ jsx(Form.Group, { children: flow.flow.ui.nodes.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)) }),
+      /* @__PURE__ */ jsx(Form.Group, { children: flow.flow.ui.nodes.map((node) => /* @__PURE__ */ jsx(Node, { node }, getNodeId(node))) }),
       /* @__PURE__ */ jsx(Card.Divider, {}),
       /* @__PURE__ */ jsx(OryCardFooter, {})
     ] }) })
@@ -1714,7 +2032,7 @@ function SettingsSectionContent({ group, nodes }) {
         "data-testid": "ory/screen/settings/group/totp",
         children: [
           /* @__PURE__ */ jsx(OrySettingsTotp, { nodes: (_a = groupedNodes.groups.totp) != null ? _a : [] }),
-          (_b = groupedNodes.groups.default) == null ? void 0 : _b.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+          (_b = groupedNodes.groups.default) == null ? void 0 : _b.map((node) => /* @__PURE__ */ jsx(Node, { node }, getNodeId(node)))
         ]
       }
     );
@@ -1732,7 +2050,7 @@ function SettingsSectionContent({ group, nodes }) {
               nodes: (_c = groupedNodes.groups.lookup_secret) != null ? _c : []
             }
           ),
-          (_d = groupedNodes.groups.default) == null ? void 0 : _d.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+          (_d = groupedNodes.groups.default) == null ? void 0 : _d.map((node) => /* @__PURE__ */ jsx(Node, { node }, getNodeId(node)))
         ]
       }
     );
@@ -1745,7 +2063,7 @@ function SettingsSectionContent({ group, nodes }) {
         "data-testid": "ory/screen/settings/group/oidc",
         children: [
           /* @__PURE__ */ jsx(OrySettingsOidc, { nodes: (_e = groupedNodes.groups.oidc) != null ? _e : [] }),
-          (_f = groupedNodes.groups.default) == null ? void 0 : _f.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+          (_f = groupedNodes.groups.default) == null ? void 0 : _f.map((node) => /* @__PURE__ */ jsx(Node, { node }, getNodeId(node)))
         ]
       }
     );
@@ -1758,7 +2076,7 @@ function SettingsSectionContent({ group, nodes }) {
         "data-testid": "ory/screen/settings/group/webauthn",
         children: [
           /* @__PURE__ */ jsx(OrySettingsWebauthn, { nodes: (_g = groupedNodes.groups.webauthn) != null ? _g : [] }),
-          (_h = groupedNodes.groups.default) == null ? void 0 : _h.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+          (_h = groupedNodes.groups.default) == null ? void 0 : _h.map((node) => /* @__PURE__ */ jsx(Node, { node }, getNodeId(node)))
         ]
       }
     );
@@ -1771,7 +2089,7 @@ function SettingsSectionContent({ group, nodes }) {
         "data-testid": "ory/screen/settings/group/passkey",
         children: [
           /* @__PURE__ */ jsx(OrySettingsPasskey, { nodes: (_i = groupedNodes.groups.passkey) != null ? _i : [] }),
-          (_j = groupedNodes.groups.default) == null ? void 0 : _j.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+          (_j = groupedNodes.groups.default) == null ? void 0 : _j.map((node) => /* @__PURE__ */ jsx(Node, { node }, getNodeId(node)))
         ]
       }
     );
@@ -1792,16 +2110,16 @@ function SettingsSectionContent({ group, nodes }) {
               id: `settings.${group}.description`
             }),
             children: [
-              (_k = groupedNodes.groups.default) == null ? void 0 : _k.map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)),
+              (_k = groupedNodes.groups.default) == null ? void 0 : _k.map((node) => /* @__PURE__ */ jsx(Node, { node }, getNodeId(node))),
               nodes.filter(
                 (node) => "type" in node.attributes && node.attributes.type !== "submit"
-              ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
+              ).map((node) => /* @__PURE__ */ jsx(Node, { node }, getNodeId(node)))
             ]
           }
         ),
         /* @__PURE__ */ jsx(Card.SettingsSectionFooter, { children: nodes.filter(
           (node) => "type" in node.attributes && node.attributes.type === "submit"
-        ).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)) })
+        ).map((node) => /* @__PURE__ */ jsx(Node, { node }, getNodeId(node))) })
       ]
     }
   );
@@ -1815,7 +2133,7 @@ function OrySettingsCard() {
   const scriptNodes = onlyScriptNodes(flow.ui.nodes);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(OryCardValidationMessages, {}),
-    scriptNodes.map((n) => /* @__PURE__ */ jsx(Node, { node: n })),
+    scriptNodes.map((n) => /* @__PURE__ */ jsx(Node, { node: n }, getNodeId(n))),
     uniqueGroups.entries.map(([group, nodes]) => {
       if (group === UiNodeGroupEnum.Default) {
         return null;
@@ -2122,9 +2440,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}",
@@ -2357,28 +2677,30 @@ var de_default = {
   "login.cancel-label": "Nicht das richtige Konto?",
   "identities.messages.1010023": "Code an {address} senden",
   "identities.messages.1010016": "Sie haben versucht, sich mit \u201E{duplicateIdentifier}\u201C anzumelden, aber diese E-Mail-Adresse wird bereits von einem anderen Konto verwendet. \nMelden Sie sich mit einer der folgenden Optionen bei Ihrem Konto an, um Ihr Konto \u201E{duplicateIdentifier}\u201C bei \u201E{provider}\u201C als weitere Anmeldem\xF6glichkeit hinzuzuf\xFCgen.",
-  "identities.messages.1010017": "",
-  "identities.messages.1010018": "",
-  "identities.messages.1010019": "",
+  "identities.messages.1010017": "Anmelden und verbinden",
+  "identities.messages.1010018": "Mit {provider} best\xE4tigen",
+  "identities.messages.1010019": "Code senden um fortzufahren",
   "identities.messages.1010020": "",
-  "identities.messages.1010021": "",
-  "identities.messages.1010022": "",
-  "identities.messages.1040007": "",
-  "identities.messages.1040008": "",
-  "identities.messages.1040009": "",
+  "identities.messages.1010021": "Mit Paskey anmelden",
+  "identities.messages.1010022": "Mit Passwort anmelden",
+  "identities.messages.1040007": "Mit Passkey registrieren",
+  "identities.messages.1040008": "Zur\xFCck",
+  "identities.messages.1040009": "Bitte w\xE4hlen Sie eine Authentifizierungsmethode, um fortzufahren.",
   "identities.messages.1050019": "Passkey hinzuf\xFCgen",
-  "identities.messages.1050020": "",
-  "identities.messages.4000037": "",
-  "identities.messages.4010009": "",
-  "identities.messages.4010010": "",
+  "identities.messages.1050020": 'Passkey "{display_name}" entfernen',
+  "identities.messages.4000037": "F\xFCr die eingegebenen Daten existiert kein Account",
+  "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",
@@ -2471,7 +2793,6 @@ var es_default = {
   "error.back-button": "Regresar",
   "error.description": "Ocurri\xF3 un error con el siguiente mensaje:",
   "error.support-email-link": "Si el problema persiste, por favor contacte a <a>{contactSupportEmail}</a>",
-  "error.title": "",
   "error.title-internal-server-error": "Error Interno del Servidor",
   "error.title-not-found": "404 - P\xE1gina no encontrada",
   "identities.messages.1010001": "Iniciar sesi\xF3n",
@@ -2646,45 +2967,6 @@ var es_default = {
   "two-step.totp.description": "Utilice un c\xF3digo de un solo uso de 6 d\xEDgitos de su aplicaci\xF3n de autenticaci\xF3n",
   "two-step.lookup_secret.title": "C\xF3digo de recuperaci\xF3n de respaldo",
   "two-step.lookup_secret.description": "Utilice uno de sus c\xF3digos de respaldo de 8 d\xEDgitos para autenticarse",
-  "identities.messages.1010016": "",
-  "identities.messages.1010017": "",
-  "identities.messages.1010018": "",
-  "identities.messages.1010019": "",
-  "identities.messages.1010020": "",
-  "identities.messages.1010021": "",
-  "identities.messages.1010022": "",
-  "identities.messages.1010023": "",
-  "identities.messages.1040007": "",
-  "identities.messages.1040008": "",
-  "identities.messages.1040009": "",
-  "identities.messages.1050019": "",
-  "identities.messages.1050020": "",
-  "identities.messages.1070014": "",
-  "identities.messages.1070015": "",
-  "identities.messages.4000037": "",
-  "identities.messages.4000038": "",
-  "identities.messages.4010009": "",
-  "identities.messages.4010010": "",
-  "login.cancel-button": "",
-  "login.cancel-label": "",
-  "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": "",
-  "forms.label.forgot-password": "",
-  "login.subtitle": "",
-  "login.subtitle-refresh": "",
-  "misc.or": "",
-  "recovery.subtitle": "",
-  "registration.subtitle": "",
-  "settings.subtitle": "",
-  "verification.subtitle": "",
   "settings.totp.info.linked": "Actualmente tienes una aplicaci\xF3n de autenticaci\xF3n conectada.",
   "settings.totp.info.not-linked": "Para habilitar, escanea el c\xF3digo QR con tu autenticador e ingresa el c\xF3digo.",
   "settings.totp.title": "Aplicaci\xF3n Autenticadora",
@@ -2702,25 +2984,6 @@ var es_default = {
   "settings.profile.title": "Configuraci\xF3n de Perfil",
   "settings.webauthn.description": "Administra la configuraci\xF3n de tu token de hardware",
   "settings.webauthn.title": "Gestionar Tokens de Hardware",
-  "settings.oidc.info": "",
-  "settings.passkey.info": "",
-  "settings.title-lookup-secret": "",
-  "settings.title-navigation": "",
-  "settings.title-oidc": "",
-  "settings.title-passkey": "",
-  "settings.title-password": "",
-  "settings.title-profile": "",
-  "settings.title-totp": "",
-  "settings.title-webauthn": "",
-  "settings.webauthn.info": "",
-  "card.footer.select-another-method": "",
-  "account-linking.title": "",
-  "property.code": "",
-  "property.email": "",
-  "property.identifier": "",
-  "property.password": "",
-  "property.phone": "",
-  "property.username": "",
   "consent.title": "Autorizar {party}",
   "consent.subtitle": "Una aplicaci\xF3n de terceros quiere acceder a la informaci\xF3n asociada a su cuenta {identifier}.",
   "consent.scope.openid.title": "Identidad",
@@ -2735,12 +2998,73 @@ var es_default = {
   "consent.scope.address.description": "Acceda a su direcci\xF3n postal.",
   "consent.scope.phone.title": "N\xFAmero de tel\xE9fono",
   "consent.scope.phone.description": "Recupere su n\xFAmero de tel\xE9fono y su estado de verificaci\xF3n.",
-  "error.action.go-back": "",
-  "error.footer.copy": "",
-  "error.footer.text": "",
-  "error.instructions": "",
-  "error.title.what-can-i-do": "",
-  "error.title.what-happened": ""
+  "error.title": "Ocurri\xF3 un error",
+  "identities.messages.1010016": 'Intentaste iniciar sesi\xF3n con "{duplicateIdentifier}", pero ese correo electr\xF3nico ya est\xE1 en uso por otra cuenta. Inicia sesi\xF3n en tu cuenta con una de las opciones a continuaci\xF3n para agregar tu cuenta "{duplicateIdentifier}" en "{provider}" como otra forma de iniciar sesi\xF3n.',
+  "identities.messages.1010017": "Iniciar sesi\xF3n y vincular",
+  "identities.messages.1010018": "Confirmar con {provider}",
+  "identities.messages.1010019": "Solicitar c\xF3digo para continuar",
+  "identities.messages.1010021": "Iniciar sesi\xF3n con clave de acceso",
+  "identities.messages.1010022": "Iniciar sesi\xF3n con contrase\xF1a",
+  "identities.messages.1010023": "Enviar c\xF3digo a {address}",
+  "identities.messages.1040007": "Registrarse con clave de acceso",
+  "identities.messages.1040008": "Atr\xE1s",
+  "identities.messages.1040009": "Por favor, elige una credencial para autenticarte.",
+  "identities.messages.1050019": "Agregar clave de acceso",
+  "identities.messages.1070014": "Iniciar sesi\xF3n y vincular credencial",
+  "identities.messages.1070015": "Por favor, completa el desaf\xEDo captcha para continuar.",
+  "identities.messages.4000037": "Esta cuenta no existe o no tiene ning\xFAn m\xE9todo de inicio de sesi\xF3n configurado.",
+  "identities.messages.4000038": "Fall\xF3 la verificaci\xF3n de Captcha, por favor intenta de nuevo.",
+  "identities.messages.4010009": "Las credenciales vinculadas no coinciden.",
+  "identities.messages.4010010": "La direcci\xF3n que ingresaste no coincide con ninguna direcci\xF3n conocida en la cuenta actual.",
+  "login.cancel-button": "Cancelar",
+  "login.cancel-label": "\xBFNo es la cuenta correcta?",
+  "login.subtitle": "Iniciar sesi\xF3n con {parts}",
+  "login.subtitle-refresh": "Confirma tu identidad con {parts}",
+  "recovery.subtitle": "Ingresa la direcci\xF3n de correo electr\xF3nico asociada con tu cuenta para recibir un c\xF3digo de acceso \xFAnico",
+  "registration.subtitle": "Registrarse con {parts}",
+  "settings.subtitle": "Actualiza la configuraci\xF3n de tu cuenta",
+  "settings.title-lookup-secret": "Administrar c\xF3digos de recuperaci\xF3n de respaldo 2FA",
+  "settings.title-navigation": "Configuraci\xF3n de la cuenta",
+  "settings.title-oidc": "Inicio de sesi\xF3n social",
+  "settings.title-password": "Cambiar contrase\xF1a",
+  "settings.title-profile": "Configuraci\xF3n del perfil",
+  "settings.title-totp": "Administrar la aplicaci\xF3n de autenticaci\xF3n 2FA TOTP",
+  "settings.title-webauthn": "Administrar tokens de hardware",
+  "settings.title-passkey": "Administrar claves de acceso",
+  "verification.subtitle": "Ingresa la direcci\xF3n de correo electr\xF3nico asociada con tu cuenta para verificarla",
+  "input.placeholder": "Ingresa tu {placeholder}",
+  "card.header.parts.oidc": "un proveedor social",
+  "card.header.parts.password.registration": "tu {identifierLabel} y una contrase\xF1a",
+  "card.header.parts.password.login": "tu {identifierLabel} y contrase\xF1a",
+  "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}",
+  "misc.or": "o",
+  "forms.label.forgot-password": "\xBFOlvidaste tu contrase\xF1a?",
+  "settings.oidc.info": "Las cuentas conectadas de estos proveedores se pueden utilizar para iniciar sesi\xF3n en tu cuenta",
+  "settings.webauthn.info": "Los tokens de hardware se utilizan para la autenticaci\xF3n de segundo factor o como primer factor con las claves de acceso",
+  "settings.passkey.info": "Administra la configuraci\xF3n de tus claves de acceso",
+  "card.footer.select-another-method": "Seleccionar otro m\xE9todo",
+  "account-linking.title": "Vincular cuenta",
+  "property.password": "contrase\xF1a",
+  "property.email": "correo electr\xF3nico",
+  "property.phone": "tel\xE9fono",
+  "property.username": "nombre de usuario",
+  "property.identifier": "identificador",
+  "property.code": "c\xF3digo",
+  "error.title.what-happened": "\xBFQu\xE9 pas\xF3?",
+  "error.title.what-can-i-do": "\xBFQu\xE9 puedo hacer?",
+  "error.instructions": "Por favor, int\xE9ntalo de nuevo en unos minutos o contacta al operador del sitio web.",
+  "error.footer.text": "Al informar este error, incluye la siguiente informaci\xF3n:",
+  "error.footer.copy": "Copiar",
+  "error.action.go-back": "Regresar",
+  "identities.messages.1010020": "",
+  "identities.messages.1050020": 'Eliminar passkey "{display_name}"'
 };
 
 // src/locales/fr.json
@@ -2931,81 +3255,10 @@ var fr_default = {
   "two-step.totp.description": "Utilisez un code \xE0 usage unique \xE0 6 chiffres provenant de votre application d'authentification",
   "two-step.lookup_secret.title": "Code de r\xE9cup\xE9ration de secours",
   "two-step.lookup_secret.description": "Utilisez l'un de vos codes de secours \xE0 8 chiffres pour vous authentifier",
-  "identities.messages.1010023": "",
-  "identities.messages.1070015": "",
-  "identities.messages.4000038": "",
-  "login.cancel-button": "",
-  "login.cancel-label": "",
-  "identities.messages.1010016": "",
-  "identities.messages.1010017": "",
-  "identities.messages.1010018": "",
-  "identities.messages.1010019": "",
-  "identities.messages.1010020": "",
-  "identities.messages.1010021": "",
-  "identities.messages.1010022": "",
-  "identities.messages.1040007": "",
-  "identities.messages.1040008": "",
-  "identities.messages.1040009": "",
-  "identities.messages.1050019": "",
-  "identities.messages.1050020": "",
-  "identities.messages.1070014": "",
-  "identities.messages.4000037": "",
-  "identities.messages.4010009": "",
-  "identities.messages.4010010": "",
-  "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": "",
-  "forms.label.forgot-password": "",
-  "login.subtitle": "",
-  "login.subtitle-refresh": "",
-  "misc.or": "",
-  "recovery.subtitle": "",
-  "registration.subtitle": "",
-  "settings.subtitle": "",
-  "verification.subtitle": "",
   "settings.totp.info.linked": "Vous avez actuellement une application d'authentification connect\xE9e.",
   "settings.totp.info.not-linked": "Pour activer, scannez le QR code avec votre authentificateur et entrez le code.",
   "settings.totp.title": "Application d'authentification",
   "settings.totp.description": "Ajoutez une application d'authentification TOTP \xE0 votre compte pour am\xE9liorer la s\xE9curit\xE9 de votre compte. Les applications d'authentification populaires sont LastPass et Google Authenticator.",
-  "settings.lookup_secret.description": "",
-  "settings.lookup_secret.title": "",
-  "settings.navigation.title": "",
-  "settings.oidc.description": "",
-  "settings.oidc.info": "",
-  "settings.oidc.title": "",
-  "settings.passkey.description": "",
-  "settings.passkey.info": "",
-  "settings.passkey.title": "",
-  "settings.password.description": "",
-  "settings.password.title": "",
-  "settings.profile.description": "",
-  "settings.profile.title": "",
-  "settings.title-lookup-secret": "",
-  "settings.title-navigation": "",
-  "settings.title-oidc": "",
-  "settings.title-passkey": "",
-  "settings.title-password": "",
-  "settings.title-profile": "",
-  "settings.title-totp": "",
-  "settings.title-webauthn": "",
-  "settings.webauthn.description": "",
-  "settings.webauthn.info": "",
-  "settings.webauthn.title": "",
-  "card.footer.select-another-method": "",
-  "account-linking.title": "",
-  "property.code": "",
-  "property.email": "",
-  "property.identifier": "",
-  "property.password": "",
-  "property.phone": "",
-  "property.username": "",
   "consent.title": "Autoriser {party}",
   "consent.subtitle": "Une application tierce souhaite acc\xE9der aux informations associ\xE9es \xE0 votre compte {identifier}.",
   "consent.scope.openid.title": "Identit\xE9",
@@ -3020,12 +3273,85 @@ var fr_default = {
   "consent.scope.address.description": "Acc\xE8de \xE0 votre adresse postale.",
   "consent.scope.phone.title": "Num\xE9ro de t\xE9l\xE9phone",
   "consent.scope.phone.description": "R\xE9cup\xE8re votre num\xE9ro de t\xE9l\xE9phone et son statut de v\xE9rification.",
-  "error.action.go-back": "",
-  "error.footer.copy": "",
-  "error.footer.text": "",
-  "error.title.what-can-i-do": "",
-  "error.title.what-happened": "",
-  "error.instructions": ""
+  "identities.messages.1010016": "Vous avez essay\xE9 de vous connecter avec \xAB {duplicateIdentifier} \xBB, mais cet e-mail est d\xE9j\xE0 utilis\xE9 par un autre compte. Connectez-vous \xE0 votre compte avec l'une des options ci-dessous pour ajouter votre compte \xAB {duplicateIdentifier} \xBB sur \xAB {provider} \xBB comme autre moyen de vous connecter.",
+  "identities.messages.1010017": "Se connecter et lier",
+  "identities.messages.1010018": "Confirmer avec {provider}",
+  "identities.messages.1010019": "Demander un code pour continuer",
+  "identities.messages.1010021": "Se connecter avec une cl\xE9 d'acc\xE8s",
+  "identities.messages.1010022": "Se connecter avec un mot de passe",
+  "identities.messages.1010023": "Envoyer le code \xE0 {address}",
+  "identities.messages.1040007": "S'inscrire avec une cl\xE9 d'acc\xE8s",
+  "identities.messages.1040008": "Retour",
+  "identities.messages.1040009": "Veuillez choisir une identification pour vous authentifier.",
+  "identities.messages.1050019": "Ajouter une cl\xE9 d'acc\xE8s",
+  "identities.messages.1050020": "Supprimer la cl\xE9 d'acc\xE8s \xAB {display_name} \xBB",
+  "identities.messages.1070014": "Se connecter et lier l'identification",
+  "identities.messages.1070015": "Veuillez compl\xE9ter le d\xE9fi captcha pour continuer.",
+  "identities.messages.4000037": "Ce compte n'existe pas ou n'a aucune m\xE9thode de connexion configur\xE9e.",
+  "identities.messages.4000038": "La v\xE9rification Captcha a \xE9chou\xE9, veuillez r\xE9essayer.",
+  "identities.messages.4010009": "Les identifications li\xE9es ne correspondent pas.",
+  "identities.messages.4010010": "L'adresse que vous avez saisie ne correspond \xE0 aucune adresse connue dans le compte actuel.",
+  "login.cancel-button": "Annuler",
+  "login.cancel-label": "Ce n'est pas le bon compte\xA0?",
+  "login.subtitle": "Se connecter avec {parts}",
+  "login.subtitle-refresh": "Confirmez votre identit\xE9 avec {parts}",
+  "recovery.subtitle": "Saisissez l'adresse e-mail associ\xE9e \xE0 votre compte pour recevoir un code d'acc\xE8s unique",
+  "registration.subtitle": "S'inscrire avec {parts}",
+  "settings.subtitle": "Mettre \xE0 jour les param\xE8tres de votre compte",
+  "settings.title-lookup-secret": "G\xE9rer les codes de r\xE9cup\xE9ration de sauvegarde 2FA",
+  "settings.title-navigation": "Param\xE8tres du compte",
+  "settings.title-oidc": "Connexion via les r\xE9seaux sociaux",
+  "settings.title-password": "Changer le mot de passe",
+  "settings.title-profile": "Param\xE8tres du profil",
+  "settings.title-totp": "G\xE9rer l'application d'authentification 2FA TOTP",
+  "settings.title-webauthn": "G\xE9rer les jetons mat\xE9riels",
+  "settings.title-passkey": "G\xE9rer les cl\xE9s d'acc\xE8s",
+  "settings.navigation.title": "Param\xE8tres du compte",
+  "settings.password.title": "Changer le mot de passe",
+  "settings.password.description": "Modifier votre mot de passe",
+  "settings.profile.title": "Param\xE8tres du profil",
+  "settings.profile.description": "Mettre \xE0 jour les informations de votre profil",
+  "settings.webauthn.title": "G\xE9rer les jetons mat\xE9riels",
+  "settings.webauthn.description": "G\xE9rer les param\xE8tres de votre jeton mat\xE9riel",
+  "verification.subtitle": "Saisissez l'adresse e-mail associ\xE9e \xE0 votre compte pour la v\xE9rifier",
+  "input.placeholder": "Saisissez votre {placeholder}",
+  "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.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",
+  "forms.label.forgot-password": "Mot de passe oubli\xE9?",
+  "settings.lookup_secret.title": "Codes de r\xE9cup\xE9ration de sauvegarde (second facteur)",
+  "settings.lookup_secret.description": "Les codes de r\xE9cup\xE9ration sont une sauvegarde s\xE9curis\xE9e pour l'authentification \xE0 deux facteurs (2FA), vous permettant de retrouver l'acc\xE8s \xE0 votre compte si vous perdez votre appareil 2FA.",
+  "settings.oidc.title": "Comptes connect\xE9s",
+  "settings.oidc.description": "Connectez un fournisseur de connexion sociale \xE0 votre compte.",
+  "settings.oidc.info": "Les comptes connect\xE9s de ces fournisseurs peuvent \xEAtre utilis\xE9s pour vous connecter \xE0 votre compte",
+  "settings.webauthn.info": "Les jetons mat\xE9riels sont utilis\xE9s pour l'authentification \xE0 deux facteurs ou comme premier facteur avec les cl\xE9s d'acc\xE8s",
+  "settings.passkey.title": "G\xE9rer les cl\xE9s d'acc\xE8s",
+  "settings.passkey.description": "G\xE9rer les param\xE8tres de vos cl\xE9s d'acc\xE8s",
+  "settings.passkey.info": "G\xE9rer les param\xE8tres de vos cl\xE9s d'acc\xE8s",
+  "card.footer.select-another-method": "S\xE9lectionner une autre m\xE9thode",
+  "account-linking.title": "Lier le compte",
+  "property.password": "mot de passe",
+  "property.email": "e-mail",
+  "property.phone": "t\xE9l\xE9phone",
+  "property.username": "nom d'utilisateur",
+  "property.identifier": "identifiant",
+  "property.code": "code",
+  "error.title.what-happened": "Que s'est-il pass\xE9?",
+  "error.title.what-can-i-do": "Que puis-je faire?",
+  "error.instructions": "Veuillez r\xE9essayer dans quelques minutes ou contacter l'op\xE9rateur du site Web.",
+  "error.footer.text": "Lorsque vous signalez cette erreur, veuillez inclure les informations suivantes:",
+  "error.footer.copy": "Copier",
+  "error.action.go-back": "Retour",
+  "identities.messages.1010020": ""
 };
 
 // src/locales/nl.json
@@ -3240,7 +3566,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": "",
@@ -3525,13 +3853,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": "",
@@ -3810,7 +4140,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": "",
@@ -4095,7 +4427,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",
@@ -4180,6 +4514,6 @@ var OryLocales = {
   sv: sv_default
 };
 
-export { HeadlessPageHeader, OryCard, OryCardContent, OryCardFooter, OryCardHeader, OryCardValidationMessages, OryConsentCard, OryForm, OryFormGroupDivider, OryFormGroups, OryFormOidcButtons, OryFormSection, OryFormSocialButtonsForm, OryLocales, OryProvider, OrySettingsCard, OryTwoStepCard, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };
+export { HeadlessPageHeader, OryCard, OryCardContent, OryCardFooter, OryCardHeader, OryCardValidationMessages, OryConfigurationProvider, OryConsentCard, OryForm, OryFormGroupDivider, OryFormGroups, OryFormOidcButtons, OryFormSection, OryFormSocialButtonsForm, OryLocales, OryProvider, OrySettingsCard, OryTwoStepCard, messageTestId, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryConfiguration, useOryFlow };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map