@telicent-oss/ds 0.27.4 → 0.27.6

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,19 +80510,22 @@ 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;
       }
     });
     return unsubscribe;
   }, []);
+  const handleCloseClick = () => {
+    setIsOpen(false);
+  };
   return /* @__PURE__ */ jsx$1(Modal2, { hideCloseButton: true, onClose: () => {
   }, sx: {
     m: 2,
@@ -80535,9 +80545,31 @@ const AuthModal = ({
     /* @__PURE__ */ jsx$1(Text, { sx: {
       pt: 4
     }, children: "If you continue to have issues, contact your system administrator." }),
-    /* @__PURE__ */ jsx$1(Box, { ml: "auto", mt: 2, children: /* @__PURE__ */ jsx$1(Button2, { variant: "primary", onClick: handleLoginClick, size: "large", children: "Login" }) })
+    /* @__PURE__ */ jsxs(FlexBox, { ml: "auto", mt: 2, gap: 1, direction: "row", children: [
+      /* @__PURE__ */ jsx$1(Button2, { variant: "secondary", disableElevation: true, onClick: handleCloseClick, size: "large", children: "Close" }),
+      /* @__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 +82969,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 +84330,7 @@ export {
   AppChrome,
   AppSwitch,
   AppSwitchLibrarySchema,
+  AuthEvent,
   AuthModal,
   BinIcon,
   Button2 as Button,
@@ -84432,11 +84465,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,19 +80528,22 @@ 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;
         }
       });
       return unsubscribe;
     }, []);
+    const handleCloseClick = () => {
+      setIsOpen(false);
+    };
     return /* @__PURE__ */ jsx$1(Modal, { hideCloseButton: true, onClose: () => {
     }, sx: {
       m: 2,
@@ -80553,9 +80563,31 @@ uniform ${i3} ${s4} u_${a3};
       /* @__PURE__ */ jsx$1(Text, { sx: {
         pt: 4
       }, children: "If you continue to have issues, contact your system administrator." }),
-      /* @__PURE__ */ jsx$1(Box, { ml: "auto", mt: 2, children: /* @__PURE__ */ jsx$1(Button, { variant: "primary", onClick: handleLoginClick, size: "large", children: "Login" }) })
+      /* @__PURE__ */ jsxs(FlexBox, { ml: "auto", mt: 2, gap: 1, direction: "row", children: [
+        /* @__PURE__ */ jsx$1(Button, { variant: "secondary", disableElevation: true, onClick: handleCloseClick, size: "large", children: "Close" }),
+        /* @__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 +82987,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 +84352,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 +84487,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.6");
 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.6",
   "private": false,
   "dependencies": {
     "@emotion/react": "^11.10.6",