chore(nextjs): add B2B components

.changeset/stupid-carrots-stay.md

@@ -0,0 +1,10 @@
+---
+'@asgardeo/browser': patch
+'@asgardeo/express': patch
+'@asgardeo/javascript': patch
+'@asgardeo/nextjs': patch
+'@asgardeo/node': patch
+'@asgardeo/react': patch
+---
+
+Fix issues with profile

packages/browser/src/__legacy__/client.ts

@@ -51,7 +51,7 @@ import {SPAUtils} from './utils';
  * Default configurations.
  */
 const DefaultConfig: Partial<AuthClientConfig<Config>> = {
-  autoLogoutOnTokenRefreshError: true,
+  autoLogoutOnTokenRefreshError: false,
   checkSessionInterval: 3,
   enableOIDCSessionManagement: false,
   periodicTokenRefresh: false,
@@ -737,10 +737,10 @@ export class AsgardeoSPAClient {
    *
    * @preserve
    */
-  public async getDecodedIdToken(): Promise<IdToken | undefined> {
+  public async getDecodedIdToken(sessionId?: string): Promise<IdToken | undefined> {
     await this._validateMethod();
 
-    return this._client?.getDecodedIdToken();
+    return this._client?.getDecodedIdToken(sessionId);
   }
 
   /**

packages/browser/src/__legacy__/clients/main-thread-client.ts

@@ -370,7 +370,7 @@ export const MainThreadClient = async (
 
   const getUser = async (): Promise<User> => _authenticationHelper.getUser();
 
-  const getDecodedIdToken = async (): Promise<IdToken> => _authenticationHelper.getDecodedIdToken();
+  const getDecodedIdToken = async (sessionId?: string): Promise<IdToken> => _authenticationHelper.getDecodedIdToken(sessionId);
 
   const getCrypto = async (): Promise<IsomorphicCrypto> => _authenticationHelper.getCrypto();
 

packages/browser/src/__legacy__/clients/web-worker-client.ts

@@ -706,7 +706,7 @@ export const WebWorkerClient = async (
       });
   };
 
-  const getDecodedIdToken = (): Promise<IdToken> => {
+  const getDecodedIdToken = (sessionId?: string): Promise<IdToken> => {
     const message: Message<null> = {
       type: GET_DECODED_ID_TOKEN,
     };

packages/browser/src/__legacy__/helpers/authentication-helper.ts

@@ -659,8 +659,8 @@ export class AuthenticationHelper<T extends MainThreadClientConfig | WebWorkerCl
     return this._authenticationClient.getUser();
   }
 
-  public async getDecodedIdToken(): Promise<IdToken> {
-    return this._authenticationClient.getDecodedIdToken();
+  public async getDecodedIdToken(sessionId?: string): Promise<IdToken> {
+    return this._authenticationClient.getDecodedIdToken(sessionId);
   }
 
   public async getDecodedIDPIDToken(): Promise<IdToken> {

packages/browser/src/__legacy__/models/client.ts

@@ -59,7 +59,7 @@ export interface MainThreadClientInterface {
   refreshAccessToken(): Promise<User>;
   revokeAccessToken(): Promise<boolean>;
   getUser(): Promise<User>;
-  getDecodedIdToken(): Promise<IdToken>;
+  getDecodedIdToken(sessionId?: string): Promise<IdToken>;
   getCrypto(): Promise<IsomorphicCrypto>;
   getConfigData(): Promise<AuthClientConfig<MainThreadClientConfig>>;
   getIdToken(): Promise<string>;
@@ -96,7 +96,7 @@ export interface WebWorkerClientInterface {
   getOpenIDProviderEndpoints(): Promise<OIDCEndpoints>;
   getUser(): Promise<User>;
   getConfigData(): Promise<AuthClientConfig<WebWorkerClientConfig>>;
-  getDecodedIdToken(): Promise<IdToken>;
+  getDecodedIdToken(sessionId?: string): Promise<IdToken>;
   getDecodedIDPIDToken(): Promise<IdToken>;
   getCrypto(): Promise<IsomorphicCrypto>;
   getIdToken(): Promise<string>;

packages/browser/src/__legacy__/models/web-worker.ts

@@ -53,7 +53,7 @@ export interface WebWorkerCoreInterface {
   refreshAccessToken(): Promise<User>;
   revokeAccessToken(): Promise<boolean>;
   getUser(): Promise<User>;
-  getDecodedIdToken(): Promise<IdToken>;
+  getDecodedIdToken(sessionId?: string): Promise<IdToken>;
   getDecodedIDPIDToken(): Promise<IdToken>;
   getCrypto(): Promise<IsomorphicCrypto>;
   getIdToken(): Promise<string>;

packages/browser/src/__legacy__/worker/worker-core.ts

@@ -166,8 +166,8 @@ export const WebWorkerCore = async (
     return _authenticationHelper.getUser();
   };
 
-  const getDecodedIdToken = async (): Promise<IdToken> => {
-    return _authenticationHelper.getDecodedIdToken();
+  const getDecodedIdToken = async (sessionId?: string): Promise<IdToken> => {
+    return _authenticationHelper.getDecodedIdToken(sessionId);
   };
 
   const getCrypto = async (): Promise<IsomorphicCrypto> => {

packages/browser/src/index.ts

@@ -51,3 +51,10 @@ export {default as AsgardeoBrowserClient} from './AsgardeoBrowserClient';
 
 // Re-export everything from the JavaScript package
 export * from '@asgardeo/javascript';
+
+export {
+  detectThemeMode,
+  createClassObserver,
+  createMediaQueryListener,
+  BrowserThemeDetection,
+} from './theme/themeDetection';

packages/browser/src/theme/themeDetection.ts

@@ -0,0 +1,134 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import {ThemeDetection, ThemeMode} from '@asgardeo/javascript';
+
+/**
+ * Extended theme detection config that includes DOM-specific options
+ */
+export interface BrowserThemeDetection extends ThemeDetection {
+  /**
+   * The element to observe for class changes
+   * @default document.documentElement (html element)
+   */
+  targetElement?: HTMLElement;
+}
+
+/**
+ * Detects the current theme mode based on the specified method
+ */
+export const detectThemeMode = (mode: ThemeMode, config: BrowserThemeDetection = {}): 'light' | 'dark' => {
+  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;
+
+    // Check for explicit dark class first
+    if (classList.contains(darkClass)) {
+      return 'dark';
+    }
+
+    // Check for explicit light class
+    if (classList.contains(lightClass)) {
+      return 'light';
+    }
+
+    // If neither class is present, default to light
+    return 'light';
+  }
+
+  return 'light';
+};
+
+/**
+ * Creates a MutationObserver to watch for class changes on the target element
+ */
+export const createClassObserver = (
+  targetElement: HTMLElement,
+  callback: (isDark: boolean) => void,
+  config: BrowserThemeDetection = {},
+): MutationObserver => {
+  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);
+        }
+        // If neither class is present, we don't trigger the callback
+        // to avoid unnecessary re-renders
+      }
+    });
+  });
+
+  observer.observe(targetElement, {
+    attributes: true,
+    attributeFilter: ['class'],
+  });
+
+  return observer;
+};
+
+/**
+ * Creates a media query listener for system theme changes
+ */
+export const createMediaQueryListener = (callback: (isDark: boolean) => void): MediaQueryList | null => {
+  if (typeof window === 'undefined' || !window.matchMedia) {
+    return null;
+  }
+
+  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+
+  const handleChange = (e: MediaQueryListEvent) => {
+    callback(e.matches);
+  };
+
+  // Modern browsers
+  if (mediaQuery.addEventListener) {
+    mediaQuery.addEventListener('change', handleChange);
+  } else {
+    // Fallback for older browsers
+    mediaQuery.addListener(handleChange);
+  }
+
+  return mediaQuery;
+};

packages/javascript/src/AsgardeoJavaScriptClient.ts

@@ -34,18 +34,20 @@ abstract class AsgardeoJavaScriptClient<T = Config> implements AsgardeoClient<T>
 
   abstract initialize(config: T): Promise<boolean>;
 
-  abstract getUser(): Promise<User>;
+  abstract getUser(options?: any): Promise<User>;
 
-  abstract getOrganizations(): Promise<Organization[]>;
+  abstract getOrganizations(options?: any): Promise<Organization[]>;
 
-  abstract getCurrentOrganization(): Promise<Organization | null>;
+  abstract getCurrentOrganization(sessionId?: string): Promise<Organization | null>;
 
-  abstract getUserProfile(): Promise<UserProfile>;
+  abstract getUserProfile(options?: any): Promise<UserProfile>;
 
   abstract isLoading(): boolean;
 
   abstract isSignedIn(): Promise<boolean>;
 
+  abstract updateUserProfile(payload: any, userId?: string): Promise<User>;
+
   abstract getConfiguration(): T;
 
   abstract signIn(