@asgardeo/javascript 0.1.7 → 0.1.9

package/dist/index.d.ts

@@ -62,6 +62,8 @@ export { I18nBundle, I18nTranslations, I18nMetadata } from './models/i18n';
 export { default as AsgardeoJavaScriptClient } from './AsgardeoJavaScriptClient';
 export { default as createTheme } from './theme/createTheme';
 export { ThemeColors, ThemeConfig, Theme, ThemeMode, ThemeDetection } from './theme/types';
+export { default as bem } from './utils/bem';
+export { default as formatDate } from './utils/formatDate';
 export { default as processUsername } from './utils/processUsername';
 export { default as deepMerge } from './utils/deepMerge';
 export { default as deriveOrganizationHandleFromBaseUrl } from './utils/deriveOrganizationHandleFromBaseUrl';

package/dist/index.js

@@ -615,14 +615,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;
@@ -639,8 +632,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}")`;
   }
 };
 
@@ -1411,9 +1406,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;
   }
   /**
@@ -2709,10 +2704,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"
     );
   }
@@ -2908,34 +2903,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"
   },
@@ -3004,34 +3012,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"
   },
@@ -3158,6 +3179,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;
   }
@@ -3285,6 +3312,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)`
@@ -3407,6 +3438,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]";
@@ -3715,6 +3774,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",
@@ -3823,7 +3887,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) => {
@@ -3850,36 +3917,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
@@ -3929,17 +4009,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
@@ -4005,13 +4077,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";
@@ -4032,16 +4104,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:
@@ -4089,16 +4161,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:
@@ -4109,16 +4181,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:
@@ -4131,16 +4203,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:
@@ -4151,25 +4223,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
@@ -4210,7 +4282,7 @@ var createComponentLogger = (component) => {
 var createPackageLogger = (packageName) => {
   return createLogger({
     prefix: `${PREFIX} - ${packageName}`,
-    level: 1 /* INFO */,
+    level: "info",
     timestamps: true,
     showLevel: true
   });
@@ -4240,12 +4312,12 @@ export {
   FieldType,
   FlowMode,
   IsomorphicCrypto,
-  LogLevel,
   OIDCRequestConstants_default as OIDCRequestConstants,
   StorageManager_default as StorageManager,
   TokenConstants_default as TokenConstants,
   VendorConstants_default as VendorConstants,
   WellKnownSchemaIds,
+  bem_default as bem,
   configure as configureLogger,
   createComponentLogger,
   createLogger,
@@ -4263,6 +4335,7 @@ export {
   extractPkceStorageKeyFromState_default as extractPkceStorageKeyFromState,
   extractUserClaimsFromIdToken_default as extractUserClaimsFromIdToken,
   flattenUserSchema_default as flattenUserSchema,
+  formatDate_default as formatDate,
   generateFlattenedUserProfile_default as generateFlattenedUserProfile,
   generateUserProfile_default as generateUserProfile,
   get_default as get,