@atls/react-kratos-browser-flows 0.0.1 → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,23 @@
+## Unreleased
+
+### Migration notes
+
+- `Flow#getState()` is now typed as `State | undefined`, reflecting its existing runtime value before a flow is loaded. Repository consumers use `hasState()`, optional handling, or the guarded submit paths; external consumers must handle the pre-load state explicitly.
+- `FlowName` now includes `logout`, matching the existing logout provider without a type assertion. External exhaustive `FlowName` handling must include the new member.
+
+## 0.0.3 (2025-01-22)
+
+### Bug Fixes
+
+- **react:** lint and typecheck errors ([a090051](https://github.com/atls/reactjs/commit/a090051d1007e171df8066e85f15fcf8fd44c4ed))
+- upgrade react, types fixes ([34feb02](https://github.com/atls/reactjs/commit/34feb027a2e2d7e5741509fd1ff846755d217b97))
+- upgrade yarn, typescript, set resolutions ([b235334](https://github.com/atls/reactjs/commit/b23533417af6fb323187ef281b83d8dc5e7bd9dd))
+
+### Features
+
+- add emotion as deps, bump @types/react ([1ce29b3](https://github.com/atls/reactjs/commit/1ce29b384640d9be0550d9c6f4dc07083821137a))
+- **common:** bump yarn ([#143](https://github.com/atls/reactjs/issues/143)) ([8239f82](https://github.com/atls/reactjs/commit/8239f82f1c85d872a99613d3693babc761703b05))
+- **kratos:** remove form, add browser flow ([65f61dd](https://github.com/atls/reactjs/commit/65f61dd5e8e80fd1b3eb0dc848ba4d7a7b8b0e9c))
+- react bump ([#144](https://github.com/atls/reactjs/issues/144)) ([9770fa1](https://github.com/atls/reactjs/commit/9770fa10451b647ed48e226270da68228714d174))
+- update kratos browser flows to client 0.8.2 ([52f9c0f](https://github.com/atls/reactjs/commit/52f9c0fa129cd7d4567ab826c754483a6ddd6817))
+- upgraded ([71a06f6](https://github.com/atls/reactjs/commit/71a06f6f498c928ed33b79f93af5d398a32af487))

package/dist/flows/abstract.flow.d.ts

@@ -1,27 +1,29 @@
-/// <reference types="node" />
-import { EventEmitter } from 'events';
-import { KratosClient } from './kratos.client';
+import type { UiNode } from '@ory/kratos-client';
+import type { UiText } from '@ory/kratos-client';
 import type { SubmitSelfServiceFlowBody } from './flow.interfaces';
 import type { SelfServiceFlow } from './flow.interfaces';
 import type { Flow } from './flow.interfaces';
+import type { KratosClient } from './kratos.client';
+import { EventEmitter } from 'events';
 export declare abstract class AbstractFlow<State extends SelfServiceFlow, Body extends SubmitSelfServiceFlowBody> extends EventEmitter implements Flow {
     #private;
     protected readonly client: KratosClient;
     constructor(client: KratosClient);
-    setLoading(loading: any): void;
+    setLoading(loading: boolean): void;
     isLoading(): boolean;
-    setState(state: any): void;
+    setState(state: SelfServiceFlow): void;
     hasState(): boolean;
-    getState(): State;
-    getMessages(): import("@ory/kratos-client").UiText[];
-    getNode(name: any): import("@ory/kratos-client").UiNode | undefined;
-    getNodes(name: any): import("@ory/kratos-client").UiNode[];
-    getNodesGroup(group: any): import("@ory/kratos-client").UiNode[];
-    getValue(name: any): string | any;
+    getState(): State | undefined;
+    getMessages(): Array<UiText>;
+    getNode(name: string): UiNode | undefined;
+    getNodes(name: string): Array<UiNode>;
+    getNodesGroup(group: string): Array<UiNode>;
+    getValue(name: string): string;
     getValues(): Body;
     setValue(name: string, value: string): void;
     protected setValues(state: State): void;
+    protected requireState(): State;
     protected complete(href?: string): void;
-    abstract load(): any;
-    abstract submit(method?: string): any;
+    abstract load(): Promise<void>;
+    abstract submit(method?: string): Promise<void>;
 }

package/dist/flows/abstract.flow.js

@@ -1,82 +1,70 @@
 "use strict";
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, privateMap, value) {
-    if (!privateMap.has(receiver)) {
-        throw new TypeError("attempted to set private field on non-instance");
-    }
-    privateMap.set(receiver, value);
-    return value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, privateMap) {
-    if (!privateMap.has(receiver)) {
-        throw new TypeError("attempted to get private field on non-instance");
-    }
-    return privateMap.get(receiver);
-};
-var _values, _state, _loading;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AbstractFlow = void 0;
 const events_1 = require("events");
 class AbstractFlow extends events_1.EventEmitter {
+    client;
+    #values = {};
+    #state;
+    #loading = false;
     constructor(client) {
         super();
         this.client = client;
-        _values.set(this, {});
-        _state.set(this, void 0);
-        _loading.set(this, false);
         this.setMaxListeners(50);
     }
     setLoading(loading) {
-        __classPrivateFieldSet(this, _loading, loading);
+        this.#loading = loading;
     }
     isLoading() {
-        return __classPrivateFieldGet(this, _loading);
+        return this.#loading;
     }
     setState(state) {
-        __classPrivateFieldSet(this, _state, state);
+        this.#state = state;
     }
     hasState() {
-        return Boolean(__classPrivateFieldGet(this, _state));
+        return Boolean(this.#state);
     }
     getState() {
-        return __classPrivateFieldGet(this, _state);
+        return this.#state;
     }
     getMessages() {
-        var _a, _b;
-        return ((_b = (_a = __classPrivateFieldGet(this, _state)) === null || _a === void 0 ? void 0 : _a.ui) === null || _b === void 0 ? void 0 : _b.messages) || [];
+        return this.#state?.ui.messages || [];
     }
     getNode(name) {
-        var _a, _b, _c;
-        return (_c = (_b = (_a = __classPrivateFieldGet(this, _state)) === null || _a === void 0 ? void 0 : _a.ui) === null || _b === void 0 ? void 0 : _b.nodes) === null || _c === void 0 ? void 0 : _c.find((node) => node.attributes.name === name);
+        return this.#state?.ui.nodes.find((node) => node.attributes.name === name);
     }
     getNodes(name) {
-        var _a, _b, _c;
-        return (((_c = (_b = (_a = __classPrivateFieldGet(this, _state)) === null || _a === void 0 ? void 0 : _a.ui) === null || _b === void 0 ? void 0 : _b.nodes) === null || _c === void 0 ? void 0 : _c.filter((node) => node.attributes.name === name)) || []);
+        return (this.#state?.ui.nodes.filter((node) => node.attributes.name === name) || []);
     }
     getNodesGroup(group) {
-        var _a, _b, _c;
-        return ((_c = (_b = (_a = __classPrivateFieldGet(this, _state)) === null || _a === void 0 ? void 0 : _a.ui) === null || _b === void 0 ? void 0 : _b.nodes) === null || _c === void 0 ? void 0 : _c.filter((node) => node.group === group)) || [];
+        return this.#state?.ui.nodes.filter((node) => node.group === group) || [];
     }
     getValue(name) {
-        return __classPrivateFieldGet(this, _values)[name];
+        return this.#values[name];
     }
     getValues() {
-        return __classPrivateFieldGet(this, _values);
+        return this.#values;
     }
     setValue(name, value) {
-        __classPrivateFieldGet(this, _values)[name] = value;
+        this.#values[name] = value;
     }
     setValues(state) {
-        var _a, _b;
-        (_b = (_a = state === null || state === void 0 ? void 0 : state.ui) === null || _a === void 0 ? void 0 : _a.nodes) === null || _b === void 0 ? void 0 : _b.forEach(({ attributes }) => {
-            if (!__classPrivateFieldGet(this, _values)[attributes.name]) {
-                __classPrivateFieldGet(this, _values)[attributes.name] =
+        state.ui.nodes.forEach(({ attributes }) => {
+            if (!this.#values[attributes.name]) {
+                this.#values[attributes.name] =
                     attributes.value || '';
             }
         });
     }
+    requireState() {
+        const state = this.getState();
+        if (!state) {
+            throw new Error('Flow state is not loaded');
+        }
+        return state;
+    }
     complete(href = '/') {
         window.location.href = href;
     }
 }
 exports.AbstractFlow = AbstractFlow;
-_values = new WeakMap(), _state = new WeakMap(), _loading = new WeakMap();

package/dist/flows/errors.flow.js

@@ -24,7 +24,7 @@ class ErrorsFlow extends abstract_flow_1.AbstractFlow {
                 this.emit('load', data);
             }
         }
-        catch (error) {
+        catch {
             this.setLoading(false);
             this.complete();
         }

package/dist/flows/flow.interfaces.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { SelfServiceRegistrationFlow } from '@ory/kratos-client';
 import type { SelfServiceVerificationFlow } from '@ory/kratos-client';
 import type { SelfServiceRecoveryFlow } from '@ory/kratos-client';
@@ -11,23 +10,23 @@ import type { SubmitSelfServiceSettingsFlowBody } from '@ory/kratos-client';
 import type { SubmitSelfServiceLoginFlowBody } from '@ory/kratos-client';
 import type { UiText } from '@ory/kratos-client';
 import type { UiNode } from '@ory/kratos-client';
-import { EventEmitter } from 'events';
-export declare type FlowName = 'login' | 'registration' | 'recovery' | 'settings' | 'verification' | 'errors';
-export declare type SelfServiceFlow = SelfServiceRegistrationFlow | SelfServiceVerificationFlow | SelfServiceRecoveryFlow | SelfServiceSettingsFlow | SelfServiceLoginFlow;
-export declare type SubmitSelfServiceFlowBody = SubmitSelfServiceRegistrationFlowBody | SubmitSelfServiceVerificationFlowBody | SubmitSelfServiceRecoveryFlowBody | SubmitSelfServiceSettingsFlowBody | SubmitSelfServiceLoginFlowBody;
+import type { EventEmitter } from 'events';
+export type FlowName = 'errors' | 'login' | 'logout' | 'recovery' | 'registration' | 'settings' | 'verification';
+export type SelfServiceFlow = SelfServiceLoginFlow | SelfServiceRecoveryFlow | SelfServiceRegistrationFlow | SelfServiceSettingsFlow | SelfServiceVerificationFlow;
+export type SubmitSelfServiceFlowBody = SubmitSelfServiceLoginFlowBody | SubmitSelfServiceRecoveryFlowBody | SubmitSelfServiceRegistrationFlowBody | SubmitSelfServiceSettingsFlowBody | SubmitSelfServiceVerificationFlowBody;
 export interface Flow extends EventEmitter {
-    setLoading(loading: boolean): any;
-    isLoading(): any;
-    setState(state: SelfServiceFlow): any;
-    hasState(): any;
-    getState(): SelfServiceFlow;
-    getMessages(): Array<UiText>;
-    getNode(name: string): UiNode | undefined;
-    getNodes(name: string): Array<UiNode>;
-    getNodesGroup(group: string): Array<UiNode>;
-    getValue(name: any): string | any;
-    setValue(name: string, value: string): any;
-    getValues(): SubmitSelfServiceFlowBody;
-    load(): Promise<void>;
-    submit(method?: string): Promise<void>;
+    setLoading: (loading: boolean) => void;
+    isLoading: () => boolean;
+    setState: (state: SelfServiceFlow) => void;
+    hasState: () => boolean;
+    getState: () => SelfServiceFlow | undefined;
+    getMessages: () => Array<UiText>;
+    getNode: (name: string) => UiNode | undefined;
+    getNodes: (name: string) => Array<UiNode>;
+    getNodesGroup: (group: string) => Array<UiNode>;
+    getValue: (name: string) => any;
+    setValue: (name: string, value: string) => void;
+    getValues: () => SubmitSelfServiceFlowBody;
+    load: () => Promise<void>;
+    submit: (method?: string) => Promise<void>;
 }

package/dist/flows/index.d.ts

@@ -1,7 +1,8 @@
-export * from './flow.interfaces';
+export type * from './flow.interfaces';
 export * from './registration.flow';
 export * from './verification.flow';
 export * from './recovery.flow';
 export * from './settings.flow';
 export * from './errors.flow';
 export * from './login.flow';
+export * from './logout.flow';

package/dist/flows/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -10,10 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./flow.interfaces"), exports);
 __exportStar(require("./registration.flow"), exports);
 __exportStar(require("./verification.flow"), exports);
 __exportStar(require("./recovery.flow"), exports);
 __exportStar(require("./settings.flow"), exports);
 __exportStar(require("./errors.flow"), exports);
 __exportStar(require("./login.flow"), exports);
+__exportStar(require("./logout.flow"), exports);

package/dist/flows/kratos.client.d.ts

@@ -1,4 +1,4 @@
-import { V0alpha1Api } from '@ory/kratos-client';
-export declare class KratosClient extends V0alpha1Api {
+import { V0alpha2Api } from '@ory/kratos-client';
+export declare class KratosClient extends V0alpha2Api {
     constructor(basePath?: string);
 }

package/dist/flows/kratos.client.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosClient = void 0;
 const kratos_client_1 = require("@ory/kratos-client");
 const kratos_client_2 = require("@ory/kratos-client");
-class KratosClient extends kratos_client_2.V0alpha1Api {
+class KratosClient extends kratos_client_2.V0alpha2Api {
     constructor(basePath) {
         if (!basePath && typeof window !== 'undefined') {
             if (window.location.hostname === 'localhost') {

package/dist/flows/login.flow.js

@@ -15,7 +15,7 @@ class LoginFlow extends abstract_flow_1.AbstractFlow {
             const flowId = new URL(window.location.href).searchParams.get('flow');
             const { data } = flowId
                 ? await this.client.getSelfServiceLoginFlow(flowId, undefined, { withCredentials: true })
-                : await this.client.initializeSelfServiceLoginFlowForBrowsers(false, {
+                : await this.client.initializeSelfServiceLoginFlowForBrowsers(false, undefined, undefined, {
                     withCredentials: true,
                 });
             this.setLoading(false);
@@ -39,12 +39,13 @@ class LoginFlow extends abstract_flow_1.AbstractFlow {
         }
     }
     async submit(method) {
+        const state = this.requireState();
         const body = this.getValues();
         if (method) {
             body.method = method;
         }
         try {
-            await this.client.submitSelfServiceLoginFlow(this.getState().id, body, {
+            await this.client.submitSelfServiceLoginFlow(state.id, undefined, body, {
                 withCredentials: true,
             });
             this.complete();

package/dist/flows/logout.flow.d.ts

@@ -0,0 +1,5 @@
+import { AbstractFlow } from './abstract.flow';
+export declare class LogoutFlow extends AbstractFlow<any, any> {
+    load(): Promise<void>;
+    submit(): Promise<void>;
+}

package/dist/flows/logout.flow.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogoutFlow = void 0;
+const abstract_flow_1 = require("./abstract.flow");
+class LogoutFlow extends abstract_flow_1.AbstractFlow {
+    async load() {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        if (this.hasState() || this.isLoading()) {
+            return;
+        }
+        this.setLoading(true);
+        const { data } = await this.client.createSelfServiceLogoutFlowUrlForBrowsers(undefined, {
+            withCredentials: true,
+        });
+        await this.client.submitSelfServiceLogoutFlow(data.logout_token);
+        this.setLoading(false);
+    }
+    async submit() { }
+}
+exports.LogoutFlow = LogoutFlow;

package/dist/flows/recovery.flow.js

@@ -17,7 +17,7 @@ class RecoveryFlow extends abstract_flow_1.AbstractFlow {
                 ? await this.client.getSelfServiceRecoveryFlow(flowId, undefined, {
                     withCredentials: true,
                 })
-                : await this.client.initializeSelfServiceRecoveryFlowForBrowsers({
+                : await this.client.initializeSelfServiceRecoveryFlowForBrowsers(undefined, {
                     withCredentials: true,
                 });
             this.setLoading(false);
@@ -44,12 +44,13 @@ class RecoveryFlow extends abstract_flow_1.AbstractFlow {
         }
     }
     async submit(method) {
+        const state = this.requireState();
         const body = this.getValues();
         if (method) {
             body.method = method;
         }
         try {
-            const { data } = await this.client.submitSelfServiceRecoveryFlow(this.getState().id, undefined, body, {
+            const { data } = await this.client.submitSelfServiceRecoveryFlow(state.id, undefined, body, {
                 withCredentials: true,
             });
             this.setState(data);

package/dist/flows/registration.flow.js

@@ -17,7 +17,7 @@ class RegistrationFlow extends abstract_flow_1.AbstractFlow {
                 ? await this.client.getSelfServiceRegistrationFlow(flowId, undefined, {
                     withCredentials: true,
                 })
-                : await this.client.initializeSelfServiceRegistrationFlowForBrowsers({
+                : await this.client.initializeSelfServiceRegistrationFlowForBrowsers(undefined, {
                     withCredentials: true,
                 });
             this.setLoading(false);
@@ -44,12 +44,13 @@ class RegistrationFlow extends abstract_flow_1.AbstractFlow {
         }
     }
     async submit(method) {
+        const state = this.requireState();
         const body = this.getValues();
         if (method) {
             body.method = method;
         }
         try {
-            await this.client.submitSelfServiceRegistrationFlow(this.getState().id, body, {
+            await this.client.submitSelfServiceRegistrationFlow(state.id, body, {
                 withCredentials: true,
             });
             this.complete();

package/dist/flows/settings.flow.js

@@ -42,17 +42,18 @@ class SettingsFlow extends abstract_flow_1.AbstractFlow {
         }
     }
     async submit(method) {
+        const state = this.requireState();
         const body = this.getValues();
         if (method) {
             body.method = method;
         }
         try {
-            const { data } = await this.client.submitSelfServiceSettingsFlow(this.getState().id, undefined, body, {
+            const { data } = await this.client.submitSelfServiceSettingsFlow(state.id, undefined, body, {
                 withCredentials: true,
             });
-            this.setState(data.flow);
-            this.setValues(data.flow);
-            this.emit('load', data.flow);
+            this.setState(data);
+            this.setValues(data);
+            this.emit('load', data);
         }
         catch (error) {
             const { data, status } = error

package/dist/flows/verification.flow.js

@@ -17,7 +17,7 @@ class VerificationFlow extends abstract_flow_1.AbstractFlow {
                 ? await this.client.getSelfServiceVerificationFlow(flowId, undefined, {
                     withCredentials: true,
                 })
-                : await this.client.initializeSelfServiceVerificationFlowForBrowsers({
+                : await this.client.initializeSelfServiceVerificationFlowForBrowsers(undefined, {
                     withCredentials: true,
                 });
             this.setLoading(false);
@@ -42,12 +42,13 @@ class VerificationFlow extends abstract_flow_1.AbstractFlow {
         }
     }
     async submit(method) {
+        const state = this.requireState();
         const body = this.getValues();
         if (method) {
             body.method = method;
         }
         try {
-            const { data } = await this.client.submitSelfServiceVerificationFlow(this.getState().id, undefined, body, {
+            const { data } = await this.client.submitSelfServiceVerificationFlow(state.id, undefined, body, {
                 withCredentials: true,
             });
             this.setState(data);

package/dist/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/providers/flows.context.d.ts

@@ -1,3 +1,3 @@
-import { Flow } from '../flows/flow.interfaces';
+import type { Flow } from '../flows/flow.interfaces';
 export declare const Context: import("react").Context<Flow | null>;
 export declare const Provider: import("react").Provider<Flow | null>, Consumer: import("react").Consumer<Flow | null>;

package/dist/providers/flows.context.js

@@ -2,5 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Consumer = exports.Provider = exports.Context = void 0;
 const react_1 = require("react");
-exports.Context = react_1.createContext(null);
+exports.Context = (0, react_1.createContext)(null);
 exports.Provider = exports.Context.Provider, exports.Consumer = exports.Context.Consumer;

package/dist/providers/index.d.ts

@@ -3,6 +3,7 @@ export * from './kratos-verification-flow.provider';
 export * from './kratos-recovery-flow.provider';
 export * from './kratos-settings-flow.provider';
 export * from './kratos-errors-flow.provider';
+export * from './kraots-logout-flow.provider';
 export * from './kratos-login-flow.provider';
 export * from './kratos-flow.provider';
 export * from './use-flow.hook';

package/dist/providers/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -15,6 +19,7 @@ __exportStar(require("./kratos-verification-flow.provider"), exports);
 __exportStar(require("./kratos-recovery-flow.provider"), exports);
 __exportStar(require("./kratos-settings-flow.provider"), exports);
 __exportStar(require("./kratos-errors-flow.provider"), exports);
+__exportStar(require("./kraots-logout-flow.provider"), exports);
 __exportStar(require("./kratos-login-flow.provider"), exports);
 __exportStar(require("./kratos-flow.provider"), exports);
 __exportStar(require("./use-flow.hook"), exports);

package/dist/providers/kraots-logout-flow.provider.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+import type { KratosFlowProviderProps } from './kratos-flow.provider';
+export declare const KratosLogoutFlowProvider: FC<Omit<KratosFlowProviderProps, 'name'>>;

package/dist/providers/kraots-logout-flow.provider.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KratosLogoutFlowProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const kratos_flow_provider_1 = require("./kratos-flow.provider");
+const KratosLogoutFlowProvider = (props) => ((0, jsx_runtime_1.jsx)(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'logout' }));
+exports.KratosLogoutFlowProvider = KratosLogoutFlowProvider;

package/dist/providers/kratos-errors-flow.provider.d.ts

@@ -1 +1,3 @@
-export declare const KratosErrorsFlowProvider: (props: any) => JSX.Element;
+import type { FC } from 'react';
+import type { KratosFlowProviderProps } from './kratos-flow.provider';
+export declare const KratosErrorsFlowProvider: FC<Omit<KratosFlowProviderProps, 'name'>>;

package/dist/providers/kratos-errors-flow.provider.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosErrorsFlowProvider = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const kratos_flow_provider_1 = require("./kratos-flow.provider");
-const KratosErrorsFlowProvider = (props) => react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, Object.assign({}, props, { name: 'errors' }));
+const KratosErrorsFlowProvider = (props) => ((0, jsx_runtime_1.jsx)(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'errors' }));
 exports.KratosErrorsFlowProvider = KratosErrorsFlowProvider;

package/dist/providers/kratos-flow.provider.d.ts

@@ -1,7 +1,9 @@
-import { FC } from 'react';
-import { FlowName } from '../flows/flow.interfaces';
+import type { ReactNode } from 'react';
+import type { FC } from 'react';
+import type { FlowName } from '../flows/flow.interfaces';
 export interface KratosFlowProviderProps {
     basePath?: string;
     name: FlowName;
+    children: Array<ReactNode> | ReactNode;
 }
 export declare const KratosFlowProvider: FC<KratosFlowProviderProps>;

package/dist/providers/kratos-flow.provider.js

@@ -1,42 +1,39 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosFlowProvider = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const registration_flow_1 = require("../flows/registration.flow");
-const verification_flow_1 = require("../flows/verification.flow");
-const recovery_flow_1 = require("../flows/recovery.flow");
-const settings_flow_1 = require("../flows/settings.flow");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const errors_flow_1 = require("../flows/errors.flow");
-const login_flow_1 = require("../flows/login.flow");
 const kratos_client_1 = require("../flows/kratos.client");
+const login_flow_1 = require("../flows/login.flow");
+const logout_flow_1 = require("../flows/logout.flow");
+const recovery_flow_1 = require("../flows/recovery.flow");
+const registration_flow_1 = require("../flows/registration.flow");
+const settings_flow_1 = require("../flows/settings.flow");
+const verification_flow_1 = require("../flows/verification.flow");
 const flows_context_1 = require("./flows.context");
-const KratosFlowProvider = ({ name, basePath, children }) => {
-    const client = react_2.useMemo(() => new kratos_client_1.KratosClient(basePath), [basePath]);
-    const flow = react_2.useMemo(() => {
-        if (name === 'login') {
-            return new login_flow_1.LoginFlow(client);
-        }
-        if (name === 'registration') {
-            return new registration_flow_1.RegistrationFlow(client);
-        }
-        if (name === 'verification') {
-            return new verification_flow_1.VerificationFlow(client);
-        }
-        if (name === 'recovery') {
-            return new recovery_flow_1.RecoveryFlow(client);
-        }
-        if (name === 'settings') {
-            return new settings_flow_1.SettingsFlow(client);
-        }
-        if (name === 'errors') {
-            return new errors_flow_1.ErrorsFlow(client);
+const KratosFlowProvider = ({ name, basePath, children, }) => {
+    const client = (0, react_1.useMemo)(() => new kratos_client_1.KratosClient(basePath), [basePath]);
+    const flow = (0, react_1.useMemo)(() => {
+        switch (name) {
+            case 'login':
+                return new login_flow_1.LoginFlow(client);
+            case 'registration':
+                return new registration_flow_1.RegistrationFlow(client);
+            case 'verification':
+                return new verification_flow_1.VerificationFlow(client);
+            case 'recovery':
+                return new recovery_flow_1.RecoveryFlow(client);
+            case 'settings':
+                return new settings_flow_1.SettingsFlow(client);
+            case 'errors':
+                return new errors_flow_1.ErrorsFlow(client);
+            case 'logout':
+                return new logout_flow_1.LogoutFlow(client);
+            default:
+                throw new Error(`Unkown flow: ${name}`);
         }
-        throw new Error(`Unkown flow: ${name}`);
     }, [name, client]);
-    return react_1.default.createElement(flows_context_1.Provider, { value: flow }, children);
+    return (0, jsx_runtime_1.jsx)(flows_context_1.Provider, { value: flow, children: children });
 };
 exports.KratosFlowProvider = KratosFlowProvider;

package/dist/providers/kratos-login-flow.provider.d.ts

@@ -1 +1,3 @@
-export declare const KratosLoginFlowProvider: (props: any) => JSX.Element;
+import type { FC } from 'react';
+import type { KratosFlowProviderProps } from './kratos-flow.provider';
+export declare const KratosLoginFlowProvider: FC<Omit<KratosFlowProviderProps, 'name'>>;

package/dist/providers/kratos-login-flow.provider.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosLoginFlowProvider = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const kratos_flow_provider_1 = require("./kratos-flow.provider");
-const KratosLoginFlowProvider = (props) => react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, Object.assign({}, props, { name: 'login' }));
+const KratosLoginFlowProvider = (props) => ((0, jsx_runtime_1.jsx)(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'login' }));
 exports.KratosLoginFlowProvider = KratosLoginFlowProvider;

package/dist/providers/kratos-recovery-flow.provider.d.ts

@@ -1 +1,3 @@
-export declare const KratosRecoveryFlowProvider: (props: any) => JSX.Element;
+import type { FC } from 'react';
+import type { KratosFlowProviderProps } from './kratos-flow.provider';
+export declare const KratosRecoveryFlowProvider: FC<Omit<KratosFlowProviderProps, 'name'>>;

package/dist/providers/kratos-recovery-flow.provider.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosRecoveryFlowProvider = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const kratos_flow_provider_1 = require("./kratos-flow.provider");
-const KratosRecoveryFlowProvider = (props) => (react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, Object.assign({}, props, { name: 'recovery' })));
+const KratosRecoveryFlowProvider = (props) => ((0, jsx_runtime_1.jsx)(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'recovery' }));
 exports.KratosRecoveryFlowProvider = KratosRecoveryFlowProvider;

package/dist/providers/kratos-registration-flow.provider.d.ts

@@ -1 +1,3 @@
-export declare const KratosRegistrationFlowProvider: (props: any) => JSX.Element;
+import type { FC } from 'react';
+import type { KratosFlowProviderProps } from './kratos-flow.provider';
+export declare const KratosRegistrationFlowProvider: FC<Omit<KratosFlowProviderProps, 'name'>>;

package/dist/providers/kratos-registration-flow.provider.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosRegistrationFlowProvider = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const kratos_flow_provider_1 = require("./kratos-flow.provider");
-const KratosRegistrationFlowProvider = (props) => (react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, Object.assign({}, props, { name: 'registration' })));
+const KratosRegistrationFlowProvider = (props) => (0, jsx_runtime_1.jsx)(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'registration' });
 exports.KratosRegistrationFlowProvider = KratosRegistrationFlowProvider;

package/dist/providers/kratos-settings-flow.provider.d.ts

@@ -1 +1,3 @@
-export declare const KratosSettingsFlowProvider: (props: any) => JSX.Element;
+import type { FC } from 'react';
+import type { KratosFlowProviderProps } from './kratos-flow.provider';
+export declare const KratosSettingsFlowProvider: FC<Omit<KratosFlowProviderProps, 'name'>>;

package/dist/providers/kratos-settings-flow.provider.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosSettingsFlowProvider = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const kratos_flow_provider_1 = require("./kratos-flow.provider");
-const KratosSettingsFlowProvider = (props) => (react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, Object.assign({}, props, { name: 'settings' })));
+const KratosSettingsFlowProvider = (props) => ((0, jsx_runtime_1.jsx)(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'settings' }));
 exports.KratosSettingsFlowProvider = KratosSettingsFlowProvider;

package/dist/providers/kratos-verification-flow.provider.d.ts

@@ -1 +1,3 @@
-export declare const KratosVerificationFlowProvider: (props: any) => JSX.Element;
+import type { FC } from 'react';
+import type { KratosFlowProviderProps } from './kratos-flow.provider';
+export declare const KratosVerificationFlowProvider: FC<Omit<KratosFlowProviderProps, 'name'>>;

package/dist/providers/kratos-verification-flow.provider.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosVerificationFlowProvider = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const kratos_flow_provider_1 = require("./kratos-flow.provider");
-const KratosVerificationFlowProvider = (props) => (react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, Object.assign({}, props, { name: 'verification' })));
+const KratosVerificationFlowProvider = (props) => (0, jsx_runtime_1.jsx)(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'verification' });
 exports.KratosVerificationFlowProvider = KratosVerificationFlowProvider;

package/dist/providers/use-flow.hook.d.ts

@@ -1,2 +1,2 @@
-import { Flow } from '../flows/flow.interfaces';
+import type { Flow } from '../flows/flow.interfaces';
 export declare const useFlow: () => Flow;

package/dist/providers/use-flow.hook.js

@@ -6,12 +6,12 @@ const react_2 = require("react");
 const react_3 = require("react");
 const flows_context_1 = require("./flows.context");
 const useFlow = () => {
-    const flow = react_1.useContext(flows_context_1.Context);
+    const flow = (0, react_1.useContext)(flows_context_1.Context);
     if (!flow) {
         throw new Error('Missing <KratosFlowProvider>');
     }
-    const [, setState] = react_3.useState(null);
-    react_2.useEffect(() => {
+    const [state, setState] = (0, react_3.useState)(null);
+    (0, react_2.useEffect)(() => {
         flow.load();
         const callback = (flowState) => {
             setState(flowState);

package/dist/ui/flow-error.component.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { FC } from 'react';
+import type { ReactElement } from 'react';
+import type { FC } from 'react';
 interface SelfServiceErrorProps {
     code?: number;
     status?: string;
@@ -7,7 +7,7 @@ interface SelfServiceErrorProps {
     message?: string;
 }
 export interface FlowErrorProps {
-    children: (error: SelfServiceErrorProps) => ReactElement<any>;
+    children: (error: SelfServiceErrorProps) => ReactElement;
 }
 export declare const FlowError: FC<FlowErrorProps>;
 export {};

package/dist/ui/flow-error.component.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlowError = void 0;
 const providers_1 = require("../providers");
 const FlowError = ({ children }) => {
-    const flow = providers_1.useFlow();
+    const flow = (0, providers_1.useFlow)();
     const state = flow.getState();
-    if (typeof children === 'function' && (state === null || state === void 0 ? void 0 : state.error)) {
+    if (typeof children === 'function' && state?.error) {
         return children(state.error);
     }
     return null;

package/dist/ui/flow-form.component.d.ts

@@ -1,4 +1,6 @@
-export declare const FlowForm: ({ children, ...props }: {
-    [x: string]: any;
-    children: any;
-}) => JSX.Element | null;
+import type { PropsWithChildren } from 'react';
+import type { HTMLAttributes } from 'react';
+import type { FC } from 'react';
+export interface FlowFormProps extends HTMLAttributes<HTMLFormElement> {
+}
+export declare const FlowForm: FC<PropsWithChildren<FlowFormProps>>;

package/dist/ui/flow-form.component.js

@@ -1,30 +1,15 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlowForm = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const providers_1 = require("../providers");
-const FlowForm = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    const flow = providers_1.useFlow();
-    const ui = react_2.useMemo(() => { var _a; return (_a = flow.getState()) === null || _a === void 0 ? void 0 : _a.ui; }, [flow.getState()]);
+const FlowForm = ({ children, ...props }) => {
+    const flow = (0, providers_1.useFlow)();
+    const ui = (0, react_1.useMemo)(() => flow.getState()?.ui, [flow.getState()]);
     if (!ui) {
         return null;
     }
-    return (react_1.default.createElement("form", Object.assign({}, props, { action: ui.action, method: ui.method }), children));
+    return ((0, jsx_runtime_1.jsx)("form", { ...props, action: ui.action, method: ui.method, children: children }));
 };
 exports.FlowForm = FlowForm;

package/dist/ui/flow-messages.component.d.ts

@@ -1,7 +1,7 @@
-import { UiText } from '@ory/kratos-client';
-import { ReactElement } from 'react';
-import { FC } from 'react';
+import type { UiText } from '@ory/kratos-client';
+import type { ReactElement } from 'react';
+import type { FC } from 'react';
 export interface FlowMessagesProps {
-    children: (messages: Array<UiText>) => ReactElement<any>;
+    children: (messages: Array<UiText>) => ReactElement;
 }
 export declare const FlowMessages: FC<FlowMessagesProps>;

package/dist/ui/flow-messages.component.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlowMessages = void 0;
 const providers_1 = require("../providers");
 const FlowMessages = ({ children }) => {
-    const flow = providers_1.useFlow();
+    const flow = (0, providers_1.useFlow)();
     const messages = flow.getMessages();
-    if (typeof children === 'function' && messages) {
+    if (typeof children === 'function') {
         return children(messages);
     }
     return null;

package/dist/ui/flow-node-messages.component.d.ts

@@ -1,8 +1,8 @@
-import { UiText } from '@ory/kratos-client';
-import { ReactElement } from 'react';
-import { FC } from 'react';
+import type { UiText } from '@ory/kratos-client';
+import type { ReactElement } from 'react';
+import type { FC } from 'react';
 export interface FlowNodeMessagesProps {
     name: string;
-    children: (messages: Array<UiText>) => ReactElement<any>;
+    children: (messages: Array<UiText>) => ReactElement;
 }
 export declare const FlowNodeMessages: FC<FlowNodeMessagesProps>;

package/dist/ui/flow-node-messages.component.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlowNodeMessages = void 0;
 const providers_1 = require("../providers");
 const FlowNodeMessages = ({ name, children }) => {
-    const flow = providers_1.useFlow();
+    const flow = (0, providers_1.useFlow)();
     const node = flow.getNode(name);
-    if (typeof children === 'function' && (node === null || node === void 0 ? void 0 : node.messages)) {
+    if (typeof children === 'function' && node?.messages) {
         return children(node.messages);
     }
     return null;

package/dist/ui/flow-node.component.d.ts

@@ -1,23 +1,11 @@
-import { UiNode } from '@ory/kratos-client';
-import { ReactElement } from 'react';
-import { FC } from 'react';
-import { FormEvent } from 'react';
-interface FlowUiNodeAttributes {
-    disabled: boolean;
-    name: string;
-    pattern?: string;
-    required?: boolean;
-    type: string;
-    value?: any | null;
-    src: string;
-}
-interface FlowUiNode extends Omit<UiNode, 'attributes'> {
-    attributes: FlowUiNodeAttributes;
-}
-declare type OnChangeCallback = (event: FormEvent<HTMLInputElement> | string | any) => void;
+import type { UiNode } from '@ory/kratos-client';
+import type { ReactElement } from 'react';
+import type { FC } from 'react';
+import type { FormEvent } from 'react';
+type OnChangeCallback = (event: string | FormEvent<HTMLInputElement>) => void;
 export interface FlowNodeProps {
     name: string;
-    children: (node: FlowUiNode, value: string | any, callback: OnChangeCallback) => ReactElement<any>;
+    children: (node: UiNode, value: any, callback: OnChangeCallback) => ReactElement;
 }
 export declare const FlowNode: FC<FlowNodeProps>;
 export {};

package/dist/ui/flow-node.component.js

@@ -6,11 +6,11 @@ const react_2 = require("react");
 const react_3 = require("react");
 const providers_1 = require("../providers");
 const FlowNode = ({ name, children }) => {
-    const flow = providers_1.useFlow();
-    const node = react_1.useMemo(() => flow.getNode(name), [name, flow, flow.getState()]);
-    const [value = '', setValue] = react_2.useState(flow.getValue(name));
-    const onChange = react_3.useCallback((event) => {
-        if (event && event.target) {
+    const flow = (0, providers_1.useFlow)();
+    const node = (0, react_1.useMemo)(() => flow.getNode(name), [name, flow, flow.getState()]);
+    const [value = '', setValue] = (0, react_2.useState)(flow.getValue(name));
+    const onChange = (0, react_3.useCallback)((event) => {
+        if (typeof event === 'object' && 'value' in event.target && event.target.value) {
             setValue(event.target.value);
             flow.setValue(name, event.target.value);
         }

package/dist/ui/flow-nodes-group.component.d.ts

@@ -1,21 +1,8 @@
-import { UiNode } from '@ory/kratos-client';
-import { ReactElement } from 'react';
-import { FC } from 'react';
-interface FlowUiNodeAttributes {
-    disabled: boolean;
-    name: string;
-    pattern?: string;
-    required?: boolean;
-    type: string;
-    value?: any | null;
-    src: string;
-}
-interface FlowUiNode extends Omit<UiNode, 'attributes'> {
-    attributes: FlowUiNodeAttributes;
-}
+import type { UiNode } from '@ory/kratos-client';
+import type { ReactElement } from 'react';
+import type { FC } from 'react';
 export interface FlowNodesGroupProps {
     name: string;
-    children: (node: Array<FlowUiNode>) => ReactElement<any>;
+    children: (node: Array<UiNode>) => ReactElement;
 }
 export declare const FlowNodesGroup: FC<FlowNodesGroupProps>;
-export {};

package/dist/ui/flow-nodes-group.component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlowNodesGroup = void 0;
 const providers_1 = require("../providers");
 const FlowNodesGroup = ({ name, children }) => {
-    const flow = providers_1.useFlow();
+    const flow = (0, providers_1.useFlow)();
     const nodes = flow.getNodesGroup(name);
     if (typeof children === 'function') {
         return children(nodes);

package/dist/ui/flow-submit.component.d.ts

@@ -1,4 +1,8 @@
-export declare const FlowSubmit: ({ method, children }: {
-    method: any;
-    children: any;
-}) => any;
+import type { ReactElement } from 'react';
+import type { FC } from 'react';
+import type { ReactNode } from 'react';
+export interface FlowSubmitProps {
+    method: string;
+    children: (submit: (method: string) => void) => ReactElement | ReactNode | null;
+}
+export declare const FlowSubmit: FC<FlowSubmitProps>;

package/dist/ui/flow-submit.component.js

@@ -5,12 +5,12 @@ const react_1 = require("react");
 const react_2 = require("react");
 const providers_1 = require("../providers");
 const FlowSubmit = ({ method, children }) => {
-    const flow = providers_1.useFlow();
+    const flow = (0, providers_1.useFlow)();
     if (typeof children === 'function') {
-        return children((mtd) => flow.submit(mtd));
+        return children(async (mtd) => flow.submit(mtd));
     }
-    if (react_1.isValidElement(children)) {
-        return react_2.cloneElement(children, {
+    if ((0, react_1.isValidElement)(children)) {
+        return (0, react_2.cloneElement)(children, {
             onClick: () => {
                 flow.submit(method);
             },

package/dist/ui/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/package.json

@@ -1,26 +1,27 @@
 {
   "name": "@atls/react-kratos-browser-flows",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "license": "BSD-3-Clause",
   "main": "dist/index.js",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "yarn app library build",
-    "postpack": "rm -rf dist",
-    "prepack": "yarn run build"
+    "build": "yarn library build",
+    "prepack": "yarn run build",
+    "postpack": "rm -rf dist"
+  },
+  "dependencies": {
+    "@ory/kratos-client": "^0.8.2-alpha.1",
+    "events": "3.3.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.1.0",
-    "@types/events": "^3.0.0",
-    "@types/react": "^17.0.20",
-    "@types/react-dom": "^17.0.9",
-    "@types/testing-library__jest-dom": "^5.14.1",
-    "axios": "^0.21.4",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "@types/events": "3.0.3",
+    "@types/react": "18.3.6",
+    "@types/react-dom": "18.2.7",
+    "axios": "1.7.7",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "peerDependencies": {
     "react": "^17.0.1"
@@ -30,9 +31,5 @@
     "main": "dist/index.js",
     "typings": "dist/index.d.ts"
   },
-  "dependencies": {
-    "@ory/kratos-client": "^0.7.6-alpha.1",
-    "events": "^3.3.0"
-  },
   "typings": "dist/index.d.ts"
 }