@ory/elements-react 1.0.0-next.30 → 1.0.0-next.31

package/dist/index.mjs

@@ -38,6 +38,9 @@ var defaultNodeOrder = [
   "default",
   "profile",
   "password",
+  // CAPTCHA is below password because otherwise the password input field
+  // would be above the captcha. Somehow, we sort the password sign up button somewhere else to be always at the bottom.
+  "captcha",
   "passkey",
   "code",
   "webauthn"
@@ -46,6 +49,11 @@ function defaultNodeSorter(a, b) {
   var _a, _b;
   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 = [
@@ -94,11 +102,12 @@ function filterOidcOut(nodes) {
   return nodes.filter((node) => node.group !== UiNodeGroupEnum.Oidc);
 }
 function getFinalNodes(uniqueGroups, selectedGroup) {
-  var _a, _b, _c;
+  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 : []
+    ...(_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);
@@ -170,6 +179,7 @@ function nodesToAuthMethodGroups(nodes, excludeAuthMethods = []) {
       UiNodeGroupEnum.Default,
       UiNodeGroupEnum.IdentifierFirst,
       UiNodeGroupEnum.Profile,
+      UiNodeGroupEnum.Captcha,
       ...excludeAuthMethods
     ].includes(group)
   );
@@ -950,6 +960,9 @@ var NodeInput = ({
 };
 var Node = ({ node, onClick }) => {
   const { Node: Node2 } = useComponents();
+  if (node.group === UiNodeGroupEnum.Captcha) {
+    return /* @__PURE__ */ jsx(Node2.Captcha, { node });
+  }
   if (isUiNodeImageAttributes(node.attributes)) {
     return /* @__PURE__ */ jsx(Node2.Image, { node, attributes: node.attributes });
   } else if (isUiNodeTextAttributes(node.attributes)) {
@@ -1035,7 +1048,8 @@ function OryTwoStepCard() {
       UiNodeGroupEnum.Oidc,
       UiNodeGroupEnum.Default,
       UiNodeGroupEnum.IdentifierFirst,
-      UiNodeGroupEnum.Profile
+      UiNodeGroupEnum.Profile,
+      UiNodeGroupEnum.Captcha
     ].includes(group)
   );
   const nonOidcNodes = filterOidcOut(ui.nodes);
@@ -1075,7 +1089,8 @@ function OryTwoStepCard() {
                   method: group
                 })
               }
-            )
+            ),
+            ui.nodes.filter((n) => n.group === UiNodeGroupEnum.Captcha).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
           ] }),
           formState.current === "method_active" && /* @__PURE__ */ jsxs(Fragment, { children: [
             ui.nodes.filter((n) => n.type === "script").map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k)),