@asgardeo/javascript 0.1.7 → 0.1.9

package/dist/AsgardeoJavaScriptClient.d.ts

@@ -18,6 +18,7 @@
 import { AllOrganizationsApiResponse } from './models/organization';
 import { AsgardeoClient, SignInOptions, SignOutOptions, SignUpOptions } from './models/client';
 import { Config } from './models/config';
+import { Storage } from './models/store';
 import { EmbeddedFlowExecuteRequestPayload, EmbeddedFlowExecuteResponse } from './models/embedded-flow';
 import { EmbeddedSignInFlowHandleRequestPayload } from './models/embedded-signin-flow';
 import { TokenResponse } from './models/token';
@@ -31,7 +32,7 @@ import { User, UserProfile } from './models/user';
  */
 declare abstract class AsgardeoJavaScriptClient<T = Config> implements AsgardeoClient<T> {
     abstract switchOrganization(organization: Organization, sessionId?: string): Promise<TokenResponse | Response>;
-    abstract initialize(config: T): Promise<boolean>;
+    abstract initialize(config: T, storage?: Storage): Promise<boolean>;
     abstract getUser(options?: any): Promise<User>;
     abstract getAllOrganizations(options?: any, sessionId?: string): Promise<AllOrganizationsApiResponse>;
     abstract getMyOrganizations(options?: any, sessionId?: string): Promise<Organization[]>;

package/dist/__legacy__/client.d.ts

@@ -206,7 +206,7 @@ export declare class AsgardeoAuthClient<T> {
      *
      * @preserve
      */
-    getDecodedIdToken(userId?: string): Promise<IdToken>;
+    getDecodedIdToken(userId?: string, idToken?: string): Promise<IdToken>;
     /**
      * This method returns the ID token.
      *

package/dist/cjs/index.js

@@ -41,12 +41,12 @@ __export(index_exports, {
   FieldType: () => FieldType,
   FlowMode: () => FlowMode,
   IsomorphicCrypto: () => IsomorphicCrypto,
-  LogLevel: () => LogLevel,
   OIDCRequestConstants: () => OIDCRequestConstants_default,
   StorageManager: () => StorageManager_default,
   TokenConstants: () => TokenConstants_default,
   VendorConstants: () => VendorConstants_default,
   WellKnownSchemaIds: () => WellKnownSchemaIds,
+  bem: () => bem_default,
   configureLogger: () => configure,
   createComponentLogger: () => createComponentLogger,
   createLogger: () => createLogger,
@@ -64,6 +64,7 @@ __export(index_exports, {
   extractPkceStorageKeyFromState: () => extractPkceStorageKeyFromState_default,
   extractUserClaimsFromIdToken: () => extractUserClaimsFromIdToken_default,
   flattenUserSchema: () => flattenUserSchema_default,
+  formatDate: () => formatDate_default,
   generateFlattenedUserProfile: () => generateFlattenedUserProfile_default,
   generateUserProfile: () => generateUserProfile_default,
   get: () => get_default,
@@ -703,14 +704,7 @@ var extractUserClaimsFromIdToken_default = extractUserClaimsFromIdToken;
 var AsgardeoError = class _AsgardeoError extends Error {
   constructor(message, code, origin) {
     const _origin = _AsgardeoError.resolveOrigin(origin);
-    const prefix = `\u{1F6E1}\uFE0F Asgardeo - ${_origin}:`;
-    const regex = new RegExp(`\u{1F6E1}\uFE0F\\s*Asgardeo\\s*-\\s*${_origin}:`, "i");
-    const sanitized = message.replace(regex, "");
-    const _message = `${prefix} ${sanitized.trim()}
-
-(code="${code}")
-`;
-    super(_message);
+    super(message);
     __publicField(this, "code");
     __publicField(this, "origin");
     this.name = new.target.name;
@@ -727,8 +721,10 @@ var AsgardeoError = class _AsgardeoError extends Error {
     return `@asgardeo/${origin}`;
   }
   toString() {
+    const prefix = `\u{1F6E1}\uFE0F Asgardeo - ${this.origin}:`;
     return `[${this.name}]
-Message: ${this.message}`;
+${prefix} ${this.message}
+(code="${this.code}")`;
   }
 };
 
@@ -1499,9 +1495,9 @@ var _AsgardeoAuthClient = class _AsgardeoAuthClient {
    *
    * @preserve
    */
-  async getDecodedIdToken(userId) {
-    const idToken = (await this._storageManager.getSessionData(userId)).id_token;
-    const payload = this._cryptoHelper.decodeIdToken(idToken);
+  async getDecodedIdToken(userId, idToken) {
+    const _idToken = (await this._storageManager.getSessionData(userId)).id_token;
+    const payload = this._cryptoHelper.decodeIdToken(_idToken ?? idToken);
     return payload;
   }
   /**
@@ -2797,10 +2793,10 @@ var updateMeProfile = async ({
       throw error2;
     }
     throw new AsgardeoAPIError(
-      `Network or parsing error: ${error2 instanceof Error ? error2.message : "Unknown error"}`,
+      error2?.response?.data?.detail || "An error occurred while updating the user profile. Please try again.",
       "updateMeProfile-NetworkError-001",
       "javascript",
-      0,
+      error2?.data?.status,
       "Network Error"
     );
   }
@@ -2996,34 +2992,47 @@ var lightTheme = {
     },
     primary: {
       main: "#1a73e8",
-      contrastText: "#ffffff"
+      contrastText: "#ffffff",
+      dark: "#174ea6"
     },
     secondary: {
       main: "#424242",
-      contrastText: "#ffffff"
+      contrastText: "#ffffff",
+      dark: "#212121"
     },
     background: {
       surface: "#ffffff",
       disabled: "#f0f0f0",
+      dark: "#212121",
       body: {
-        main: "#1a1a1a"
+        main: "#1a1a1a",
+        dark: "#212121"
       }
     },
     error: {
       main: "#d32f2f",
-      contrastText: "#ffffff"
+      contrastText: "#d52828",
+      dark: "#b71c1c"
+    },
+    info: {
+      main: "#bbebff",
+      contrastText: "#43aeda",
+      dark: "#01579b"
     },
     success: {
       main: "#4caf50",
-      contrastText: "#ffffff"
+      contrastText: "#00a807",
+      dark: "#388e3c"
     },
     warning: {
       main: "#ff9800",
-      contrastText: "#ffffff"
+      contrastText: "#be7100",
+      dark: "#f57c00"
     },
     text: {
       primary: "#1a1a1a",
-      secondary: "#666666"
+      secondary: "#666666",
+      dark: "#212121"
     },
     border: "#e0e0e0"
   },
@@ -3092,34 +3101,47 @@ var darkTheme = {
     },
     primary: {
       main: "#1a73e8",
-      contrastText: "#ffffff"
+      contrastText: "#ffffff",
+      dark: "#174ea6"
     },
     secondary: {
       main: "#424242",
-      contrastText: "#ffffff"
+      contrastText: "#ffffff",
+      dark: "#212121"
     },
     background: {
       surface: "#121212",
       disabled: "#1f1f1f",
+      dark: "#212121",
       body: {
-        main: "#ffffff"
+        main: "#ffffff",
+        dark: "#212121"
       }
     },
     error: {
       main: "#d32f2f",
-      contrastText: "#ffffff"
+      contrastText: "#d52828",
+      dark: "#b71c1c"
+    },
+    info: {
+      main: "#bbebff",
+      contrastText: "#43aeda",
+      dark: "#01579b"
     },
     success: {
       main: "#4caf50",
-      contrastText: "#ffffff"
+      contrastText: "#00a807",
+      dark: "#388e3c"
     },
     warning: {
       main: "#ff9800",
-      contrastText: "#ffffff"
+      contrastText: "#be7100",
+      dark: "#f57c00"
     },
     text: {
       primary: "#ffffff",
-      secondary: "#b3b3b3"
+      secondary: "#b3b3b3",
+      dark: "#212121"
     },
     border: "#404040"
   },
@@ -3246,6 +3268,12 @@ var toCssVariables = (theme) => {
   if (theme.colors?.warning?.contrastText) {
     cssVars[`--${prefix}-color-warning-contrastText`] = theme.colors.warning.contrastText;
   }
+  if (theme.colors?.info?.main) {
+    cssVars[`--${prefix}-color-info-main`] = theme.colors.info.main;
+  }
+  if (theme.colors?.info?.contrastText) {
+    cssVars[`--${prefix}-color-info-contrastText`] = theme.colors.info.contrastText;
+  }
   if (theme.colors?.text?.primary) {
     cssVars[`--${prefix}-color-text-primary`] = theme.colors.text.primary;
   }
@@ -3373,6 +3401,10 @@ var toThemeVars = (theme) => {
         main: `var(--${prefix}-color-error-main)`,
         contrastText: `var(--${prefix}-color-error-contrastText)`
       },
+      info: {
+        contrastText: `var(--${prefix}-color-info-contrastText)`,
+        main: `var(--${prefix}-color-info-main)`
+      },
       success: {
         main: `var(--${prefix}-color-success-main)`,
         contrastText: `var(--${prefix}-color-success-contrastText)`
@@ -3495,6 +3527,34 @@ var createTheme = (config = {}, isDark = false) => {
 };
 var createTheme_default = createTheme;
 
+// src/utils/bem.ts
+var bem = (baseClass, element, modifier) => {
+  let className = baseClass;
+  if (element) {
+    className += `__${element}`;
+  }
+  if (modifier) {
+    className += `--${modifier}`;
+  }
+  return className;
+};
+var bem_default = bem;
+
+// src/utils/formatDate.ts
+var formatDate = (dateString) => {
+  if (!dateString) return "-";
+  try {
+    return new Date(dateString).toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    });
+  } catch {
+    return dateString;
+  }
+};
+var formatDate_default = formatDate;
+
 // src/utils/deepMerge.ts
 var isPlainObject = (value) => {
   return typeof value === "object" && value !== null && !Array.isArray(value) && !(value instanceof Date) && !(value instanceof RegExp) && Object.prototype.toString.call(value) === "[object Object]";
@@ -3803,6 +3863,11 @@ var translations = {
   "username.password.title": "Sign In",
   "username.password.subtitle": "Enter your username and password to continue.",
   /* |---------------------------------------------------------------| */
+  /* |                          User Profile                         | */
+  /* |---------------------------------------------------------------| */
+  "user.profile.title": "Profile",
+  "user.profile.update.generic.error": "An error occurred while updating your profile. Please try again.",
+  /* |---------------------------------------------------------------| */
   /* |                     Organization Switcher                     | */
   /* |---------------------------------------------------------------| */
   "organization.switcher.select.organization": "Select Organization",
@@ -3911,7 +3976,10 @@ var withVendorCSSClassPrefix = (className) => `${VendorConstants_default.VENDOR_
 var withVendorCSSClassPrefix_default = withVendorCSSClassPrefix;
 
 // src/utils/transformBrandingPreferenceToTheme.ts
-var extractColorValue = (colorVariant) => {
+var extractColorValue = (colorVariant, preferDark = false) => {
+  if (preferDark && colorVariant?.dark && colorVariant.dark.trim()) {
+    return colorVariant.dark;
+  }
   return colorVariant?.main;
 };
 var extractContrastText = (colorVariant) => {
@@ -3938,36 +4006,49 @@ var transformThemeVariant = (themeVariant, isDark = false) => {
         activatedOpacity: 0.12
       },
       primary: {
-        main: extractColorValue(colors?.primary),
-        contrastText: extractContrastText(colors?.primary)
+        main: extractColorValue(colors?.primary, isDark),
+        contrastText: extractContrastText(colors?.primary),
+        dark: colors?.primary?.dark || colors?.primary?.main
       },
       secondary: {
-        main: extractColorValue(colors?.secondary),
-        contrastText: extractContrastText(colors?.secondary)
+        main: extractColorValue(colors?.secondary, isDark),
+        contrastText: extractContrastText(colors?.secondary),
+        dark: colors?.secondary?.dark || colors?.secondary?.main
       },
       background: {
-        surface: extractColorValue(colors?.background?.surface),
-        disabled: extractColorValue(colors?.background?.surface),
+        surface: extractColorValue(colors?.background?.surface, isDark),
+        disabled: extractColorValue(colors?.background?.surface, isDark),
+        dark: colors?.background?.surface?.dark || colors?.background?.surface?.main,
         body: {
-          main: extractColorValue(colors?.background?.body)
+          main: extractColorValue(colors?.background?.body, isDark),
+          dark: colors?.background?.body?.dark || colors?.background?.body?.main
         }
       },
       text: {
         primary: colors?.text?.primary,
-        secondary: colors?.text?.secondary
+        secondary: colors?.text?.secondary,
+        dark: colors?.text?.dark || colors?.text?.primary
       },
       border: colors?.outlined?.default,
       error: {
-        main: extractColorValue(colors?.alerts?.error),
-        contrastText: extractContrastText(colors?.alerts?.error)
+        main: extractColorValue(colors?.alerts?.error, isDark),
+        contrastText: extractContrastText(colors?.alerts?.error),
+        dark: colors?.alerts?.error?.dark || colors?.alerts?.error?.main
+      },
+      info: {
+        main: extractColorValue(colors?.alerts?.info, isDark),
+        contrastText: extractContrastText(colors?.alerts?.info),
+        dark: colors?.alerts?.info?.dark || colors?.alerts?.info?.main
       },
       success: {
-        main: extractColorValue(colors?.alerts?.info),
-        contrastText: extractContrastText(colors?.alerts?.info)
+        main: extractColorValue(colors?.alerts?.neutral, isDark),
+        contrastText: extractContrastText(colors?.alerts?.neutral),
+        dark: colors?.alerts?.neutral?.dark || colors?.alerts?.neutral?.main
       },
       warning: {
-        main: extractColorValue(colors?.alerts?.warning),
-        contrastText: extractContrastText(colors?.alerts?.warning)
+        main: extractColorValue(colors?.alerts?.warning, isDark),
+        contrastText: extractContrastText(colors?.alerts?.warning),
+        dark: colors?.alerts?.warning?.dark || colors?.alerts?.warning?.main
       }
     },
     // Extract border radius from buttons or inputs
@@ -4017,17 +4098,9 @@ var transformBrandingPreferenceToTheme = (brandingPreference, forceTheme) => {
 var transformBrandingPreferenceToTheme_default = transformBrandingPreferenceToTheme;
 
 // src/utils/logger.ts
-var LogLevel = /* @__PURE__ */ ((LogLevel2) => {
-  LogLevel2[LogLevel2["DEBUG"] = 0] = "DEBUG";
-  LogLevel2[LogLevel2["INFO"] = 1] = "INFO";
-  LogLevel2[LogLevel2["WARN"] = 2] = "WARN";
-  LogLevel2[LogLevel2["ERROR"] = 3] = "ERROR";
-  LogLevel2[LogLevel2["SILENT"] = 4] = "SILENT";
-  return LogLevel2;
-})(LogLevel || {});
 var PREFIX = "\u{1F6E1}\uFE0F Asgardeo";
 var DEFAULT_CONFIG = {
-  level: 1 /* INFO */,
+  level: "info",
   prefix: `${PREFIX}`,
   timestamps: true,
   showLevel: true
@@ -4093,13 +4166,13 @@ var Logger = class _Logger {
    */
   getLevelString(level) {
     switch (level) {
-      case 0 /* DEBUG */:
+      case "debug":
         return "DEBUG";
-      case 1 /* INFO */:
+      case "info":
         return "INFO";
-      case 2 /* WARN */:
+      case "warn":
         return "WARN";
-      case 3 /* ERROR */:
+      case "error":
         return "ERROR";
       default:
         return "UNKNOWN";
@@ -4120,16 +4193,16 @@ var Logger = class _Logger {
       const levelStr = this.getLevelString(level);
       let coloredLevel;
       switch (level) {
-        case 0 /* DEBUG */:
+        case "debug":
           coloredLevel = `${COLORS.gray}[${levelStr}]${COLORS.reset}`;
           break;
-        case 1 /* INFO */:
+        case "info":
           coloredLevel = `${COLORS.blue}[${levelStr}]${COLORS.reset}`;
           break;
-        case 2 /* WARN */:
+        case "warn":
           coloredLevel = `${COLORS.yellow}[${levelStr}]${COLORS.reset}`;
           break;
-        case 3 /* ERROR */:
+        case "error":
           coloredLevel = `${COLORS.red}[${levelStr}]${COLORS.reset}`;
           break;
         default:
@@ -4177,16 +4250,16 @@ var Logger = class _Logger {
       const levelStr = this.getLevelString(level);
       parts.push(`%c[${levelStr}]`);
       switch (level) {
-        case 0 /* DEBUG */:
+        case "debug":
           styles.push(BROWSER_STYLES.debug);
           break;
-        case 1 /* INFO */:
+        case "info":
           styles.push(BROWSER_STYLES.info);
           break;
-        case 2 /* WARN */:
+        case "warn":
           styles.push(BROWSER_STYLES.warn);
           break;
-        case 3 /* ERROR */:
+        case "error":
           styles.push(BROWSER_STYLES.error);
           break;
         default:
@@ -4197,16 +4270,16 @@ var Logger = class _Logger {
     styles.push("color: inherit; font-weight: normal;");
     const formattedMessage = parts.join(" ");
     switch (level) {
-      case 0 /* DEBUG */:
+      case "debug":
         console.debug(formattedMessage, ...styles, ...args);
         break;
-      case 1 /* INFO */:
+      case "info":
         console.info(formattedMessage, ...styles, ...args);
         break;
-      case 2 /* WARN */:
+      case "warn":
         console.warn(formattedMessage, ...styles, ...args);
         break;
-      case 3 /* ERROR */:
+      case "error":
         console.error(formattedMessage, ...styles, ...args);
         break;
       default:
@@ -4219,16 +4292,16 @@ var Logger = class _Logger {
   logToNode(level, message, ...args) {
     const formattedMessage = this.formatForNode(level, message);
     switch (level) {
-      case 0 /* DEBUG */:
+      case "debug":
         console.debug(formattedMessage, ...args);
         break;
-      case 1 /* INFO */:
+      case "info":
         console.info(formattedMessage, ...args);
         break;
-      case 2 /* WARN */:
+      case "warn":
         console.warn(formattedMessage, ...args);
         break;
-      case 3 /* ERROR */:
+      case "error":
         console.error(formattedMessage, ...args);
         break;
       default:
@@ -4239,25 +4312,25 @@ var Logger = class _Logger {
    * Log debug message
    */
   debug(message, ...args) {
-    this.logMessage(0 /* DEBUG */, message, ...args);
+    this.logMessage("debug", message, ...args);
   }
   /**
    * Log info message
    */
   info(message, ...args) {
-    this.logMessage(1 /* INFO */, message, ...args);
+    this.logMessage("info", message, ...args);
   }
   /**
    * Log warning message
    */
   warn(message, ...args) {
-    this.logMessage(2 /* WARN */, message, ...args);
+    this.logMessage("warn", message, ...args);
   }
   /**
    * Log error message
    */
   error(message, ...args) {
-    this.logMessage(3 /* ERROR */, message, ...args);
+    this.logMessage("error", message, ...args);
   }
   /**
    * Create a child logger with additional prefix
@@ -4298,7 +4371,7 @@ var createComponentLogger = (component) => {
 var createPackageLogger = (packageName) => {
   return createLogger({
     prefix: `${PREFIX} - ${packageName}`,
-    level: 1 /* INFO */,
+    level: "info",
     timestamps: true,
     showLevel: true
   });
@@ -4329,12 +4402,12 @@ var createPackageComponentLogger = (packageName, component) => {
   FieldType,
   FlowMode,
   IsomorphicCrypto,
-  LogLevel,
   OIDCRequestConstants,
   StorageManager,
   TokenConstants,
   VendorConstants,
   WellKnownSchemaIds,
+  bem,
   configureLogger,
   createComponentLogger,
   createLogger,
@@ -4352,6 +4425,7 @@ var createPackageComponentLogger = (packageName, component) => {
   extractPkceStorageKeyFromState,
   extractUserClaimsFromIdToken,
   flattenUserSchema,
+  formatDate,
   generateFlattenedUserProfile,
   generateUserProfile,
   get,