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

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import { UiNodeGroupEnum, isUiNodeInputAttributes, isUiNodeAnchorAttributes, isUiNodeImageAttributes, isUiNodeScriptAttributes, isUiNodeTextAttributes, UiNodeInputAttributesTypeEnum, FlowType, Configuration, FrontendApi, handleContinueWith, settingsUrl, handleFlowError, isResponseError, loginUrl, recoveryUrl, verificationUrl, registrationUrl } from '@ory/client-fetch';
-import { createContext, useContext, useRef, useEffect, useState, useReducer, useMemo } from 'react';
+import { UiNodeGroupEnum, isUiNodeInputAttributes, isUiNodeAnchorAttributes, isUiNodeImageAttributes, isUiNodeScriptAttributes, isUiNodeTextAttributes, FlowType, handleFlowError, loginUrl, handleContinueWith, recoveryUrl, registrationUrl, settingsUrl, isResponseError, verificationUrl, UiNodeInputAttributesTypeEnum, Configuration, FrontendApi } from '@ory/client-fetch';
+import { createContext, useContext, useState, useMemo, useReducer, useRef, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useIntl, IntlProvider as IntlProvider$1 } from 'react-intl';
-import { useForm, FormProvider, useFormContext } from 'react-hook-form';
+import { useFormContext, useForm, FormProvider } from 'react-hook-form';
 
 // src/context/component.tsx
 var ComponentContext = createContext({
@@ -105,20 +105,31 @@ function getFinalNodes(uniqueGroups, selectedGroup) {
 }
 
 // src/context/form-state.ts
+function findMethodWithMessage(nodes) {
+  var _a;
+  return (_a = nodes == null ? void 0 : nodes.filter((n) => !["default", "identifier_first"].includes(n.group))) == null ? void 0 : _a.find((node) => {
+    var _a2;
+    return ((_a2 = node.messages) == null ? void 0 : _a2.length) > 0;
+  });
+}
 function parseStateFromFlow(flow) {
   switch (flow.flowType) {
     case FlowType.Registration:
-    case FlowType.Login:
+    case FlowType.Login: {
+      const methodWithMessage = findMethodWithMessage(flow.flow.ui.nodes);
       if (flow.flow.active == "link_recovery") {
         return { current: "method_active", method: "link" };
       } else if (flow.flow.active == "code_recovery") {
         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)) {
+        return { current: "method_active", method: flow.flow.active };
       } else if (isChoosingMethod(flow.flow.ui.nodes)) {
         return { current: "select_method" };
-      } else if (flow.flow.active) {
-        return { current: "method_active", method: flow.flow.active };
       }
       return { current: "provide_identifier" };
+    }
     case FlowType.Recovery:
     case FlowType.Verification:
       if (flow.flow.active === "code" || flow.flow.active === "link") {
@@ -2777,6 +2788,12 @@ function OryForm({ children, onAfterSubmit }) {
         break;
       }
     }
+    if ("password" in data) {
+      methods.setValue("password", "");
+    }
+    if ("code" in data) {
+      methods.setValue("code", "");
+    }
     onAfterSubmit == null ? void 0 : onAfterSubmit(data.method);
   };
   const hasMethods = flowContainer.flow.ui.nodes.filter((node) => {