@clicktap/state 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clicktap/state",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": false,
   "author": "Clicktap",
   "description": "A state management library for Clicktap reference frontend.",
@@ -20,11 +20,14 @@
     "@types/react": "18.0.28"
   },
   "peerDependencies": {
+    "@xstate/immer": "^0.3.3",
+    "@xstate/inspect": "^0.8.0",
+    "@xstate/react": "^3.2.2",
     "next": "^13.4.6",
     "react": "^18.2.0",
     "xstate": "^4.38.1",
-    "@xstate/immer": "^0.3.3",
-    "@xstate/inspect": "^0.8.0",
-    "@xstate/react": "^3.2.2"
-  }
+    "tslib": "2.4.0"
+  },
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts"
 }

package/src/auth/AuthProvider.d.ts

@@ -0,0 +1,49 @@
+import type { InterpreterFrom } from 'xstate';
+import type { ReactNode } from 'react';
+import type { NextPageContext } from 'next';
+import { authMachine } from './auth';
+export declare const AuthContext: import("react").Context<import("xstate").Interpreter<import("./auth").AuthMachineContext, any, import("./auth").AuthMachineEvents, {
+    value: any;
+    context: import("./auth").AuthMachineContext;
+}, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("./auth").AuthMachineEvents, import("xstate").BaseActionObject, import("xstate").ServiceMap>>>;
+export declare const useAuth: () => import("xstate").Interpreter<import("./auth").AuthMachineContext, any, import("./auth").AuthMachineEvents, {
+    value: any;
+    context: import("./auth").AuthMachineContext;
+}, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("./auth").AuthMachineEvents, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
+export declare const useUser: () => {
+    email: string;
+    username: string;
+    firstName: string;
+    lastName: string;
+    birthdate?: Date | undefined;
+    gender?: string | undefined;
+    createdAt: Date;
+    updatedAt: Date;
+    role?: string | undefined;
+    locked: boolean;
+    affiliateId: string;
+    stripeId: string;
+} | null;
+type AuthOptions = {
+    devTools: boolean;
+    endpoints: {
+        login: string;
+        logout: string;
+        refresh: string;
+        ssrRefresh: string;
+    };
+};
+/**
+ * this will run on the server side as part of app.getInitialProps
+ * @todo is it possible to share state from client to server? headers? cookies?
+ */
+export declare const getAuth: (context: NextPageContext, options: AuthOptions) => Promise<import("xstate").Interpreter<import("./auth").AuthMachineContext, any, import("./auth").AuthMachineEvents, {
+    value: any;
+    context: import("./auth").AuthMachineContext;
+}, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("./auth").AuthMachineEvents, import("xstate").BaseActionObject, import("xstate").ServiceMap>>>;
+type Props = {
+    children: ReactNode;
+    service: InterpreterFrom<typeof authMachine>;
+};
+export declare function AuthProvider({ children, service, }: Props): JSX.Element;
+export {};

package/src/auth/AuthProvider.jsx

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthProvider = exports.getAuth = exports.useUser = exports.useAuth = exports.AuthContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const xstate_1 = require("xstate");
+const cookie_1 = tslib_1.__importDefault(require("cookie"));
+const auth_1 = require("./auth");
+// removing dependencies on next, this should work regardless of platform
+// import type { NextPageContext } from 'next';
+// import { useRouter } from 'next/router';
+exports.AuthContext = (0, react_1.createContext)({});
+const useAuth = () => {
+    // console.log('useAuth');
+    // console.log(useContext(AuthContext).getSnapshot().context);
+    return (0, react_1.useContext)(exports.AuthContext);
+};
+exports.useAuth = useAuth;
+const useUser = () => {
+    return (0, react_1.useContext)(exports.AuthContext).getSnapshot().context.user;
+};
+exports.useUser = useUser;
+/**
+ * this will run on the server side as part of app.getInitialProps
+ * @todo is it possible to share state from client to server? headers? cookies?
+ */
+const getAuth = (context, options
+// eslint-disable-next-line @typescript-eslint/require-await
+) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    if (typeof window !== 'undefined') {
+        // eslint-disable-next-line no-console
+        console.warn('App.getInitialProps::getAuth should not be run on the frontend. You are probably missing getServerSideProps in your page.');
+        return (0, xstate_1.interpret)(auth_1.authMachine, { devTools: options.devTools }).start();
+    }
+    const cookies = cookie_1.default.parse(((_a = context === null || context === void 0 ? void 0 : context.req) === null || _a === void 0 ? void 0 : _a.headers) && context.req.headers.cookie
+        ? context.req.headers.cookie
+        : '');
+    if (typeof cookies['refresh_token'] !== 'undefined') {
+        const authContext = Object.assign(Object.assign({}, auth_1.authMachine.initialState.context), { refreshToken: cookies['refresh_token'], endpoints: Object.assign({}, options.endpoints) });
+        return (0, xstate_1.interpret)(auth_1.authMachine.withContext(authContext), {
+            devTools: options.devTools,
+        }).start();
+    }
+    return (0, xstate_1.interpret)(auth_1.authMachine, { devTools: options.devTools }).start();
+});
+exports.getAuth = getAuth;
+function AuthProvider({ children, service, }) {
+    // console.log('AuthProvider::state');
+    // console.log(state.context);
+    // let authService = interpret(authMachine, { devTools: options.devTools }).start(state);
+    // console.log('AuthProvider::authService');
+    // console.log(authService.getSnapshot().context);
+    return (<exports.AuthContext.Provider value={service}>{children}</exports.AuthContext.Provider>);
+}
+exports.AuthProvider = AuthProvider;
+//# sourceMappingURL=AuthProvider.jsx.map

package/src/auth/AuthProvider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProvider.jsx","sourceRoot":"","sources":["../../../../../libs/state/src/auth/AuthProvider.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkD;AAClD,mCAAmC;AAEnC,4DAA4B;AAG5B,iCAAqC;AAErC,yEAAyE;AACzE,+CAA+C;AAC/C,2CAA2C;AAE9B,QAAA,WAAW,GAAG,IAAA,qBAAa,EACtC,EAAyC,CAC1C,CAAC;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,0BAA0B;IAC1B,8DAA8D;IAC9D,OAAO,IAAA,kBAAU,EAAC,mBAAW,CAAC,CAAC;AACjC,CAAC,CAAC;AAJW,QAAA,OAAO,WAIlB;AAEK,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,IAAA,kBAAU,EAAC,mBAAW,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;AAC5D,CAAC,CAAC;AAFW,QAAA,OAAO,WAElB;AAYF;;;GAGG;AACI,MAAM,OAAO,GAAG,CACrB,OAAwB,EACxB,OAAoB;AACpB,4DAA4D;EAC5D,EAAE;;IACF,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,2HAA2H,CAC5H,CAAC;QACF,OAAO,IAAA,kBAAS,EAAC,kBAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;KACvE;IAED,MAAM,OAAO,GAAG,gBAAM,CAAC,KAAK,CAC1B,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,0CAAE,OAAO,KAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;QACjD,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;QAC5B,CAAC,CAAC,EAAE,CACP,CAAC;IACF,IAAI,OAAO,OAAO,CAAC,eAAe,CAAC,KAAK,WAAW,EAAE;QACnD,MAAM,WAAW,mCACZ,kBAAW,CAAC,YAAY,CAAC,OAAO,KACnC,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,EACtC,SAAS,oBAAO,OAAO,CAAC,SAAS,IAClC,CAAC;QACF,OAAO,IAAA,kBAAS,EAAC,kBAAW,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE;YACrD,QAAQ,EAAE,OAAO,CAAC,QAAQ;SAC3B,CAAC,CAAC,KAAK,EAAE,CAAC;KACZ;IAED,OAAO,IAAA,kBAAS,EAAC,kBAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;AACxE,CAAC,CAAA,CAAC;AA9BW,QAAA,OAAO,WA8BlB;AAWF,SAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,GAGJ;IACH,sCAAsC;IACtC,8BAA8B;IAC9B,yFAAyF;IACzF,4CAA4C;IAC5C,kDAAkD;IAElD,OAAO,CACL,CAAC,mBAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,mBAAW,CAAC,QAAQ,CAAC,CACxE,CAAC;AACJ,CAAC;AAfD,oCAeC"}

package/src/auth/auth.d.ts

@@ -0,0 +1,52 @@
+import type { DoneInvokeEvent } from 'xstate';
+export interface AuthMachineContext {
+    user: {
+        email: string;
+        username: string;
+        firstName: string;
+        lastName: string;
+        birthdate?: Date;
+        gender?: string /** @todo use enum? */;
+        createdAt: Date;
+        updatedAt: Date;
+        role?: string /** @todo use enum? */;
+        locked: boolean;
+        affiliateId: string;
+        stripeId: string;
+    } | null;
+    accessToken: string;
+    refreshToken: string;
+    ignoreRefreshToken: boolean;
+    endpoints: {
+        login: string;
+        logout: string;
+        refresh: string;
+        ssrRefresh: string;
+    };
+}
+export interface RefreshTokenEvent {
+    type: 'REFRESH_TOKEN';
+    accessToken: AuthMachineContext['accessToken'];
+}
+export interface LoginEvent {
+    type: 'LOGIN';
+    username: string;
+    password: string;
+}
+export interface LogoutEvent {
+    type: 'LOGOUT';
+}
+export interface AuthenticateSuccessEvent {
+    type: 'AUTHENTICATE_SUCCESS';
+    user: AuthMachineContext['user'];
+    accessToken: AuthMachineContext['accessToken'];
+}
+export interface RefreshTokenSuccessEvent {
+    type: 'REFRESH_TOKEN_SUCCESS';
+    accessToken: AuthMachineContext['accessToken'];
+}
+export type AuthMachineEvents = RefreshTokenEvent | LoginEvent | LogoutEvent | DoneInvokeEvent<AuthenticateSuccessEvent> | DoneInvokeEvent<RefreshTokenSuccessEvent>;
+export declare const authMachine: import("xstate").StateMachine<AuthMachineContext, any, AuthMachineEvents, {
+    value: any;
+    context: AuthMachineContext;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, AuthMachineEvents, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;

package/src/auth/auth.js

@@ -0,0 +1,291 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.authMachine = void 0;
+const tslib_1 = require("tslib");
+const xstate_1 = require("xstate");
+const immer_1 = require("@xstate/immer");
+function request(url, options) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const response = yield fetch(url, options);
+        if (response.status === 200) {
+            return response.json();
+        }
+        return Promise.resolve({
+            message: response.statusText,
+            success: false,
+        });
+    });
+}
+exports.authMachine = 
+/** @xstate-layout N4IgpgJg5mDOIC5QEMCuAXAFgOjVsAdugJYDGyJBUAxBAPYFjbEEBudA1k3jj4SeUpQELdoOIMA2gAYAujNmJQABzqxiJBkpAAPRAEZ9Adn3YAbABYATAGYr1gKwWLDoxYA0IAJ6JbATmwADkCXPyszK0CzPyijAF84zx5cDEx+MgoWGjAAJxy6HOxlABsKADMCgFsUrBq0ogyhETY6cSk5BW1VdU0CbT0EfWkncysHYelba0DXTx8EBzNTCxDXPzMbaTCjQISk1OxUAj4G8SpaBiZRTm4Do5OBTKpmsUz2+TkutQ0JPqRdRAAWkMAUiNkCxjMO02+gsNjmvkCVmw+hsRnRjiM0hMexAyXuqXSZ2yeQKRVK6AqOWq+OOhNOT2E1zaBAUnX+3R+Wn+A2R0RsmwhRjMUKsRgcSIRCCR2Fs6MCYSmDn0wVxyRyYDKGtgmCyF0YzBaXDq2A1WrguuezLerI6nw5316-UQRhi2BiQ2kk2VkylUSCfnB9iWwSxYrVBzN2stJPyhRK5SqJqjFqyL1aNrZ9pUjt+zoQFn0Zmw0gs6Ks0n0gZMMSlwOx2ELTj80jMTisYvCEdqxToUBgEAA8hhqAAZQcAcQAkgA5dk5np5nm+KElsyBcWWQzhMZSizSQLYVzbhyB8F+Pz6bs4Xv9yBTghjyeDgCqABV5yBOU7l9KjDYghmQJhgVPwHArKw6yrYswKWf8HE2cYJWvbBbwHB9qB0WB0AobgynQXIAAozC9L0AEpqGSND71tRQHUXblQAGKJkVdZwqwlMIokCKCjGwYUYThf8SLRCwEkSEACDoCA4G0HgvgYv4mKBIs+LBIUoUCQT4W8IFIgsRtFmMMskMvKwUIeRosgUrklIBQZKwA1soWccJXU2PwpVEktjBmdcIhiZwUIJfAGSEGyf2UhBAQM0N1gPJYoVbHYoJCHyTCiLYYnXcMJPVTVo2s+jbPzawAkMSZwmxBUJX0KUxUPOV3LYy8tjEvKDmoocMAipcopsAJTzRNY0VhWEpVcaQSy0sVxjGFs0RQrqH16xj7MMOFGxWRYBXBRYeN0hA3XsINnBCfcLyvcSgA */
+(0, xstate_1.createMachine)({
+    context: {
+        // id: '',
+        user: null,
+        accessToken: '',
+        refreshToken: '',
+        /**
+         * If unauthenticating fails, we need a way to ignore the refresh token on subsequent access token refresh.
+         * This would be set to true done/error of unauthenticate service, and false on done of authenticate service
+         */
+        ignoreRefreshToken: false,
+        endpoints: {
+            login: '',
+            logout: '',
+            refresh: '',
+            ssrRefresh: '',
+        },
+    },
+    predictableActionArguments: true,
+    id: 'auth',
+    initial: 'refreshing',
+    states: {
+        authenticating: {
+            invoke: {
+                src: 'authenticate',
+                onDone: [
+                    {
+                        actions: 'setUserContext',
+                        target: 'loggedIn',
+                    },
+                ],
+                onError: [
+                    {
+                        target: 'loggedOut',
+                    },
+                ],
+            },
+        },
+        unauthenticating: {
+            invoke: {
+                src: 'unauthenticate',
+                onDone: [
+                    {
+                        actions: 'unsetUserContext',
+                        target: 'loggedOut',
+                    },
+                ],
+                onError: [
+                    {
+                        actions: ['unsetUserContext', 'setIgnoreRefreshToken'],
+                        target: 'loggedOut',
+                    },
+                ],
+            },
+        },
+        refreshing: {
+            invoke: {
+                src: 'refreshAccessToken',
+                onDone: [
+                    {
+                        actions: ['unsetRefreshToken', 'setAccessToken'],
+                        target: 'loggedIn',
+                    },
+                ],
+                onError: [
+                    {
+                        actions: 'unsetRefreshToken',
+                        target: 'unauthenticating',
+                    },
+                ],
+            },
+        },
+        loggedOut: {
+            on: {
+                LOGIN: {
+                    target: 'authenticating',
+                },
+            },
+        },
+        loggedIn: {
+            after: {
+                '60000': {
+                    cond: () => typeof window !== 'undefined',
+                    target: 'refreshing',
+                },
+            },
+            // entry: ['unsetUserContext'],
+            on: {
+                LOGOUT: {
+                    target: 'unauthenticating',
+                },
+            },
+        },
+    },
+}, {
+    actions: {
+        // setAccessToken: assign<UserContext, RefreshTokenEvent>((context, event) => {
+        //   context.accessToken = event.accessToken;
+        // }),
+        setUserContext: (0, immer_1.assign)((context, event) => {
+            // event.type - done.invoke.auth.authenticating:invocation[0]
+            if (event.data.type !== 'AUTHENTICATE_SUCCESS')
+                return;
+            // context.user = event.data.user;
+            context.accessToken = event.data.accessToken;
+            context.ignoreRefreshToken = false;
+        }),
+        unsetUserContext: (0, immer_1.assign)((context) => {
+            Object.assign(context, exports.authMachine.initialState.context);
+            // context = authMachine.initialState.context;
+        }),
+        setAccessToken: (0, immer_1.assign)((context, event) => {
+            if (event.data.type !== 'REFRESH_TOKEN_SUCCESS')
+                return; // is this really necessary?
+            context.accessToken = event.data.accessToken;
+            context.ignoreRefreshToken = false;
+        }),
+        unsetRefreshToken: (0, immer_1.assign)((context, event) => {
+            if (event.data.type !== 'REFRESH_TOKEN_SUCCESS')
+                return; // is this really necessary?
+            context.refreshToken = '';
+        }),
+        setIgnoreRefreshToken: (0, immer_1.assign)((context) => {
+            context.ignoreRefreshToken = true;
+        }),
+    },
+    services: {
+        refreshAccessToken: (context) => () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            // eslint-disable-next-line no-console
+            // console.log(
+            //   'refresh access token (%s)',
+            //   typeof window === 'undefined' ? 'server' : 'client'
+            // );
+            // eslint-disable-next-line no-console
+            // console.log('--------------------');
+            let response;
+            if (typeof window === 'undefined') {
+                // server
+                // eslint-disable-next-line no-console
+                // console.log('in server refreshAccessToken');
+                // eslint-disable-next-line no-console
+                // console.log(context.refreshToken);
+                if (context.refreshToken === '')
+                    throw new Error('Unauthorized.');
+                try {
+                    response = yield request('http://nginx:5210/auth/refresh', {
+                        method: 'POST',
+                        mode: 'cors',
+                        credentials: 'include',
+                        headers: {
+                            Cookie: `refresh_token=${context.refreshToken}`,
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            grant_type: 'refresh_token',
+                            // client_id: 'default',
+                            // client_secret: 'Password123!',
+                            // scope: 'default',
+                        }).toString(),
+                    });
+                    const data = response;
+                    if (typeof data.accessToken === 'undefined') {
+                        throw new Error('Unauthorized.');
+                    }
+                    return {
+                        type: 'REFRESH_TOKEN_SUCCESS',
+                        accessToken: data.accessToken,
+                    };
+                }
+                catch (err) {
+                    // eslint-disable-next-line no-console
+                    // console.log(err);
+                    throw new Error('Could not complete refresh request (server)');
+                }
+            }
+            else {
+                // client
+                response = yield request('https://middleware-clicktap.local-rmgmedia.com/auth/refresh', {
+                    method: 'POST',
+                    mode: 'cors',
+                    credentials: 'include',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        grant_type: 'refresh_token',
+                        // client_id: 'default',
+                        // client_secret: 'Password123!',
+                        // scope: 'default',
+                    }).toString(),
+                });
+                const data = response;
+                if (typeof data.accessToken === 'undefined') {
+                    throw new Error('Unauthorized.');
+                }
+                return {
+                    type: 'REFRESH_TOKEN_SUCCESS',
+                    accessToken: data.accessToken,
+                };
+            }
+        }),
+        authenticate: (context, event) => () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b;
+            const e = event; // workaround to typescript not allowing casting in parameter
+            if (e.type !== 'LOGIN') {
+                throw new Error(`Authenticate can only be called for "LOGIN" event type. Event caller: ${String(e.type)}`);
+            }
+            const response = yield request('https://middleware-clicktap.local-rmgmedia.com/auth/login', {
+                method: 'POST',
+                mode: 'cors',
+                credentials: 'include',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    username: e.username,
+                    password: e.password,
+                    // grant_type: 'password',
+                    // client_id: 'default',
+                    // client_secret: 'Password123!',
+                    // scope: 'default',
+                }).toString(),
+            });
+            /** @todo do we need to handle different status codes here...like what if the service is down? */
+            const data = response;
+            if (typeof data.accessToken === 'undefined') {
+                throw new Error((_b = (_a = data.message) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : 'Sign in failed. Please try again.');
+            }
+            return {
+                type: 'AUTHENTICATE_SUCCESS',
+                // user: data.user,
+                accessToken: data.accessToken,
+            };
+            // /** @todo how to call immer assign from inside invoke here to update context? */
+            // console.log(data);
+            // console.log(event);
+        }),
+        unauthenticate: (context) => () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+            // const response = await fetch(
+            yield fetch('https://middleware-clicktap.local-rmgmedia.com/auth/logout', {
+                method: 'POST',
+                mode: 'cors',
+                credentials: 'include',
+                // headers: {
+                //   'Access-Control-Allow-Origin': 'https://middleware-clicktap.local-rmgmedia.com',
+                //   'Access-Control-Allow-Credentials': 'true',
+                // },
+            });
+            /** @todo do we need to handle different status codes here...like what if the service is down? */
+            // const data = await response.json();
+            return { type: 'UNAUTHENTICATE' };
+            // if (!data.success) {
+            //   throw new Error(data.message ?? 'Sign in failed. Please try again.');
+            // }
+            // return {
+            //   type: 'AUTHENTICATE_SUCCESS',
+            //   user: data.user,
+            //   accessToken: data.accessToken,
+            // };
+        }),
+    },
+    // doesn't make sense in the case where you have an access token that is about to expire
+    // and the loggedIn state won't fire another refresh for 15 min
+    //
+    // guards: {
+    //   checkIfLoggedIn: (context, _event) => {
+    //     if (context.user) return true;
+    //   },
+    // },
+});
+//# sourceMappingURL=auth.js.map

package/src/auth/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../../../../libs/state/src/auth/auth.ts"],"names":[],"mappings":"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"}

package/src/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./auth/auth"), exports);
+tslib_1.__exportStar(require("./auth/AuthProvider"), exports);
+tslib_1.__exportStar(require("./toast/toast"), exports);
+tslib_1.__exportStar(require("./toast/ToastProvider"), exports);
+tslib_1.__exportStar(require("./toast/timer"), exports);
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/state/src/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,8DAAoC;AACpC,wDAA8B;AAC9B,gEAAsC;AACtC,wDAA8B"}

package/src/toast/ToastProvider.d.ts

@@ -0,0 +1,17 @@
+import type { InterpreterFrom } from 'xstate';
+import type { ReactNode } from 'react';
+import { toastMachine } from './toast';
+export declare const ToastContext: import("react").Context<import("xstate").Interpreter<import("./toast").ToastMachineContext, any, import("./toast").ToastMachineEvents, {
+    value: any;
+    context: import("./toast").ToastMachineContext;
+}, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("./toast").ToastMachineEvents, import("xstate").BaseActionObject, import("xstate").ServiceMap>>>;
+export declare const useToast: () => import("xstate").Interpreter<import("./toast").ToastMachineContext, any, import("./toast").ToastMachineEvents, {
+    value: any;
+    context: import("./toast").ToastMachineContext;
+}, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("./toast").ToastMachineEvents, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
+type Props = {
+    children: ReactNode;
+    service: InterpreterFrom<typeof toastMachine>;
+};
+export declare function ToastProvider({ children, service, }: Props): JSX.Element;
+export {};

package/src/toast/ToastProvider.jsx

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToastProvider = exports.useToast = exports.ToastContext = void 0;
+const react_1 = require("react");
+exports.ToastContext = (0, react_1.createContext)({});
+const useToast = () => {
+    return (0, react_1.useContext)(exports.ToastContext);
+};
+exports.useToast = useToast;
+function ToastProvider({ children, service, }) {
+    // const toastService = interpret(toastMachine, {
+    //   devTools: options.devTools,
+    // }).start(state);
+    // toastService.subscribe((s) => {
+    //   setState(s);
+    // });
+    return (<exports.ToastContext.Provider value={service}>{children}</exports.ToastContext.Provider>);
+}
+exports.ToastProvider = ToastProvider;
+//# sourceMappingURL=ToastProvider.jsx.map

package/src/toast/ToastProvider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.jsx","sourceRoot":"","sources":["../../../../../libs/state/src/toast/ToastProvider.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAKrC,QAAA,YAAY,GAAG,IAAA,qBAAa,EACvC,EAA0C,CAC3C,CAAC;AAEK,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO,IAAA,kBAAU,EAAC,oBAAY,CAAC,CAAC;AAClC,CAAC,CAAC;AAFW,QAAA,QAAQ,YAEnB;AAcF,SAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,OAAO,GAIJ;IACH,iDAAiD;IACjD,gCAAgC;IAChC,mBAAmB;IAEnB,kCAAkC;IAClC,iBAAiB;IACjB,MAAM;IAEN,OAAO,CACL,CAAC,oBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,oBAAY,CAAC,QAAQ,CAAC,CAC1E,CAAC;AACJ,CAAC;AAlBD,sCAkBC"}

package/src/toast/timer.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="node" />
+export interface TimerContext {
+    elapsed: number;
+    duration: number;
+    interval: number;
+    intervalId: NodeJS.Timer | null;
+}
+export type TimerEvents = {
+    type: 'START_TIMER';
+} | {
+    type: 'RESUME_TIMER';
+} | {
+    type: 'PAUSE_TIMER';
+} | {
+    type: 'TICK';
+} | {
+    type: 'DURATION.UPDATE';
+    value: number;
+} | {
+    type: 'RESET_TIMER';
+};
+export declare const timerMachine: import("xstate").StateMachine<TimerContext, any, TimerEvents, {
+    value: any;
+    context: TimerContext;
+}, import("xstate").BaseActionObject, import("xstate").ServiceMap, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, TimerEvents, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
+export default timerMachine;

package/src/toast/timer.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.timerMachine = void 0;
+const xstate_1 = require("xstate");
+const immer_1 = require("@xstate/immer");
+exports.timerMachine = 
+/** @xstate-layout N4IgpgJg5mDOIC5QBcCWBbMAnAdABwEMBXWSAYgCUBRAZQFUBZKgfQBUBJJigbQAYBdRKDwB7WKjQiAdkJAAPRAFoAjADYATDmUBOXQA5tAZmV69AFgDsq1QBoQAT0SHehnAFYAvh7tpMuLERSUqhSUGQcAMIA0nyCSCCi4pIy8QoIJqo4qnoWbnaOCGZmmaq8Zbyqyi5uym6qXj4Y2DgBQSFhAAoAgnQ0LBxcsbKJEqjSsmlVbjimFmZ6agZmbsbq+U4u7g0gvs2twaFkQ-EjyRNObrxZOXkOiGbKFjjq5WbqFurFvNpmXt4gUhEEDgsl2WGGYlG41SSnUVS0um0BmMpks1nW6Tcmk8-zB+GIpAgEKSYxSoDSvAxn142zx+3axKhZPkiEpdwQhjmW1xTVwAGMROg8AAbMDISCMs4whBsgpuOp-DxAA */
+(0, xstate_1.createMachine)({
+    id: 'timer',
+    initial: 'running',
+    context: {
+        elapsed: 0,
+        duration: 3000,
+        interval: 100,
+        intervalId: null,
+    },
+    states: {
+        paused: {
+            on: {
+                // START_TIMER: {
+                //   target: 'running',
+                //   cond: (context) => context.elapsed < context.duration,
+                // },
+                RESUME_TIMER: {
+                    target: 'running',
+                    cond: (context) => context.elapsed < context.duration,
+                },
+            },
+        },
+        running: {
+            invoke: {
+                src: (context) => (send) => {
+                    // eslint-disable-next-line no-console
+                    // console.log('context.interval: ', context.interval);
+                    const interval = setInterval(() => {
+                        send('TICK');
+                    }, context.interval);
+                    return () => {
+                        clearInterval(interval);
+                    };
+                },
+            },
+            always: [
+                {
+                    target: 'completed',
+                    cond: (context) => {
+                        return context.elapsed >= context.duration;
+                    },
+                },
+            ],
+            on: {
+                TICK: {
+                    actions: (0, immer_1.assign)((context, event) => {
+                        if (event.type !== 'TICK')
+                            return;
+                        context.elapsed += context.interval;
+                        // eslint-disable-next-line no-console
+                        // console.log(
+                        //   'elapsed: %d | interval: %d',
+                        //   context.elapsed,
+                        //   context.interval
+                        // );
+                    }),
+                },
+                PAUSE_TIMER: { target: 'paused' },
+            },
+        },
+        completed: {
+            type: 'final',
+        },
+    },
+});
+exports.default = exports.timerMachine;
+//# sourceMappingURL=timer.js.map