@asgardeo/javascript 0.1.2 → 0.1.4

package/dist/models/client.d.ts

@@ -15,10 +15,12 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+import { AllOrganizationsApiResponse } from '../models/organization';
 import { EmbeddedFlowExecuteRequestConfig, EmbeddedFlowExecuteRequestPayload, EmbeddedFlowExecuteResponse } from './embedded-flow';
 import { EmbeddedSignInFlowHandleRequestPayload } from './embedded-signin-flow';
 import { Organization } from './organization';
 import { User, UserProfile } from './user';
+import { TokenResponse } from './token';
 export type SignInOptions = Record<string, unknown>;
 export type SignOutOptions = Record<string, unknown>;
 export type SignUpOptions = Record<string, unknown>;
@@ -34,11 +36,12 @@ export type SignUpOptions = Record<string, unknown>;
  */
 export interface AsgardeoClient<T> {
     /**
-     * Gets the users associated organizations.
+     * Gets the current signed-in user's associated organizations.
      *
      * @returns Associated organizations.
      */
-    getOrganizations(options?: any): Promise<Organization[]>;
+    getMyOrganizations(options?: any, sessionId?: string): Promise<Organization[]>;
+    getAllOrganizations(options?: any, sessionId?: string): Promise<AllOrganizationsApiResponse>;
     /**
      * Gets the current organization of the user.
      *
@@ -50,7 +53,7 @@ export interface AsgardeoClient<T> {
      * @param organization - The organization to switch to.
      * @returns A promise that resolves when the switch is complete.
      */
-    switchOrganization(organization: Organization): Promise<void>;
+    switchOrganization(organization: Organization, sessionId?: string): Promise<TokenResponse | Response>;
     getConfiguration(): T;
     updateUserProfile(payload: any, userId?: string): Promise<User>;
     /**
@@ -105,6 +108,16 @@ export interface AsgardeoClient<T> {
      * @returns A promise that resolves to an EmbeddedFlowExecuteResponse containing the flow execution details.
      */
     signIn(payload: EmbeddedSignInFlowHandleRequestPayload, request: EmbeddedFlowExecuteRequestConfig<EmbeddedSignInFlowHandleRequestPayload>, sessionId?: string, onSignInSuccess?: (afterSignInUrl: string) => void): Promise<User>;
+    /**
+     * Try signing in silently in the background without any user interactions.
+     *
+     * @remarks This approach uses a passive auth request (prompt=none) sent from an iframe which might pose issues in cross-origin scenarios.
+     * Make sure you are aware of the limitations and browser compatibility issues.
+     *
+     * @param options - Optional sign-in options like additional parameters to be sent in the authorize request, etc.
+     * @returns A promise that resolves to the user if sign-in is successful, or false if not.
+     */
+    signInSilently(options?: SignInOptions): Promise<User | boolean>;
     /**
      * Signs out the currently signed-in user.
      *

package/dist/models/i18n.d.ts

@@ -55,6 +55,16 @@ export interface I18nTranslations {
     'organization.switcher.create.organization': string;
     'organization.switcher.manage.organizations': string;
     'organization.switcher.manage.button': string;
+    'organization.switcher.organizations.title': string;
+    'organization.switcher.switch.button': string;
+    'organization.switcher.no.access': string;
+    'organization.switcher.status.label': string;
+    'organization.switcher.showing.count': string;
+    'organization.switcher.refresh.button': string;
+    'organization.switcher.load.more': string;
+    'organization.switcher.loading.more': string;
+    'organization.switcher.no.organizations': string;
+    'organization.switcher.error.prefix': string;
     'organization.profile.title': string;
     'organization.profile.loading': string;
     'organization.profile.error': string;

package/dist/models/organization.d.ts

@@ -22,3 +22,12 @@ export interface Organization {
     ref?: string;
     status?: string;
 }
+/**
+ * Interface for paginated organization response.
+ */
+export interface AllOrganizationsApiResponse {
+    hasMore?: boolean;
+    nextCursor?: string;
+    organizations: Organization[];
+    totalCount?: number;
+}

package/dist/theme/createTheme.d.ts

@@ -4,7 +4,23 @@
  * 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
+ * You may obtain a cop  // Shadows
+  if (theme.shadows?.small) {
+    cssVars[`--${prefix}-shadow-small`] = theme.shadows.small;
+  }
+  if (theme.shadows?.medium) {
+    cssVars[`--${prefix}-shadow-medium`] = theme.shadows.medium;
+  }
+  if (theme.shadows?.large) {
+    cssVars[`--${prefix}-shadow-large`] = theme.shadows.large;
+  }
+
+  // Typography - Font Family
+  if (theme.typography?.fontFamily) {
+    cssVars[`--${prefix}-typography-fontFamily`] = theme.typography.fontFamily;
+  }
+
+  // Typography - Font Sizesense at
  *
  *     http://www.apache.org/licenses/LICENSE-2.0
  *

package/dist/theme/types.d.ts

@@ -15,7 +15,43 @@
  * specific language governing permissions and limitations
  * under the License.
  */
+export interface ThemeTypography {
+    fontFamily: string;
+    fontSizes: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+    };
+    fontWeights: {
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+    };
+    lineHeights: {
+        tight: number;
+        normal: number;
+        relaxed: number;
+    };
+}
 export interface ThemeColors {
+    action: {
+        active: string;
+        hover: string;
+        hoverOpacity: number;
+        selected: string;
+        selectedOpacity: number;
+        disabled: string;
+        disabledBackground: string;
+        disabledOpacity: number;
+        focus: string;
+        focusOpacity: number;
+        activatedOpacity: number;
+    };
     background: {
         body: {
             main: string;
@@ -64,9 +100,144 @@ export interface ThemeConfig {
     spacing: {
         unit: number;
     };
+    typography: {
+        fontFamily: string;
+        fontSizes: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+        };
+        fontWeights: {
+            normal: number;
+            medium: number;
+            semibold: number;
+            bold: number;
+        };
+        lineHeights: {
+            tight: number;
+            normal: number;
+            relaxed: number;
+        };
+    };
+    /**
+     * Image assets configuration
+     */
+    images?: ThemeImages;
+    /**
+     * The prefix used for CSS variables.
+     * @default 'asgardeo' (from VendorConstants.VENDOR_PREFIX)
+     */
+    cssVarPrefix?: string;
+}
+export interface ThemeVars {
+    colors: {
+        action: {
+            active: string;
+            hover: string;
+            hoverOpacity: string;
+            selected: string;
+            selectedOpacity: string;
+            disabled: string;
+            disabledBackground: string;
+            disabledOpacity: string;
+            focus: string;
+            focusOpacity: string;
+            activatedOpacity: string;
+        };
+        primary: {
+            main: string;
+            contrastText: string;
+        };
+        secondary: {
+            main: string;
+            contrastText: string;
+        };
+        background: {
+            surface: string;
+            disabled: string;
+            body: {
+                main: string;
+            };
+        };
+        error: {
+            main: string;
+            contrastText: string;
+        };
+        success: {
+            main: string;
+            contrastText: string;
+        };
+        warning: {
+            main: string;
+            contrastText: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+        };
+        border: string;
+    };
+    spacing: {
+        unit: string;
+    };
+    borderRadius: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    shadows: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    typography: {
+        fontFamily: string;
+        fontSizes: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
+        };
+        fontWeights: {
+            normal: string;
+            medium: string;
+            semibold: string;
+            bold: string;
+        };
+        lineHeights: {
+            tight: string;
+            normal: string;
+            relaxed: string;
+        };
+    };
+    images?: {
+        favicon?: {
+            url?: string;
+            title?: string;
+            alt?: string;
+        };
+        logo?: {
+            url?: string;
+            title?: string;
+            alt?: string;
+        };
+        [key: string]: {
+            url?: string;
+            title?: string;
+            alt?: string;
+        } | undefined;
+    };
 }
 export interface Theme extends ThemeConfig {
     cssVariables: Record<string, string>;
+    vars: ThemeVars;
 }
 export type ThemeMode = 'light' | 'dark' | 'system' | 'class';
 export interface ThemeDetection {
@@ -81,3 +252,31 @@ export interface ThemeDetection {
      */
     lightClass?: string;
 }
+export interface ThemeImage {
+    /**
+     * The URL of the image
+     */
+    url?: string;
+    /**
+     * The title/alt text for the image
+     */
+    title?: string;
+    /**
+     * Alternative text for accessibility
+     */
+    alt?: string;
+}
+export interface ThemeImages {
+    /**
+     * Favicon configuration
+     */
+    favicon?: ThemeImage;
+    /**
+     * Logo configuration
+     */
+    logo?: ThemeImage;
+    /**
+     * Allow for additional custom images
+     */
+    [key: string]: ThemeImage | undefined;
+}

package/dist/utils/processUsername.d.ts

@@ -0,0 +1,73 @@
+/**
+ * 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.
+ */
+/**
+ * Removes userstore prefixes from a username if they exist.
+ * This is commonly used to clean usernames returned from SCIM2 endpoints
+ * that include userstore prefixes like "DEFAULT/", "ASGARDEO_USER/", "PRIMARY/", etc.
+ *
+ * @param username - The username string to process
+ * @returns The username without the userstore prefix, or the original username if no prefix exists
+ *
+ * @example
+ * ```typescript
+ * const cleanUsername = removeUserstorePrefix("DEFAULT/john.doe");
+ * console.log(cleanUsername); // "john.doe"
+ *
+ * const asgardeoUser = removeUserstorePrefix("ASGARDEO_USER/jane.doe");
+ * console.log(asgardeoUser); // "jane.doe"
+ *
+ * const primaryUser = removeUserstorePrefix("PRIMARY/admin");
+ * console.log(primaryUser); // "admin"
+ *
+ * const alreadyClean = removeUserstorePrefix("user.name");
+ * console.log(alreadyClean); // "user.name"
+ *
+ * const emptyInput = removeUserstorePrefix("");
+ * console.log(emptyInput); // ""
+ * ```
+ */
+export declare const removeUserstorePrefix: (username?: string) => string;
+/**
+ * Processes a user object to remove userstore prefixes from username fields.
+ * This is a helper function for processing user objects returned from SCIM2 endpoints.
+ * Handles various username field variations: username, userName, and user_name.
+ *
+ * @param user - The user object to process
+ * @returns The user object with processed username fields
+ *
+ * @example
+ * ```typescript
+ * const user = { username: "DEFAULT/john.doe", email: "john@example.com" };
+ * const processedUser = processUserUsername(user);
+ * console.log(processedUser.username); // "john.doe"
+ *
+ * const camelCaseUser = { userName: "ASGARDEO_USER/jane.doe", email: "jane@example.com" };
+ * const processedCamelCaseUser = processUserUsername(camelCaseUser);
+ * console.log(processedCamelCaseUser.userName); // "jane.doe"
+ *
+ * const snakeCaseUser = { user_name: "PRIMARY/admin", email: "admin@example.com" };
+ * const processedSnakeCaseUser = processUserUsername(snakeCaseUser);
+ * console.log(processedSnakeCaseUser.user_name); // "admin"
+ * ```
+ */
+declare const processUsername: <T extends {
+    username?: string;
+    userName?: string;
+    user_name?: string;
+}>(user: T) => T;
+export default processUsername;

package/dist/utils/transformBrandingPreferenceToTheme.d.ts

@@ -0,0 +1,48 @@
+/**
+ * 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 { BrandingPreference } from '../models/branding-preference';
+import { Theme } from '../theme/types';
+/**
+ * Transforms branding preference response to Theme object
+ *
+ * @param brandingPreference - The branding preference response from getBrandingPreference
+ * @param forceTheme - Optional parameter to force a specific theme ('light' or 'dark'),
+ *                     if not provided, will use the activeTheme from branding preference
+ * @returns Theme object that can be used with the theme system
+ *
+ * The function extracts the following from branding preference:
+ * - Colors (primary, secondary, background, text, alerts, etc.)
+ * - Border radius from buttons and inputs
+ * - Images (logo and favicon with their URLs, titles, and alt text)
+ * - Typography settings
+ *
+ * @example
+ * ```typescript
+ * const brandingPreference = await getBrandingPreference({ baseUrl: "..." });
+ * const theme = transformBrandingPreferenceToTheme(brandingPreference);
+ *
+ * // Access image URLs via CSS variables
+ * // Logo: var(--wso2-image-logo-url)
+ * // Favicon: var(--wso2-image-favicon-url)
+ *
+ * // Force light theme regardless of branding preference activeTheme
+ * const lightTheme = transformBrandingPreferenceToTheme(brandingPreference, 'light');
+ * ```
+ */
+export declare const transformBrandingPreferenceToTheme: (brandingPreference: BrandingPreference, forceTheme?: "light" | "dark") => Theme;
+export default transformBrandingPreferenceToTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asgardeo/javascript",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Framework agnostic JavaScript SDK for Asgardeo.",
   "keywords": [
     "asgardeo",