@telicent-oss/ds 0.27.4 → 0.27.5

package/dist/ds.js

@@ -80471,6 +80471,13 @@ const FeatureMap = ({
     /* @__PURE__ */ jsx$1(FlexGridItem, { flexGrow: 0, p: 1, children: /* @__PURE__ */ jsx$1(LayerSelector, { ...styleSelector.props }) })
   ] }) }) }) });
 };
+var AuthEvent = /* @__PURE__ */ ((AuthEvent2) => {
+  AuthEvent2["AUTHENTICATED"] = "authenticated";
+  AuthEvent2["REAUTHENTICATED"] = "reauthenticated";
+  AuthEvent2["USER_CHANGED"] = "user-changed";
+  AuthEvent2["UNAUTHORIZED"] = "unauthorized";
+  return AuthEvent2;
+})(AuthEvent || {});
 const listeners = /* @__PURE__ */ new Set();
 let lastMessage = null;
 const bc = new BroadcastChannel("auth-events");
@@ -80503,13 +80510,13 @@ const AuthModal = ({
   };
   useEffect(() => {
     const unsubscribe = onAuthEvent((event) => {
-      if (event === "unauthorized" && !alreadyTriggered.current) {
+      if (event === AuthEvent.UNAUTHORIZED && !alreadyTriggered.current) {
         setIsOpen(true);
         alreadyTriggered.current = true;
         setTimeout(() => {
           alreadyTriggered.current = false;
         }, debounceMs);
-      } else if (event === "authorized") {
+      } else if (event === AuthEvent.AUTHENTICATED || event === AuthEvent.REAUTHENTICATED) {
         setIsOpen(false);
         alreadyTriggered.current = false;
       }
@@ -80538,6 +80545,25 @@ const AuthModal = ({
     /* @__PURE__ */ jsx$1(Box, { ml: "auto", mt: 2, children: /* @__PURE__ */ jsx$1(Button2, { variant: "primary", onClick: handleLoginClick, size: "large", children: "Login" }) })
   ] }) });
 };
+const registerAuthSync = (queryClient2) => onAuthEvent((event) => {
+  switch (event) {
+    case AuthEvent.AUTHENTICATED:
+    case AuthEvent.REAUTHENTICATED:
+      queryClient2.refetchQueries({
+        stale: true
+      });
+      break;
+    case AuthEvent.USER_CHANGED:
+      window.location.reload();
+      break;
+  }
+});
+const useAuthSync = (queryClient2) => {
+  useEffect(() => {
+    const unsubscribe = registerAuthSync(queryClient2);
+    return unsubscribe;
+  }, [queryClient2]);
+};
 function bind(fn2, thisArg) {
   return function wrap() {
     return fn2.apply(thisArg, arguments);
@@ -82937,7 +82963,7 @@ function withSessionHandling(instance, {
           exact: true
         }));
       }
-      broadcastChannel == null ? void 0 : broadcastChannel.postMessage("unauthorized");
+      broadcastChannel == null ? void 0 : broadcastChannel.postMessage(AuthEvent.UNAUTHORIZED);
     }
     return Promise.reject(err);
   });
@@ -84298,6 +84324,7 @@ export {
   AppChrome,
   AppSwitch,
   AppSwitchLibrarySchema,
+  AuthEvent,
   AuthModal,
   BinIcon,
   Button2 as Button,
@@ -84432,11 +84459,13 @@ export {
   loggerLevelOrder,
   onAuthEvent,
   parseOrThrowWithInput,
+  registerAuthSync,
   renderErrorToHtml,
   requestWipe,
   setupWipe,
   toStringEncoded,
   uriComponentCodec,
+  useAuthSync,
   useDebounce,
   useExtendedTheme,
   useFloatingPanels

package/dist/ds.umd.cjs

@@ -80489,6 +80489,13 @@ uniform ${i3} ${s4} u_${a3};
       /* @__PURE__ */ jsx$1(FlexGridItem, { flexGrow: 0, p: 1, children: /* @__PURE__ */ jsx$1(LayerSelector, { ...styleSelector.props }) })
     ] }) }) }) });
   };
+  var AuthEvent = /* @__PURE__ */ ((AuthEvent2) => {
+    AuthEvent2["AUTHENTICATED"] = "authenticated";
+    AuthEvent2["REAUTHENTICATED"] = "reauthenticated";
+    AuthEvent2["USER_CHANGED"] = "user-changed";
+    AuthEvent2["UNAUTHORIZED"] = "unauthorized";
+    return AuthEvent2;
+  })(AuthEvent || {});
   const listeners = /* @__PURE__ */ new Set();
   let lastMessage = null;
   const bc = new BroadcastChannel("auth-events");
@@ -80521,13 +80528,13 @@ uniform ${i3} ${s4} u_${a3};
     };
     React$2.useEffect(() => {
       const unsubscribe = onAuthEvent((event) => {
-        if (event === "unauthorized" && !alreadyTriggered.current) {
+        if (event === AuthEvent.UNAUTHORIZED && !alreadyTriggered.current) {
           setIsOpen(true);
           alreadyTriggered.current = true;
           setTimeout(() => {
             alreadyTriggered.current = false;
           }, debounceMs);
-        } else if (event === "authorized") {
+        } else if (event === AuthEvent.AUTHENTICATED || event === AuthEvent.REAUTHENTICATED) {
           setIsOpen(false);
           alreadyTriggered.current = false;
         }
@@ -80556,6 +80563,25 @@ uniform ${i3} ${s4} u_${a3};
       /* @__PURE__ */ jsx$1(Box, { ml: "auto", mt: 2, children: /* @__PURE__ */ jsx$1(Button, { variant: "primary", onClick: handleLoginClick, size: "large", children: "Login" }) })
     ] }) });
   };
+  const registerAuthSync = (queryClient2) => onAuthEvent((event) => {
+    switch (event) {
+      case AuthEvent.AUTHENTICATED:
+      case AuthEvent.REAUTHENTICATED:
+        queryClient2.refetchQueries({
+          stale: true
+        });
+        break;
+      case AuthEvent.USER_CHANGED:
+        window.location.reload();
+        break;
+    }
+  });
+  const useAuthSync = (queryClient2) => {
+    React$2.useEffect(() => {
+      const unsubscribe = registerAuthSync(queryClient2);
+      return unsubscribe;
+    }, [queryClient2]);
+  };
   function bind(fn, thisArg) {
     return function wrap() {
       return fn.apply(thisArg, arguments);
@@ -82955,7 +82981,7 @@ uniform ${i3} ${s4} u_${a3};
             exact: true
           }));
         }
-        broadcastChannel == null ? void 0 : broadcastChannel.postMessage("unauthorized");
+        broadcastChannel == null ? void 0 : broadcastChannel.postMessage(AuthEvent.UNAUTHORIZED);
       }
       return Promise.reject(err);
     });
@@ -84320,6 +84346,7 @@ uniform ${i3} ${s4} u_${a3};
   exports2.AppChrome = AppChrome;
   exports2.AppSwitch = AppSwitch;
   exports2.AppSwitchLibrarySchema = AppSwitchLibrarySchema;
+  exports2.AuthEvent = AuthEvent;
   exports2.AuthModal = AuthModal;
   exports2.BinIcon = BinIcon;
   exports2.Button = Button;
@@ -84454,11 +84481,13 @@ uniform ${i3} ${s4} u_${a3};
   exports2.loggerLevelOrder = loggerLevelOrder;
   exports2.onAuthEvent = onAuthEvent;
   exports2.parseOrThrowWithInput = parseOrThrowWithInput;
+  exports2.registerAuthSync = registerAuthSync;
   exports2.renderErrorToHtml = renderErrorToHtml;
   exports2.requestWipe = requestWipe;
   exports2.setupWipe = setupWipe;
   exports2.toStringEncoded = toStringEncoded;
   exports2.uriComponentCodec = uriComponentCodec;
+  exports2.useAuthSync = useAuthSync;
   exports2.useDebounce = useDebounce;
   exports2.useExtendedTheme = useExtendedTheme;
   exports2.useFloatingPanels = useFloatingPanels;

package/dist/logout-syncer/sw.js

@@ -1,5 +1,5 @@
 /// <reference lib="webworker" />
-console.info("sw.js version: 0.27.4");
+console.info("sw.js version: 0.27.5");
 self.addEventListener("install", () => self.skipWaiting());
 self.addEventListener("activate", (event) =>
   event.waitUntil(self.clients.claim())

package/dist/src/candidate-packages/authorize-flow/broadcastChannelService.d.ts

@@ -1,4 +1,8 @@
-type AuthEvent = "unauthorized" | "authorized";
+export declare enum AuthEvent {
+    AUTHENTICATED = "authenticated",
+    REAUTHENTICATED = "reauthenticated",
+    USER_CHANGED = "user-changed",
+    UNAUTHORIZED = "unauthorized"
+}
 export declare function onAuthEvent(callback: (event: AuthEvent) => void): () => void;
 export declare function broadcastAuthEvent(event: AuthEvent): void;
-export {};

package/dist/src/candidate-packages/authorize-flow/types.d.ts

@@ -1,10 +1,10 @@
 import { AxiosInstance } from 'axios';
-import { QueryClient } from '@tanstack/react-query';
+import { QueryClient, QueryKey } from '@tanstack/react-query';
 
 export interface SessionHandlingConfig {
     queryClient?: QueryClient;
     broadcastChannel?: BroadcastChannel;
-    keysToInvalidate?: string[];
+    keysToInvalidate?: QueryKey[];
 }
 export interface AuthConfig {
     getToken: () => string | null;

package/dist/src/candidate-packages/authorize-flow/useAuthSync.d.ts

@@ -0,0 +1,4 @@
+import { QueryClient } from '@tanstack/react-query';
+
+export declare const registerAuthSync: (queryClient: QueryClient) => () => void;
+export declare const useAuthSync: (queryClient: QueryClient) => void;

package/dist/src/export.d.ts

@@ -15,6 +15,7 @@ export * from './v1/components/utils/index';
 export * from './component-library/Map';
 export * from './candidate-packages/authorize-flow/AuthModal';
 export * from './candidate-packages/authorize-flow/broadcastChannelService';
+export * from './candidate-packages/authorize-flow/useAuthSync';
 export * from './candidate-packages/authorize-flow';
 export { getCodec, type Codec, base64Codec, uriComponentCodec, ENCODE_SEARCH_PARAMS_MODES_Schema, type ENCODE_SEARCH_PARAMS_MODES_Type, toStringEncoded, type URLSearchParamsInit, GRAPH_APP, type LoggerLevelString, type LoggerLevel, loggerLevelOrder, Logger, } from './candidate-packages/utils-lib/src/index';
 export { setupWipe, WipeConfigSchema, type WipeConfig, } from './candidate-packages/logout-syncer/setupWipe';

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/telicent-oss/telicent-ds.git"
   },
   "type": "module",
-  "version": "0.27.4",
+  "version": "0.27.5",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.10.6",