@ory/elements-react 0.0.0-pr.6b3fe62 → 0.0.0-pr.7af5f16

package/dist/index.mjs

@@ -190,21 +190,29 @@ function nodesToAuthMethodGroups(nodes, excludeAuthMethods = []) {
 function useNodesGroups(nodes, { omit } = {}) {
   const groupSorter = useGroupSorter();
   const groups = useMemo(() => {
-    var _a;
+    var _a, _b;
     const groups2 = {};
+    const groupRetained = {};
     for (const node of nodes) {
+      const groupNodes = (_a = groups2[node.group]) != null ? _a : [];
+      groupNodes.push(node);
+      groups2[node.group] = groupNodes;
       if ((omit == null ? void 0 : omit.includes("script")) && isUiNodeScriptAttributes(node.attributes)) {
         continue;
       }
       if ((omit == null ? void 0 : omit.includes("input_hidden")) && isUiNodeInputAttributes(node.attributes) && node.attributes.type === "hidden") {
         continue;
       }
-      const groupNodes = (_a = groups2[node.group]) != null ? _a : [];
-      groupNodes.push(node);
-      groups2[node.group] = groupNodes;
+      groupRetained[node.group] = ((_b = groupRetained[node.group]) != null ? _b : 0) + 1;
+    }
+    const finalGroups = {};
+    for (const [group, count] of Object.entries(groupRetained)) {
+      if (count > 0) {
+        finalGroups[group] = groups2[group];
+      }
     }
-    return groups2;
-  }, [nodes]);
+    return finalGroups;
+  }, [nodes, omit]);
   const entries = useMemo(
     () => Object.entries(groups).sort(([a], [b]) => groupSorter(a, b)),
     [groups, groupSorter]
@@ -903,7 +911,7 @@ function OryForm({
       }),
       type: "error"
     };
-    return /* @__PURE__ */ jsxs("div", { "data-testid": dataTestId, children: [
+    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, {})
     ] });
@@ -1236,7 +1244,7 @@ function OryTwoStepCard() {
               showSsoDivider && /* @__PURE__ */ jsx(Card.Divider, {}),
               nonSsoNodes.sort(sortNodes).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
             ] }),
-            formState.current === "select_method" && /* @__PURE__ */ jsxs(Form.Group, { children: [
+            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,
@@ -1250,9 +1258,9 @@ function OryTwoStepCard() {
               ),
               authMethodAdditionalNodes.sort(sortNodes).map((node, k) => /* @__PURE__ */ jsx(Node, { node }, k))
             ] }),
-            formState.current === "method_active" && /* @__PURE__ */ jsxs(Form.Group, { children: [
+            formState.current === "method_active" && finalNodes.length > 0 && /* @__PURE__ */ jsxs(Form.Group, { children: [
               ui.nodes.filter(
-                (n) => isUiNodeScriptAttributes(n.attributes) || n.group === UiNodeGroupEnum.Captcha
+                (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))
             ] }),