@leancodepl/kratos 9.2.1 → 9.3.0

package/index.esm.js

@@ -103,11 +103,10 @@ var useFlowManager = function(param) {
         }
     }, [
         createFlow,
-        initialFlowId,
         currentFlowId,
-        setFlowId,
-        onFlowRestart,
+        initialFlowId,
         initialFlowIdUsed,
+        setFlowId,
         shouldWait
     ]);
     useEffect(function() {
@@ -925,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);
@@ -933,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));
         });
     }
@@ -1624,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 [
@@ -1737,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() {
@@ -7252,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);
@@ -7260,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));
         });
     }
@@ -7277,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
                     }
@@ -7380,6 +7379,15 @@ function KratosClientProvider(param) {
     });
 }
 
+function Submit(param) {
+    var children = param.children;
+    var Comp = Slot.Root;
+    return /*#__PURE__*/ jsx(Comp, {
+        type: "submit",
+        children: children
+    });
+}
+
 var emailVerificationFormContext = /*#__PURE__*/ createContext(undefined);
 function EmailVerificationFormProvider(param) {
     var children = param.children, emailVerificationForm = param.emailVerificationForm;
@@ -7543,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);
@@ -7551,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));
         });
     }
@@ -7674,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"
                                 })
                             }
@@ -7753,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);
@@ -7761,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));
         });
     }
@@ -7905,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"
                                                     })
                                                 }
@@ -8412,7 +8420,8 @@ function EmailVerificationFormWrapper(param) {
                 errors: formErrors,
                 isSubmitting: emailVerificationForm.state.isSubmitting,
                 isValidating: emailVerificationForm.state.isValidating,
-                Resend: Resend$1
+                Resend: Resend$1,
+                Submit: Submit
             })
         })
     });
@@ -8646,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);
@@ -8654,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));
         });
     }
@@ -8791,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"
                                                 })
                                             }
@@ -8896,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);
@@ -8904,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));
         });
     }
@@ -9048,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"
                                                     })
                                                 }
@@ -9927,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);
@@ -9935,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));
         });
     }
@@ -9956,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", {
@@ -9969,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,
@@ -9980,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
+                }
             })
         })
     });
@@ -10281,7 +10295,8 @@ function SecondFactorEmailFormWrapper(param) {
                 errors: formErrors,
                 isSubmitting: codeForm.state.isSubmitting,
                 isValidating: codeForm.state.isValidating,
-                Resend: Resend
+                Resend: Resend,
+                Submit: Submit
             })
         })
     });
@@ -10557,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", {
@@ -10565,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
             })
         })
@@ -10605,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;
@@ -10624,24 +10641,23 @@ function LoginFlowWrapper(param) {
         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";
@@ -10651,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;
@@ -10660,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,
@@ -10693,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
@@ -10792,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);
@@ -10800,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));
         });
     }
@@ -10939,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"
                                                 })
@@ -11179,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);
@@ -11187,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));
         });
     }
@@ -11322,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"
                                                 })
                                             }
@@ -11427,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);
@@ -11435,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));
         });
     }
@@ -11579,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"
                                                     })
                                                 }
@@ -12135,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);
@@ -12143,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));
         });
     }
@@ -12184,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
                         })
                     });
@@ -12436,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
             })
         })
@@ -12814,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();
 }
@@ -12863,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
+                })
+            })
         })
     });
 }
@@ -12919,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: [
@@ -14147,7 +14194,8 @@ function NewPasswordFormWrapper(param) {
                 isSubmitting: newPasswordForm.state.isSubmitting,
                 isValidating: newPasswordForm.state.isValidating,
                 Password: Password,
-                PasswordConfirmation: PasswordConfirmation
+                PasswordConfirmation: PasswordConfirmation,
+                Submit: Submit
             })
         })
     });
@@ -15005,6 +15053,7 @@ function TotpFormWrapper(param) {
                 errors: formErrors,
                 isSubmitting: totpForm.state.isSubmitting,
                 isValidating: totpForm.state.isValidating,
+                Submit: Submit,
                 totpQrImageSrc: totpQrImageSrc,
                 totpSecretKey: totpSecretKey
             })
@@ -15384,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))
         })
     });
@@ -16502,7 +16552,8 @@ function CodeFormWrapper(param) {
                 Code: Code,
                 errors: formErrors,
                 isSubmitting: codeForm.state.isSubmitting,
-                isValidating: codeForm.state.isValidating
+                isValidating: codeForm.state.isValidating,
+                Submit: Submit
             })
         })
     });
@@ -16756,7 +16807,8 @@ function EmailFormWrapper(param) {
                 Email: Email,
                 errors: formErrors,
                 isSubmitting: emailForm.state.isSubmitting,
-                isValidating: emailForm.state.isValidating
+                isValidating: emailForm.state.isValidating,
+                Submit: Submit
             })
         })
     });