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

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 1.0.0-next.34 (2025-03-12)
+
+### 🩹 Fixes
+
+- use correct import paths ([#384](https://github.com/ory/elements/pull/384))
+
+### ❤️  Thank You
+
+- hackerman @aeneasr
+
 ## 1.0.0-next.33 (2025-03-07)
 
 ### 🚀 Features

package/dist/theme/default/index.js

@@ -154,13 +154,6 @@ var ComponentContext = (0, import_react.createContext)({
   nodeSorter: () => 0,
   groupSorter: () => 0
 });
-function useComponents() {
-  const ctx = (0, import_react.useContext)(ComponentContext);
-  if (!ctx) {
-    throw new Error("useComponents must be used within a ComponentProvider");
-  }
-  return ctx.components;
-}
 var defaultGroupOrder = [
   import_client_fetch.UiNodeGroupEnum.Default,
   import_client_fetch.UiNodeGroupEnum.Profile,
@@ -174,54 +167,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 = {};
@@ -2265,11 +2210,11 @@ function DefaultSettingsPasskey({
   const {
     formState: { isSubmitting }
   } = (0, import_react_hook_form9.useFormContext)();
-  const { Node: Node2 } = (0, import_elements_react16.useComponents)();
+  const { Node } = (0, import_elements_react16.useComponents)();
   const hasRemoveButtons = removeButtons.length > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex max-w-[60%] items-end gap-3", children: triggerButton && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
-      Node2.Button,
+      Node.Button,
       {
         node: triggerButton,
         attributes: triggerButton.attributes,
@@ -2467,7 +2412,7 @@ function DefaultSettingsTotp({
   totpUnlink,
   onUnlink
 }) {
-  const { Node: Node2, Card } = (0, import_elements_react17.useComponents)();
+  const { Node, Card } = (0, import_elements_react17.useComponents)();
   const {
     formState: { isSubmitting }
   } = (0, import_react_hook_form11.useFormContext)();
@@ -2507,7 +2452,7 @@ function DefaultSettingsTotp({
     return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DefaultHorizontalDivider, {}) }),
       /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex justify-center rounded-cards bg-interface-background-default-secondary p-8", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "aspect-square h-44 rounded bg-[white]", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "-m-3 antialiased mix-blend-multiply", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-        Node2.Image,
+        Node.Image,
         {
           node: totpImage,
           attributes: {
@@ -2517,12 +2462,12 @@ function DefaultSettingsTotp({
       ) }) }) }),
       /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col gap-6", children: [
         /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-          Node2.Label,
+          Node.Label,
           {
             node: totpSecret,
             attributes: totpSecret.attributes,
             children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-              Node2.Input,
+              Node.Input,
               {
                 node: totpSecret,
                 attributes: {
@@ -2537,12 +2482,12 @@ function DefaultSettingsTotp({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-          Node2.Label,
+          Node.Label,
           {
             attributes: totpInput.attributes,
             node: totpInput,
             children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-              Node2.CodeInput,
+              Node.CodeInput,
               {
                 node: totpInput,
                 attributes: totpInput.attributes
@@ -2578,17 +2523,17 @@ function DefaultSettingsWebauthn({
   const {
     formState: { isSubmitting }
   } = (0, import_react_hook_form12.useFormContext)();
-  const { Node: Node2, Card } = (0, import_elements_react18.useComponents)();
+  const { Node, Card } = (0, import_elements_react18.useComponents)();
   const hasRemoveButtons = removeButtons.length > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex md:max-w-96 sm:items-end gap-3 flex-col sm:flex-row", children: [
       /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-        Node2.Label,
+        Node.Label,
         {
           node: nameInput,
           attributes: nameInput.attributes,
           children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-            Node2.Input,
+            Node.Input,
             {
               node: nameInput,
               attributes: nameInput.attributes
@@ -2597,7 +2542,7 @@ function DefaultSettingsWebauthn({
         }
       ) }),
       triggerButton ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-        Node2.Button,
+        Node.Button,
         {
           node: triggerButton,
           attributes: triggerButton.attributes,
@@ -2671,258 +2616,26 @@ function DefaultAuthMethodListContainer({
 }
 
 // src/theme/default/components/form/captcha.tsx
-var import_client_fetch30 = require("@ory/client-fetch");
+var import_client_fetch14 = require("@ory/client-fetch");
 var import_react_turnstile = require("@marsidev/react-turnstile");
-var import_react14 = require("react");
-var import_react_hook_form25 = require("react-hook-form");
-
-// src/context/flow-context.tsx
-var import_react12 = require("react");
-
-// src/context/form-state.ts
-var import_client_fetch15 = require("@ory/client-fetch");
 var import_react11 = require("react");
-
-// src/components/card/card-two-step.utils.ts
-var import_client_fetch14 = require("@ory/client-fetch");
-
-// src/context/flow-context.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
-var OryFlowContext = (0, import_react12.createContext)(null);
-
-// src/context/intl-context.tsx
-var import_react_intl20 = require("react-intl");
-
-// src/components/card/header.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
-
-// src/components/form/form-provider.tsx
-var import_client_fetch18 = require("@ory/client-fetch");
 var import_react_hook_form13 = require("react-hook-form");
-
-// src/components/form/form-helpers.ts
-var import_client_fetch16 = require("@ory/client-fetch");
-
-// src/components/form/form-resolver.ts
-var import_client_fetch17 = require("@ory/client-fetch");
-
-// src/components/form/form-provider.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
-
-// src/components/card/card.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
-
-// src/components/card/footer.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
-
-// src/components/card/content.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
-
-// src/components/card/card-two-step.tsx
-var import_client_fetch27 = require("@ory/client-fetch");
-var import_react_hook_form17 = require("react-hook-form");
-
-// src/components/form/form.tsx
-var import_client_fetch25 = require("@ory/client-fetch");
-var import_react_hook_form15 = require("react-hook-form");
-var import_react_intl13 = require("react-intl");
-
-// src/components/form/useOryFormSubmit.ts
-var import_client_fetch24 = require("@ory/client-fetch");
-var import_react_hook_form14 = require("react-hook-form");
-
-// src/util/onSubmitLogin.ts
-var import_client_fetch19 = require("@ory/client-fetch");
-
-// src/util/onSubmitRecovery.ts
-var import_client_fetch20 = require("@ory/client-fetch");
-
-// src/util/onSubmitRegistration.ts
-var import_client_fetch21 = require("@ory/client-fetch");
-
-// src/util/onSubmitSettings.ts
-var import_client_fetch22 = require("@ory/client-fetch");
-
-// src/util/onSubmitVerification.ts
-var import_client_fetch23 = require("@ory/client-fetch");
-
-// src/components/form/form.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
-
-// src/components/form/messages.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
-
-// src/components/form/nodes/node.tsx
-var import_client_fetch26 = require("@ory/client-fetch");
-var import_jsx_runtime77 = require("react/jsx-runtime");
-
-// src/components/form/social.tsx
-var import_react_hook_form16 = require("react-hook-form");
-var import_jsx_runtime78 = require("react/jsx-runtime");
-
-// src/components/card/card-two-step.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
-
-// src/components/form/groups.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
-
-// src/components/form/section.tsx
-var import_react_hook_form18 = require("react-hook-form");
-var import_jsx_runtime81 = require("react/jsx-runtime");
-
-// src/components/generic/divider.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
-
-// src/components/generic/page-header.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
-
-// src/components/settings/settings-card.tsx
-var import_client_fetch28 = require("@ory/client-fetch");
-var import_react_intl19 = require("react-intl");
-
-// src/components/settings/oidc-settings.tsx
-var import_react_intl14 = require("react-intl");
-var import_react_hook_form19 = require("react-hook-form");
-var import_jsx_runtime84 = require("react/jsx-runtime");
-
-// src/components/settings/passkey-settings.tsx
-var import_react_hook_form20 = require("react-hook-form");
-var import_react_intl15 = require("react-intl");
-var import_jsx_runtime85 = require("react/jsx-runtime");
-
-// src/components/settings/recovery-codes-settings.tsx
-var import_react_intl16 = require("react-intl");
-var import_react_hook_form21 = require("react-hook-form");
-var import_jsx_runtime86 = require("react/jsx-runtime");
-
-// src/components/settings/totp-settings.tsx
-var import_react_hook_form22 = require("react-hook-form");
-var import_react_intl17 = require("react-intl");
-var import_jsx_runtime87 = require("react/jsx-runtime");
-
-// src/components/settings/webauthn-settings.tsx
-var import_react_hook_form23 = require("react-hook-form");
-var import_react_intl18 = require("react-intl");
-var import_jsx_runtime88 = require("react/jsx-runtime");
-
-// src/components/settings/settings-card.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
-
-// src/context/intl-context.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
-
-// src/context/provider.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
-
-// src/components/form/nodes/input.tsx
-var import_client_fetch29 = require("@ory/client-fetch");
-var import_react13 = require("react");
-var import_react_hook_form24 = require("react-hook-form");
-var import_jsx_runtime92 = require("react/jsx-runtime");
-var NodeInput = ({
-  node,
-  attributes
-}) => {
-  var _a;
-  const { Node: Node2 } = useComponents();
-  const { setValue } = (0, import_react_hook_form24.useFormContext)();
-  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 = (0, import_react13.useRef)(false);
-  (0, import_react13.useEffect)(
-    () => {
-      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 import_client_fetch29.UiNodeInputAttributesTypeEnum.Submit:
-    case import_client_fetch29.UiNodeInputAttributesTypeEnum.Button:
-      if (isSocial) {
-        return null;
-      }
-      if (isResendNode || isScreenSelectionNode) {
-        return null;
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-        Node2.Label,
-        {
-          attributes: { ...attrs, label: void 0 },
-          node: { ...node, meta: { ...node.meta, label: void 0 } },
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Node2.Button, { attributes: attrs, node, onClick: handleClick })
-        }
-      );
-    case import_client_fetch29.UiNodeInputAttributesTypeEnum.DatetimeLocal:
-      throw new Error("Not implemented");
-    case import_client_fetch29.UiNodeInputAttributesTypeEnum.Checkbox:
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-        Node2.Label,
-        {
-          attributes: { ...attrs, label: void 0 },
-          node: { ...node, meta: { ...node.meta, label: void 0 } },
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Node2.Checkbox, { attributes: attrs, node, onClick: handleClick })
-        }
-      );
-    case import_client_fetch29.UiNodeInputAttributesTypeEnum.Hidden:
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Node2.Input, { attributes: attrs, node, onClick: handleClick });
-    default:
-      if (isPinCodeInput) {
-        return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Node2.Label, { attributes: attrs, node, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
-          Node2.CodeInput,
-          {
-            attributes: attrs,
-            node,
-            onClick: handleClick
-          }
-        ) });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Node2.Label, { attributes: attrs, node, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Node2.Input, { attributes: attrs, node, onClick: handleClick }) });
-  }
-};
-
-// src/theme/default/components/form/captcha.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var DefaultCaptcha = ({ node }) => {
-  const { setValue } = (0, import_react_hook_form25.useFormContext)();
-  const ref = (0, import_react14.useRef)();
+  const { setValue } = (0, import_react_hook_form13.useFormContext)();
+  const ref = (0, import_react11.useRef)();
   const nodes = [];
-  if ((0, import_client_fetch30.isUiNodeInputAttributes)(node.attributes)) {
+  if ((0, import_client_fetch14.isUiNodeInputAttributes)(node.attributes)) {
     if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
-      nodes.push(/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(NodeInput, { node, attributes: node.attributes }, 1));
+      nodes.push(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DefaultInput, { node, attributes: node.attributes }, 1)
+      );
     }
   }
-  if ((0, import_client_fetch30.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
+  if ((0, import_client_fetch14.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
     const options = JSON.parse(node.attributes.value);
     nodes.push(
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         import_react_turnstile.Turnstile,
         {
           ref,
@@ -2999,18 +2712,18 @@ function getOryComponents(overrides) {
 }
 
 // src/theme/default/flows/error.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function Error2({
   error,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { "data-testid": "ory/screen/error/raw", children: JSON.stringify(error) || children });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { "data-testid": "ory/screen/error/raw", children: JSON.stringify(error) || children });
 }
 
 // src/theme/default/flows/login.tsx
-var import_client_fetch31 = require("@ory/client-fetch");
+var import_client_fetch15 = require("@ory/client-fetch");
 var import_elements_react19 = require("@ory/elements-react");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function Login({
   flow,
   config,
@@ -3018,22 +2731,22 @@ function Login({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     import_elements_react19.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch31.FlowType.Login,
+      flowType: import_client_fetch15.FlowType.Login,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_elements_react19.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_elements_react19.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/recovery.tsx
-var import_client_fetch32 = require("@ory/client-fetch");
+var import_client_fetch16 = require("@ory/client-fetch");
 var import_elements_react20 = require("@ory/elements-react");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function Recovery({
   flow,
   config,
@@ -3041,22 +2754,22 @@ function Recovery({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     import_elements_react20.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch32.FlowType.Recovery,
+      flowType: import_client_fetch16.FlowType.Recovery,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_elements_react20.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_elements_react20.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/registration.tsx
-var import_client_fetch33 = require("@ory/client-fetch");
+var import_client_fetch17 = require("@ory/client-fetch");
 var import_elements_react21 = require("@ory/elements-react");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function Registration({
   flow,
   children,
@@ -3064,22 +2777,22 @@ function Registration({
   config
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     import_elements_react21.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch33.FlowType.Registration,
+      flowType: import_client_fetch17.FlowType.Registration,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_elements_react21.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_elements_react21.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/settings.tsx
-var import_client_fetch34 = require("@ory/client-fetch");
+var import_client_fetch18 = require("@ory/client-fetch");
 var import_elements_react22 = require("@ory/elements-react");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function Settings({
   flow,
   config,
@@ -3087,25 +2800,25 @@ function Settings({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     import_elements_react22.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch34.FlowType.Settings,
+      flowType: import_client_fetch18.FlowType.Settings,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_elements_react22.HeadlessPageHeader, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_elements_react22.OrySettingsCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_elements_react22.HeadlessPageHeader, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_elements_react22.OrySettingsCard, {})
       ] })
     }
   );
 }
 
 // src/theme/default/flows/verification.tsx
-var import_client_fetch35 = require("@ory/client-fetch");
+var import_client_fetch19 = require("@ory/client-fetch");
 var import_elements_react23 = require("@ory/elements-react");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function Verification({
   flow,
   config,
@@ -3113,14 +2826,14 @@ function Verification({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     import_elements_react23.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch35.FlowType.Verification,
+      flowType: import_client_fetch19.FlowType.Verification,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_elements_react23.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_elements_react23.OryTwoStepCard, {})
     }
   );
 }