quidproquo-web-react 0.0.263 → 0.1.1

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

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

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

@@ -14,5 +14,6 @@ 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("./useApiRequestActionProcessor"), exports);
 __exportStar(require("./useAuthenticatedNetworkRequest"), exports);
 __exportStar(require("./useNetworkRequest"), exports);

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

@@ -0,0 +1,5 @@
+import { ActionProcessorListResolver } from 'quidproquo-core';
+export type UseApiRequestActionProcessorOptions = {
+    resolveServiceBaseUrl?: (service: string) => string;
+};
+export declare const useApiRequestActionProcessor: (options?: UseApiRequestActionProcessorOptions) => ActionProcessorListResolver;

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useApiRequestActionProcessor = void 0;
+const quidproquo_actionprocessor_web_1 = require("quidproquo-actionprocessor-web");
+const react_1 = require("react");
+const hooks_1 = require("../../auth/hooks");
+const hooks_2 = require("../../baseUrl/hooks");
+const useApiRequestActionProcessor = (options) => {
+    const accessToken = (0, hooks_1.useAuthAccessToken)();
+    const { getApiUrl } = (0, hooks_2.useBaseUrlResolvers)();
+    // Hold the token in a ref so the processor closure always reads the current value.
+    const tokenRef = (0, react_1.useRef)(accessToken);
+    tokenRef.current = accessToken;
+    return (0, react_1.useMemo)(() => {
+        var _a;
+        return (0, quidproquo_actionprocessor_web_1.createApiRequestActionProcessor)({
+            getHeaders: () => (tokenRef.current ? { Authorization: `Bearer ${tokenRef.current}` } : {}),
+            resolveServiceBaseUrl: (_a = options === null || options === void 0 ? void 0 : options.resolveServiceBaseUrl) !== null && _a !== void 0 ? _a : (() => getApiUrl()),
+        });
+    }, [options === null || options === void 0 ? void 0 : options.resolveServiceBaseUrl, getApiUrl]);
+};
+exports.useApiRequestActionProcessor = useApiRequestActionProcessor;

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAuthenticatedNetworkRequest = void 0;
-const quidproquo_web_1 = require("quidproquo-web");
+const quidproquo_webserver_1 = require("quidproquo-webserver");
 const auth_1 = require("../../auth");
 const hooks_1 = require("../../hooks");
 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));
+    const requeser = (0, hooks_1.useFastCallback)(() => (0, quidproquo_webserver_1.preformNetworkRequest)(payloadWithAuthHeaders));
     return requeser;
 };
 exports.useAuthenticatedNetworkRequest = useAuthenticatedNetworkRequest;

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

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

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

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRefreshTokens = void 0;
 const react_1 = require("react");
+const useFastCallback_1 = require("../../hooks/useFastCallback");
 const useRefreshTokens = (authenticationInfo, refreshTokens) => {
+    const stableRefreshTokens = (0, useFastCallback_1.useFastCallback)(refreshTokens);
     const refresh = () => {
         if (authenticationInfo && authenticationInfo.refreshToken && authenticationInfo.expiresAt) {
             const now = new Date().toISOString();
@@ -12,12 +14,12 @@ const useRefreshTokens = (authenticationInfo, refreshTokens) => {
             const refreshTime = timeToExpire - bufferTime;
             if (refreshTime > 0) {
                 return setTimeout(() => {
-                    refreshTokens(authenticationInfo);
+                    stableRefreshTokens(authenticationInfo);
                 }, refreshTime);
             }
             else {
                 // If the token is already expired or very close to expiration, refresh immediately
-                refreshTokens(authenticationInfo);
+                stableRefreshTokens(authenticationInfo);
             }
         }
         return null;
@@ -30,6 +32,12 @@ const useRefreshTokens = (authenticationInfo, refreshTokens) => {
                 clearTimeout(timerId);
             }
         };
-    }, [authenticationInfo, refreshTokens]);
+        // Key on the stable primitives that actually drive a refresh, not the
+        // authenticationInfo object itself. Callers commonly derive that object
+        // fresh on every render (e.g. an unmemoized selector), so depending on its
+        // reference would re-run this effect every render — and when the token is
+        // expired/near-expiry the "refresh immediately" branch would then fire a
+        // network refresh on every render, an unbounded loop.
+    }, [authenticationInfo === null || authenticationInfo === void 0 ? void 0 : authenticationInfo.expiresAt, authenticationInfo === null || authenticationInfo === void 0 ? void 0 : authenticationInfo.refreshToken]);
 };
 exports.useRefreshTokens = useRefreshTokens;

package/lib/commonjs/dateTime/DateTime.d.ts

@@ -0,0 +1,28 @@
+type DateInput = {
+    isoDateTime: string;
+} | {
+    unixTimestampMs: number;
+} | {
+    date: Date;
+};
+export type DateTimeProps = DateInput & {
+    /** Locale(s) for both the absolute and relative formatting. Defaults to the runtime locale. */
+    locale?: string | string[];
+    /** Options for the absolute date/time. Defaults to a short date + time. */
+    dateTimeFormatOptions?: Intl.DateTimeFormatOptions;
+    /** Show the "x minutes ago" label alongside the absolute time. Defaults to true. */
+    showTimeAgo?: boolean;
+    /** Hide the date portion of the absolute time. Defaults to false. */
+    hideDate?: boolean;
+    /** Hide the time portion of the absolute time. Defaults to false. */
+    hideTime?: boolean;
+    /** Hide the "x minutes ago" label. Takes precedence over showTimeAgo. Defaults to false. */
+    hideTimeAgo?: boolean;
+    /** Render each part on its own line instead of inline. Defaults to true. */
+    isMultiline?: boolean;
+    /** What to render when the date is missing/invalid (e.g. an empty isoDateTime). Defaults to "—". */
+    placeholder?: React.ReactNode;
+    className?: string;
+};
+export declare const DateTime: import("react").NamedExoticComponent<DateTimeProps>;
+export {};

package/lib/commonjs/dateTime/DateTime.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateTime = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("./hooks");
+const DEFAULT_DATE_OPTIONS = {
+    day: '2-digit',
+    month: '2-digit',
+    year: '2-digit',
+};
+const DEFAULT_TIME_OPTIONS = {
+    hour: '2-digit',
+    minute: '2-digit',
+};
+const DATE_OPTION_KEYS = ['weekday', 'era', 'year', 'month', 'day'];
+const TIME_OPTION_KEYS = ['hour', 'minute', 'second', 'dayPeriod', 'timeZoneName'];
+const pickOptions = (options, keys) => {
+    if (!options) {
+        return undefined;
+    }
+    const picked = keys.reduce((acc, key) => {
+        if (options[key] !== undefined) {
+            acc[key] = options[key];
+        }
+        return acc;
+    }, {});
+    return Object.keys(picked).length > 0 ? picked : undefined;
+};
+const toDate = (props) => {
+    if ('isoDateTime' in props) {
+        return new Date(props.isoDateTime);
+    }
+    if ('unixTimestampMs' in props) {
+        return new Date(props.unixTimestampMs);
+    }
+    return props.date;
+};
+const component = (props) => {
+    const { locale, dateTimeFormatOptions, showTimeAgo = true, hideDate = false, hideTime = false, hideTimeAgo = false, isMultiline = true, placeholder = '—', className } = props;
+    // Stable primitive key so a fresh props object doesn't churn the memo.
+    const dateKey = 'isoDateTime' in props ? props.isoDateTime : 'unixTimestampMs' in props ? props.unixTimestampMs : props.date.getTime();
+    const date = (0, react_1.useMemo)(() => toDate(props), [dateKey]);
+    const isValidDate = !Number.isNaN(date.getTime());
+    const formattedDate = (0, react_1.useMemo)(() => { var _a; return (hideDate ? '' : date.toLocaleDateString(locale, (_a = pickOptions(dateTimeFormatOptions, DATE_OPTION_KEYS)) !== null && _a !== void 0 ? _a : DEFAULT_DATE_OPTIONS)); }, [date, locale, dateTimeFormatOptions, hideDate]);
+    const formattedTime = (0, react_1.useMemo)(() => { var _a; return (hideTime ? '' : date.toLocaleTimeString(locale, (_a = pickOptions(dateTimeFormatOptions, TIME_OPTION_KEYS)) !== null && _a !== void 0 ? _a : DEFAULT_TIME_OPTIONS)); }, [date, locale, dateTimeFormatOptions, hideTime]);
+    const timeAgo = (0, hooks_1.useTimeAgo)(date, locale);
+    const formattedDateTime = [formattedDate, formattedTime].filter(Boolean).join(' ');
+    const displayTimeAgo = showTimeAgo && !hideTimeAgo;
+    // A missing/invalid date (e.g. an empty isoDateTime) renders the placeholder instead of
+    // an "Invalid Date" string or crashing the relative-time formatter.
+    if (!isValidDate) {
+        return (0, jsx_runtime_1.jsx)("time", { className: className, children: placeholder });
+    }
+    return ((0, jsx_runtime_1.jsx)("time", { dateTime: date.toISOString(), title: date.toLocaleString(locale), className: className, children: isMultiline ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [formattedDateTime ? (0, jsx_runtime_1.jsx)("div", { children: formattedDateTime }) : null, displayTimeAgo ? (0, jsx_runtime_1.jsx)("div", { children: timeAgo }) : null] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [formattedDateTime, displayTimeAgo ? ` (${timeAgo})` : ''] })) }));
+};
+exports.DateTime = (0, react_1.memo)(component);

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

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

package/lib/commonjs/dateTime/hooks/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("./useTimeAgo"), exports);

package/lib/commonjs/dateTime/hooks/useTimeAgo.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns a relative time phrase for `date` (e.g. "5 minutes ago") that
+ * updates itself over time. The re-render cadence adapts to the age of the
+ * date, so recent times tick every second and older ones only update hourly.
+ */
+export declare const useTimeAgo: (date: Date, locale?: string | string[]) => string;

package/lib/commonjs/dateTime/hooks/useTimeAgo.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTimeAgo = void 0;
+const quidproquo_web_1 = require("quidproquo-web");
+const react_1 = require("react");
+/**
+ * Returns a relative time phrase for `date` (e.g. "5 minutes ago") that
+ * updates itself over time. The re-render cadence adapts to the age of the
+ * date, so recent times tick every second and older ones only update hourly.
+ */
+const useTimeAgo = (date, locale) => {
+    const [now, setNow] = (0, react_1.useState)(() => new Date());
+    (0, react_1.useEffect)(() => {
+        let timeoutId;
+        const schedule = () => {
+            timeoutId = setTimeout(() => {
+                setNow(new Date());
+                schedule();
+            }, (0, quidproquo_web_1.getTimeAgoUpdateIntervalMs)(date, new Date()));
+        };
+        schedule();
+        return () => clearTimeout(timeoutId);
+    }, [date]);
+    return (0, react_1.useMemo)(() => (0, quidproquo_web_1.formatTimeAgo)(date, now, locale), [date, now, locale]);
+};
+exports.useTimeAgo = useTimeAgo;

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

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

package/lib/commonjs/dateTime/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("./DateTime"), exports);
+__exportStar(require("./hooks"), exports);

package/lib/commonjs/dateTime/logic/formatTimeAgo.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Formats the distance between `date` and `now` as a relative phrase
+ * (e.g. "5 minutes ago", "in 2 hours") using the native Intl.RelativeTimeFormat.
+ * Past dates are negative, future dates are positive.
+ */
+export declare const formatTimeAgo: (date: Date, now?: Date, locale?: string | string[]) => string;
+/**
+ * How long until the relative phrase could next change, so callers can
+ * re-render no more often than necessary.
+ */
+export declare const getTimeAgoUpdateIntervalMs: (date: Date, now?: Date) => number;

package/lib/commonjs/dateTime/logic/formatTimeAgo.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTimeAgoUpdateIntervalMs = exports.formatTimeAgo = void 0;
+// Each amount is "how many of this unit make up one of the next unit".
+const DIVISIONS = [
+    { amount: 60, unit: 'seconds' },
+    { amount: 60, unit: 'minutes' },
+    { amount: 24, unit: 'hours' },
+    { amount: 7, unit: 'days' },
+    { amount: 4.34524, unit: 'weeks' },
+    { amount: 12, unit: 'months' },
+    { amount: Number.POSITIVE_INFINITY, unit: 'years' },
+];
+/**
+ * Formats the distance between `date` and `now` as a relative phrase
+ * (e.g. "5 minutes ago", "in 2 hours") using the native Intl.RelativeTimeFormat.
+ * Past dates are negative, future dates are positive.
+ */
+const formatTimeAgo = (date, now = new Date(), locale) => {
+    const formatter = new Intl.RelativeTimeFormat(locale, { numeric: 'auto' });
+    // Seconds between the two dates; negative for the past.
+    let duration = (date.getTime() - now.getTime()) / 1000;
+    for (const division of DIVISIONS) {
+        if (Math.abs(duration) < division.amount) {
+            return formatter.format(Math.round(duration), division.unit);
+        }
+        duration /= division.amount;
+    }
+    return formatter.format(Math.round(duration), 'years');
+};
+exports.formatTimeAgo = formatTimeAgo;
+/**
+ * How long until the relative phrase could next change, so callers can
+ * re-render no more often than necessary.
+ */
+const getTimeAgoUpdateIntervalMs = (date, now = new Date()) => {
+    const seconds = Math.abs((date.getTime() - now.getTime()) / 1000);
+    if (seconds < 60) {
+        return 1000; // seconds tick over
+    }
+    if (seconds < 60 * 60) {
+        return 60 * 1000; // minutes tick over
+    }
+    if (seconds < 60 * 60 * 24) {
+        return 60 * 60 * 1000; // hours tick over
+    }
+    return 60 * 60 * 24 * 1000; // days or coarser
+};
+exports.getTimeAgoUpdateIntervalMs = getTimeAgoUpdateIntervalMs;

package/lib/commonjs/dateTime/logic/index.d.ts

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

package/lib/commonjs/dateTime/logic/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("./formatTimeAgo"), exports);

package/lib/commonjs/hooks/asmj/QpqContextProvider.d.ts

@@ -6,5 +6,6 @@ interface QpqContextProviderProps<T> {
     children: ReactNode;
 }
 export declare const useQpqContextValues: () => QpqContext<any>;
-export declare const QpqContextProvider: <T>({ contextIdentifier, value, children }: QpqContextProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const useQpqContextValue: <T>(contextIdentifier: QpqContextIdentifier<T>) => T;
+export declare const QpqContextProvider: <T>({ contextIdentifier, value, children }: QpqContextProviderProps<T>) => import("react").JSX.Element;
 export {};

package/lib/commonjs/hooks/asmj/QpqContextProvider.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.QpqContextProvider = exports.useQpqContextValues = void 0;
+exports.QpqContextProvider = exports.useQpqContextValue = exports.useQpqContextValues = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 // Define a generic type for the React Context
@@ -9,6 +9,11 @@ const useQpqContextValues = () => {
     return (0, react_1.useContext)(qpqReactContext);
 };
 exports.useQpqContextValues = useQpqContextValues;
+const useQpqContextValue = (contextIdentifier) => {
+    const context = (0, exports.useQpqContextValues)();
+    return contextIdentifier.uniqueName in context ? context[contextIdentifier.uniqueName] : contextIdentifier.defaultValue;
+};
+exports.useQpqContextValue = useQpqContextValue;
 const QpqContextProvider = ({ contextIdentifier, value, children }) => {
     // Get the parent context value
     const parentContext = (0, react_1.useContext)(qpqReactContext);

package/lib/commonjs/hooks/asmj/QpqRuntimeEffectCatcher.d.ts

@@ -7,8 +7,8 @@ type QpqRuntimeEffectCatcher = {
 };
 export declare const QpqRuntimeEffectCatcherComponent: <TState, TAction, TApi extends QpqApi>({ children, runtime, name, }: QpqRuntimeEffectCatcher & {
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const QpqRuntimeEffectCatcher: import("react").MemoExoticComponent<(<TState, TAction, TApi extends QpqApi>({ children, runtime, name, }: QpqRuntimeEffectCatcher & {
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element)>;
+}) => import("react").JSX.Element)>;
 export {};

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

@@ -1,5 +1,6 @@
 export * from './asmj';
 export * from './useAsyncEffect';
+export * from './useComputed';
 export * from './useEffectCallback';
 export * from './useFastCallback';
 export * from './useMetadata';

package/lib/commonjs/hooks/index.js

@@ -16,6 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./asmj"), exports);
 __exportStar(require("./useAsyncEffect"), exports);
+__exportStar(require("./useComputed"), exports);
 __exportStar(require("./useEffectCallback"), exports);
 __exportStar(require("./useFastCallback"), exports);
 __exportStar(require("./useMetadata"), exports);

package/lib/commonjs/hooks/useComputed.d.ts

@@ -0,0 +1 @@
+export declare function useComputed<TState extends object, T>(state: TState, selector: (state: TState) => T): T;

package/lib/commonjs/hooks/useComputed.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComputed = useComputed;
+function useComputed(state, selector) {
+    // TODO: use proxies to resolve deps and only return updated values when the deps change.
+    return selector(state);
+}

package/lib/commonjs/index.d.ts

@@ -3,6 +3,7 @@ export * from './actionProcessor';
 export * from './api';
 export * from './auth';
 export * from './baseUrl';
+export * from './dateTime';
 export * from './hooks';
 export * from './state';
 export * from './useFieldBinding';

package/lib/commonjs/index.js

@@ -19,6 +19,7 @@ __exportStar(require("./actionProcessor"), exports);
 __exportStar(require("./api"), exports);
 __exportStar(require("./auth"), exports);
 __exportStar(require("./baseUrl"), exports);
+__exportStar(require("./dateTime"), exports);
 __exportStar(require("./hooks"), exports);
 __exportStar(require("./state"), exports);
 __exportStar(require("./useFieldBinding"), exports);

package/lib/commonjs/websocket/WebSocketAuthSync/WebSocketAuthContext.d.ts

@@ -0,0 +1 @@
+export declare const WebSocketAuthContext: import("react").Context<boolean>;

package/lib/commonjs/websocket/WebSocketAuthSync/WebSocketAuthContext.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebSocketAuthContext = void 0;
+const react_1 = require("react");
+exports.WebSocketAuthContext = (0, react_1.createContext)(false);

package/lib/commonjs/websocket/WebSocketAuthSync/WebSocketAuthSync.js

@@ -4,11 +4,11 @@ exports.WebSocketAuthSync = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const hooks_1 = require("./hooks");
+const WebSocketAuthContext_1 = require("./WebSocketAuthContext");
 const component = ({ children, accessToken }) => {
-    (0, hooks_1.useWebsocketAuthSync)(accessToken);
+    const isAuthenticated = (0, hooks_1.useWebsocketAuthSync)(accessToken);
     // Keep the active websocket alive
     (0, hooks_1.useWebsocketPingPong)();
-    // This fragment is not useless!
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+    return ((0, jsx_runtime_1.jsx)(WebSocketAuthContext_1.WebSocketAuthContext.Provider, { value: isAuthenticated, children: children }));
 };
 exports.WebSocketAuthSync = (0, react_1.memo)(component);

package/lib/commonjs/websocket/WebSocketAuthSync/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useWebsocketAuthSync';
+export * from './useWebSocketIsAuthenticated';
 export * from './useWebsocketPingPong';

package/lib/commonjs/websocket/WebSocketAuthSync/hooks/index.js

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useWebsocketAuthSync"), exports);
+__exportStar(require("./useWebSocketIsAuthenticated"), exports);
 __exportStar(require("./useWebsocketPingPong"), exports);

package/lib/commonjs/websocket/WebSocketAuthSync/hooks/useWebSocketIsAuthenticated.d.ts

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

package/lib/commonjs/websocket/WebSocketAuthSync/hooks/useWebSocketIsAuthenticated.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWebSocketIsAuthenticated = void 0;
+const react_1 = require("react");
+const WebSocketAuthContext_1 = require("../WebSocketAuthContext");
+const useWebSocketIsAuthenticated = () => {
+    return (0, react_1.useContext)(WebSocketAuthContext_1.WebSocketAuthContext);
+};
+exports.useWebSocketIsAuthenticated = useWebSocketIsAuthenticated;

package/lib/commonjs/websocket/WebSocketAuthSync/hooks/useWebsocketAuthSync.d.ts

@@ -1,2 +1,2 @@
 import { AuthenticationInfo } from 'quidproquo-core';
-export declare const useWebsocketAuthSync: (accessToken: AuthenticationInfo["accessToken"]) => void;
+export declare const useWebsocketAuthSync: (accessToken: AuthenticationInfo["accessToken"]) => boolean;

package/lib/commonjs/websocket/WebSocketAuthSync/hooks/useWebsocketAuthSync.js

@@ -9,29 +9,32 @@ const hooks_2 = require("../../hooks");
 const useWebsocketAuthSync = (accessToken) => {
     const sendMessage = (0, hooks_2.useWebsocketSendEvent)();
     const websocketApi = (0, hooks_2.useWebsocketApi)();
+    const [isAuthenticated, setIsAuthenticated] = (0, react_1.useState)(false);
     const updateAuthTokens = (0, hooks_1.useFastCallback)(() => {
         if (!(websocketApi === null || websocketApi === void 0 ? void 0 : websocketApi.isConnected())) {
             return;
         }
         if (accessToken) {
-            const authMessage = {
+            sendMessage({
                 type: quidproquo_webserver_1.WebSocketQueueClientMessageEventType.Authenticate,
                 payload: {
                     accessToken: accessToken,
                 },
-            };
-            sendMessage(authMessage);
+            });
         }
-        else {
-            const authMessage = {
+        else if (isAuthenticated) {
+            sendMessage({
                 type: quidproquo_webserver_1.WebSocketQueueClientMessageEventType.Unauthenticate,
-            };
-            sendMessage(authMessage);
+            });
         }
     });
+    (0, hooks_2.useSubscribeToWebSocketEvent)(quidproquo_webserver_1.WebSocketQueueServerMessageEventType.Authenticated, () => setIsAuthenticated(true));
+    (0, hooks_2.useSubscribeToWebSocketEvent)(quidproquo_webserver_1.WebSocketQueueServerMessageEventType.Unauthenticated, () => setIsAuthenticated(false));
     // Sync the tokens in on open
     (0, hooks_2.useSubscribeToWebsocket)(quidproquo_web_1.WebsocketServiceEvent.OPEN, updateAuthTokens);
+    (0, hooks_2.useSubscribeToWebsocket)(quidproquo_web_1.WebsocketServiceEvent.CLOSE, () => setIsAuthenticated(false));
     // Sync the tokens when they change
-    (0, react_1.useEffect)(updateAuthTokens, [accessToken, websocketApi]);
+    (0, react_1.useEffect)(updateAuthTokens, [accessToken, websocketApi, isAuthenticated]);
+    return isAuthenticated;
 };
 exports.useWebsocketAuthSync = useWebsocketAuthSync;

package/lib/commonjs/websocket/WebSocketAuthSync/index.d.ts

@@ -1 +1,2 @@
+export * from './hooks/useWebSocketIsAuthenticated';
 export * from './WebSocketAuthSync';

package/lib/commonjs/websocket/WebSocketAuthSync/index.js

@@ -14,4 +14,5 @@ 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/useWebSocketIsAuthenticated"), exports);
 __exportStar(require("./WebSocketAuthSync"), exports);

package/lib/commonjs/websocket/hooks/useSubscribeToWebSocketEvent.js

@@ -2,16 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSubscribeToWebSocketEvent = void 0;
 const react_1 = require("react");
+const hooks_1 = require("../../hooks");
 const useWebsocketApi_1 = require("./useWebsocketApi");
 const useSubscribeToWebSocketEvent = (subscriptionType, callback) => {
+    const stableCallback = (0, hooks_1.useFastCallback)(callback);
     const websocketService = (0, useWebsocketApi_1.useWebsocketApi)();
     (0, react_1.useEffect)(() => {
-        const subscriptionHandle = websocketService === null || websocketService === void 0 ? void 0 : websocketService.subscribeToEvent(subscriptionType, callback);
+        const subscriptionHandle = websocketService === null || websocketService === void 0 ? void 0 : websocketService.subscribeToEvent(subscriptionType, stableCallback);
         return () => {
             if (subscriptionHandle) {
                 websocketService === null || websocketService === void 0 ? void 0 : websocketService.unsubscribe(subscriptionHandle);
             }
         };
-    }, [websocketService, subscriptionType, callback]);
+    }, [websocketService, subscriptionType, stableCallback]);
 };
 exports.useSubscribeToWebSocketEvent = useSubscribeToWebSocketEvent;

package/lib/commonjs/websocket/hooks/useSubscribeToWebsocket.js

@@ -2,16 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSubscribeToWebsocket = void 0;
 const react_1 = require("react");
+const hooks_1 = require("../../hooks");
 const useWebsocketApi_1 = require("./useWebsocketApi");
 const useSubscribeToWebsocket = (subscriptionType, callback) => {
+    const stableCallback = (0, hooks_1.useFastCallback)(callback);
     const websocketService = (0, useWebsocketApi_1.useWebsocketApi)();
     (0, react_1.useEffect)(() => {
-        const handle = websocketService === null || websocketService === void 0 ? void 0 : websocketService.subscribe(subscriptionType, callback);
+        const handle = websocketService === null || websocketService === void 0 ? void 0 : websocketService.subscribe(subscriptionType, stableCallback);
         return () => {
             if (handle) {
                 websocketService === null || websocketService === void 0 ? void 0 : websocketService.unsubscribe(handle);
             }
         };
-    }, [websocketService, subscriptionType, callback]);
+    }, [websocketService, subscriptionType, stableCallback]);
 };
 exports.useSubscribeToWebsocket = useSubscribeToWebsocket;

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

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

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

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