@ory/elements-react 1.0.0-rc.3 → 1.0.0-rc.4

package/dist/theme/default/index.js

@@ -92,12 +92,12 @@ function DefaultCardContent({ children }) {
 }
 
 // src/theme/default/components/card/footer.tsx
-var import_client_fetch27 = require("@ory/client-fetch");
+var import_client_fetch29 = require("@ory/client-fetch");
 var import_elements_react3 = require("@ory/elements-react");
 var import_react_intl10 = require("react-intl");
 
 // src/components/card/two-step/state-select-method.tsx
-var import_client_fetch26 = require("@ory/client-fetch");
+var import_client_fetch28 = require("@ory/client-fetch");
 
 // src/context/component.tsx
 var import_client_fetch = require("@ory/client-fetch");
@@ -297,46 +297,52 @@ function getSDKUrl() {
 var import_react_intl8 = require("react-intl");
 
 // src/components/form/form.tsx
-var import_client_fetch14 = require("@ory/client-fetch");
+var import_client_fetch16 = require("@ory/client-fetch");
 var import_react_hook_form2 = require("react-hook-form");
 var import_react_intl = require("react-intl");
 
 // src/components/form/useOryFormSubmit.ts
-var import_client_fetch13 = require("@ory/client-fetch");
+var import_client_fetch15 = require("@ory/client-fetch");
 var import_react_hook_form = require("react-hook-form");
 
 // src/util/onSubmitLogin.ts
+var import_client_fetch9 = require("@ory/client-fetch");
+
+// src/util/sdk-helpers/error.ts
 var import_client_fetch7 = require("@ory/client-fetch");
 
-// src/util/onSubmitRecovery.ts
+// src/util/sdk-helpers/utils.ts
 var import_client_fetch8 = require("@ory/client-fetch");
 
+// src/util/onSubmitRecovery.ts
+var import_client_fetch10 = require("@ory/client-fetch");
+
 // src/util/onSubmitRegistration.ts
-var import_client_fetch9 = require("@ory/client-fetch");
+var import_client_fetch11 = require("@ory/client-fetch");
 
 // src/util/onSubmitSettings.ts
-var import_client_fetch10 = require("@ory/client-fetch");
+var import_client_fetch12 = require("@ory/client-fetch");
 
 // src/util/onSubmitVerification.ts
-var import_client_fetch11 = require("@ory/client-fetch");
+var import_client_fetch13 = require("@ory/client-fetch");
 
 // src/components/form/form-helpers.ts
-var import_client_fetch12 = require("@ory/client-fetch");
+var import_client_fetch14 = require("@ory/client-fetch");
 
 // src/components/form/form.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 
 // src/components/form/groups.tsx
-var import_client_fetch17 = require("@ory/client-fetch");
+var import_client_fetch19 = require("@ory/client-fetch");
 
 // src/components/form/nodes/input.tsx
-var import_client_fetch15 = require("@ory/client-fetch");
+var import_client_fetch17 = require("@ory/client-fetch");
 var import_react6 = require("react");
 var import_react_hook_form3 = require("react-hook-form");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 
 // src/components/form/nodes/node.tsx
-var import_client_fetch16 = require("@ory/client-fetch");
+var import_client_fetch18 = require("@ory/client-fetch");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 
 // src/components/form/groups.tsx
@@ -346,15 +352,15 @@ var import_jsx_runtime10 = require("react/jsx-runtime");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 
 // src/components/form/social.tsx
-var import_client_fetch20 = require("@ory/client-fetch");
+var import_client_fetch22 = require("@ory/client-fetch");
 var import_react_hook_form5 = require("react-hook-form");
 
 // src/components/form/form-provider.tsx
-var import_client_fetch19 = require("@ory/client-fetch");
+var import_client_fetch21 = require("@ory/client-fetch");
 var import_react_hook_form4 = require("react-hook-form");
 
 // src/components/form/form-resolver.ts
-var import_client_fetch18 = require("@ory/client-fetch");
+var import_client_fetch20 = require("@ory/client-fetch");
 
 // src/components/form/form-provider.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -367,14 +373,14 @@ var import_react_hook_form6 = require("react-hook-form");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 
 // src/components/generic/divider.tsx
-var import_client_fetch21 = require("@ory/client-fetch");
+var import_client_fetch23 = require("@ory/client-fetch");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 
 // src/components/generic/page-header.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
 
 // src/components/settings/settings-card.tsx
-var import_client_fetch22 = require("@ory/client-fetch");
+var import_client_fetch24 = require("@ory/client-fetch");
 var import_react_intl7 = require("react-intl");
 
 // src/components/settings/oidc-settings.tsx
@@ -2814,11 +2820,11 @@ var import_jsx_runtime27 = require("react/jsx-runtime");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-method-active.tsx
-var import_client_fetch23 = require("@ory/client-fetch");
+var import_client_fetch25 = require("@ory/client-fetch");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-provide-identifier.tsx
-var import_client_fetch24 = require("@ory/client-fetch");
+var import_client_fetch26 = require("@ory/client-fetch");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 
 // src/components/card/card-two-step.tsx
@@ -2826,7 +2832,7 @@ var import_elements_react = require("@ory/elements-react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 
 // src/components/card/card-consent.tsx
-var import_client_fetch25 = require("@ory/client-fetch");
+var import_client_fetch27 = require("@ory/client-fetch");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-select-method.tsx
@@ -2841,17 +2847,17 @@ var import_jsx_runtime33 = require("react/jsx-runtime");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function toAuthMethodPickerOptions(visibleGroups) {
   return Object.fromEntries(
-    Object.values(import_client_fetch26.UiNodeGroupEnum).filter((group) => {
+    Object.values(import_client_fetch28.UiNodeGroupEnum).filter((group) => {
       var _a;
       return (_a = visibleGroups[group]) == null ? void 0 : _a.length;
     }).filter(
       (group) => ![
-        import_client_fetch26.UiNodeGroupEnum.Oidc,
-        import_client_fetch26.UiNodeGroupEnum.Saml,
-        import_client_fetch26.UiNodeGroupEnum.Default,
-        import_client_fetch26.UiNodeGroupEnum.IdentifierFirst,
-        import_client_fetch26.UiNodeGroupEnum.Profile,
-        import_client_fetch26.UiNodeGroupEnum.Captcha
+        import_client_fetch28.UiNodeGroupEnum.Oidc,
+        import_client_fetch28.UiNodeGroupEnum.Saml,
+        import_client_fetch28.UiNodeGroupEnum.Default,
+        import_client_fetch28.UiNodeGroupEnum.IdentifierFirst,
+        import_client_fetch28.UiNodeGroupEnum.Profile,
+        import_client_fetch28.UiNodeGroupEnum.Captcha
       ].includes(group)
     ).map((g) => [g, {}])
   );
@@ -2926,26 +2932,42 @@ var import_jsx_runtime35 = require("react/jsx-runtime");
 function DefaultCardFooter() {
   const oryFlow = (0, import_elements_react3.useOryFlow)();
   switch (oryFlow.flowType) {
-    case import_client_fetch27.FlowType.Login:
+    case import_client_fetch29.FlowType.Login:
       return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LoginCardFooter, {});
-    case import_client_fetch27.FlowType.Registration:
+    case import_client_fetch29.FlowType.Registration:
       return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RegistrationCardFooter, {});
-    case import_client_fetch27.FlowType.Recovery:
+    case import_client_fetch29.FlowType.Recovery:
       return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RecoveryCardFooter, {});
-    case import_client_fetch27.FlowType.Verification:
+    case import_client_fetch29.FlowType.Verification:
       return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(VerificationCardFooter, {});
-    case import_client_fetch27.FlowType.OAuth2Consent:
+    case import_client_fetch29.FlowType.OAuth2Consent:
       return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ConsentCardFooter, { flow: oryFlow.flow });
     default:
       return null;
   }
 }
+function shouldShowLogoutButton(flow, formState, authMethods) {
+  if (flow.refresh) {
+    return true;
+  }
+  if (flow.requested_aal === "aal2") {
+    if (formState.current === "select_method") {
+      return true;
+    }
+    if (formState.current === "method_active" && flow.active === "code") {
+      return true;
+    }
+    if (formState.current === "method_active" && authMethods.length === 1) {
+      return true;
+    }
+  }
+  return false;
+}
 function LoginCardFooter() {
-  const { formState, flow, flowType } = (0, import_elements_react3.useOryFlow)();
+  const { formState, flow, flowType, dispatchFormState } = (0, import_elements_react3.useOryFlow)();
   const config = (0, import_elements_react3.useOryConfiguration)();
-  const { logoutFlow: logout, didLoad: didLoadLogout } = useClientLogout(config);
   const intl = (0, import_react_intl10.useIntl)();
-  if (flowType !== import_client_fetch27.FlowType.Login) {
+  if (flowType !== import_client_fetch29.FlowType.Login) {
     return null;
   }
   const authMethods = nodesToAuthMethodGroups(flow.ui.nodes);
@@ -2959,27 +2981,8 @@ function LoginCardFooter() {
       `${config.sdk.url}/self-service/${flowType}/browser`
     );
   }
-  if (flow.refresh || flow.requested_aal === "aal2") {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
-      intl.formatMessage({
-        id: "login.2fa.go-back"
-      }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-        "a",
-        {
-          className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
-          href: logout ? logout == null ? void 0 : logout.logout_url : returnTo,
-          "data-testid": (
-            // Only add the test-id when the logout link has loaded.
-            didLoadLogout ? "ory/screen/login/action/logout" : void 0
-          ),
-          children: intl.formatMessage({
-            id: !didLoadLogout || logout ? "login.logout-button" : "login.2fa.go-back.link"
-          })
-        }
-      )
-    ] });
+  if (shouldShowLogoutButton(flow, formState, authMethods)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LogoutButton, { returnTo });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
     formState.current === "provide_identifier" && config.project.registration_enabled && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
@@ -3002,10 +3005,14 @@ function LoginCardFooter() {
       )
     ] }),
     authMethods.length > 1 && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-      "a",
+      "button",
       {
         className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
-        href: "",
+        onClick: () => {
+          dispatchFormState({
+            type: "action_clear_active_method"
+          });
+        },
         "data-testid": "ory/screen/login/mfa/action/selectMethod",
         children: intl.formatMessage({
           id: "login.2fa.method.go-back"
@@ -3025,6 +3032,31 @@ function LoginCardFooter() {
     ) })
   ] });
 }
+function LogoutButton({ returnTo }) {
+  const config = (0, import_elements_react3.useOryConfiguration)();
+  const intl = (0, import_react_intl10.useIntl)();
+  const { logoutFlow: logout, didLoad: didLoadLogout } = useClientLogout(config);
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
+    intl.formatMessage({
+      id: "login.2fa.go-back"
+    }),
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      "a",
+      {
+        className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
+        href: logout ? logout == null ? void 0 : logout.logout_url : returnTo,
+        "data-testid": (
+          // Only add the test-id when the logout link has loaded.
+          didLoadLogout ? "ory/screen/login/action/logout" : void 0
+        ),
+        children: intl.formatMessage({
+          id: !didLoadLogout || logout ? "login.logout-button" : "login.2fa.go-back.link"
+        })
+      }
+    )
+  ] });
+}
 function RegistrationCardFooter() {
   const intl = (0, import_react_intl10.useIntl)();
   const { flow, formState } = (0, import_elements_react3.useOryFlow)();
@@ -3128,7 +3160,7 @@ function ConsentCardFooter({ flow }) {
 var import_elements_react5 = require("@ory/elements-react");
 
 // src/theme/default/utils/constructCardHeader.ts
-var import_client_fetch28 = require("@ory/client-fetch");
+var import_client_fetch30 = require("@ory/client-fetch");
 var import_react_intl11 = require("react-intl");
 function joinWithCommaOr(list, orText = "or") {
   if (list.length === 0) {
@@ -3145,7 +3177,7 @@ function useCardHeaderText(container, opts) {
   const nodes = container.nodes;
   const intl = (0, import_react_intl11.useIntl)();
   switch (opts.flowType) {
-    case import_client_fetch28.FlowType.Recovery:
+    case import_client_fetch30.FlowType.Recovery:
       if (nodes.find(
         (node) => "name" in node.attributes && node.attributes.name === "code"
       )) {
@@ -3167,7 +3199,7 @@ function useCardHeaderText(container, opts) {
           id: "recovery.subtitle"
         })
       };
-    case import_client_fetch28.FlowType.Settings:
+    case import_client_fetch30.FlowType.Settings:
       return {
         title: intl.formatMessage({
           id: "settings.title"
@@ -3176,7 +3208,7 @@ function useCardHeaderText(container, opts) {
           id: "settings.subtitle"
         })
       };
-    case import_client_fetch28.FlowType.Verification:
+    case import_client_fetch30.FlowType.Verification:
       if (nodes.find(
         (node) => "name" in node.attributes && node.attributes.name === "code"
       )) {
@@ -3198,7 +3230,7 @@ function useCardHeaderText(container, opts) {
           id: "verification.subtitle"
         })
       };
-    case import_client_fetch28.FlowType.Login: {
+    case import_client_fetch30.FlowType.Login: {
       const accountLinkingMessage = (_a = container.messages) == null ? void 0 : _a.find(
         (m) => m.id === 1010016
       );
@@ -3221,7 +3253,7 @@ function useCardHeaderText(container, opts) {
   const parts = [];
   if (nodes.find((node) => node.group === "password")) {
     switch (opts.flowType) {
-      case import_client_fetch28.FlowType.Registration:
+      case import_client_fetch30.FlowType.Registration:
         parts.push(
           intl.formatMessage(
             { id: "card.header.parts.password.registration" },
@@ -3264,7 +3296,7 @@ function useCardHeaderText(container, opts) {
   }
   if (nodes.find((node) => node.group === "identifier_first")) {
     const identifier = nodes.find(
-      (node) => (0, import_client_fetch28.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
+      (node) => (0, import_client_fetch30.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
     );
     if (identifier) {
       parts.push(
@@ -3280,7 +3312,7 @@ function useCardHeaderText(container, opts) {
     }
   }
   switch (opts.flowType) {
-    case import_client_fetch28.FlowType.Login:
+    case import_client_fetch30.FlowType.Login:
       if (opts.flow.refresh) {
         return {
           title: intl.formatMessage({
@@ -3321,7 +3353,7 @@ function useCardHeaderText(container, opts) {
           }
         ) : ""
       };
-    case import_client_fetch28.FlowType.Registration:
+    case import_client_fetch30.FlowType.Registration:
       return {
         title: intl.formatMessage({
           id: "registration.title"
@@ -3338,7 +3370,7 @@ function useCardHeaderText(container, opts) {
           }
         ) : ""
       };
-    case import_client_fetch28.FlowType.OAuth2Consent:
+    case import_client_fetch30.FlowType.OAuth2Consent:
       return {
         title: intl.formatMessage(
           {
@@ -3365,7 +3397,7 @@ function useCardHeaderText(container, opts) {
 }
 
 // src/theme/default/components/card/current-identifier-button.tsx
-var import_client_fetch29 = require("@ory/client-fetch");
+var import_client_fetch31 = require("@ory/client-fetch");
 var import_elements_react4 = require("@ory/elements-react");
 var import_react8 = require("react");
 var import_react_hook_form13 = require("react-hook-form");
@@ -3422,7 +3454,7 @@ function DefaultCurrentIdentifierButton() {
   if (formState.current === "provide_identifier") {
     return null;
   }
-  if (flowType === import_client_fetch29.FlowType.Login && flow.requested_aal === "aal2") {
+  if (flowType === import_client_fetch31.FlowType.Login && flow.requested_aal === "aal2") {
     return null;
   }
   const nodeBackButton = getBackButtonNodeAttributes(flowType, ui.nodes);
@@ -3437,7 +3469,7 @@ function DefaultCurrentIdentifierButton() {
   if (screenSelectionNode) {
     return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("form", { action: flow.ui.action, method: flow.ui.method, children: [
       flow.ui.nodes.filter((n) => {
-        if ((0, import_client_fetch29.isUiNodeInputAttributes)(n.attributes)) {
+        if ((0, import_client_fetch31.isUiNodeInputAttributes)(n.attributes)) {
           return n.attributes.type === "hidden";
         }
         return false;
@@ -3515,18 +3547,18 @@ function getBackButtonNodeAttributes(flowType, nodes) {
   var _a, _b;
   let nodeBackButtonAttributes;
   switch (flowType) {
-    case import_client_fetch29.FlowType.Login:
+    case import_client_fetch31.FlowType.Login:
       nodeBackButtonAttributes = (_a = nodes.find(
-        (node) => (0, import_client_fetch29.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "identifier" && ["default", "identifier_first"].includes(node.group)
+        (node) => (0, import_client_fetch31.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "identifier" && ["default", "identifier_first"].includes(node.group)
       )) == null ? void 0 : _a.attributes;
       break;
-    case import_client_fetch29.FlowType.Registration:
+    case import_client_fetch31.FlowType.Registration:
       nodeBackButtonAttributes = guessRegistrationBackButton(nodes);
       break;
-    case import_client_fetch29.FlowType.Recovery:
-    case import_client_fetch29.FlowType.Verification:
+    case import_client_fetch31.FlowType.Recovery:
+    case import_client_fetch31.FlowType.Verification:
       nodeBackButtonAttributes = (_b = nodes.find(
-        (n) => (0, import_client_fetch29.isUiNodeInputAttributes)(n.attributes) && n.attributes.name === "email"
+        (n) => (0, import_client_fetch31.isUiNodeInputAttributes)(n.attributes) && n.attributes.name === "email"
       )) == null ? void 0 : _b.attributes;
       break;
   }
@@ -3543,7 +3575,7 @@ var backButtonCandiates = [
 function guessRegistrationBackButton(uiNodes) {
   var _a;
   return (_a = uiNodes.find(
-    (node) => (0, import_client_fetch29.isUiNodeInputAttributes)(node.attributes) && backButtonCandiates.includes(node.attributes.name) && node.group === "default"
+    (node) => (0, import_client_fetch31.isUiNodeInputAttributes)(node.attributes) && backButtonCandiates.includes(node.attributes.name) && node.group === "default"
   )) == null ? void 0 : _a.attributes;
 }
 
@@ -3624,7 +3656,7 @@ function cn(...inputs) {
 // src/theme/default/components/form/index.tsx
 var import_react_intl13 = require("react-intl");
 var import_elements_react8 = require("@ory/elements-react");
-var import_client_fetch31 = require("@ory/client-fetch");
+var import_client_fetch33 = require("@ory/client-fetch");
 
 // src/theme/default/components/form/social.tsx
 var import_elements_react7 = require("@ory/elements-react");
@@ -3847,7 +3879,7 @@ function Spinner({ className }) {
 }
 
 // src/theme/default/components/form/social.tsx
-var import_client_fetch30 = require("@ory/client-fetch");
+var import_client_fetch32 = require("@ory/client-fetch");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 function extractProvider(context) {
   if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
@@ -3874,7 +3906,7 @@ function DefaultButtonSocial({
     formState: { isSubmitting }
   } = (0, import_react_hook_form14.useFormContext)();
   const oidcNodeCount = (_a = ui.nodes.filter(
-    (node2) => node2.group === import_client_fetch30.UiNodeGroupEnum.Oidc || node2.group === import_client_fetch30.UiNodeGroupEnum.Saml
+    (node2) => node2.group === import_client_fetch32.UiNodeGroupEnum.Oidc || node2.group === import_client_fetch32.UiNodeGroupEnum.Saml
   ).length) != null ? _a : 0;
   const Logo = logos2[attributes.value.split("-")[0]];
   const showLabel = _showLabel != null ? _showLabel : oidcNodeCount % 3 !== 0 && oidcNodeCount % 4 !== 0;
@@ -3965,7 +3997,7 @@ function DefaultMessageContainer({ children }) {
     "section",
     {
       className: cn(
-        flowType === import_client_fetch31.FlowType.Settings ? "text-center" : "text-left"
+        flowType === import_client_fetch33.FlowType.Settings ? "text-center" : "text-left"
       ),
       children
     }
@@ -4117,7 +4149,7 @@ function DefaultAuthMethodListItem({
 }
 
 // src/theme/default/components/form/button.tsx
-var import_client_fetch32 = require("@ory/client-fetch");
+var import_client_fetch34 = require("@ory/client-fetch");
 var import_elements_react9 = require("@ory/elements-react");
 var import_class_variance_authority = require("class-variance-authority");
 var import_react_hook_form15 = require("react-hook-form");
@@ -4165,7 +4197,7 @@ var DefaultButton = ({
   const { type, name, value, ...rest } = attributes;
   const [clicked, setClicked] = (0, import_react10.useState)(false);
   const intl = (0, import_react_intl15.useIntl)();
-  const label = (0, import_client_fetch32.getNodeLabel)(node);
+  const label = (0, import_client_fetch34.getNodeLabel)(node);
   const {
     formState: { isSubmitting },
     setValue
@@ -4205,7 +4237,7 @@ var DefaultButton = ({
 DefaultButton.displayName = "DefaultButton";
 
 // src/theme/default/components/form/checkbox.tsx
-var import_client_fetch33 = require("@ory/client-fetch");
+var import_client_fetch35 = require("@ory/client-fetch");
 var import_elements_react10 = require("@ory/elements-react");
 var import_react_hook_form16 = require("react-hook-form");
 var import_react_intl17 = require("react-intl");
@@ -4285,7 +4317,7 @@ var DefaultCheckbox = ({
 }) => {
   const { value, name, ...attributes } = initialAttributes;
   const intl = (0, import_react_intl17.useIntl)();
-  const label = (0, import_client_fetch33.getNodeLabel)(node);
+  const label = (0, import_client_fetch35.getNodeLabel)(node);
   const { register } = (0, import_react_hook_form16.useFormContext)();
   const hasError = node.messages.some((m) => m.type === "error");
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
@@ -4326,7 +4358,7 @@ var DefaultCheckbox = ({
 
 // src/theme/default/components/form/group-container.tsx
 var import_elements_react11 = require("@ory/elements-react");
-var import_client_fetch34 = require("@ory/client-fetch");
+var import_client_fetch36 = require("@ory/client-fetch");
 
 // src/util/childCounter.ts
 var import_react11 = require("react");
@@ -4352,7 +4384,7 @@ function DefaultGroupContainer({ children }) {
     {
       className: cn(
         "grid",
-        flowType === import_client_fetch34.FlowType.OAuth2Consent ? "grid-cols-2 gap-2" : "grid-cols-1 gap-8"
+        flowType === import_client_fetch36.FlowType.OAuth2Consent ? "grid-cols-2 gap-2" : "grid-cols-1 gap-8"
       ),
       children
     }
@@ -4379,7 +4411,7 @@ function DefaultImage({ attributes, node }) {
 }
 
 // src/theme/default/components/form/input.tsx
-var import_client_fetch35 = require("@ory/client-fetch");
+var import_client_fetch37 = require("@ory/client-fetch");
 var import_elements_react12 = require("@ory/elements-react");
 var import_react12 = require("react");
 var import_react_hook_form17 = require("react-hook-form");
@@ -4421,7 +4453,7 @@ var DefaultInput = ({
   attributes,
   onClick
 }) => {
-  const label = (0, import_client_fetch35.getNodeLabel)(node);
+  const label = (0, import_client_fetch37.getNodeLabel)(node);
   const { register } = (0, import_react_hook_form17.useFormContext)();
   const { value, autocomplete, name, maxlength, ...rest } = attributes;
   const intl = (0, import_react_intl18.useIntl)();
@@ -4457,7 +4489,7 @@ var DefaultInput = ({
       className: cn(
         "relative flex justify-stretch",
         // The settings flow input fields are supposed to be dense, so we don't need the extra padding we want on the user flows.
-        flowType === import_client_fetch35.FlowType.Settings && "max-w-[488px]"
+        flowType === import_client_fetch37.FlowType.Settings && "max-w-[488px]"
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
@@ -4505,7 +4537,7 @@ function PasswordToggle({
 }
 
 // src/theme/default/components/form/label.tsx
-var import_client_fetch36 = require("@ory/client-fetch");
+var import_client_fetch38 = require("@ory/client-fetch");
 var import_elements_react13 = require("@ory/elements-react");
 var import_react_hook_form18 = require("react-hook-form");
 var import_react_intl19 = require("react-intl");
@@ -4522,7 +4554,7 @@ function DefaultLabel({
   ...rest
 }) {
   const intl = (0, import_react_intl19.useIntl)();
-  const label = (0, import_client_fetch36.getNodeLabel)(node);
+  const label = (0, import_client_fetch38.getNodeLabel)(node);
   const { Message } = (0, import_elements_react13.useComponents)();
   const { flowType, flow } = (0, import_elements_react13.useOryFlow)();
   const config = (0, import_elements_react13.useOryConfiguration)();
@@ -4548,7 +4580,7 @@ function DefaultLabel({
           children: (0, import_elements_react13.uiTextToFormattedMessage)(label, intl)
         }
       ),
-      isPassword && config.project.recovery_enabled && flowType === import_client_fetch36.FlowType.Login && // TODO: make it possible to override with a custom component
+      isPassword && config.project.recovery_enabled && flowType === import_client_fetch38.FlowType.Login && // TODO: make it possible to override with a custom component
       /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "a",
         {
@@ -4574,19 +4606,19 @@ function DefaultLabel({
     ] }),
     children,
     node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Message.Content, { message }, message.id)),
-    fieldError && (0, import_client_fetch36.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Message.Content, { message: fieldError })
+    fieldError && (0, import_client_fetch38.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Message.Content, { message: fieldError })
   ] });
 }
 
 // src/theme/default/components/form/link-button.tsx
-var import_client_fetch37 = require("@ory/client-fetch");
+var import_client_fetch39 = require("@ory/client-fetch");
 var import_elements_react14 = require("@ory/elements-react");
 var import_react13 = require("react");
 var import_react_intl20 = require("react-intl");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var DefaultLinkButton = (0, import_react13.forwardRef)(({ attributes, node }, ref) => {
   const intl = (0, import_react_intl20.useIntl)();
-  const label = (0, import_client_fetch37.getNodeLabel)(node);
+  const label = (0, import_client_fetch39.getNodeLabel)(node);
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "a",
     {
@@ -4650,7 +4682,7 @@ InputOTPSlot.displayName = "InputOTPSlot";
 
 // src/theme/default/components/form/pin-code-input.tsx
 var import_elements_react15 = require("@ory/elements-react");
-var import_client_fetch38 = require("@ory/client-fetch");
+var import_client_fetch40 = require("@ory/client-fetch");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var DefaultPinCodeInput = ({ attributes }) => {
   const { setValue, watch } = (0, import_react_hook_form19.useFormContext)();
@@ -4674,7 +4706,7 @@ var DefaultPinCodeInput = ({ attributes }) => {
           className: cn(
             "w-full flex gap-2 justify-stretch",
             // The settings flow input fields are supposed to be dense, so we don't need the extra padding we want on the user flows.
-            flowType === import_client_fetch38.FlowType.Settings && "max-w-[488px]"
+            flowType === import_client_fetch40.FlowType.Settings && "max-w-[488px]"
           ),
           children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(InputOTPSlot, { index }, index))
         }
@@ -5495,7 +5527,7 @@ function DefaultAuthMethodListContainer({
 }
 
 // src/theme/default/components/form/captcha.tsx
-var import_client_fetch39 = require("@ory/client-fetch");
+var import_client_fetch41 = require("@ory/client-fetch");
 var import_react_turnstile = require("@marsidev/react-turnstile");
 var import_react17 = require("react");
 var import_react_hook_form25 = require("react-hook-form");
@@ -5514,7 +5546,7 @@ var DefaultCaptcha = ({ node }) => {
       }, 100);
     }
   }, [formState.submitCount, formState.isSubmitSuccessful]);
-  if (!(0, import_client_fetch39.isUiNodeInputAttributes)(node.attributes)) {
+  if (!(0, import_client_fetch41.isUiNodeInputAttributes)(node.attributes)) {
     return null;
   }
   if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
@@ -5672,7 +5704,7 @@ function getOryComponents(overrides) {
 }
 
 // src/theme/default/flows/error.tsx
-var import_client_fetch40 = require("@ory/client-fetch");
+var import_client_fetch42 = require("@ory/client-fetch");
 var import_elements_react22 = require("@ory/elements-react");
 var import_react18 = require("react");
 var import_react_intl24 = require("react-intl");
@@ -5695,14 +5727,14 @@ function useStandardize(error) {
         timestamp: /* @__PURE__ */ new Date()
       };
     }
-    if ((0, import_client_fetch40.instanceOfFlowError)(error)) {
+    if ((0, import_client_fetch42.instanceOfFlowError)(error)) {
       const parsed = error.error;
       return {
         ...parsed,
         id: error.id,
         timestamp: error.created_at
       };
-    } else if (error.error && (0, import_client_fetch40.instanceOfGenericError)(error.error)) {
+    } else if (error.error && (0, import_client_fetch42.instanceOfGenericError)(error.error)) {
       return {
         code: (_a = error.error.code) != null ? _a : 500,
         message: error.error.message,
@@ -5826,7 +5858,7 @@ function ErrorLogo() {
 }
 
 // src/theme/default/flows/login.tsx
-var import_client_fetch41 = require("@ory/client-fetch");
+var import_client_fetch43 = require("@ory/client-fetch");
 var import_elements_react23 = require("@ory/elements-react");
 var import_jsx_runtime105 = require("react/jsx-runtime");
 function Login({
@@ -5841,7 +5873,7 @@ function Login({
     {
       config,
       flow,
-      flowType: import_client_fetch41.FlowType.Login,
+      flowType: import_client_fetch43.FlowType.Login,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_elements_react23.OryTwoStepCard, {})
     }
@@ -5849,7 +5881,7 @@ function Login({
 }
 
 // src/theme/default/flows/recovery.tsx
-var import_client_fetch42 = require("@ory/client-fetch");
+var import_client_fetch44 = require("@ory/client-fetch");
 var import_elements_react24 = require("@ory/elements-react");
 var import_jsx_runtime106 = require("react/jsx-runtime");
 function Recovery({
@@ -5864,7 +5896,7 @@ function Recovery({
     {
       config,
       flow,
-      flowType: import_client_fetch42.FlowType.Recovery,
+      flowType: import_client_fetch44.FlowType.Recovery,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_elements_react24.OryTwoStepCard, {})
     }
@@ -5872,7 +5904,7 @@ function Recovery({
 }
 
 // src/theme/default/flows/registration.tsx
-var import_client_fetch43 = require("@ory/client-fetch");
+var import_client_fetch45 = require("@ory/client-fetch");
 var import_elements_react25 = require("@ory/elements-react");
 var import_jsx_runtime107 = require("react/jsx-runtime");
 function Registration({
@@ -5887,7 +5919,7 @@ function Registration({
     {
       config,
       flow,
-      flowType: import_client_fetch43.FlowType.Registration,
+      flowType: import_client_fetch45.FlowType.Registration,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_elements_react25.OryTwoStepCard, {})
     }
@@ -5895,7 +5927,7 @@ function Registration({
 }
 
 // src/theme/default/flows/settings.tsx
-var import_client_fetch44 = require("@ory/client-fetch");
+var import_client_fetch46 = require("@ory/client-fetch");
 var import_elements_react26 = require("@ory/elements-react");
 var import_jsx_runtime108 = require("react/jsx-runtime");
 function Settings({
@@ -5910,7 +5942,7 @@ function Settings({
     {
       config,
       flow,
-      flowType: import_client_fetch44.FlowType.Settings,
+      flowType: import_client_fetch46.FlowType.Settings,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_elements_react26.HeadlessPageHeader, {}),
@@ -5921,7 +5953,7 @@ function Settings({
 }
 
 // src/theme/default/flows/verification.tsx
-var import_client_fetch45 = require("@ory/client-fetch");
+var import_client_fetch47 = require("@ory/client-fetch");
 var import_elements_react27 = require("@ory/elements-react");
 var import_jsx_runtime109 = require("react/jsx-runtime");
 function Verification({
@@ -5936,7 +5968,7 @@ function Verification({
     {
       config,
       flow,
-      flowType: import_client_fetch45.FlowType.Verification,
+      flowType: import_client_fetch47.FlowType.Verification,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_elements_react27.OryTwoStepCard, {})
     }
@@ -5944,11 +5976,11 @@ function Verification({
 }
 
 // src/theme/default/flows/consent.tsx
-var import_client_fetch47 = require("@ory/client-fetch");
+var import_client_fetch49 = require("@ory/client-fetch");
 var import_elements_react28 = require("@ory/elements-react");
 
 // src/theme/default/utils/oauth2.ts
-var import_client_fetch46 = require("@ory/client-fetch");
+var import_client_fetch48 = require("@ory/client-fetch");
 var rememberCheckbox = {
   type: "input",
   group: "oauth2_consent",
@@ -5956,7 +5988,7 @@ var rememberCheckbox = {
     label: {
       id: 9999111,
       text: "Remember my decision",
-      type: import_client_fetch46.UiTextTypeEnum.Info
+      type: import_client_fetch48.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -5975,7 +6007,7 @@ var acceptButton = {
     label: {
       id: 9999111,
       text: "Accept",
-      type: import_client_fetch46.UiTextTypeEnum.Info
+      type: import_client_fetch48.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -5994,7 +6026,7 @@ var rejectButton = {
     label: {
       id: 9999111,
       text: "Reject",
-      type: import_client_fetch46.UiTextTypeEnum.Info
+      type: import_client_fetch48.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -6041,7 +6073,7 @@ function scopesToUiNodes(scopes) {
       label: {
         id: 9999111,
         text: scope,
-        type: import_client_fetch46.UiTextTypeEnum.Info
+        type: import_client_fetch48.UiTextTypeEnum.Info
       }
     },
     attributes: {
@@ -6108,7 +6140,7 @@ function Consent({
     {
       config,
       flow,
-      flowType: import_client_fetch47.FlowType.OAuth2Consent,
+      flowType: import_client_fetch49.FlowType.OAuth2Consent,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_elements_react28.OryConsentCard, {})
     }