@leancodepl/kratos 9.2.1 → 9.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leancodepl/kratos",
-  "version": "9.2.1",
+  "version": "9.3.0",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",
@@ -10,7 +10,7 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
-    "@leancodepl/utils": "9.2.1",
+    "@leancodepl/utils": "9.3.0",
     "@radix-ui/react-slot": ">=1.0.0",
     "@tanstack/react-form": ">=1.0.0",
     "@tanstack/react-query": ">=5.0.0"

package/src/lib/flows/fields/Submit.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+type SubmitProps = {
+    children: ReactNode;
+};
+export declare function Submit({ children }: SubmitProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/flows/fields/index.d.ts

@@ -0,0 +1 @@
+export * from "./Submit";

package/src/lib/flows/login/chooseMethodForm/ChooseMethodFormWrapper.d.ts

@@ -1,46 +1,57 @@
 import { ComponentType, ReactNode } from "react";
 import { AuthError } from "../../../utils";
 import { OnLoginFlowError } from "../types";
-type ChooseMethodFormPropsLoading = {
-    isLoading: true;
-};
-type ChooseMethodFormPropsLoadedBase = {
-    isLoading?: false;
-    Password?: ComponentType<{
-        children: ReactNode;
-    }>;
-    Google?: ComponentType<{
+type ChooseMethodFormPropsComponentsBase = {
+    Google: ComponentType<{
         children: ReactNode;
     }>;
-    Passkey?: ComponentType<{
+    Passkey: ComponentType<{
         children: ReactNode;
     }>;
-    Apple?: ComponentType<{
+    Apple: ComponentType<{
         children: ReactNode;
     }>;
-    Facebook?: ComponentType<{
+    Facebook: ComponentType<{
         children: ReactNode;
     }>;
+};
+type ChooseMethodFormPropsLoadedBase = {
     errors: AuthError[];
     isSubmitting: boolean;
     isValidating: boolean;
 };
-type ChooseMethodFormPropsLoaded = ChooseMethodFormPropsLoadedBase & {
-    isRefresh?: false;
-    Identifier?: ComponentType<{
-        children: ReactNode;
-    }>;
-};
-type ChooseMethodFormPropsLoadedRefresh = ChooseMethodFormPropsLoadedBase & {
+type ChooseMethodFormPropsLoadedRefresh = ChooseMethodFormPropsLoadedBase & Partial<ChooseMethodFormPropsComponentsBase> & {
     isRefresh: true;
     identifier?: string;
+    passwordFields?: {
+        Password: ComponentType<{
+            children: ReactNode;
+        }>;
+        Submit: ComponentType<{
+            children: ReactNode;
+        }>;
+    };
+};
+type ChooseMethodFormPropsLoaded = ChooseMethodFormPropsComponentsBase & ChooseMethodFormPropsLoadedBase & {
+    isRefresh?: false;
+    passwordFields: {
+        Identifier: ComponentType<{
+            children: ReactNode;
+        }>;
+        Password: ComponentType<{
+            children: ReactNode;
+        }>;
+        Submit: ComponentType<{
+            children: ReactNode;
+        }>;
+    };
 };
-export type ChooseMethodFormProps = ChooseMethodFormPropsLoaded | ChooseMethodFormPropsLoadedRefresh | ChooseMethodFormPropsLoading;
+export type ChooseMethodFormProps = ChooseMethodFormPropsLoaded | ChooseMethodFormPropsLoadedRefresh;
 type ChooseMethodFormWrapperProps = {
     chooseMethodForm: ComponentType<ChooseMethodFormProps>;
     isRefresh: boolean | undefined;
     onError?: OnLoginFlowError;
     onLoginSuccess?: () => void;
 };
-export declare function ChooseMethodFormWrapper({ chooseMethodForm: ChooseMethodForm, isRefresh, onError, onLoginSuccess, }: ChooseMethodFormWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChooseMethodFormWrapper({ chooseMethodForm: ChooseMethodForm, isRefresh, onError, onLoginSuccess, }: ChooseMethodFormWrapperProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/src/lib/flows/login/loginFlow.d.ts

@@ -5,6 +5,7 @@ import { SecondFactorEmailFormProps } from "./secondFactorEmailForm";
 import { SecondFactorFormProps } from "./secondFactorForm";
 import { OnLoginFlowError } from "./types";
 export type LoginFlowProps = {
+    loaderComponent?: ComponentType;
     chooseMethodForm: ComponentType<ChooseMethodFormProps>;
     secondFactorForm: ComponentType<SecondFactorFormProps>;
     secondFactorEmailForm: ComponentType<SecondFactorEmailFormProps>;
@@ -25,6 +26,7 @@ export type LoginFlowProps = {
  * 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

package/src/lib/flows/login/secondFactorEmailForm/SecondFactorEmailFormWrapper.d.ts

@@ -8,6 +8,9 @@ export type SecondFactorEmailFormProps = {
     Resend: ComponentType<{
         children: ReactNode;
     }>;
+    Submit: ComponentType<{
+        children: ReactNode;
+    }>;
     errors: AuthError[];
     isSubmitting: boolean;
     isValidating: boolean;

package/src/lib/flows/login/secondFactorForm/SecondFactorFormWrapper.d.ts

@@ -4,18 +4,22 @@ import { OnLoginFlowError } from "../types";
 /**
  * Props for the SecondFactorForm component.
  *
- * @property {ComponentType<{ children: ReactNode }>} [Totp] - Optional component for rendering the TOTP (Time-based One-Time Password) input.
- * @property {ComponentType<{ children: ReactNode }>} [Email] - Optional component for rendering the Email button.
- * @property {AuthError[]} errors - Array of authentication errors to display.
- * @property {boolean} isRefresh - Indicates if the flow is for refresh credentials.
- * @property {boolean} isSubmitting - Indicates if the form is currently submitting.
- * @property {boolean} isValidating - Indicates if the form is currently validating.
+ * @property {ComponentType<{ children: ReactNode }>} [Email] - Optional component for rendering the Email button for second factor authentication.
+ * @property {ComponentType<{ children: ReactNode }>} Totp - Component for rendering the TOTP (Time-based One-Time Password) input field.
+ * @property {ComponentType<{ children: ReactNode }>} Submit - Component for rendering the TOTP submit button.
+ * @property {AuthError[]} errors - Array of authentication errors to display to the user.
+ * @property {boolean | undefined} isRefresh - Indicates if the flow is for refresh credentials.
+ * @property {boolean} isSubmitting - Indicates if the form is currently being submitted.
+ * @property {boolean} isValidating - Indicates if the form is currently being validated.
  */
 export type SecondFactorFormProps = {
-    Totp?: ComponentType<{
+    Email?: ComponentType<{
         children: ReactNode;
     }>;
-    Email?: ComponentType<{
+    Totp: ComponentType<{
+        children: ReactNode;
+    }>;
+    Submit: ComponentType<{
         children: ReactNode;
     }>;
     errors: AuthError[];

package/src/lib/flows/recovery/codeForm/CodeFormWrapper.d.ts

@@ -2,7 +2,10 @@ import { ComponentType, ReactNode } from "react";
 import { AuthError } from "../../../utils";
 import { OnRecoveryFlowError } from "../types";
 export type CodeFormProps = {
-    Code?: ComponentType<{
+    Code: ComponentType<{
+        children: ReactNode;
+    }>;
+    Submit: ComponentType<{
         children: ReactNode;
     }>;
     errors: Array<AuthError>;

package/src/lib/flows/recovery/emailForm/EmailFormWrapper.d.ts

@@ -2,7 +2,10 @@ import { ComponentType, ReactNode } from "react";
 import { AuthError } from "../../../utils";
 import { OnRecoveryFlowError } from "../types";
 export type EmailFormProps = {
-    Email?: ComponentType<{
+    Email: ComponentType<{
+        children: ReactNode;
+    }>;
+    Submit: ComponentType<{
         children: ReactNode;
     }>;
     errors: Array<AuthError>;

package/src/lib/flows/registration/chooseMethodForm/ChooseMethodFormWrapper.d.ts

@@ -2,18 +2,23 @@ import { ComponentType, ReactNode } from "react";
 import { AuthError, TraitsConfig } from "../../../utils";
 import { OnRegistrationFlowError } from "../types";
 export type ChooseMethodFormProps = {
-    ReturnToTraitsForm?: ComponentType<{
+    ReturnToTraitsForm: ComponentType<{
         children: ReactNode;
     }>;
-    Password?: ComponentType<{
-        children: ReactNode;
-    }>;
-    PasswordConfirmation?: ComponentType<{
-        children: ReactNode;
-    }>;
-    Passkey?: ComponentType<{
+    Passkey: ComponentType<{
         children: ReactNode;
     }>;
+    passwordFields: {
+        Password: ComponentType<{
+            children: ReactNode;
+        }>;
+        PasswordConfirmation: ComponentType<{
+            children: ReactNode;
+        }>;
+        Submit: ComponentType<{
+            children: ReactNode;
+        }>;
+    };
     errors: Array<AuthError>;
     isSubmitting: boolean;
     isValidating: boolean;

package/src/lib/flows/registration/traitsForm/TraitsFormWrapper.d.ts

@@ -9,14 +9,19 @@ type TraitsComponents<TTraitsConfig extends TraitsConfig> = {
         type: "boolean";
     } ? ComponentType<Omit<typeof TraitCheckbox, "trait">> : never;
 };
-export type TraitsFormProps<TTraitsConfig extends TraitsConfig> = TraitsComponents<TTraitsConfig> & {
-    Google?: ComponentType<{
+export type TraitsFormProps<TTraitsConfig extends TraitsConfig> = {
+    traitFields: TraitsComponents<TTraitsConfig> & {
+        Submit: ComponentType<{
+            children: ReactNode;
+        }>;
+    };
+    Google: ComponentType<{
         children: ReactNode;
     }>;
-    Apple?: ComponentType<{
+    Apple: ComponentType<{
         children: ReactNode;
     }>;
-    Facebook?: ComponentType<{
+    Facebook: ComponentType<{
         children: ReactNode;
     }>;
     errors: Array<AuthError>;

package/src/lib/flows/settings/newPasswordForm/NewPasswordFormWrapper.d.ts

@@ -2,10 +2,13 @@ import { ComponentType, ReactNode } from "react";
 import { AuthError, TraitsConfig } from "../../../utils";
 import { OnSettingsFlowError } from "../types";
 export type NewPasswordFormProps = {
-    Password?: ComponentType<{
+    Password: ComponentType<{
         children: ReactNode;
     }>;
-    PasswordConfirmation?: ComponentType<{
+    PasswordConfirmation: ComponentType<{
+        children: ReactNode;
+    }>;
+    Submit: ComponentType<{
         children: ReactNode;
     }>;
     errors: Array<AuthError>;

package/src/lib/flows/settings/totpForm/TotpFormFormWrapper.d.ts

@@ -18,7 +18,10 @@ type TotpFormPropsLinked = TotpFormPropsLoaded & {
 };
 type TotpFormPropsUnlinked = TotpFormPropsLoaded & {
     isTotpLinked?: false;
-    Code?: ComponentType<{
+    Code: ComponentType<{
+        children: ReactNode;
+    }>;
+    Submit: ComponentType<{
         children: ReactNode;
     }>;
     totpQrImageSrc?: string;

package/src/lib/flows/settings/traitsForm/TraitsFormWrapper.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType } from "react";
+import { ComponentType, ReactNode } from "react";
 import { AuthError, TraitsConfig } from "../../../utils";
 import { OnSettingsFlowError } from "../types";
 import { TraitCheckbox, TraitInput } from "./fields";
@@ -10,6 +10,9 @@ type TraitsComponents<TTraitsConfig extends TraitsConfig> = {
     } ? ComponentType<Omit<typeof TraitCheckbox, "trait">> : never;
 };
 export type TraitsFormProps<TTraitsConfig extends TraitsConfig> = TraitsComponents<TTraitsConfig> & {
+    Submit: ComponentType<{
+        children: ReactNode;
+    }>;
     errors: Array<AuthError>;
     isLoading: boolean;
     isSubmitting: boolean;

package/src/lib/flows/verification/emailVerificationForm/EmailVerificationFormWrapper.d.ts

@@ -5,6 +5,9 @@ export type EmailVerificationFormProps = {
     Code: ComponentType<{
         children: ReactNode;
     }>;
+    Submit: ComponentType<{
+        children: ReactNode;
+    }>;
     Resend: ComponentType<{
         children: ReactNode;
     }>;