@ory/elements-react 1.0.0-next.16 → 1.0.0-next.17

package/api-report/temp/elements-react.api.md

@@ -0,0 +1,421 @@
+## API Report File for "@ory/elements-react"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentType } from 'react';
+import { ConfigurationParameters } from '@ory/client-fetch';
+import { DetailedHTMLProps } from 'react';
+import { Dispatch } from 'react';
+import { FlowError } from '@ory/client-fetch';
+import { FlowType } from '@ory/client-fetch';
+import { FormEventHandler } from 'react';
+import { HTMLAttributes } from 'react';
+import { IntlShape } from 'react-intl';
+import { LoginFlow } from '@ory/client-fetch';
+import { MouseEventHandler } from 'react';
+import { OnRedirectHandler } from '@ory/client-fetch';
+import { PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { RecoveryFlow } from '@ory/client-fetch';
+import { RegistrationFlow } from '@ory/client-fetch';
+import { SettingsFlow } from '@ory/client-fetch';
+import { UiNode } from '@ory/client-fetch';
+import { UiNodeAnchorAttributes } from '@ory/client-fetch';
+import { UiNodeGroupEnum } from '@ory/client-fetch';
+import { UiNodeImageAttributes } from '@ory/client-fetch';
+import { UiNodeInputAttributes } from '@ory/client-fetch';
+import { UiNodeTextAttributes } from '@ory/client-fetch';
+import { UiText } from '@ory/client-fetch';
+import { UpdateLoginFlowBody } from '@ory/client-fetch';
+import { UpdateRecoveryFlowBody } from '@ory/client-fetch';
+import { UpdateRegistrationFlowBody } from '@ory/client-fetch';
+import { UpdateSettingsFlowBody } from '@ory/client-fetch';
+import { UpdateVerificationFlowBody } from '@ory/client-fetch';
+import { VariantProps } from 'class-variance-authority';
+import { VerificationFlow } from '@ory/client-fetch';
+
+// Warning: (ae-forgotten-export) The symbol "OryFlow" needs to be exported by the entry point index.d.ts
+//
+// @public
+export type ErrorFlowContainer = OryFlow<FlowType.Error, FlowError>;
+
+// @public
+export type FlowContainerSetter = Dispatch<OryFlowContainer>;
+
+// @public
+export type FlowContextValue = OryFlowContainer & {
+    setFlowContainer: FlowContainerSetter;
+    formState: FormState;
+    dispatchFormState: Dispatch<FormStateAction>;
+};
+
+// @public (undocumented)
+export type FormState = {
+    current: "provide_identifier";
+} | {
+    current: "select_method";
+} | {
+    current: "method_active";
+    method: UiNodeGroupEnum;
+} | {
+    current: "success_screen";
+} | {
+    current: "settings";
+};
+
+// @public (undocumented)
+export type FormStateAction = {
+    type: "action_flow_update";
+    flow: OryFlowContainer;
+} | {
+    type: "action_select_method";
+    method: UiNodeGroupEnum;
+};
+
+// @public
+export type FormValues = Record<string, string | boolean | number | undefined>;
+
+// @public (undocumented)
+export const HeadlessPageHeader: () => react_jsx_runtime.JSX.Element;
+
+// Warning: (ae-forgotten-export) The symbol "IntlContextProps" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+export type IntlConfig = IntlContextProps;
+
+// @public
+export type LoginFlowContainer = OryFlow<FlowType.Login, LoginFlow>;
+
+// @public
+export function messageTestId(message: UiText): {
+    "data-testid": string;
+};
+
+// @public
+export type OnSubmitHandlerProps<T extends UpdateLoginFlowBody | UpdateRegistrationFlowBody | UpdateVerificationFlowBody | UpdateRecoveryFlowBody | UpdateSettingsFlowBody> = {
+    setFlowContainer: (flowContainer: OryFlowContainer) => void;
+    body: T;
+    onRedirect: OnRedirectHandler;
+};
+
+// @public
+export function OryCard({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
+
+// @public
+export type OryCardAuthMethodListItemProps = {
+    onClick: () => void;
+    group: string;
+};
+
+// @public
+export function OryCardContent({ children }: OryCardContentProps): react_jsx_runtime.JSX.Element;
+
+// @public
+export type OryCardContentProps = PropsWithChildren;
+
+// @public
+export type OryCardDividerProps = Record<string, never>;
+
+// @public (undocumented)
+export function OryCardFooter(): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryCardFooterProps = Record<string, never>;
+
+// @public (undocumented)
+export function OryCardHeader(): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryCardHeaderProps = Record<string, never>;
+
+// @public (undocumented)
+export type OryCardLogoProps = Record<string, never>;
+
+// @public (undocumented)
+export type OryCardProps = PropsWithChildren;
+
+// @public (undocumented)
+export function OryCardValidationMessages({ ...props }: OryMessageRootProps): react_jsx_runtime.JSX.Element | null;
+
+// @public (undocumented)
+export type OryClientConfiguration = {
+    name: string;
+    logoUrl?: string;
+    stylesheet?: string;
+    favicon?: string;
+    sdk: {
+        url: string;
+        options?: Partial<ConfigurationParameters>;
+    };
+    project: {
+        registration_enabled: boolean;
+        verification_enabled: boolean;
+        recovery_enabled: boolean;
+        recovery_ui_url: string;
+        registration_ui_url: string;
+        verification_ui_url: string;
+        login_ui_url: string;
+    };
+    intl?: IntlConfig;
+};
+
+// Warning: (ae-forgotten-export) The symbol "DeepPartialTwoLevels" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+export type OryFlowComponentOverrides = DeepPartialTwoLevels<OryFlowComponents>;
+
+// @public
+export type OryFlowComponents = {
+    Node: {
+        Button: ComponentType<OryNodeButtonProps>;
+        OidcButton: ComponentType<OryNodeOidcButtonProps>;
+        Anchor: ComponentType<OryNodeAnchorProps>;
+        Input: ComponentType<OryNodeInputProps>;
+        CodeInput: ComponentType<OryNodeInputProps>;
+        Image: ComponentType<OryNodeImageProps>;
+        Label: ComponentType<OryNodeLabelProps>;
+        Checkbox: ComponentType<OryNodeInputProps>;
+        Text: ComponentType<OryNodeTextProps>;
+    };
+    Card: {
+        Root: ComponentType<OryCardProps>;
+        Footer: ComponentType<OryCardFooterProps>;
+        Header: ComponentType<OryCardProps>;
+        Content: ComponentType<OryCardContentProps>;
+        Logo: ComponentType<OryCardLogoProps>;
+        Divider: ComponentType<OryCardDividerProps>;
+        AuthMethodListItem: ComponentType<OryCardAuthMethodListItemProps>;
+        SettingsSection: ComponentType<OryFormSectionProps>;
+        SettingsSectionContent: ComponentType<OryFormSectionContentProps>;
+        SettingsSectionFooter: ComponentType<OryFormSectionContentProps>;
+    };
+    Form: {
+        Root: ComponentType<OryFormRootProps>;
+        OidcRoot: ComponentType<OryFormOidcRootProps>;
+        Group: ComponentType<OryFormGroupProps>;
+        OidcSettings: ComponentType<OrySettingsOidcProps>;
+        WebauthnSettings: ComponentType<OrySettingsWebauthnProps>;
+        PasskeySettings: ComponentType<OrySettingsPasskeyProps>;
+        TotpSettings: ComponentType<OrySettingsTotpProps>;
+        RecoveryCodesSettings: ComponentType<OrySettingsRecoveryCodesProps>;
+    };
+    Message: {
+        Root: ComponentType<OryMessageRootProps>;
+        Content: ComponentType<OryMessageContentProps>;
+    };
+    Page: {
+        Header: ComponentType<OryPageHeaderProps>;
+    };
+};
+
+// @public
+export type OryFlowContainer = LoginFlowContainer | RegistrationFlowContainer | RecoveryFlowContainer | VerificationFlowContainer | SettingsFlowContainer;
+
+// @public (undocumented)
+export function OryForm({ children, onAfterSubmit }: OryFormProps): string | react_jsx_runtime.JSX.Element;
+
+// @public
+export function OryFormGroupDivider(): react_jsx_runtime.JSX.Element | null;
+
+// @public (undocumented)
+export type OryFormGroupProps = PropsWithChildren;
+
+// @public (undocumented)
+export function OryFormGroups({ children, groups }: OryFormGroupsProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryFormGroupsProps = PropsWithChildren<{
+    groups: UiNodeGroupEnum[];
+}>;
+
+// @public (undocumented)
+export function OryFormOidcButtons({ children, hideDivider, }: OryFormOidcButtonsProps): react_jsx_runtime.JSX.Element | null;
+
+// @public (undocumented)
+export type OryFormOidcButtonsProps = PropsWithChildren<{
+    hideDivider?: boolean;
+}>;
+
+// @public (undocumented)
+export type OryFormOidcRootProps = PropsWithChildren<{
+    nodes: UiNode[];
+}>;
+
+// @public (undocumented)
+export type OryFormProps = PropsWithChildren<{
+    onAfterSubmit?: (method: string | number | boolean | undefined) => void;
+}>;
+
+// @public (undocumented)
+export type OryFormRootProps = ComponentPropsWithoutRef<"form"> & {
+    onSubmit: FormEventHandler<HTMLFormElement>;
+};
+
+// @public (undocumented)
+export function OryFormSection({ children, nodes }: OryFormSectionProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryFormSectionContentProps = PropsWithChildren<{
+    title?: string;
+    description?: string;
+}>;
+
+// @public (undocumented)
+export type OryFormSectionFooterProps = PropsWithChildren;
+
+// @public (undocumented)
+export type OryFormSectionProps = PropsWithChildren<{
+    nodes?: UiNode[];
+}>;
+
+// @public (undocumented)
+export function OryFormSocialButtonsForm(): react_jsx_runtime.JSX.Element | null;
+
+// Warning: (ae-forgotten-export) The symbol "LocaleMap" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+export const OryLocales: LocaleMap;
+
+// @public (undocumented)
+export type OryMessageContentProps = {
+    message: UiText;
+};
+
+// @public (undocumented)
+export type OryMessageRootProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+
+// @public (undocumented)
+export type OryNodeAnchorProps = {
+    attributes: UiNodeAnchorAttributes;
+    node: UiNode;
+} & Omit<ComponentPropsWithoutRef<"a">, "children">;
+
+// Warning: (ae-forgotten-export) The symbol "ButtonVariants" needs to be exported by the entry point index.d.ts
+//
+// @public (undocumented)
+export type OryNodeButtonProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+} & Omit<ComponentPropsWithoutRef<"button">, "children"> & ButtonVariants;
+
+// @public (undocumented)
+export type OryNodeImageProps = {
+    attributes: UiNodeImageAttributes;
+    node: UiNode;
+};
+
+// @public (undocumented)
+export type OryNodeInputProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+    onClick?: MouseEventHandler;
+};
+
+// @public (undocumented)
+export type OryNodeLabelProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+} & ComponentPropsWithoutRef<"label">;
+
+// @public (undocumented)
+export type OryNodeOidcButtonProps = {
+    node: UiNode;
+    attributes: UiNodeInputAttributes;
+    onClick?: () => void;
+};
+
+// @public (undocumented)
+export type OryNodeTextProps = {
+    attributes: UiNodeTextAttributes;
+    node: UiNode;
+};
+
+// @public (undocumented)
+export type OryPageHeaderProps = Record<never, never>;
+
+// @public (undocumented)
+export function OryProvider({ children, components: Components, ...oryFlowProps }: OryProviderProps): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OryProviderProps = {
+    components: OryFlowComponents;
+} & OryFlowContainer & PropsWithChildren;
+
+// @public (undocumented)
+export function OrySettingsCard(): react_jsx_runtime.JSX.Element;
+
+// @public (undocumented)
+export type OrySettingsOidcProps = {
+    linkButtons: UiNode[];
+    unlinkButtons: UiNode[];
+};
+
+// @public (undocumented)
+export type OrySettingsPasskeyProps = {
+    triggerButton: UiNode & {
+        onClick: () => void;
+    };
+    removeButtons: UiNode[];
+};
+
+// @public (undocumented)
+export type OrySettingsRecoveryCodesProps = {
+    codes: string[];
+    regnerateButton?: UiNode;
+    revealButton?: UiNode;
+};
+
+// @public (undocumented)
+export type OrySettingsTotpProps = {
+    totpImage: UiNode;
+    totpSecret: UiNode;
+    totpInput: UiNode;
+} | {
+    totpUnlink: UiNode;
+};
+
+// @public (undocumented)
+export type OrySettingsWebauthnProps = {
+    nameInput: UiNode;
+    triggerButton: UiNode & {
+        onClick: () => void;
+    };
+    removeButtons: UiNode[];
+};
+
+// @public (undocumented)
+export function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
+
+// @public
+export type RecoveryFlowContainer = OryFlow<FlowType.Recovery, RecoveryFlow>;
+
+// @public
+export type RegistrationFlowContainer = OryFlow<FlowType.Registration, RegistrationFlow>;
+
+// @public
+export type SettingsFlowContainer = OryFlow<FlowType.Settings, SettingsFlow>;
+
+// @public
+export const uiTextToFormattedMessage: ({ id, context, text }: Omit<UiText, "type">, intl: IntlShape) => string;
+
+// @public (undocumented)
+export function useComponents(): OryFlowComponents;
+
+// @public (undocumented)
+export function useNodeSorter(): (a: UiNode, b: UiNode, ctx: {
+    flowType: string;
+}) => number;
+
+// @public
+export function useOryFlow(): FlowContextValue;
+
+// @public
+export type VerificationFlowContainer = OryFlow<FlowType.Verification, VerificationFlow>;
+
+// (No @packageDocumentation comment for this package)
+
+```

package/dist/index.js

@@ -115,6 +115,7 @@ function findMethodWithMessage(nodes) {
   });
 }
 function parseStateFromFlow(flow) {
+  var _a;
   switch (flow.flowType) {
     case clientFetch.FlowType.Registration:
     case clientFetch.FlowType.Login: {
@@ -125,10 +126,12 @@ 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"].includes(flow.flow.active)) {
+      } else if (flow.flow.active && !["default", "identifier_first", "oidc"].includes(flow.flow.active)) {
         return { current: "method_active", method: flow.flow.active };
       } else if (isChoosingMethod(flow.flow.ui.nodes)) {
         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" };
     }
@@ -438,7 +441,8 @@ var en_default = {
   "settings.passkey.title": "Manage Passkeys",
   "settings.passkey.description": "Manage your passkey settings",
   "settings.passkey.info": "Manage your passkey settings",
-  "card.footer.select-another-method": "Select another method"
+  "card.footer.select-another-method": "Select another method",
+  "account-linking.title": "Link account"
 };
 
 // src/locales/de.json
@@ -684,7 +688,8 @@ var de_default = {
   "settings.title-totp": "Verwalten Sie die 2FA TOTP Authenticator-App",
   "settings.title-webauthn": "Hardware-Token verwalten",
   "settings.webauthn.info": "Hardware-Tokens werden f\xFCr die Zweitfaktor-Authentifizierung oder als Erstfaktor-Authentifizierung mit Passkeys verwendet",
-  "card.footer.select-another-method": "Eine andere Methode verwenden"
+  "card.footer.select-another-method": "Eine andere Methode verwenden",
+  "account-linking.title": "Account Verbinden"
 };
 
 // src/locales/es.json
@@ -930,7 +935,8 @@ var es_default = {
   "settings.title-totp": "",
   "settings.title-webauthn": "",
   "settings.webauthn.info": "",
-  "card.footer.select-another-method": ""
+  "card.footer.select-another-method": "",
+  "account-linking.title": ""
 };
 
 // src/locales/fr.json
@@ -1176,7 +1182,8 @@ var fr_default = {
   "settings.webauthn.description": "",
   "settings.webauthn.info": "",
   "settings.webauthn.title": "",
-  "card.footer.select-another-method": ""
+  "card.footer.select-another-method": "",
+  "account-linking.title": ""
 };
 
 // src/locales/nl.json
@@ -1422,7 +1429,8 @@ var nl_default = {
   "settings.webauthn.description": "",
   "settings.webauthn.info": "",
   "settings.webauthn.title": "",
-  "card.footer.select-another-method": ""
+  "card.footer.select-another-method": "",
+  "account-linking.title": ""
 };
 
 // src/locales/pl.json
@@ -1668,7 +1676,8 @@ var pl_default = {
   "settings.webauthn.description": "",
   "settings.webauthn.info": "",
   "settings.webauthn.title": "",
-  "card.footer.select-another-method": ""
+  "card.footer.select-another-method": "",
+  "account-linking.title": ""
 };
 
 // src/locales/pt.json
@@ -1914,7 +1923,8 @@ var pt_default = {
   "settings.webauthn.description": "",
   "settings.webauthn.info": "",
   "settings.webauthn.title": "",
-  "card.footer.select-another-method": ""
+  "card.footer.select-another-method": "",
+  "account-linking.title": ""
 };
 
 // src/locales/sv.json
@@ -2160,7 +2170,8 @@ var sv_default = {
   "settings.webauthn.description": "Hantera inst\xE4llningarna f\xF6r din maskinvarutoken",
   "settings.webauthn.info": "H\xE5rdvarutokens anv\xE4nds f\xF6r andrafaktorsautentisering eller som f\xF6rstafaktor med l\xF6senordsnycklar",
   "settings.webauthn.title": "Hantera maskinvarutokens",
-  "card.footer.select-another-method": "V\xE4lj en annan metod"
+  "card.footer.select-another-method": "V\xE4lj en annan metod",
+  "account-linking.title": "L\xE4nka ditt konto"
 };
 
 // src/locales/index.ts
@@ -2298,16 +2309,34 @@ async function onSubmitRecovery({ config, flow }, {
         onRedirect(clientFetch.recoveryUrl(config), true);
       },
       onValidationError: (body2) => {
-        setFlowContainer({
-          flow: body2,
-          flowType: clientFetch.FlowType.Recovery,
-          config
-        });
+        if ("error" in body2) {
+          handleContinueWithRecoveryUIError(body2.error, config, onRedirect);
+          return;
+        } else {
+          setFlowContainer({
+            flow: body2,
+            flowType: clientFetch.FlowType.Recovery,
+            config
+          });
+        }
       },
       onRedirect
     })
   );
 }
+function handleContinueWithRecoveryUIError(error, config, onRedirect) {
+  if ("continue_with" in error.details && Array.isArray(error.details.continue_with)) {
+    const continueWithRecovery = error.details.continue_with.find(clientFetch.instanceOfContinueWithRecoveryUi);
+    if ((continueWithRecovery == null ? void 0 : continueWithRecovery.action) === "show_recovery_ui") {
+      onRedirect(
+        config.project.recovery_ui_url + "?flow=" + (continueWithRecovery == null ? void 0 : continueWithRecovery.flow.id),
+        false
+      );
+      return;
+    }
+  }
+  onRedirect(clientFetch.recoveryUrl(config), true);
+}
 async function onSubmitRegistration({ config, flow }, {
   setFlowContainer,
   body,
@@ -2438,20 +2467,22 @@ function computeDefaultValues(nodes) {
   return nodes.reduce((acc, node) => {
     const attrs = node.attributes;
     if (clientFetch.isUiNodeInputAttributes(attrs)) {
-      if (attrs.name === "method" || attrs.type === "submit" || typeof attrs.value === "undefined")
+      if (attrs.name === "method" || attrs.type === "submit" || typeof attrs.value === "undefined") {
         return acc;
-      const unrolled = unrollTrait({
-        name: attrs.name,
-        value: attrs.value
-      });
-      Object.assign(acc, unrolled != null ? unrolled : { [attrs.name]: attrs.value });
+      }
+      return unrollTrait(
+        {
+          name: attrs.name,
+          value: attrs.value
+        },
+        acc
+      );
     }
     return acc;
   }, {});
 }
 function unrollTrait(input, output = {}) {
   const keys = input.name.split(".");
-  if (!keys.length) return void 0;
   let current = output;
   keys.forEach((key, index) => {
     if (!key) return;
@@ -2547,8 +2578,10 @@ var NodeInput = ({
     //
     ...attrs
   } = attributes;
+  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 (attrs.value) {
+    if (attrs.value && !(isResendNode || isScreenSelectionNode)) {
       setValue(attrs.name, attrs.value);
     }
   };
@@ -2573,8 +2606,6 @@ var NodeInput = ({
   };
   const isSocial = (attrs.name === "provider" || attrs.name === "link") && node.group === "oidc";
   const isPinCodeInput = attrs.name === "code" && node.group === "code" || attrs.name === "totp_code" && node.group === "totp";
-  const isResendNode = ((_a = node.meta.label) == null ? void 0 : _a.id) === 1070008;
-  const isScreenSelectionNode = "name" in node.attributes && node.attributes.name === "screen";
   switch (attributes.type) {
     case clientFetch.UiNodeInputAttributesTypeEnum.Submit:
     case clientFetch.UiNodeInputAttributesTypeEnum.Button:
@@ -2646,6 +2677,51 @@ function OryFormGroups({ children, groups }) {
     return /* @__PURE__ */ jsxRuntime.jsx(Node, { node }, k);
   }) });
 }
+
+// src/components/form/form-resolver.ts
+function isCodeResendRequest(data) {
+  var _a;
+  return (_a = data.email) != null ? _a : data.resend;
+}
+function useOryFormResolver() {
+  const flowContainer = useOryFlow();
+  return (data) => {
+    if (flowContainer.formState.current === "method_active") {
+      if (data.method === "code" && !data.code && !isCodeResendRequest(data)) {
+        return {
+          values: data,
+          errors: {
+            code: {
+              id: 4000002,
+              context: {
+                property: "code"
+              },
+              type: "error",
+              text: "Property code is missing"
+            }
+          }
+        };
+      }
+    }
+    return {
+      values: data,
+      errors: {}
+    };
+  };
+}
+function OryFormProvider({
+  children,
+  nodes
+}) {
+  const flowContainer = useOryFlow();
+  const defaultNodes = nodes ? flowContainer.flow.ui.nodes.filter((node) => node.group === clientFetch.UiNodeGroupEnum.Default).concat(nodes) : flowContainer.flow.ui.nodes;
+  const methods = reactHookForm.useForm({
+    // TODO: Generify this, so we have typesafety in the submit handler.
+    defaultValues: computeDefaultValues(defaultNodes),
+    resolver: useOryFormResolver()
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...methods, children });
+}
 function OryFormOidcButtons({
   children,
   hideDivider
@@ -2691,7 +2767,7 @@ function OryFormSocialButtonsForm() {
   if (filteredNodes.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(OryForm, { children: /* @__PURE__ */ jsxRuntime.jsx(OryFormOidcButtons, {}) });
+  return /* @__PURE__ */ jsxRuntime.jsx(OryFormProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(OryForm, { children: /* @__PURE__ */ jsxRuntime.jsx(OryFormOidcButtons, {}) }) });
 }
 function OryForm({ children, onAfterSubmit }) {
   var _a;
@@ -2841,7 +2917,7 @@ function OryForm({ children, onAfterSubmit }) {
     }
   );
 }
-var messageIdsToHide = [1040009, 1060003, 1080003, 1010014, 1040005];
+var messageIdsToHide = [1040009, 1060003, 1080003, 1010014, 1040005, 1010016];
 function OryCardValidationMessages({ ...props }) {
   var _a;
   const { flow } = useOryFlow();
@@ -2854,18 +2930,6 @@ function OryCardValidationMessages({ ...props }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Message.Root, { ...props, children: messages == null ? void 0 : messages.map((message) => /* @__PURE__ */ jsxRuntime.jsx(Message.Content, { message }, message.id)) });
 }
-function OryFormProvider({
-  children,
-  nodes
-}) {
-  const flowContainer = useOryFlow();
-  const defaultNodes = nodes ? flowContainer.flow.ui.nodes.filter((node) => node.group === clientFetch.UiNodeGroupEnum.Default).concat(nodes) : flowContainer.flow.ui.nodes;
-  const methods = reactHookForm.useForm({
-    // TODO: Generify this, so we have typesafety in the submit handler.
-    defaultValues: computeDefaultValues(defaultNodes)
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...methods, children });
-}
 function OryFormSection({ children, nodes }) {
   const { Card } = useComponents();
   return /* @__PURE__ */ jsxRuntime.jsx(OryFormProvider, { nodes, children: /* @__PURE__ */ jsxRuntime.jsx(OryForm, { children: /* @__PURE__ */ jsxRuntime.jsx(Card.SettingsSection, { children }) }) });