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

package/dist/flows/abstract.flow.js

@@ -1,18 +1,16 @@
 "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 __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), 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 __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _values, _state, _loading;
+var _AbstractFlow_values, _AbstractFlow_state, _AbstractFlow_loading;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AbstractFlow = void 0;
 const events_1 = require("events");
@@ -20,56 +18,51 @@ class AbstractFlow extends events_1.EventEmitter {
     constructor(client) {
         super();
         this.client = client;
-        _values.set(this, {});
-        _state.set(this, void 0);
-        _loading.set(this, false);
+        _AbstractFlow_values.set(this, {});
+        _AbstractFlow_state.set(this, void 0);
+        _AbstractFlow_loading.set(this, false);
         this.setMaxListeners(50);
     }
     setLoading(loading) {
-        __classPrivateFieldSet(this, _loading, loading);
+        __classPrivateFieldSet(this, _AbstractFlow_loading, loading, "f");
     }
     isLoading() {
-        return __classPrivateFieldGet(this, _loading);
+        return __classPrivateFieldGet(this, _AbstractFlow_loading, "f");
     }
     setState(state) {
-        __classPrivateFieldSet(this, _state, state);
+        __classPrivateFieldSet(this, _AbstractFlow_state, state, "f");
     }
     hasState() {
-        return Boolean(__classPrivateFieldGet(this, _state));
+        return Boolean(__classPrivateFieldGet(this, _AbstractFlow_state, "f"));
     }
     getState() {
-        return __classPrivateFieldGet(this, _state);
+        return __classPrivateFieldGet(this, _AbstractFlow_state, "f");
     }
     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 __classPrivateFieldGet(this, _AbstractFlow_state, "f")?.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 __classPrivateFieldGet(this, _AbstractFlow_state, "f")?.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 (__classPrivateFieldGet(this, _AbstractFlow_state, "f")?.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 __classPrivateFieldGet(this, _AbstractFlow_state, "f")?.ui?.nodes?.filter((node) => node.group === group) || [];
     }
     getValue(name) {
-        return __classPrivateFieldGet(this, _values)[name];
+        return __classPrivateFieldGet(this, _AbstractFlow_values, "f")[name];
     }
     getValues() {
-        return __classPrivateFieldGet(this, _values);
+        return __classPrivateFieldGet(this, _AbstractFlow_values, "f");
     }
     setValue(name, value) {
-        __classPrivateFieldGet(this, _values)[name] = value;
+        __classPrivateFieldGet(this, _AbstractFlow_values, "f")[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 (!__classPrivateFieldGet(this, _AbstractFlow_values, "f")[attributes.name]) {
+                __classPrivateFieldGet(this, _AbstractFlow_values, "f")[attributes.name] =
                     attributes.value || '';
             }
         });
@@ -79,4 +72,4 @@ class AbstractFlow extends events_1.EventEmitter {
     }
 }
 exports.AbstractFlow = AbstractFlow;
-_values = new WeakMap(), _state = new WeakMap(), _loading = new WeakMap();
+_AbstractFlow_values = new WeakMap(), _AbstractFlow_state = new WeakMap(), _AbstractFlow_loading = new WeakMap();

package/dist/flows/index.js

@@ -17,3 +17,4 @@ __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.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);
@@ -44,7 +44,7 @@ class LoginFlow extends abstract_flow_1.AbstractFlow {
             body.method = method;
         }
         try {
-            await this.client.submitSelfServiceLoginFlow(this.getState().id, body, {
+            await this.client.submitSelfServiceLoginFlow(this.getState().id, undefined, body, {
                 withCredentials: true,
             });
             this.complete();

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);

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);

package/dist/flows/settings.flow.js

@@ -50,9 +50,9 @@ class SettingsFlow extends abstract_flow_1.AbstractFlow {
             const { data } = await this.client.submitSelfServiceSettingsFlow(this.getState().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);

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.js

@@ -15,6 +15,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.js

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

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

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosErrorsFlowProvider = void 0;
 const react_1 = __importDefault(require("react"));
 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) => react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'errors' });
 exports.KratosErrorsFlowProvider = KratosErrorsFlowProvider;

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

@@ -6,17 +6,18 @@ 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 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(() => {
+    const client = (0, react_2.useMemo)(() => new kratos_client_1.KratosClient(basePath), [basePath]);
+    const flow = (0, react_2.useMemo)(() => {
         if (name === 'login') {
             return new login_flow_1.LoginFlow(client);
         }
@@ -35,6 +36,9 @@ const KratosFlowProvider = ({ name, basePath, children }) => {
         if (name === 'errors') {
             return new errors_flow_1.ErrorsFlow(client);
         }
+        if (name === 'logout') {
+            return new logout_flow_1.LogoutFlow(client);
+        }
         throw new Error(`Unkown flow: ${name}`);
     }, [name, client]);
     return react_1.default.createElement(flows_context_1.Provider, { value: flow }, children);

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

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosLoginFlowProvider = void 0;
 const react_1 = __importDefault(require("react"));
 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) => react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'login' });
 exports.KratosLoginFlowProvider = KratosLoginFlowProvider;

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

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosRecoveryFlowProvider = void 0;
 const react_1 = __importDefault(require("react"));
 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) => (react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'recovery' }));
 exports.KratosRecoveryFlowProvider = KratosRecoveryFlowProvider;

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

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosRegistrationFlowProvider = void 0;
 const react_1 = __importDefault(require("react"));
 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) => (react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'registration' }));
 exports.KratosRegistrationFlowProvider = KratosRegistrationFlowProvider;

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

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosSettingsFlowProvider = void 0;
 const react_1 = __importDefault(require("react"));
 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) => (react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'settings' }));
 exports.KratosSettingsFlowProvider = KratosSettingsFlowProvider;

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

@@ -6,5 +6,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.KratosVerificationFlowProvider = void 0;
 const react_1 = __importDefault(require("react"));
 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) => (react_1.default.createElement(kratos_flow_provider_1.KratosFlowProvider, { ...props, name: 'verification' }));
 exports.KratosVerificationFlowProvider = KratosVerificationFlowProvider;

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 [, setState] = (0, react_3.useState)(null);
+    (0, react_2.useEffect)(() => {
         flow.load();
         const callback = (flowState) => {
             setState(flowState);

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.js

@@ -1,15 +1,4 @@
 "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 };
 };
@@ -18,13 +7,12 @@ exports.FlowForm = void 0;
 const react_1 = __importDefault(require("react"));
 const react_2 = 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_2.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 (react_1.default.createElement("form", { ...props, action: ui.action, method: ui.method }, children));
 };
 exports.FlowForm = FlowForm;

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

@@ -3,7 +3,7 @@ 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) {
         return children(messages);

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.js

@@ -6,10 +6,10 @@ 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) => {
+    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 (event && event.target) {
             setValue(event.target.value);
             flow.setValue(name, event.target.value);

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.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));
     }
-    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/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@atls/react-kratos-browser-flows",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "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"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.1.0",
+    "@testing-library/jest-dom": "^5.16.2",
+    "@testing-library/react": "^12.1.3",
     "@types/events": "^3.0.0",
-    "@types/react": "^17.0.20",
-    "@types/react-dom": "^17.0.9",
+    "@types/react": "^17.0.39",
+    "@types/react-dom": "^17.0.11",
     "@types/testing-library__jest-dom": "^5.14.1",
     "axios": "^0.21.4",
     "react": "^17.0.2",
@@ -31,7 +31,7 @@
     "typings": "dist/index.d.ts"
   },
   "dependencies": {
-    "@ory/kratos-client": "^0.7.6-alpha.1",
+    "@ory/kratos-client": "^0.8.2-alpha.1",
     "events": "^3.3.0"
   },
   "typings": "dist/index.d.ts"

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

@@ -1,27 +0,0 @@
-/// <reference types="node" />
-import { EventEmitter } from 'events';
-import { KratosClient } from './kratos.client';
-import type { SubmitSelfServiceFlowBody } from './flow.interfaces';
-import type { SelfServiceFlow } from './flow.interfaces';
-import type { Flow } from './flow.interfaces';
-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;
-    isLoading(): boolean;
-    setState(state: any): 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;
-    getValues(): Body;
-    setValue(name: string, value: string): void;
-    protected setValues(state: State): void;
-    protected complete(href?: string): void;
-    abstract load(): any;
-    abstract submit(method?: string): any;
-}

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

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

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

@@ -1,33 +0,0 @@
-/// <reference types="node" />
-import type { SelfServiceRegistrationFlow } from '@ory/kratos-client';
-import type { SelfServiceVerificationFlow } from '@ory/kratos-client';
-import type { SelfServiceRecoveryFlow } from '@ory/kratos-client';
-import type { SelfServiceSettingsFlow } from '@ory/kratos-client';
-import type { SelfServiceLoginFlow } from '@ory/kratos-client';
-import type { SubmitSelfServiceRegistrationFlowBody } from '@ory/kratos-client';
-import type { SubmitSelfServiceVerificationFlowBody } from '@ory/kratos-client';
-import type { SubmitSelfServiceRecoveryFlowBody } from '@ory/kratos-client';
-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;
-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>;
-}

package/dist/flows/index.d.ts

@@ -1,7 +0,0 @@
-export * 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';

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

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

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

@@ -1,7 +0,0 @@
-import type { SelfServiceLoginFlow } from '@ory/kratos-client';
-import type { SubmitSelfServiceLoginFlowBody } from '@ory/kratos-client';
-import { AbstractFlow } from './abstract.flow';
-export declare class LoginFlow extends AbstractFlow<SelfServiceLoginFlow, SubmitSelfServiceLoginFlowBody> {
-    load(): Promise<void>;
-    submit(method?: string): Promise<void>;
-}

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

@@ -1,7 +0,0 @@
-import type { SelfServiceRecoveryFlow } from '@ory/kratos-client';
-import type { SubmitSelfServiceRecoveryFlowBody } from '@ory/kratos-client';
-import { AbstractFlow } from './abstract.flow';
-export declare class RecoveryFlow extends AbstractFlow<SelfServiceRecoveryFlow, SubmitSelfServiceRecoveryFlowBody> {
-    load(): Promise<void>;
-    submit(method?: string): Promise<void>;
-}

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

@@ -1,7 +0,0 @@
-import type { SelfServiceRegistrationFlow } from '@ory/kratos-client';
-import type { SubmitSelfServiceRegistrationFlowBody } from '@ory/kratos-client';
-import { AbstractFlow } from './abstract.flow';
-export declare class RegistrationFlow extends AbstractFlow<SelfServiceRegistrationFlow, SubmitSelfServiceRegistrationFlowBody> {
-    load(): Promise<void>;
-    submit(method?: string): Promise<void>;
-}

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

@@ -1,7 +0,0 @@
-import type { SelfServiceSettingsFlow } from '@ory/kratos-client';
-import type { SubmitSelfServiceSettingsFlowBody } from '@ory/kratos-client';
-import { AbstractFlow } from './abstract.flow';
-export declare class SettingsFlow extends AbstractFlow<SelfServiceSettingsFlow, SubmitSelfServiceSettingsFlowBody> {
-    load(): Promise<void>;
-    submit(method?: string): Promise<void>;
-}

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

@@ -1,7 +0,0 @@
-import type { SelfServiceVerificationFlow } from '@ory/kratos-client';
-import type { SubmitSelfServiceVerificationFlowBody } from '@ory/kratos-client';
-import { AbstractFlow } from './abstract.flow';
-export declare class VerificationFlow extends AbstractFlow<SelfServiceVerificationFlow, SubmitSelfServiceVerificationFlowBody> {
-    load(): Promise<void>;
-    submit(method?: string): Promise<void>;
-}

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-export * from './providers';
-export * from './flows';
-export * from './ui';

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

@@ -1,3 +0,0 @@
-import { 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/index.d.ts

@@ -1,8 +0,0 @@
-export * from './kratos-registration-flow.provider';
-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 './kratos-login-flow.provider';
-export * from './kratos-flow.provider';
-export * from './use-flow.hook';

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

@@ -1 +0,0 @@
-export declare const KratosErrorsFlowProvider: (props: any) => JSX.Element;

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

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

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

@@ -1 +0,0 @@
-export declare const KratosLoginFlowProvider: (props: any) => JSX.Element;

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

@@ -1 +0,0 @@
-export declare const KratosRecoveryFlowProvider: (props: any) => JSX.Element;

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

@@ -1 +0,0 @@
-export declare const KratosRegistrationFlowProvider: (props: any) => JSX.Element;

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

@@ -1 +0,0 @@
-export declare const KratosSettingsFlowProvider: (props: any) => JSX.Element;

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

@@ -1 +0,0 @@
-export declare const KratosVerificationFlowProvider: (props: any) => JSX.Element;

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

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

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

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

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

@@ -1,4 +0,0 @@
-export declare const FlowForm: ({ children, ...props }: {
-    [x: string]: any;
-    children: any;
-}) => JSX.Element | null;

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

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

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

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

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

@@ -1,23 +0,0 @@
-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;
-export interface FlowNodeProps {
-    name: string;
-    children: (node: FlowUiNode, value: string | any, callback: OnChangeCallback) => ReactElement<any>;
-}
-export declare const FlowNode: FC<FlowNodeProps>;
-export {};

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

@@ -1,21 +0,0 @@
-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;
-}
-export interface FlowNodesGroupProps {
-    name: string;
-    children: (node: Array<FlowUiNode>) => ReactElement<any>;
-}
-export declare const FlowNodesGroup: FC<FlowNodesGroupProps>;
-export {};

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

@@ -1,4 +0,0 @@
-export declare const FlowSubmit: ({ method, children }: {
-    method: any;
-    children: any;
-}) => any;

package/dist/ui/index.d.ts

@@ -1,7 +0,0 @@
-export * from './flow-form.component';
-export * from './flow-node.component';
-export * from './flow-error.component';
-export * from './flow-submit.component';
-export * from './flow-messages.component';
-export * from './flow-nodes-group.component';
-export * from './flow-node-messages.component';