@asgardeo/browser 0.1.1 → 0.1.2

package/dist/index.d.ts

@@ -33,3 +33,4 @@ export { AsgardeoBrowserConfig } from './models/config';
 export { default as hasAuthParamsInUrl } from './utils/hasAuthParamsInUrl';
 export { default as AsgardeoBrowserClient } from './AsgardeoBrowserClient';
 export * from '@asgardeo/javascript';
+export { detectThemeMode, createClassObserver, createMediaQueryListener, BrowserThemeDetection, } from './theme/themeDetection';

package/dist/index.js

@@ -2957,7 +2957,7 @@ var MainThreadClient = async (instanceID, config, getAuthHelper) => {
     tokenRequestConfig
   );
   const getUser = async () => _authenticationHelper.getUser();
-  const getDecodedIdToken = async () => _authenticationHelper.getDecodedIdToken();
+  const getDecodedIdToken = async (sessionId) => _authenticationHelper.getDecodedIdToken(sessionId);
   const getCrypto = async () => _authenticationHelper.getCrypto();
   const getIdToken = async () => _authenticationHelper.getIdToken();
   const getOpenIDProviderEndpoints = async () => _authenticationHelper.getOpenIDProviderEndpoints();
@@ -3448,8 +3448,8 @@ var AuthenticationHelper = class {
   async getUser() {
     return this._authenticationClient.getUser();
   }
-  async getDecodedIdToken() {
-    return this._authenticationClient.getDecodedIdToken();
+  async getDecodedIdToken(sessionId) {
+    return this._authenticationClient.getDecodedIdToken(sessionId);
   }
   async getDecodedIDPIDToken() {
     return this._authenticationClient.getDecodedIdToken();
@@ -3883,7 +3883,7 @@ var WebWorkerClient = async (instanceID, config, webWorker, getAuthHelper) => {
       return Promise.reject(error);
     });
   };
-  const getDecodedIdToken = () => {
+  const getDecodedIdToken = (sessionId) => {
     const message = {
       type: GET_DECODED_ID_TOKEN
     };
@@ -4003,7 +4003,7 @@ var WebWorkerClient = async (instanceID, config, webWorker, getAuthHelper) => {
 
 // src/__legacy__/client.ts
 var DefaultConfig = {
-  autoLogoutOnTokenRefreshError: true,
+  autoLogoutOnTokenRefreshError: false,
   checkSessionInterval: 3,
   enableOIDCSessionManagement: false,
   periodicTokenRefresh: false,
@@ -4582,9 +4582,9 @@ var _AsgardeoSPAClient = class _AsgardeoSPAClient {
    *
    * @preserve
    */
-  async getDecodedIdToken() {
+  async getDecodedIdToken(sessionId) {
     await this._validateMethod();
-    return this._client?.getDecodedIdToken();
+    return this._client?.getDecodedIdToken(sessionId);
   }
   /**
    * This method returns the IsomorphicCrypto instance.
@@ -5062,8 +5062,8 @@ var WebWorkerCore = async (config, getAuthHelper) => {
   const getUser = async () => {
     return _authenticationHelper.getUser();
   };
-  const getDecodedIdToken = async () => {
-    return _authenticationHelper.getDecodedIdToken();
+  const getDecodedIdToken = async (sessionId) => {
+    return _authenticationHelper.getDecodedIdToken(sessionId);
   };
   const getCrypto = async () => {
     return _authenticationHelper.getCrypto();
@@ -5350,6 +5350,73 @@ var AsgardeoBrowserClient_default = AsgardeoBrowserClient;
 
 // src/index.ts
 export * from "@asgardeo/javascript";
+
+// src/theme/themeDetection.ts
+var detectThemeMode = (mode, config = {}) => {
+  const {
+    darkClass = "dark",
+    lightClass = "light",
+    targetElement = typeof document !== "undefined" ? document.documentElement : null
+  } = config;
+  if (mode === "light") return "light";
+  if (mode === "dark") return "dark";
+  if (mode === "system") {
+    if (typeof window !== "undefined" && window.matchMedia) {
+      return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    }
+    return "light";
+  }
+  if (mode === "class") {
+    if (!targetElement) {
+      console.warn("ThemeDetection: targetElement is required for class-based detection, falling back to light mode");
+      return "light";
+    }
+    const classList = targetElement.classList;
+    if (classList.contains(darkClass)) {
+      return "dark";
+    }
+    if (classList.contains(lightClass)) {
+      return "light";
+    }
+    return "light";
+  }
+  return "light";
+};
+var createClassObserver = (targetElement, callback, config = {}) => {
+  const { darkClass = "dark", lightClass = "light" } = config;
+  const observer = new MutationObserver((mutations) => {
+    mutations.forEach((mutation) => {
+      if (mutation.type === "attributes" && mutation.attributeName === "class") {
+        const classList = targetElement.classList;
+        if (classList.contains(darkClass)) {
+          callback(true);
+        } else if (classList.contains(lightClass)) {
+          callback(false);
+        }
+      }
+    });
+  });
+  observer.observe(targetElement, {
+    attributes: true,
+    attributeFilter: ["class"]
+  });
+  return observer;
+};
+var createMediaQueryListener = (callback) => {
+  if (typeof window === "undefined" || !window.matchMedia) {
+    return null;
+  }
+  const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+  const handleChange = (e) => {
+    callback(e.matches);
+  };
+  if (mediaQuery.addEventListener) {
+    mediaQuery.addEventListener("change", handleChange);
+  } else {
+    mediaQuery.addListener(handleChange);
+  }
+  return mediaQuery;
+};
 export {
   AsgardeoBrowserClient_default as AsgardeoBrowserClient,
   AsgardeoSPAClient,
@@ -5373,6 +5440,9 @@ export {
   TOKEN_REQUEST_CONFIG_KEY,
   WebWorkerClass,
   WebWorkerClient,
+  createClassObserver,
+  createMediaQueryListener,
+  detectThemeMode,
   hasAuthParamsInUrl_default as hasAuthParamsInUrl,
   workerReceiver
 };