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

package/CHANGELOG.md

@@ -1,3 +1,30 @@
+## 1.0.0-next.16 (2024-11-26)
+
+
+### 🚀 Features
+
+- allow overriding of field messages
+
+- add test ids to components
+
+
+### 🩹 Fixes
+
+- use --font-sans CSS variable for font
+
+- registration & login flow form states
+
+- missing resend button on login & registration
+
+- password validation error form state
+
+- current identifier button overflowing on long values
+
+
+### ❤️  Thank You
+
+- Jonas Hungershausen
+
 ## 1.0.0-next.15 (2024-11-18)
 
 

package/dist/index.js

@@ -107,20 +107,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 clientFetch.FlowType.Registration:
-    case clientFetch.FlowType.Login:
+    case clientFetch.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 clientFetch.FlowType.Recovery:
     case clientFetch.FlowType.Verification:
       if (flow.flow.active === "code" || flow.flow.active === "link") {
@@ -2779,6 +2790,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) => {