@ory/elements-react 1.0.0-next.33 → 1.0.0-next.34

package/dist/theme/default/index.mjs

@@ -105,13 +105,6 @@ var ComponentContext = createContext({
   nodeSorter: () => 0,
   groupSorter: () => 0
 });
-function useComponents() {
-  const ctx = useContext(ComponentContext);
-  if (!ctx) {
-    throw new Error("useComponents must be used within a ComponentProvider");
-  }
-  return ctx.components;
-}
 var defaultGroupOrder = [
   UiNodeGroupEnum.Default,
   UiNodeGroupEnum.Profile,
@@ -125,54 +118,6 @@ var defaultGroupOrder = [
 ];
 
 // src/util/ui/index.ts
-function triggerToWindowCall(trigger) {
-  if (!trigger) {
-    return;
-  }
-  const fn = triggerToFunction(trigger);
-  if (fn) {
-    fn();
-    return;
-  }
-  let i = 0;
-  const ms = 100;
-  const interval = setInterval(() => {
-    i++;
-    if (i > 100) {
-      clearInterval(interval);
-      throw new Error(
-        "Unable to load Ory's WebAuthn script. Is it being blocked or otherwise failing to load? If you are running an old version of Ory Elements, please upgrade. For more information, please check your browser's developer console."
-      );
-    }
-    const fn2 = triggerToFunction(trigger);
-    if (fn2) {
-      clearInterval(interval);
-      return fn2();
-    }
-  }, ms);
-  return;
-}
-function triggerToFunction(trigger) {
-  if (typeof window === "undefined") {
-    console.debug(
-      "The Ory SDK is missing a required function: window is undefined."
-    );
-    return void 0;
-  }
-  const typedWindow = window;
-  if (!(trigger in typedWindow) || !typedWindow[trigger]) {
-    console.debug(`The Ory SDK is missing a required function: ${trigger}.`);
-    return void 0;
-  }
-  const triggerFn = typedWindow[trigger];
-  if (typeof triggerFn !== "function") {
-    console.debug(
-      `The Ory SDK is missing a required function: ${trigger}. It is not a function.`
-    );
-    return void 0;
-  }
-  return triggerFn;
-}
 function nodesToAuthMethodGroups(nodes, excludeAuthMethods = []) {
   var _a;
   const groups = {};
@@ -352,7 +297,7 @@ function VerificationCardFooter() {
 }
 
 // src/theme/default/components/card/header.tsx
-import { useComponents as useComponents2, useOryFlow as useOryFlow3 } from "@ory/elements-react";
+import { useComponents, useOryFlow as useOryFlow3 } from "@ory/elements-react";
 
 // src/theme/default/utils/constructCardHeader.ts
 import {
@@ -668,7 +613,7 @@ function guessRegistrationBackButton(uiNodes) {
 // src/theme/default/components/card/header.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function InnerCardHeader({ title, text }) {
-  const { Card } = useComponents2();
+  const { Card } = useComponents();
   return /* @__PURE__ */ jsxs6("header", { className: "flex flex-col gap-8 antialiased", children: [
     /* @__PURE__ */ jsx8(Card.Logo, {}),
     /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2", children: [
@@ -1660,7 +1605,7 @@ import {
 import {
   messageTestId as messageTestId3,
   uiTextToFormattedMessage as uiTextToFormattedMessage7,
-  useComponents as useComponents3,
+  useComponents as useComponents2,
   useOryFlow as useOryFlow8
 } from "@ory/elements-react";
 import { useFormContext as useFormContext5 } from "react-hook-form";
@@ -1679,7 +1624,7 @@ function DefaultLabel({
 }) {
   const intl = useIntl10();
   const label = getNodeLabel4(node);
-  const { Message } = useComponents3();
+  const { Message } = useComponents2();
   const { config, flowType, flow } = useOryFlow8();
   const { setValue, formState } = useFormContext5();
   const isPassword = attributes.type === "password";
@@ -1922,7 +1867,7 @@ function DefaultText({ node, attributes }) {
 }
 
 // src/theme/default/components/generic/page-header.tsx
-import { useComponents as useComponents4 } from "@ory/elements-react";
+import { useComponents as useComponents3 } from "@ory/elements-react";
 
 // src/theme/default/components/ui/user-menu.tsx
 import { DropdownMenuLabel as DropdownMenuLabel2 } from "@radix-ui/react-dropdown-menu";
@@ -2140,7 +2085,7 @@ var UserMenu = ({ session }) => {
 import { useSession } from "@ory/elements-react/client";
 import { jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
 var DefaultPageHeader = (_props) => {
-  const { Card } = useComponents4();
+  const { Card } = useComponents3();
   const { session } = useSession();
   return /* @__PURE__ */ jsx57("div", { className: "mt-16 flex max-w-screen-sm w-full md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px] flex-col gap-3 px-4", children: /* @__PURE__ */ jsx57("div", { className: "flex flex-col gap-12", children: /* @__PURE__ */ jsxs31("div", { className: "flex max-h-10 flex-1 justify-between gap-2", children: [
     /* @__PURE__ */ jsx57("div", { className: "relative h-10 flex-1", children: /* @__PURE__ */ jsx57(Card.Logo, {}) }),
@@ -2238,7 +2183,7 @@ function UnlinkRow({ button }) {
 }
 
 // src/theme/default/components/settings/settings-passkey.tsx
-import { useComponents as useComponents5 } from "@ory/elements-react";
+import { useComponents as useComponents4 } from "@ory/elements-react";
 import { useFormContext as useFormContext8 } from "react-hook-form";
 import { jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
 function DefaultSettingsPasskey({
@@ -2248,11 +2193,11 @@ function DefaultSettingsPasskey({
   const {
     formState: { isSubmitting }
   } = useFormContext8();
-  const { Node: Node2 } = useComponents5();
+  const { Node } = useComponents4();
   const hasRemoveButtons = removeButtons.length > 0;
   return /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ jsx60("div", { className: "flex max-w-[60%] items-end gap-3", children: triggerButton && /* @__PURE__ */ jsx60(
-      Node2.Button,
+      Node.Button,
       {
         node: triggerButton,
         attributes: triggerButton.attributes,
@@ -2429,7 +2374,7 @@ function DefaultSettingsRecoveryCodes({
 }
 
 // src/theme/default/components/settings/settings-totp.tsx
-import { useComponents as useComponents6 } from "@ory/elements-react";
+import { useComponents as useComponents5 } from "@ory/elements-react";
 
 // src/theme/default/assets/icons/qrcode.svg
 import * as React33 from "react";
@@ -2450,7 +2395,7 @@ function DefaultSettingsTotp({
   totpUnlink,
   onUnlink
 }) {
-  const { Node: Node2, Card } = useComponents6();
+  const { Node, Card } = useComponents5();
   const {
     formState: { isSubmitting }
   } = useFormContext10();
@@ -2490,7 +2435,7 @@ function DefaultSettingsTotp({
     return /* @__PURE__ */ jsxs35("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
       /* @__PURE__ */ jsx65("div", { className: "col-span-full", children: /* @__PURE__ */ jsx65(DefaultHorizontalDivider, {}) }),
       /* @__PURE__ */ jsx65("div", { className: "flex justify-center rounded-cards bg-interface-background-default-secondary p-8", children: /* @__PURE__ */ jsx65("div", { className: "aspect-square h-44 rounded bg-[white]", children: /* @__PURE__ */ jsx65("div", { className: "-m-3 antialiased mix-blend-multiply", children: /* @__PURE__ */ jsx65(
-        Node2.Image,
+        Node.Image,
         {
           node: totpImage,
           attributes: {
@@ -2500,12 +2445,12 @@ function DefaultSettingsTotp({
       ) }) }) }),
       /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-6", children: [
         /* @__PURE__ */ jsx65(
-          Node2.Label,
+          Node.Label,
           {
             node: totpSecret,
             attributes: totpSecret.attributes,
             children: /* @__PURE__ */ jsx65(
-              Node2.Input,
+              Node.Input,
               {
                 node: totpSecret,
                 attributes: {
@@ -2520,12 +2465,12 @@ function DefaultSettingsTotp({
           }
         ),
         /* @__PURE__ */ jsx65(
-          Node2.Label,
+          Node.Label,
           {
             attributes: totpInput.attributes,
             node: totpInput,
             children: /* @__PURE__ */ jsx65(
-              Node2.CodeInput,
+              Node.CodeInput,
               {
                 node: totpInput,
                 attributes: totpInput.attributes
@@ -2539,7 +2484,7 @@ function DefaultSettingsTotp({
 }
 
 // src/theme/default/components/settings/settings-webauthn.tsx
-import { useComponents as useComponents7 } from "@ory/elements-react";
+import { useComponents as useComponents6 } from "@ory/elements-react";
 
 // src/theme/default/assets/icons/key.svg
 import * as React34 from "react";
@@ -2561,17 +2506,17 @@ function DefaultSettingsWebauthn({
   const {
     formState: { isSubmitting }
   } = useFormContext11();
-  const { Node: Node2, Card } = useComponents7();
+  const { Node, Card } = useComponents6();
   const hasRemoveButtons = removeButtons.length > 0;
   return /* @__PURE__ */ jsxs36("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ jsxs36("div", { className: "flex md:max-w-96 sm:items-end gap-3 flex-col sm:flex-row", children: [
       /* @__PURE__ */ jsx67("div", { className: "flex-1", children: /* @__PURE__ */ jsx67(
-        Node2.Label,
+        Node.Label,
         {
           node: nameInput,
           attributes: nameInput.attributes,
           children: /* @__PURE__ */ jsx67(
-            Node2.Input,
+            Node.Input,
             {
               node: nameInput,
               attributes: nameInput.attributes
@@ -2580,7 +2525,7 @@ function DefaultSettingsWebauthn({
         }
       ) }),
       triggerButton ? /* @__PURE__ */ jsx67(
-        Node2.Button,
+        Node.Button,
         {
           node: triggerButton,
           attributes: triggerButton.attributes,
@@ -2654,305 +2599,26 @@ function DefaultAuthMethodListContainer({
 }
 
 // src/theme/default/components/form/captcha.tsx
-import { isUiNodeInputAttributes as isUiNodeInputAttributes7 } from "@ory/client-fetch";
-import { Turnstile } from "@marsidev/react-turnstile";
-import { useRef as useRef3 } from "react";
-import { useFormContext as useFormContext23 } from "react-hook-form";
-
-// src/context/flow-context.tsx
-import {
-  createContext as createContext2,
-  useContext as useContext3,
-  useState as useState4
-} from "react";
-
-// src/context/form-state.ts
-import { FlowType as FlowType9 } from "@ory/client-fetch";
-import { useReducer } from "react";
-
-// src/components/card/card-two-step.utils.ts
-import { FlowType as FlowType8, UiNodeGroupEnum as UiNodeGroupEnum3 } from "@ory/client-fetch";
-
-// src/context/flow-context.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
-var OryFlowContext = createContext2(null);
-
-// src/context/intl-context.tsx
-import { IntlProvider as OriginalIntlProvider } from "react-intl";
-
-// src/components/card/header.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
-
-// src/components/form/form-provider.tsx
-import { UiNodeGroupEnum as UiNodeGroupEnum5 } from "@ory/client-fetch";
-import { FormProvider, useForm as useForm2 } from "react-hook-form";
-
-// src/components/form/form-helpers.ts
 import { isUiNodeInputAttributes as isUiNodeInputAttributes3 } from "@ory/client-fetch";
-
-// src/components/form/form-resolver.ts
-import { isUiNodeInputAttributes as isUiNodeInputAttributes4 } from "@ory/client-fetch";
-
-// src/components/form/form-provider.tsx
-import { jsx as jsx71 } from "react/jsx-runtime";
-
-// src/components/card/card.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
-
-// src/components/card/footer.tsx
-import { jsx as jsx73 } from "react/jsx-runtime";
-
-// src/components/card/content.tsx
-import { jsx as jsx74 } from "react/jsx-runtime";
-
-// src/components/card/card-two-step.tsx
-import { UiNodeGroupEnum as UiNodeGroupEnum7 } from "@ory/client-fetch";
-import { useFormContext as useFormContext15 } from "react-hook-form";
-
-// src/components/form/form.tsx
-import {
-  FlowType as FlowType16,
-  isUiNodeAnchorAttributes,
-  isUiNodeImageAttributes,
-  isUiNodeInputAttributes as isUiNodeInputAttributes5,
-  isUiNodeScriptAttributes
-} from "@ory/client-fetch";
-import { useFormContext as useFormContext13 } from "react-hook-form";
-import { useIntl as useIntl13 } from "react-intl";
-
-// src/components/form/useOryFormSubmit.ts
-import {
-  FlowType as FlowType15
-} from "@ory/client-fetch";
+import { Turnstile } from "@marsidev/react-turnstile";
+import { useRef as useRef2 } from "react";
 import { useFormContext as useFormContext12 } from "react-hook-form";
-
-// src/util/onSubmitLogin.ts
-import {
-  FlowType as FlowType10,
-  handleFlowError,
-  loginUrl
-} from "@ory/client-fetch";
-
-// src/util/onSubmitRecovery.ts
-import {
-  FlowType as FlowType11,
-  handleContinueWith,
-  handleFlowError as handleFlowError2,
-  instanceOfContinueWithRecoveryUi,
-  recoveryUrl
-} from "@ory/client-fetch";
-
-// src/util/onSubmitRegistration.ts
-import {
-  FlowType as FlowType12,
-  handleContinueWith as handleContinueWith2,
-  handleFlowError as handleFlowError3,
-  registrationUrl
-} from "@ory/client-fetch";
-
-// src/util/onSubmitSettings.ts
-import {
-  FlowType as FlowType13,
-  handleContinueWith as handleContinueWith3,
-  handleFlowError as handleFlowError4,
-  isResponseError,
-  loginUrl as loginUrl2,
-  settingsUrl
-} from "@ory/client-fetch";
-
-// src/util/onSubmitVerification.ts
-import {
-  FlowType as FlowType14,
-  handleFlowError as handleFlowError5,
-  verificationUrl
-} from "@ory/client-fetch";
-
-// src/components/form/form.tsx
-import { Fragment as Fragment6, jsx as jsx75, jsxs as jsxs37 } from "react/jsx-runtime";
-
-// src/components/form/messages.tsx
-import { jsx as jsx76 } from "react/jsx-runtime";
-
-// src/components/form/nodes/node.tsx
-import {
-  isUiNodeAnchorAttributes as isUiNodeAnchorAttributes2,
-  isUiNodeImageAttributes as isUiNodeImageAttributes2,
-  isUiNodeInputAttributes as isUiNodeInputAttributes6,
-  isUiNodeScriptAttributes as isUiNodeScriptAttributes2,
-  isUiNodeTextAttributes,
-  UiNodeGroupEnum as UiNodeGroupEnum6
-} from "@ory/client-fetch";
-import { jsx as jsx77 } from "react/jsx-runtime";
-
-// src/components/form/social.tsx
-import { useFormContext as useFormContext14 } from "react-hook-form";
-import { jsx as jsx78 } from "react/jsx-runtime";
-
-// src/components/card/card-two-step.tsx
-import { Fragment as Fragment7, jsx as jsx79, jsxs as jsxs38 } from "react/jsx-runtime";
-
-// src/components/form/groups.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
-
-// src/components/form/section.tsx
-import { useFormContext as useFormContext16 } from "react-hook-form";
-import { jsx as jsx81 } from "react/jsx-runtime";
-
-// src/components/generic/divider.tsx
-import { jsx as jsx82 } from "react/jsx-runtime";
-
-// src/components/generic/page-header.tsx
-import { jsx as jsx83 } from "react/jsx-runtime";
-
-// src/components/settings/settings-card.tsx
-import { UiNodeGroupEnum as UiNodeGroupEnum8 } from "@ory/client-fetch";
-import { useIntl as useIntl19 } from "react-intl";
-
-// src/components/settings/oidc-settings.tsx
-import { useIntl as useIntl14 } from "react-intl";
-import { useFormContext as useFormContext17 } from "react-hook-form";
-import { Fragment as Fragment8, jsx as jsx84, jsxs as jsxs39 } from "react/jsx-runtime";
-
-// src/components/settings/passkey-settings.tsx
-import { useFormContext as useFormContext18 } from "react-hook-form";
-import { useIntl as useIntl15 } from "react-intl";
-import { Fragment as Fragment9, jsx as jsx85, jsxs as jsxs40 } from "react/jsx-runtime";
-
-// src/components/settings/recovery-codes-settings.tsx
-import { useIntl as useIntl16 } from "react-intl";
-import { useFormContext as useFormContext19 } from "react-hook-form";
-import { Fragment as Fragment10, jsx as jsx86, jsxs as jsxs41 } from "react/jsx-runtime";
-
-// src/components/settings/totp-settings.tsx
-import { useFormContext as useFormContext20 } from "react-hook-form";
-import { useIntl as useIntl17 } from "react-intl";
-import { Fragment as Fragment11, jsx as jsx87, jsxs as jsxs42 } from "react/jsx-runtime";
-
-// src/components/settings/webauthn-settings.tsx
-import { useFormContext as useFormContext21 } from "react-hook-form";
-import { useIntl as useIntl18 } from "react-intl";
-import { Fragment as Fragment12, jsx as jsx88, jsxs as jsxs43 } from "react/jsx-runtime";
-
-// src/components/settings/settings-card.tsx
-import { Fragment as Fragment13, jsx as jsx89, jsxs as jsxs44 } from "react/jsx-runtime";
-
-// src/context/intl-context.tsx
-import { jsx as jsx90 } from "react/jsx-runtime";
-
-// src/context/provider.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
-
-// src/components/form/nodes/input.tsx
-import {
-  UiNodeInputAttributesTypeEnum
-} from "@ory/client-fetch";
-import { useEffect as useEffect5, useRef as useRef2 } from "react";
-import { useFormContext as useFormContext22 } from "react-hook-form";
-import { jsx as jsx92 } from "react/jsx-runtime";
-var NodeInput = ({
-  node,
-  attributes
-}) => {
-  var _a;
-  const { Node: Node2 } = useComponents();
-  const { setValue } = useFormContext22();
-  const {
-    onloadTrigger,
-    onclickTrigger,
-    // These properties do not exist on input fields so we remove them (as we already have handled them).
-    onclick: _ignoredOnclick,
-    onload: _ignoredOnload,
-    //
-    ...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 && !(isResendNode || isScreenSelectionNode)) {
-      setValue(attrs.name, attrs.value);
-    }
-  };
-  const hasRun = useRef2(false);
-  useEffect5(
-    () => {
-      setFormValue();
-      if (!hasRun.current && onloadTrigger) {
-        hasRun.current = true;
-        triggerToWindowCall(onloadTrigger);
-      }
-    },
-    // TODO(jonas): make sure onloadTrigger is stable
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- ignore onloadTrigger for now, until we make sure this is stable
-    []
-  );
-  const handleClick = () => {
-    setFormValue();
-    if (onclickTrigger) {
-      triggerToWindowCall(onclickTrigger);
-    }
-  };
-  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";
-  switch (attributes.type) {
-    case UiNodeInputAttributesTypeEnum.Submit:
-    case UiNodeInputAttributesTypeEnum.Button:
-      if (isSocial) {
-        return null;
-      }
-      if (isResendNode || isScreenSelectionNode) {
-        return null;
-      }
-      return /* @__PURE__ */ jsx92(
-        Node2.Label,
-        {
-          attributes: { ...attrs, label: void 0 },
-          node: { ...node, meta: { ...node.meta, label: void 0 } },
-          children: /* @__PURE__ */ jsx92(Node2.Button, { attributes: attrs, node, onClick: handleClick })
-        }
-      );
-    case UiNodeInputAttributesTypeEnum.DatetimeLocal:
-      throw new Error("Not implemented");
-    case UiNodeInputAttributesTypeEnum.Checkbox:
-      return /* @__PURE__ */ jsx92(
-        Node2.Label,
-        {
-          attributes: { ...attrs, label: void 0 },
-          node: { ...node, meta: { ...node.meta, label: void 0 } },
-          children: /* @__PURE__ */ jsx92(Node2.Checkbox, { attributes: attrs, node, onClick: handleClick })
-        }
-      );
-    case UiNodeInputAttributesTypeEnum.Hidden:
-      return /* @__PURE__ */ jsx92(Node2.Input, { attributes: attrs, node, onClick: handleClick });
-    default:
-      if (isPinCodeInput) {
-        return /* @__PURE__ */ jsx92(Node2.Label, { attributes: attrs, node, children: /* @__PURE__ */ jsx92(
-          Node2.CodeInput,
-          {
-            attributes: attrs,
-            node,
-            onClick: handleClick
-          }
-        ) });
-      }
-      return /* @__PURE__ */ jsx92(Node2.Label, { attributes: attrs, node, children: /* @__PURE__ */ jsx92(Node2.Input, { attributes: attrs, node, onClick: handleClick }) });
-  }
-};
-
-// src/theme/default/components/form/captcha.tsx
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var DefaultCaptcha = ({ node }) => {
-  const { setValue } = useFormContext23();
-  const ref = useRef3();
+  const { setValue } = useFormContext12();
+  const ref = useRef2();
   const nodes = [];
-  if (isUiNodeInputAttributes7(node.attributes)) {
+  if (isUiNodeInputAttributes3(node.attributes)) {
     if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
-      nodes.push(/* @__PURE__ */ jsx93(NodeInput, { node, attributes: node.attributes }, 1));
+      nodes.push(
+        /* @__PURE__ */ jsx69(DefaultInput, { node, attributes: node.attributes }, 1)
+      );
     }
   }
-  if (isUiNodeInputAttributes7(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
+  if (isUiNodeInputAttributes3(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
     const options = JSON.parse(node.attributes.value);
     nodes.push(
-      /* @__PURE__ */ jsx93(
+      /* @__PURE__ */ jsx69(
         Turnstile,
         {
           ref,
@@ -3029,21 +2695,21 @@ function getOryComponents(overrides) {
 }
 
 // src/theme/default/flows/error.tsx
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 function Error2({
   error,
   children
 }) {
-  return /* @__PURE__ */ jsx94("div", { "data-testid": "ory/screen/error/raw", children: JSON.stringify(error) || children });
+  return /* @__PURE__ */ jsx70("div", { "data-testid": "ory/screen/error/raw", children: JSON.stringify(error) || children });
 }
 
 // src/theme/default/flows/login.tsx
-import { FlowType as FlowType17 } from "@ory/client-fetch";
+import { FlowType as FlowType8 } from "@ory/client-fetch";
 import {
   OryProvider,
-  OryTwoStepCard as OryTwoStepCard2
+  OryTwoStepCard
 } from "@ory/elements-react";
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 function Login({
   flow,
   config,
@@ -3051,25 +2717,25 @@ function Login({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx71(
     OryProvider,
     {
       config,
       flow,
-      flowType: FlowType17.Login,
+      flowType: FlowType8.Login,
       components,
-      children: children != null ? children : /* @__PURE__ */ jsx95(OryTwoStepCard2, {})
+      children: children != null ? children : /* @__PURE__ */ jsx71(OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/recovery.tsx
-import { FlowType as FlowType18 } from "@ory/client-fetch";
+import { FlowType as FlowType9 } from "@ory/client-fetch";
 import {
   OryProvider as OryProvider2,
-  OryTwoStepCard as OryTwoStepCard3
+  OryTwoStepCard as OryTwoStepCard2
 } from "@ory/elements-react";
-import { jsx as jsx96 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 function Recovery({
   flow,
   config,
@@ -3077,25 +2743,25 @@ function Recovery({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx72(
     OryProvider2,
     {
       config,
       flow,
-      flowType: FlowType18.Recovery,
+      flowType: FlowType9.Recovery,
       components,
-      children: children != null ? children : /* @__PURE__ */ jsx96(OryTwoStepCard3, {})
+      children: children != null ? children : /* @__PURE__ */ jsx72(OryTwoStepCard2, {})
     }
   );
 }
 
 // src/theme/default/flows/registration.tsx
-import { FlowType as FlowType19 } from "@ory/client-fetch";
+import { FlowType as FlowType10 } from "@ory/client-fetch";
 import {
   OryProvider as OryProvider3,
-  OryTwoStepCard as OryTwoStepCard4
+  OryTwoStepCard as OryTwoStepCard3
 } from "@ory/elements-react";
-import { jsx as jsx97 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 function Registration({
   flow,
   children,
@@ -3103,26 +2769,26 @@ function Registration({
   config
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsx73(
     OryProvider3,
     {
       config,
       flow,
-      flowType: FlowType19.Registration,
+      flowType: FlowType10.Registration,
       components,
-      children: children != null ? children : /* @__PURE__ */ jsx97(OryTwoStepCard4, {})
+      children: children != null ? children : /* @__PURE__ */ jsx73(OryTwoStepCard3, {})
     }
   );
 }
 
 // src/theme/default/flows/settings.tsx
-import { FlowType as FlowType20 } from "@ory/client-fetch";
+import { FlowType as FlowType11 } from "@ory/client-fetch";
 import {
   HeadlessPageHeader,
   OryProvider as OryProvider4,
   OrySettingsCard
 } from "@ory/elements-react";
-import { Fragment as Fragment14, jsx as jsx98, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx74, jsxs as jsxs37 } from "react/jsx-runtime";
 function Settings({
   flow,
   config,
@@ -3130,28 +2796,28 @@ function Settings({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx74(
     OryProvider4,
     {
       config,
       flow,
-      flowType: FlowType20.Settings,
+      flowType: FlowType11.Settings,
       components,
-      children: children != null ? children : /* @__PURE__ */ jsxs45(Fragment14, { children: [
-        /* @__PURE__ */ jsx98(HeadlessPageHeader, {}),
-        /* @__PURE__ */ jsx98(OrySettingsCard, {})
+      children: children != null ? children : /* @__PURE__ */ jsxs37(Fragment6, { children: [
+        /* @__PURE__ */ jsx74(HeadlessPageHeader, {}),
+        /* @__PURE__ */ jsx74(OrySettingsCard, {})
       ] })
     }
   );
 }
 
 // src/theme/default/flows/verification.tsx
-import { FlowType as FlowType21 } from "@ory/client-fetch";
+import { FlowType as FlowType12 } from "@ory/client-fetch";
 import {
   OryProvider as OryProvider5,
-  OryTwoStepCard as OryTwoStepCard5
+  OryTwoStepCard as OryTwoStepCard4
 } from "@ory/elements-react";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 function Verification({
   flow,
   config,
@@ -3159,14 +2825,14 @@ function Verification({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsx75(
     OryProvider5,
     {
       config,
       flow,
-      flowType: FlowType21.Verification,
+      flowType: FlowType12.Verification,
       components,
-      children: children != null ? children : /* @__PURE__ */ jsx99(OryTwoStepCard5, {})
+      children: children != null ? children : /* @__PURE__ */ jsx75(OryTwoStepCard4, {})
     }
   );
 }