@leancodepl/kratos 9.2.0 → 9.3.0

package/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect, useMemo, useContext, createContext, useCallback } from 'react';
+import { useContext, createContext, useMemo, useState, useEffect, useCallback } from 'react';
 import * as Slot from '@radix-ui/react-slot';
 import { useQueryClient, useMutation, useQuery } from '@tanstack/react-query';
 import { useForm } from '@tanstack/react-form';
@@ -11,6 +11,29 @@ var GetFlowError;
     GetFlowError[GetFlowError["FlowRestartRequired"] = 1] = "FlowRestartRequired";
 })(GetFlowError || (GetFlowError = {}));
 
+var kratosSessionContext = /*#__PURE__*/ createContext(undefined);
+function useKratosSessionContext() {
+    var context = useContext(kratosSessionContext);
+    if (context === undefined) {
+        throw new Error("useKratosSessionContext must be used within a KratosSessionContextProvider");
+    }
+    return context;
+}
+function KratosSessionProvider(param) {
+    var children = param.children, sessionManager = param.sessionManager;
+    var kratosSessionContextData = useMemo(function() {
+        return {
+            sessionManager: sessionManager
+        };
+    }, [
+        sessionManager
+    ]);
+    return /*#__PURE__*/ jsx(kratosSessionContext.Provider, {
+        value: kratosSessionContextData,
+        children: children
+    });
+}
+
 function _array_like_to_array$b(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -58,15 +81,18 @@ function _unsupported_iterable_to_array$b(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$b(o, minLen);
 }
 var useFlowManager = function(param) {
-    var initialFlowId = param.initialFlowId, currentFlowId = param.currentFlowId, error = param.error, onFlowRestart = param.onFlowRestart, createFlow = param.createFlow, setFlowId = param.setFlowId;
+    var initialFlowId = param.initialFlowId, currentFlowId = param.currentFlowId, error = param.error, onFlowRestart = param.onFlowRestart, createFlow = param.createFlow, setFlowId = param.setFlowId, waitForSession = param.waitForSession;
     var _useState = _sliced_to_array$7(useState(false), 2), initialFlowIdUsed = _useState[0], setInitialFlowIdUsed = _useState[1];
     var _useState1 = _sliced_to_array$7(useState(initialFlowId), 2), prevInitialFlowId = _useState1[0], setPrevInitialFlowId = _useState1[1];
+    var sessionManager = useKratosSessionContext().sessionManager;
+    var isLoading = sessionManager.useSession().isLoading;
     if (prevInitialFlowId !== initialFlowId) {
         setInitialFlowIdUsed(false);
         setPrevInitialFlowId(initialFlowId);
     }
+    var shouldWait = !!waitForSession && isLoading;
     useEffect(function() {
-        if (currentFlowId) {
+        if (currentFlowId || shouldWait) {
             return;
         }
         if (initialFlowId && !initialFlowIdUsed) {
@@ -77,11 +103,11 @@ var useFlowManager = function(param) {
         }
     }, [
         createFlow,
-        initialFlowId,
         currentFlowId,
+        initialFlowId,
+        initialFlowIdUsed,
         setFlowId,
-        onFlowRestart,
-        initialFlowIdUsed
+        shouldWait
     ]);
     useEffect(function() {
         if (error && error.cause === GetFlowError.FlowRestartRequired) {
@@ -898,7 +924,7 @@ function _object_spread$p(target) {
     }
     return target;
 }
-function ownKeys$h(object, enumerableOnly) {
+function ownKeys$i(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -906,12 +932,12 @@ function ownKeys$h(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$h(target, source) {
+function _object_spread_props$i(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$h(Object(source)).forEach(function(key) {
+        ownKeys$i(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -1597,7 +1623,7 @@ var DefaultConfig = new Configuration();
                                 } else {
                                     body = overriddenInit.body;
                                 }
-                                init = _object_spread_props$h(_object_spread$p({}, overriddenInit), {
+                                init = _object_spread_props$i(_object_spread$p({}, overriddenInit), {
                                     body: body
                                 });
                                 return [
@@ -1710,7 +1736,7 @@ function querystringSingleKey(key, value) {
 }
 function mapValues(data, fn) {
     return Object.keys(data).reduce(function(acc, key) {
-        return _object_spread_props$h(_object_spread$p({}, acc), _define_property$z({}, key, fn(data[key])));
+        return _object_spread_props$i(_object_spread$p({}, acc), _define_property$z({}, key, fn(data[key])));
     }, {});
 }
 var JSONApiResponse = /*#__PURE__*/ function() {
@@ -6961,7 +6987,7 @@ var mapToAuthError = function(error) {
             return createRecoveryFlowError("InvalidRecoveryCodeOrAlreadyUsed");
         // Verification Flow Errors
         case 4070001:
-            return createVerificationFlowError("InvalidVerifivactionCodeOrAlreadyUsed");
+            return createVerificationFlowError("InvalidVerificationCodeOrAlreadyUsed");
         case 4070002:
             return createVerificationFlowError("VerificationRequestAlreadyCompletedSuccessfully");
         case 4070003:
@@ -7225,7 +7251,7 @@ function _object_spread$o(target) {
     }
     return target;
 }
-function ownKeys$g(object, enumerableOnly) {
+function ownKeys$h(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -7233,12 +7259,12 @@ function ownKeys$g(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$g(target, source) {
+function _object_spread_props$h(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$g(Object(source)).forEach(function(key) {
+        ownKeys$h(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -7250,7 +7276,7 @@ var handleOnSubmitErrors = function(response, formApi, onError) {
         var errors = getAuthErrorsFromUiTextList(inputNodeMessages(getNodeById(response.ui.nodes, id)));
         if (errors.length > 0) {
             formApi.setFieldMeta(id, function(meta) {
-                return _object_spread_props$g(_object_spread$o({}, meta), {
+                return _object_spread_props$h(_object_spread$o({}, meta), {
                     errorMap: {
                         onSubmit: errors
                     }
@@ -7353,25 +7379,11 @@ function KratosClientProvider(param) {
     });
 }
 
-var kratosSessionContext = /*#__PURE__*/ createContext(undefined);
-function useKratosSessionContext() {
-    var context = useContext(kratosSessionContext);
-    if (context === undefined) {
-        throw new Error("useKratosSessionContext must be used within a KratosSessionContextProvider");
-    }
-    return context;
-}
-function KratosSessionProvider(param) {
-    var children = param.children, sessionManager = param.sessionManager;
-    var kratosSessionContextData = useMemo(function() {
-        return {
-            sessionManager: sessionManager
-        };
-    }, [
-        sessionManager
-    ]);
-    return /*#__PURE__*/ jsx(kratosSessionContext.Provider, {
-        value: kratosSessionContextData,
+function Submit(param) {
+    var children = param.children;
+    var Comp = Slot.Root;
+    return /*#__PURE__*/ jsx(Comp, {
+        type: "submit",
         children: children
     });
 }
@@ -7539,7 +7551,7 @@ function _object_spread$n(target) {
     }
     return target;
 }
-function ownKeys$f(object, enumerableOnly) {
+function ownKeys$g(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -7547,12 +7559,12 @@ function ownKeys$f(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$f(target, source) {
+function _object_spread_props$g(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$f(Object(source)).forEach(function(key) {
+        ownKeys$g(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -7670,7 +7682,7 @@ function useCreateVerificationFlow() {
                         return [
                             2,
                             {
-                                headers: _object_spread_props$f(_object_spread$n({}, headers), {
+                                headers: _object_spread_props$g(_object_spread$n({}, headers), {
                                     Accept: "application/json"
                                 })
                             }
@@ -7749,7 +7761,7 @@ function _object_spread$m(target) {
     }
     return target;
 }
-function ownKeys$e(object, enumerableOnly) {
+function ownKeys$f(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -7757,12 +7769,12 @@ function ownKeys$e(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$e(target, source) {
+function _object_spread_props$f(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$e(Object(source)).forEach(function(key) {
+        ownKeys$f(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -7901,7 +7913,7 @@ function useGetVerificationFlow() {
                                                 2,
                                                 {
                                                     signal: signal,
-                                                    headers: _object_spread_props$e(_object_spread$m({}, headers), {
+                                                    headers: _object_spread_props$f(_object_spread$m({}, headers), {
                                                         Accept: "application/json"
                                                     })
                                                 }
@@ -8408,7 +8420,8 @@ function EmailVerificationFormWrapper(param) {
                 errors: formErrors,
                 isSubmitting: emailVerificationForm.state.isSubmitting,
                 isValidating: emailVerificationForm.state.isValidating,
-                Resend: Resend$1
+                Resend: Resend$1,
+                Submit: Submit
             })
         })
     });
@@ -8642,7 +8655,7 @@ function _object_spread$k(target) {
     }
     return target;
 }
-function ownKeys$d(object, enumerableOnly) {
+function ownKeys$e(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -8650,12 +8663,12 @@ function ownKeys$d(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$d(target, source) {
+function _object_spread_props$e(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$d(Object(source)).forEach(function(key) {
+        ownKeys$e(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -8787,7 +8800,7 @@ function useCreateLoginFlow() {
                                         return [
                                             2,
                                             {
-                                                headers: _object_spread_props$d(_object_spread$k({}, headers), {
+                                                headers: _object_spread_props$e(_object_spread$k({}, headers), {
                                                     Accept: "application/json"
                                                 })
                                             }
@@ -8892,7 +8905,7 @@ function _object_spread$j(target) {
     }
     return target;
 }
-function ownKeys$c(object, enumerableOnly) {
+function ownKeys$d(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -8900,12 +8913,12 @@ function ownKeys$c(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$c(target, source) {
+function _object_spread_props$d(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$c(Object(source)).forEach(function(key) {
+        ownKeys$d(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -9044,7 +9057,7 @@ function useGetLoginFlow() {
                                                 2,
                                                 {
                                                     signal: signal,
-                                                    headers: _object_spread_props$c(_object_spread$j({}, headers), {
+                                                    headers: _object_spread_props$d(_object_spread$j({}, headers), {
                                                         Accept: "application/json"
                                                     })
                                                 }
@@ -9923,7 +9936,7 @@ function _object_spread$i(target) {
     }
     return target;
 }
-function ownKeys$b(object, enumerableOnly) {
+function ownKeys$c(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -9931,12 +9944,12 @@ function ownKeys$b(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$b(target, source) {
+function _object_spread_props$c(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$b(Object(source)).forEach(function(key) {
+        ownKeys$c(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -9952,12 +9965,13 @@ function ChooseMethodFormWrapper$1(param) {
     var formErrors = useFormErrors(passwordForm);
     var existingIdentifier = useExistingIdentifierFromFlow();
     var PasskeyWithFormErrorHandler = useCallback(function(props) {
-        return /*#__PURE__*/ jsx(Passkey$1, _object_spread_props$b(_object_spread$i({}, props), {
+        return /*#__PURE__*/ jsx(Passkey$1, _object_spread_props$c(_object_spread$i({}, props), {
             onError: onError
         }));
     }, [
         onError
     ]);
+    if (!loginFlow) return null;
     return /*#__PURE__*/ jsx(ChooseMethodFormProvider$1, {
         passwordForm: passwordForm,
         children: /*#__PURE__*/ jsx("form", {
@@ -9965,9 +9979,7 @@ function ChooseMethodFormWrapper$1(param) {
                 e.preventDefault();
                 passwordForm.handleSubmit();
             },
-            children: !loginFlow ? /*#__PURE__*/ jsx(ChooseMethodForm, {
-                isLoading: true
-            }) : isRefresh ? /*#__PURE__*/ jsx(ChooseMethodForm, {
+            children: isRefresh ? /*#__PURE__*/ jsx(ChooseMethodForm, {
                 isRefresh: true,
                 Apple: getOidcProviderUiNode(loginFlow.ui.nodes, "apple") ? Apple$1 : undefined,
                 errors: formErrors,
@@ -9976,18 +9988,24 @@ function ChooseMethodFormWrapper$1(param) {
                 identifier: existingIdentifier,
                 isSubmitting: passwordForm.state.isSubmitting,
                 isValidating: passwordForm.state.isValidating,
-                Passkey: getNodeById(loginFlow === null || loginFlow === void 0 ? void 0 : loginFlow.ui.nodes, "passkey_login") && PasskeyWithFormErrorHandler,
-                Password: Password$2
+                Passkey: getNodeById(loginFlow.ui.nodes, "passkey_login") && PasskeyWithFormErrorHandler,
+                passwordFields: getNodeById(loginFlow.ui.nodes, "password") && {
+                    Password: Password$2,
+                    Submit: Submit
+                }
             }) : /*#__PURE__*/ jsx(ChooseMethodForm, {
                 Apple: Apple$1,
                 errors: formErrors,
                 Facebook: Facebook$1,
                 Google: Google$1,
-                Identifier: Identifier,
                 isSubmitting: passwordForm.state.isSubmitting,
                 isValidating: passwordForm.state.isValidating,
                 Passkey: PasskeyWithFormErrorHandler,
-                Password: Password$2
+                passwordFields: {
+                    Identifier: Identifier,
+                    Password: Password$2,
+                    Submit: Submit
+                }
             })
         })
     });
@@ -10277,7 +10295,8 @@ function SecondFactorEmailFormWrapper(param) {
                 errors: formErrors,
                 isSubmitting: codeForm.state.isSubmitting,
                 isValidating: codeForm.state.isValidating,
-                Resend: Resend
+                Resend: Resend,
+                Submit: Submit
             })
         })
     });
@@ -10553,6 +10572,7 @@ function SecondFactorFormWrapper(param) {
         onLoginSuccess: onLoginSuccess
     });
     var formErrors = useFormErrors(totpForm);
+    var _useGetLoginFlow = useGetLoginFlow(), loginFlow = _useGetLoginFlow.data;
     return /*#__PURE__*/ jsx(SecondFactorFormProvider, {
         totpForm: totpForm,
         children: /*#__PURE__*/ jsx("form", {
@@ -10561,11 +10581,12 @@ function SecondFactorFormWrapper(param) {
                 totpForm.handleSubmit();
             },
             children: /*#__PURE__*/ jsx(SecondFactorForm, {
-                Email: Email$1,
+                Email: getNodeById(loginFlow === null || loginFlow === void 0 ? void 0 : loginFlow.ui.nodes, "address") && Email$1,
                 errors: formErrors,
                 isRefresh: isRefresh,
                 isSubmitting: totpForm.state.isSubmitting,
                 isValidating: totpForm.state.isValidating,
+                Submit: Submit,
                 Totp: Totp
             })
         })
@@ -10601,7 +10622,7 @@ function _object_spread$h(target) {
     return target;
 }
 function LoginFlowWrapper(param) {
-    var ChooseMethodForm = param.chooseMethodForm, SecondFactorForm = param.secondFactorForm, SecondFactorEmailForm = param.secondFactorEmailForm, EmailVerificationForm = param.emailVerificationForm, initialFlowId = param.initialFlowId, returnTo = param.returnTo, onError = param.onError, onLoginSuccess = param.onLoginSuccess, onVerificationSuccess = param.onVerificationSuccess, onFlowRestart = param.onFlowRestart, onSessionAlreadyAvailable = param.onSessionAlreadyAvailable;
+    var LoaderComponent = param.loaderComponent, ChooseMethodForm = param.chooseMethodForm, SecondFactorForm = param.secondFactorForm, SecondFactorEmailForm = param.secondFactorEmailForm, EmailVerificationForm = param.emailVerificationForm, initialFlowId = param.initialFlowId, returnTo = param.returnTo, onError = param.onError, onLoginSuccess = param.onLoginSuccess, onVerificationSuccess = param.onVerificationSuccess, onFlowRestart = param.onFlowRestart, onSessionAlreadyAvailable = param.onSessionAlreadyAvailable;
     var _useLoginFlowContext = useLoginFlowContext(), loginFlowId = _useLoginFlowContext.loginFlowId, setLoginFlowId = _useLoginFlowContext.setLoginFlowId;
     var verificationFlowId = useVerificationFlowContext().verificationFlowId;
     var sessionManager = useKratosSessionContext().sessionManager;
@@ -10617,26 +10638,26 @@ function LoginFlowWrapper(param) {
         error: getLoginFlowError !== null && getLoginFlowError !== void 0 ? getLoginFlowError : undefined,
         onFlowRestart: onFlowRestart,
         createFlow: createLoginFlow,
-        setFlowId: setLoginFlowId
+        setFlowId: setLoginFlowId,
+        waitForSession: true
     });
-    useEffect(function() {
-        if (isSessionAlreadyAvailable(createLoginFlowError)) {
-            onSessionAlreadyAvailable === null || onSessionAlreadyAvailable === void 0 ? void 0 : onSessionAlreadyAvailable();
-        }
+    var isSessionAvailable = useMemo(function() {
+        return isSessionAlreadyAvailable(createLoginFlowError) || isSessionAlreadyAvailable(getLoginFlowError);
     }, [
         createLoginFlowError,
-        onSessionAlreadyAvailable
+        getLoginFlowError
     ]);
     useEffect(function() {
-        if (isSessionAlreadyAvailable(getLoginFlowError)) {
+        if (isSessionAvailable) {
             onSessionAlreadyAvailable === null || onSessionAlreadyAvailable === void 0 ? void 0 : onSessionAlreadyAvailable();
         }
     }, [
-        getLoginFlowError,
+        isSessionAvailable,
         onSessionAlreadyAvailable
     ]);
     var step = useMemo(function() {
-        if (!loginFlow) return "chooseMethod";
+        if (isSessionAvailable) return "invalid";
+        if (!loginFlow) return "loader";
         if (verificationFlowId) return "verifyEmail";
         if (loginFlow.state === "choose_method") {
             if (loginFlow.requested_aal === "aal1") return "chooseMethod";
@@ -10646,7 +10667,8 @@ function LoginFlowWrapper(param) {
         throw new Error("Invalid login flow state");
     }, [
         loginFlow,
-        verificationFlowId
+        verificationFlowId,
+        isSessionAvailable
     ]);
     var isRefresh = useMemo(function() {
         return loginFlow === null || loginFlow === void 0 ? void 0 : loginFlow.refresh;
@@ -10655,6 +10677,7 @@ function LoginFlowWrapper(param) {
     ]);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
+            step === "loader" && LoaderComponent && /*#__PURE__*/ jsx(LoaderComponent, {}),
             step === "chooseMethod" && /*#__PURE__*/ jsx(ChooseMethodFormWrapper$1, {
                 chooseMethodForm: ChooseMethodForm,
                 isRefresh: isRefresh,
@@ -10688,6 +10711,7 @@ function LoginFlowWrapper(param) {
  * between different authentication steps.
  *
  * @param props - Configuration and component props for the login flow
+ * @param props.loaderComponent - Optional component to display during loading states
  * @param props.chooseMethodForm - React component for login method selection
  * @param props.secondFactorForm - React component for second factor authentication
  * @param props.secondFactorEmailForm - React component for email-based second factor
@@ -10787,7 +10811,7 @@ function _object_spread$g(target) {
     }
     return target;
 }
-function ownKeys$a(object, enumerableOnly) {
+function ownKeys$b(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -10795,12 +10819,12 @@ function ownKeys$a(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$a(target, source) {
+function _object_spread_props$b(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$a(Object(source)).forEach(function(key) {
+        ownKeys$b(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -10934,7 +10958,7 @@ var useLogout = function() {
                                             2,
                                             {
                                                 credentials: "include",
-                                                headers: _object_spread_props$a(_object_spread$g({}, headers), {
+                                                headers: _object_spread_props$b(_object_spread$g({}, headers), {
                                                     Accept: "application/json",
                                                     "Content-Type": "application/json"
                                                 })
@@ -11174,7 +11198,7 @@ function _object_spread$f(target) {
     }
     return target;
 }
-function ownKeys$9(object, enumerableOnly) {
+function ownKeys$a(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -11182,12 +11206,12 @@ function ownKeys$9(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$9(target, source) {
+function _object_spread_props$a(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$9(Object(source)).forEach(function(key) {
+        ownKeys$a(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -11317,7 +11341,7 @@ function useCreateRegistrationFlow() {
                                         return [
                                             2,
                                             {
-                                                headers: _object_spread_props$9(_object_spread$f({}, headers), {
+                                                headers: _object_spread_props$a(_object_spread$f({}, headers), {
                                                     Accept: "application/json"
                                                 })
                                             }
@@ -11422,7 +11446,7 @@ function _object_spread$e(target) {
     }
     return target;
 }
-function ownKeys$8(object, enumerableOnly) {
+function ownKeys$9(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -11430,12 +11454,12 @@ function ownKeys$8(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$8(target, source) {
+function _object_spread_props$9(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$8(Object(source)).forEach(function(key) {
+        ownKeys$9(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -11574,7 +11598,7 @@ function useGetRegistrationFlow() {
                                                 2,
                                                 {
                                                     signal: signal,
-                                                    headers: _object_spread_props$8(_object_spread$e({}, headers), {
+                                                    headers: _object_spread_props$9(_object_spread$e({}, headers), {
                                                         Accept: "application/json"
                                                     })
                                                 }
@@ -12130,7 +12154,7 @@ function _object_spread$d(target) {
     }
     return target;
 }
-function ownKeys$7(object, enumerableOnly) {
+function ownKeys$8(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -12138,12 +12162,12 @@ function ownKeys$7(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$7(target, source) {
+function _object_spread_props$8(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$7(Object(source)).forEach(function(key) {
+        ownKeys$8(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -12179,8 +12203,8 @@ function PasswordConfirmation$1(param) {
             onChange: function(param) {
                 var fieldApi = param.fieldApi;
                 fieldApi.form.setFieldMeta(InputFields$4.PasswordConfirmation, function(meta) {
-                    return _object_spread_props$7(_object_spread$d({}, meta), {
-                        errorMap: _object_spread_props$7(_object_spread$d({}, meta.errorMap), {
+                    return _object_spread_props$8(_object_spread$d({}, meta), {
+                        errorMap: _object_spread_props$8(_object_spread$d({}, meta.errorMap), {
                             onSubmit: undefined
                         })
                     });
@@ -12431,8 +12455,11 @@ function ChooseMethodFormWrapper(param) {
                 isSubmitting: chooseMethodForm.state.isSubmitting,
                 isValidating: chooseMethodForm.state.isValidating,
                 Passkey: Passkey,
-                Password: Password$1,
-                PasswordConfirmation: PasswordConfirmation$1,
+                passwordFields: {
+                    Password: Password$1,
+                    PasswordConfirmation: PasswordConfirmation$1,
+                    Submit: Submit
+                },
                 ReturnToTraitsForm: ReturnToTraitsForm
             })
         })
@@ -12809,6 +12836,25 @@ function _object_spread$c(target) {
     }
     return target;
 }
+function ownKeys$7(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$7(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$7(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _sliced_to_array$3(arr, i) {
     return _array_with_holes$3(arr) || _iterable_to_array_limit$3(arr, i) || _unsupported_iterable_to_array$3(arr, i) || _non_iterable_rest$3();
 }
@@ -12858,14 +12904,17 @@ function TraitsFormWrapper$1(param) {
                 e.preventDefault();
                 traitsForm.handleSubmit();
             },
-            children: /*#__PURE__*/ jsx(TraitsForm, _object_spread$c({
+            children: /*#__PURE__*/ jsx(TraitsForm, {
                 Apple: Apple,
                 errors: formErrors,
                 Facebook: Facebook,
                 Google: Google,
                 isSubmitting: traitsForm.state.isSubmitting,
-                isValidating: traitsForm.state.isValidating
-            }, traitComponents))
+                isValidating: traitsForm.state.isValidating,
+                traitFields: _object_spread_props$7(_object_spread$c({}, traitComponents), {
+                    Submit: Submit
+                })
+            })
         })
     });
 }
@@ -12914,26 +12963,29 @@ function RegistrationFlowWrapper(param) {
         createFlow: createRegistrationFlow,
         setFlowId: setRegistrationFlowId
     });
+    var isSessionAvailable = useMemo(function() {
+        return isSessionAlreadyAvailable(getRegistrationFlowError) || isSessionAlreadyAvailable(createRegistrationFlowError);
+    }, [
+        getRegistrationFlowError,
+        createRegistrationFlowError
+    ]);
     useEffect(function() {
-        if (isSessionAlreadyAvailable(getRegistrationFlowError) || isSessionAlreadyAvailable(createRegistrationFlowError)) {
+        if (isSessionAvailable) {
             onSessionAlreadyAvailable === null || onSessionAlreadyAvailable === void 0 ? void 0 : onSessionAlreadyAvailable();
         }
     }, [
-        getRegistrationFlowError,
-        createRegistrationFlowError,
+        isSessionAvailable,
         onSessionAlreadyAvailable
     ]);
     var step = useMemo(function() {
-        if (verificationFlowId) {
-            return "emailVerification";
-        }
-        if (traitsFormCompleted) {
-            return "credentials";
-        }
+        if (isSessionAvailable) return "invalid";
+        if (verificationFlowId) return "emailVerification";
+        if (traitsFormCompleted) return "credentials";
         return "traits";
     }, [
         traitsFormCompleted,
-        verificationFlowId
+        verificationFlowId,
+        isSessionAvailable
     ]);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -14142,7 +14194,8 @@ function NewPasswordFormWrapper(param) {
                 isSubmitting: newPasswordForm.state.isSubmitting,
                 isValidating: newPasswordForm.state.isValidating,
                 Password: Password,
-                PasswordConfirmation: PasswordConfirmation
+                PasswordConfirmation: PasswordConfirmation,
+                Submit: Submit
             })
         })
     });
@@ -15000,6 +15053,7 @@ function TotpFormWrapper(param) {
                 errors: formErrors,
                 isSubmitting: totpForm.state.isSubmitting,
                 isValidating: totpForm.state.isValidating,
+                Submit: Submit,
                 totpQrImageSrc: totpQrImageSrc,
                 totpSecretKey: totpSecretKey
             })
@@ -15379,7 +15433,8 @@ function TraitsFormWrapper(param) {
                 errors: formErrors,
                 isLoading: !settingsFlow,
                 isSubmitting: traitsForm.state.isSubmitting,
-                isValidating: traitsForm.state.isValidating
+                isValidating: traitsForm.state.isValidating,
+                Submit: Submit
             }, traitComponents))
         })
     });
@@ -16497,7 +16552,8 @@ function CodeFormWrapper(param) {
                 Code: Code,
                 errors: formErrors,
                 isSubmitting: codeForm.state.isSubmitting,
-                isValidating: codeForm.state.isValidating
+                isValidating: codeForm.state.isValidating,
+                Submit: Submit
             })
         })
     });
@@ -16751,7 +16807,8 @@ function EmailFormWrapper(param) {
                 Email: Email,
                 errors: formErrors,
                 isSubmitting: emailForm.state.isSubmitting,
-                isValidating: emailForm.state.isValidating
+                isValidating: emailForm.state.isValidating,
+                Submit: Submit
             })
         })
     });