quidproquo-web-react 0.0.208 → 0.0.210

package/lib/commonjs/api/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useNetworkRequest';
+export * from './useAuthenticatedNetworkRequest';

package/lib/commonjs/api/hooks/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+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("./useNetworkRequest"), exports);
+__exportStar(require("./useAuthenticatedNetworkRequest"), exports);

package/lib/commonjs/api/hooks/useAuthenticatedNetworkRequest.d.ts

@@ -0,0 +1,2 @@
+import { HTTPNetworkResponse, NetworkRequestActionPayload } from 'quidproquo-core';
+export declare const useAuthenticatedNetworkRequest: <R>(payload: NetworkRequestActionPayload<any>) => () => Promise<HTTPNetworkResponse<R>>;

package/lib/commonjs/api/hooks/useAuthenticatedNetworkRequest.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAuthenticatedNetworkRequest = void 0;
+const quidproquo_web_1 = require("quidproquo-web");
+const hooks_1 = require("../../hooks");
+const auth_1 = require("../../auth");
+const useAuthenticatedNetworkRequest = (payload) => {
+    const authToken = (0, auth_1.useAuthAccessToken)();
+    const payloadWithAuthHeaders = authToken
+        ? Object.assign(Object.assign({}, payload), { headers: Object.assign(Object.assign({}, (payload.headers || {})), { Authorization: `Bearer ${authToken}` }) }) : payload;
+    const requeser = (0, hooks_1.useFastCallback)(() => (0, quidproquo_web_1.preformNetworkRequest)(payloadWithAuthHeaders));
+    return requeser;
+};
+exports.useAuthenticatedNetworkRequest = useAuthenticatedNetworkRequest;

package/lib/commonjs/api/hooks/useNetworkRequest.d.ts

@@ -0,0 +1,2 @@
+import { HTTPNetworkResponse, NetworkRequestActionPayload } from 'quidproquo-core';
+export declare const useNetworkRequest: <R>(payload: NetworkRequestActionPayload<any>) => () => Promise<HTTPNetworkResponse<R>>;

package/lib/commonjs/api/hooks/useNetworkRequest.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNetworkRequest = void 0;
+const quidproquo_web_1 = require("quidproquo-web");
+const hooks_1 = require("../../hooks");
+const useNetworkRequest = (payload) => {
+    const requeser = (0, hooks_1.useFastCallback)(() => (0, quidproquo_web_1.preformNetworkRequest)(payload));
+    return requeser;
+};
+exports.useNetworkRequest = useNetworkRequest;

package/lib/commonjs/api/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks';

package/lib/commonjs/api/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+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("./hooks"), exports);

package/lib/commonjs/auth/authContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AuthState } from './types';
+export declare const authContext: import("react").Context<AuthState>;

package/lib/commonjs/auth/authContext.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.authContext = void 0;
+const react_1 = require("react");
+exports.authContext = (0, react_1.createContext)({
+    username: '',
+    password: '',
+});

package/lib/commonjs/auth/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useIsLoggedIn";
+export * from "./useAuthAccessToken";
+export * from "./useRefreshTokens";

package/lib/commonjs/auth/hooks/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+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("./useIsLoggedIn"), exports);
+__exportStar(require("./useAuthAccessToken"), exports);
+__exportStar(require("./useRefreshTokens"), exports);

package/lib/commonjs/auth/hooks/useAuthAccessToken.d.ts

@@ -0,0 +1 @@
+export declare const useAuthAccessToken: () => string | undefined;

package/lib/commonjs/auth/hooks/useAuthAccessToken.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAuthAccessToken = void 0;
+const react_1 = require("react");
+const authContext_1 = require("../authContext");
+const useAuthAccessToken = () => {
+    var _a;
+    const authState = (0, react_1.useContext)(authContext_1.authContext);
+    // TODO: dont return access token if it has expired.
+    return (_a = authState.authenticationInfo) === null || _a === void 0 ? void 0 : _a.accessToken;
+};
+exports.useAuthAccessToken = useAuthAccessToken;

package/lib/commonjs/auth/hooks/useIsLoggedIn.d.ts

@@ -0,0 +1 @@
+export declare const useIsLoggedIn: () => boolean;

package/lib/commonjs/auth/hooks/useIsLoggedIn.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsLoggedIn = void 0;
+const react_1 = require("react");
+const authContext_1 = require("../authContext");
+const useIsLoggedIn = () => {
+    var _a;
+    const authState = (0, react_1.useContext)(authContext_1.authContext);
+    return !!((_a = authState.authenticationInfo) === null || _a === void 0 ? void 0 : _a.accessToken);
+};
+exports.useIsLoggedIn = useIsLoggedIn;

package/lib/commonjs/auth/hooks/useRefreshTokens.d.ts

@@ -0,0 +1,2 @@
+import { AuthState } from '../types';
+export declare const useRefreshTokens: (authState: AuthState, refreshTokens: (authState: AuthState) => void) => void;

package/lib/commonjs/auth/hooks/useRefreshTokens.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefreshTokens = void 0;
+const react_1 = require("react");
+const useRefreshTokens = (authState, refreshTokens) => {
+    const refresh = () => {
+        const { refreshToken, expiresAt } = authState.authenticationInfo || {};
+        if (refreshToken && expiresAt) {
+            const now = new Date().toISOString();
+            const timeToExpire = new Date(expiresAt).getTime() - new Date(now).getTime();
+            // Refresh the token 10 minutes before it expires to ensure there's a buffer
+            const bufferTime = 10 * 60 * 1000;
+            const refreshTime = timeToExpire - bufferTime;
+            if (refreshTime > 0) {
+                return setTimeout(() => refreshTokens(authState), refreshTime);
+            }
+            else {
+                // If the token is already expired or very close to expiration, refresh immediately
+                refreshTokens(authState);
+            }
+        }
+        return null;
+    };
+    (0, react_1.useEffect)(() => {
+        const timerId = refresh();
+        return () => {
+            // Cleanup on unmount or when authState changes
+            if (timerId) {
+                clearTimeout(timerId);
+            }
+        };
+    }, [authState, refreshTokens]);
+};
+exports.useRefreshTokens = useRefreshTokens;

package/lib/commonjs/auth/index.d.ts

@@ -0,0 +1,3 @@
+export * from './authContext';
+export * from './hooks';
+export * from './types';

package/lib/commonjs/auth/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+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("./authContext"), exports);
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./types"), exports);

package/lib/commonjs/auth/types/AuthState.d.ts

@@ -0,0 +1,8 @@
+import { AuthenticationInfo } from "quidproquo-core";
+export type AuthState = {
+    challenge?: string;
+    session?: string;
+    username: string;
+    password: string;
+    authenticationInfo?: AuthenticationInfo;
+};

package/lib/commonjs/auth/types/AuthState.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/commonjs/auth/types/index.d.ts

@@ -0,0 +1 @@
+export * from './AuthState';

package/lib/commonjs/auth/types/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+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("./AuthState"), exports);

package/lib/commonjs/index.d.ts

@@ -1,2 +1,5 @@
+export * from './api';
 export * from './websocket';
 export * from './hooks';
+export * from './auth';
+export * from './state';

package/lib/commonjs/index.js

@@ -14,5 +14,8 @@ 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("./api"), exports);
 __exportStar(require("./websocket"), exports);
 __exportStar(require("./hooks"), exports);
+__exportStar(require("./auth"), exports);
+__exportStar(require("./state"), exports);

package/lib/commonjs/state/index.d.ts

@@ -0,0 +1 @@
+export * from './useStateUpdater';

package/lib/commonjs/state/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+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("./useStateUpdater"), exports);

package/lib/commonjs/state/useStateUpdater.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+type UpdaterFunction<T> = (property: keyof T) => (value: T[keyof T]) => void;
+export declare const useStateUpdater: <T>(setState: import("react").Dispatch<import("react").SetStateAction<T>>) => UpdaterFunction<T>;
+export {};

package/lib/commonjs/state/useStateUpdater.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStateUpdater = void 0;
+const hooks_1 = require("../hooks");
+const useStateUpdater = (setState) => {
+    return (0, hooks_1.useFastCallback)((property) => {
+        return (value) => {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { [property]: value })));
+        };
+    }, [setState]);
+};
+exports.useStateUpdater = useStateUpdater;

package/lib/esm/api/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useNetworkRequest';
+export * from './useAuthenticatedNetworkRequest';

package/lib/esm/api/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './useNetworkRequest';
+export * from './useAuthenticatedNetworkRequest';

package/lib/esm/api/hooks/useAuthenticatedNetworkRequest.d.ts

@@ -0,0 +1,2 @@
+import { HTTPNetworkResponse, NetworkRequestActionPayload } from 'quidproquo-core';
+export declare const useAuthenticatedNetworkRequest: <R>(payload: NetworkRequestActionPayload<any>) => () => Promise<HTTPNetworkResponse<R>>;

package/lib/esm/api/hooks/useAuthenticatedNetworkRequest.js

@@ -0,0 +1,17 @@
+import { preformNetworkRequest } from 'quidproquo-web';
+import { useFastCallback } from '../../hooks';
+import { useAuthAccessToken } from '../../auth';
+export const useAuthenticatedNetworkRequest = (payload) => {
+    const authToken = useAuthAccessToken();
+    const payloadWithAuthHeaders = authToken
+        ? {
+            ...payload,
+            headers: {
+                ...(payload.headers || {}),
+                Authorization: `Bearer ${authToken}`,
+            },
+        }
+        : payload;
+    const requeser = useFastCallback(() => preformNetworkRequest(payloadWithAuthHeaders));
+    return requeser;
+};

package/lib/esm/api/hooks/useNetworkRequest.d.ts

@@ -0,0 +1,2 @@
+import { HTTPNetworkResponse, NetworkRequestActionPayload } from 'quidproquo-core';
+export declare const useNetworkRequest: <R>(payload: NetworkRequestActionPayload<any>) => () => Promise<HTTPNetworkResponse<R>>;

package/lib/esm/api/hooks/useNetworkRequest.js

@@ -0,0 +1,6 @@
+import { preformNetworkRequest } from 'quidproquo-web';
+import { useFastCallback } from '../../hooks';
+export const useNetworkRequest = (payload) => {
+    const requeser = useFastCallback(() => preformNetworkRequest(payload));
+    return requeser;
+};

package/lib/esm/api/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks';

package/lib/esm/api/index.js

@@ -0,0 +1 @@
+export * from './hooks';

package/lib/esm/auth/authContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AuthState } from './types';
+export declare const authContext: import("react").Context<AuthState>;

package/lib/esm/auth/authContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+export const authContext = createContext({
+    username: '',
+    password: '',
+});

package/lib/esm/auth/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useIsLoggedIn";
+export * from "./useAuthAccessToken";
+export * from "./useRefreshTokens";

package/lib/esm/auth/hooks/index.js

@@ -0,0 +1,3 @@
+export * from "./useIsLoggedIn";
+export * from "./useAuthAccessToken";
+export * from "./useRefreshTokens";

package/lib/esm/auth/hooks/useAuthAccessToken.d.ts

@@ -0,0 +1 @@
+export declare const useAuthAccessToken: () => string | undefined;

package/lib/esm/auth/hooks/useAuthAccessToken.js

@@ -0,0 +1,7 @@
+import { useContext } from 'react';
+import { authContext } from '../authContext';
+export const useAuthAccessToken = () => {
+    const authState = useContext(authContext);
+    // TODO: dont return access token if it has expired.
+    return authState.authenticationInfo?.accessToken;
+};

package/lib/esm/auth/hooks/useIsLoggedIn.d.ts

@@ -0,0 +1 @@
+export declare const useIsLoggedIn: () => boolean;

package/lib/esm/auth/hooks/useIsLoggedIn.js

@@ -0,0 +1,6 @@
+import { useContext } from "react";
+import { authContext } from "../authContext";
+export const useIsLoggedIn = () => {
+    const authState = useContext(authContext);
+    return !!authState.authenticationInfo?.accessToken;
+};

package/lib/esm/auth/hooks/useRefreshTokens.d.ts

@@ -0,0 +1,2 @@
+import { AuthState } from '../types';
+export declare const useRefreshTokens: (authState: AuthState, refreshTokens: (authState: AuthState) => void) => void;

package/lib/esm/auth/hooks/useRefreshTokens.js

@@ -0,0 +1,30 @@
+import { useEffect } from 'react';
+export const useRefreshTokens = (authState, refreshTokens) => {
+    const refresh = () => {
+        const { refreshToken, expiresAt } = authState.authenticationInfo || {};
+        if (refreshToken && expiresAt) {
+            const now = new Date().toISOString();
+            const timeToExpire = new Date(expiresAt).getTime() - new Date(now).getTime();
+            // Refresh the token 10 minutes before it expires to ensure there's a buffer
+            const bufferTime = 10 * 60 * 1000;
+            const refreshTime = timeToExpire - bufferTime;
+            if (refreshTime > 0) {
+                return setTimeout(() => refreshTokens(authState), refreshTime);
+            }
+            else {
+                // If the token is already expired or very close to expiration, refresh immediately
+                refreshTokens(authState);
+            }
+        }
+        return null;
+    };
+    useEffect(() => {
+        const timerId = refresh();
+        return () => {
+            // Cleanup on unmount or when authState changes
+            if (timerId) {
+                clearTimeout(timerId);
+            }
+        };
+    }, [authState, refreshTokens]);
+};

package/lib/esm/auth/index.d.ts

@@ -0,0 +1,3 @@
+export * from './authContext';
+export * from './hooks';
+export * from './types';

package/lib/esm/auth/index.js

@@ -0,0 +1,3 @@
+export * from './authContext';
+export * from './hooks';
+export * from './types';

package/lib/esm/auth/types/AuthState.d.ts

@@ -0,0 +1,8 @@
+import { AuthenticationInfo } from "quidproquo-core";
+export type AuthState = {
+    challenge?: string;
+    session?: string;
+    username: string;
+    password: string;
+    authenticationInfo?: AuthenticationInfo;
+};

package/lib/esm/auth/types/AuthState.js

@@ -0,0 +1 @@
+export {};

package/lib/esm/auth/types/index.d.ts

@@ -0,0 +1 @@
+export * from './AuthState';

package/lib/esm/auth/types/index.js

@@ -0,0 +1 @@
+export * from './AuthState';

package/lib/esm/index.d.ts

@@ -1,2 +1,5 @@
+export * from './api';
 export * from './websocket';
 export * from './hooks';
+export * from './auth';
+export * from './state';

package/lib/esm/index.js

@@ -1,2 +1,5 @@
+export * from './api';
 export * from './websocket';
 export * from './hooks';
+export * from './auth';
+export * from './state';

package/lib/esm/state/index.d.ts

@@ -0,0 +1 @@
+export * from './useStateUpdater';

package/lib/esm/state/index.js

@@ -0,0 +1 @@
+export * from './useStateUpdater';

package/lib/esm/state/useStateUpdater.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+type UpdaterFunction<T> = (property: keyof T) => (value: T[keyof T]) => void;
+export declare const useStateUpdater: <T>(setState: import("react").Dispatch<import("react").SetStateAction<T>>) => UpdaterFunction<T>;
+export {};

package/lib/esm/state/useStateUpdater.js

@@ -0,0 +1,11 @@
+import { useFastCallback } from '../hooks';
+export const useStateUpdater = (setState) => {
+    return useFastCallback((property) => {
+        return (value) => {
+            setState((prevState) => ({
+                ...prevState,
+                [property]: value,
+            }));
+        };
+    }, [setState]);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quidproquo-web-react",
-  "version": "0.0.208",
+  "version": "0.0.210",
   "description": "",
   "main": "./lib/commonjs/index.js",
   "module": "./lib/esm/index.js",
@@ -29,13 +29,13 @@
   },
   "homepage": "https://github.com/joe-coady/quidproquo#readme",
   "devDependencies": {
-    "quidproquo-core": "0.0.208",
-    "quidproquo-tsconfig": "0.0.208",
-    "quidproquo-webserver": "0.0.208",
-    "quidproquo-web": "0.0.208",
+    "quidproquo-core": "0.0.210",
+    "quidproquo-tsconfig": "0.0.210",
+    "quidproquo-webserver": "0.0.210",
+    "quidproquo-web": "0.0.210",
     "typescript": "^4.9.3"
   },
   "peerDependencies": {
-    "react": ">=16.8.0"
+    "react": ">=18.3.1"
   }
 }