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

package/dist/theme/default/index.mjs

@@ -281,15 +281,22 @@ import { useFormContext } from "react-hook-form";
 // src/util/onSubmitLogin.ts
 import {
   FlowType as FlowType3,
-  handleFlowError,
   loginUrl
 } from "@ory/client-fetch";
 
+// src/util/sdk-helpers/error.ts
+import {
+  ResponseError,
+  FetchError
+} from "@ory/client-fetch";
+
+// src/util/sdk-helpers/utils.ts
+import { FetchError as FetchError2, ResponseError as ResponseError2 } from "@ory/client-fetch";
+
 // src/util/onSubmitRecovery.ts
 import {
   FlowType as FlowType4,
   handleContinueWith,
-  handleFlowError as handleFlowError2,
   instanceOfContinueWithRecoveryUi,
   recoveryUrl
 } from "@ory/client-fetch";
@@ -298,7 +305,6 @@ import {
 import {
   FlowType as FlowType5,
   handleContinueWith as handleContinueWith2,
-  handleFlowError as handleFlowError3,
   registrationUrl
 } from "@ory/client-fetch";
 
@@ -306,8 +312,7 @@ import {
 import {
   FlowType as FlowType6,
   handleContinueWith as handleContinueWith3,
-  handleFlowError as handleFlowError4,
-  isResponseError,
+  isResponseError as isResponseError2,
   loginUrl as loginUrl2,
   settingsUrl
 } from "@ory/client-fetch";
@@ -315,8 +320,7 @@ import {
 // src/util/onSubmitVerification.ts
 import {
   FlowType as FlowType7,
-  handleFlowError as handleFlowError5,
-  verificationUrl
+  verificationUrl as verificationUrl2
 } from "@ory/client-fetch";
 
 // src/components/form/form-helpers.ts
@@ -2959,10 +2963,26 @@ function DefaultCardFooter() {
       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 } = useOryFlow3();
+  const { formState, flow, flowType, dispatchFormState } = useOryFlow3();
   const config = useOryConfiguration2();
-  const { logoutFlow: logout, didLoad: didLoadLogout } = useClientLogout(config);
   const intl = useIntl9();
   if (flowType !== FlowType10.Login) {
     return null;
@@ -2978,27 +2998,8 @@ function LoginCardFooter() {
       `${config.sdk.url}/self-service/${flowType}/browser`
     );
   }
-  if (flow.refresh || flow.requested_aal === "aal2") {
-    return /* @__PURE__ */ jsxs15("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
-      intl.formatMessage({
-        id: "login.2fa.go-back"
-      }),
-      " ",
-      /* @__PURE__ */ jsx35(
-        "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__ */ jsx35(LogoutButton, { returnTo });
   }
   return /* @__PURE__ */ jsxs15(Fragment8, { children: [
     formState.current === "provide_identifier" && config.project.registration_enabled && /* @__PURE__ */ jsxs15("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
@@ -3021,10 +3022,14 @@ function LoginCardFooter() {
       )
     ] }),
     authMethods.length > 1 && formState.current === "method_active" && /* @__PURE__ */ jsx35("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ jsx35(
-      "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"
@@ -3044,6 +3049,31 @@ function LoginCardFooter() {
     ) })
   ] });
 }
+function LogoutButton({ returnTo }) {
+  const config = useOryConfiguration2();
+  const intl = useIntl9();
+  const { logoutFlow: logout, didLoad: didLoadLogout } = useClientLogout(config);
+  return /* @__PURE__ */ jsxs15("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
+    intl.formatMessage({
+      id: "login.2fa.go-back"
+    }),
+    " ",
+    /* @__PURE__ */ jsx35(
+      "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 = useIntl9();
   const { flow, formState } = useOryFlow3();