@leancodepl/kratos 9.6.1 → 9.6.3

package/README.md

@@ -283,7 +283,7 @@ function RegisterPage() {
 ### Settings Flow
 
 ```tsx
-import { SettingsFlow } from "./kratosService"
+import { SettingsFlow, settingsFlow } from "./kratosService"
 
 function SettingsPage() {
   const { isLoggedIn, isLoading } = sessionManager.useIsLoggedIn()
@@ -298,13 +298,7 @@ function SettingsPage() {
       passkeysForm={PasskeysForm}
       totpForm={TotpForm}
       oidcForm={OidcForm}
-      settingsForm={({ traitsForm, newPasswordForm, passkeysForm }) => (
-        <div>
-          {traitsForm}
-          {newPasswordForm}
-          {passkeysForm}
-        </div>
-      )}
+      settingsForm={SettingsForm}
       onChangePasswordSuccess={() => {
         console.log("Password updated")
       }}
@@ -314,6 +308,20 @@ function SettingsPage() {
     />
   )
 }
+
+function SettingsForm({ isLoading, traitsForm, newPasswordForm, passkeysForm }: settingsFlow.SettingsFormProps) {
+  if (isLoading) {
+    return <div>...loading</div>
+  }
+
+  return (
+    <div>
+      {traitsForm}
+      {newPasswordForm}
+      {passkeysForm}
+    </div>
+  )
+}
 ```
 
 ### Logout Functionality

package/package.json

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

package/src/lib/flows/settings/settingsFlow.d.ts

@@ -6,6 +6,15 @@ import { PasskeysFormProps } from "./passkeysForm";
 import { TotpFormProps } from "./totpForm";
 import { TraitsFormProps } from "./traitsForm";
 import { OnSettingsFlowError } from "./types";
+export type SettingsFormProps = {
+    isLoading?: boolean;
+    emailVerificationRequired: boolean;
+    newPasswordForm: ReactNode;
+    traitsForm?: ReactNode;
+    passkeysForm?: ReactNode;
+    totpForm?: ReactNode;
+    oidcForm?: ReactNode;
+};
 export type SettingsFlowProps<TTraitsConfig extends TraitsConfig> = {
     traitsConfig?: TTraitsConfig;
     traitsForm?: ComponentType<TraitsFormProps<TTraitsConfig>>;
@@ -19,15 +28,7 @@ export type SettingsFlowProps<TTraitsConfig extends TraitsConfig> = {
     onChangePasswordSuccess?: () => void;
     onChangeTraitsSuccess?: () => void;
     onFlowRestart?: () => void;
-    settingsForm: ComponentType<{
-        isLoading?: boolean;
-        emailVerificationRequired: boolean;
-        newPasswordForm: ReactNode;
-        traitsForm?: ReactNode;
-        passkeysForm?: ReactNode;
-        totpForm?: ReactNode;
-        oidcForm?: ReactNode;
-    }>;
+    settingsForm: ComponentType<SettingsFormProps>;
 };
 /**
  * Renders a complete settings flow with user account management capabilities.