@leancodepl/kratos 8.3.5 → 8.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leancodepl/kratos",
-  "version": "8.3.5",
+  "version": "8.4.0",
   "license": "Apache-2.0",
   "dependencies": {
     "@ory/client": ">=1.14.3",
@@ -9,11 +9,9 @@
     "rxjs": ">=7.0.0",
     "yn": ">=5.0.0"
   },
-  "devDependencies": {
-    "react": "18.3.1"
-  },
   "peerDependencies": {
-    "react": "*"
+    "react": "*",
+    "react-dom": "*"
   },
   "exports": {
     "./package.json": "./package.json",

package/src/lib/cards/userAuthCard.d.ts

@@ -1,20 +1,20 @@
 import { LoginFlow, RecoveryFlow, RegistrationFlow, UpdateLoginFlowBody, UpdateRecoveryFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, VerificationFlow } from "@ory/client";
 import { UserAuthFormAdditionalProps } from "../helpers/userAuthForm";
-type UserAuthCardProps<TBody> = {
+type UserAuthCardProps<TBody> = UserAuthFormAdditionalProps<TBody> & {
     className?: string;
     flow: LoginFlow | RecoveryFlow | RegistrationFlow | VerificationFlow;
     flowType: "login" | "recovery" | "registration" | "verification";
-} & UserAuthFormAdditionalProps<TBody>;
-export declare const LoginCard: ({ ...props }: {
+};
+export declare const LoginCard: ({ ...props }: Omit<UserAuthCardProps<UpdateLoginFlowBody>, "flow" | "flowType"> & {
     flow: LoginFlow;
-} & Omit<UserAuthCardProps<UpdateLoginFlowBody>, "flow" | "flowType">) => import("react/jsx-runtime").JSX.Element;
-export declare const VerificationCard: ({ ...props }: {
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const VerificationCard: ({ ...props }: Omit<UserAuthCardProps<UpdateVerificationFlowBody>, "flow" | "flowType"> & {
     flow: VerificationFlow;
-} & Omit<UserAuthCardProps<UpdateVerificationFlowBody>, "flow" | "flowType">) => import("react/jsx-runtime").JSX.Element;
-export declare const RegistrationCard: ({ ...props }: {
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const RegistrationCard: ({ ...props }: Omit<UserAuthCardProps<UpdateRegistrationFlowBody>, "flow" | "flowType"> & {
     flow: RegistrationFlow;
-} & Omit<UserAuthCardProps<UpdateRegistrationFlowBody>, "flow" | "flowType">) => import("react/jsx-runtime").JSX.Element;
-export declare const RecoveryCard: ({ ...props }: {
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const RecoveryCard: ({ ...props }: Omit<UserAuthCardProps<UpdateRecoveryFlowBody>, "flow" | "flowType"> & {
     flow: RecoveryFlow;
-} & Omit<UserAuthCardProps<UpdateRecoveryFlowBody>, "flow" | "flowType">) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/cards/userSettingsCard.d.ts

@@ -2,9 +2,9 @@ import { JSX } from "react";
 import { SettingsFlow, UiNodeGroupEnum, UpdateSettingsFlowBody } from "@ory/client";
 import { UserAuthFormAdditionalProps } from "../helpers/userAuthForm";
 export type UserSettingsFlowType = typeof UiNodeGroupEnum.LookupSecret | typeof UiNodeGroupEnum.Oidc | typeof UiNodeGroupEnum.Passkey | typeof UiNodeGroupEnum.Password | typeof UiNodeGroupEnum.Profile | typeof UiNodeGroupEnum.Totp;
-export type UserSettingsCardProps = {
+export type UserSettingsCardProps = UserAuthFormAdditionalProps<UpdateSettingsFlowBody> & {
     flow: SettingsFlow;
     flowType: UserSettingsFlowType;
     className?: string;
-} & UserAuthFormAdditionalProps<UpdateSettingsFlowBody>;
+};
 export declare function UserSettingsCard({ flow, flowType, onSubmit, className }: UserSettingsCardProps): JSX.Element | null;

package/src/lib/helpers/userAuthForm.d.ts

@@ -14,13 +14,13 @@ export type UserAuthFormAdditionalProps<TBody> = {
         event?: React.FormEvent<HTMLFormElement>;
     }) => void;
 };
-export type UserAuthFormProps<TBody> = {
+export type UserAuthFormProps<TBody> = Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit"> & UserAuthFormAdditionalProps<TBody> & {
     flow: SelfServiceFlow;
     children: ReactNode;
     formFilterOverride?: FilterNodesByGroups;
     submitOnEnter?: boolean;
     className?: string;
-} & Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit"> & UserAuthFormAdditionalProps<TBody>;
+};
 /**
  * UserAuthForm is a component that renders a form for a given Ory flow.
  * It automatically adds the form action and method and adds csrf tokens to the form.

package/src/lib/kratosContext.d.ts

@@ -6,6 +6,6 @@ export type KratosContextData = {
     excludeScripts: boolean;
 };
 export declare const kratosContext: import("react").Context<KratosContextData>;
-export declare function useKratosContext(): {
+export declare function useKratosContext(): KratosContextData & {
     components: KratosComponents;
-} & KratosContextData;
+};

package/src/lib/types/components.d.ts

@@ -3,27 +3,27 @@ import { UiNode, UiNodeTextAttributes, UiText, UiTextTypeEnum } from "@ory/clien
 type Node = {
     node: UiNode;
 };
-export type ImageComponentProps = {
+export type ImageComponentProps = Node & React.ImgHTMLAttributes<HTMLImageElement> & {
     header?: ReactNode;
     className?: string;
-} & Node & React.ImgHTMLAttributes<HTMLImageElement>;
-export type TextComponentProps = {
+};
+export type TextComponentProps = Node & {
     label?: ReactNode;
     id: string;
     codes?: UiText[];
     attributes: UiNodeTextAttributes;
-} & Node;
-export type LinkComponentProps = {
+};
+export type LinkComponentProps = Node & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & {
     children?: ReactNode;
     href?: string;
     icon?: string;
     className?: string;
-} & Node & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href">;
-export type InputComponentProps = {
+};
+export type InputComponentProps = Node & React.InputHTMLAttributes<HTMLInputElement> & {
     header: ReactNode;
     helperMessage?: ReactNode;
     isError?: boolean;
-} & Node & React.InputHTMLAttributes<HTMLInputElement>;
+};
 export type MessageComponentProps = {
     message: UiText;
     key: string;
@@ -31,16 +31,16 @@ export type MessageComponentProps = {
     children?: ReactNode;
 };
 export type Severity = "default" | "disabled" | UiTextTypeEnum;
-export type ButtonComponentProps = {
+export type ButtonComponentProps = Node & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     header?: ReactNode;
     fullWidth?: boolean;
     social?: string;
-} & Node & React.ButtonHTMLAttributes<HTMLButtonElement>;
-export type CheckboxComponentProps = {
+};
+export type CheckboxComponentProps = Node & React.InputHTMLAttributes<HTMLInputElement> & {
     label?: ReactNode;
     helperMessage?: ReactNode;
     isError?: boolean;
-} & Node & React.InputHTMLAttributes<HTMLInputElement>;
+};
 export type MessageFormatComponentProps = {
     id: number;
     text: string;

package/src/lib/utils/typeGuards.d.ts

@@ -1,24 +1,24 @@
 import { UiNodeAnchorAttributes, UiNodeAttributes, UiNodeImageAttributes, UiNodeInputAttributes, UiNodeScriptAttributes, UiNodeTextAttributes, UiText } from "@ory/client";
-export declare function isUiNodeAnchorAttributes(attrs: UiNodeAttributes): attrs is {
+export declare function isUiNodeAnchorAttributes(attrs: UiNodeAttributes): attrs is UiNodeAnchorAttributes & {
     node_type: "a";
-} & UiNodeAnchorAttributes;
-export declare function isUiNodeImageAttributes(attrs: UiNodeAttributes): attrs is {
+};
+export declare function isUiNodeImageAttributes(attrs: UiNodeAttributes): attrs is UiNodeImageAttributes & {
     node_type: "img";
-} & UiNodeImageAttributes;
-export declare function isUiNodeInputAttributes(attrs: UiNodeAttributes): attrs is {
+};
+export declare function isUiNodeInputAttributes(attrs: UiNodeAttributes): attrs is UiNodeInputAttributes & {
     node_type: "input";
-} & UiNodeInputAttributes;
-export declare function isUiNodeTextAttributes(attrs: UiNodeAttributes): attrs is {
+};
+export declare function isUiNodeTextAttributes(attrs: UiNodeAttributes): attrs is UiNodeTextAttributes & {
     node_type: "text";
-} & UiNodeTextAttributes;
-export declare function isUiNodeScriptAttributes(attrs: UiNodeAttributes): attrs is {
+};
+export declare function isUiNodeScriptAttributes(attrs: UiNodeAttributes): attrs is UiNodeScriptAttributes & {
     node_type: "script";
-} & UiNodeScriptAttributes;
-export type UiNodeTextSecretsAttributes = {
-    text: {
+};
+export type UiNodeTextSecretsAttributes = Omit<UiNodeTextAttributes, "text"> & {
+    text: Omit<UiText, "context"> & {
         context: {
             secrets: UiText[];
         };
-    } & Omit<UiText, "context">;
-} & Omit<UiNodeTextAttributes, "text">;
+    };
+};
 export declare function isUiNodeTextSecretsAttributes(attributes: UiNodeTextAttributes): attributes is UiNodeTextSecretsAttributes;