@asgardeo/javascript 0.1.8 → 0.1.10

package/dist/cjs/index.js

@@ -46,6 +46,7 @@ __export(index_exports, {
   TokenConstants: () => TokenConstants_default,
   VendorConstants: () => VendorConstants_default,
   WellKnownSchemaIds: () => WellKnownSchemaIds,
+  bem: () => bem_default,
   configureLogger: () => configure,
   createComponentLogger: () => createComponentLogger,
   createLogger: () => createLogger,
@@ -63,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,
@@ -702,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;
@@ -726,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}")`;
   }
 };
 
@@ -2796,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"
     );
   }
@@ -2995,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"
   },
@@ -3091,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"
   },
@@ -3245,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;
   }
@@ -3334,10 +3363,31 @@ var toCssVariables = (theme) => {
       }
     });
   }
+  if (theme.components?.Button?.styleOverrides?.root?.borderRadius) {
+    cssVars[`--${prefix}-component-button-root-borderRadius`] = theme.components.Button.styleOverrides.root.borderRadius;
+  }
+  if (theme.components?.Field?.styleOverrides?.root?.borderRadius) {
+    cssVars[`--${prefix}-component-field-root-borderRadius`] = theme.components.Field.styleOverrides.root.borderRadius;
+  }
   return cssVars;
 };
 var toThemeVars = (theme) => {
   const prefix = theme.cssVarPrefix || VendorConstants_default.VENDOR_PREFIX;
+  const componentVars = {};
+  if (theme.components?.Button?.styleOverrides?.root?.borderRadius) {
+    componentVars.Button = {
+      root: {
+        borderRadius: `var(--${prefix}-component-button-root-borderRadius)`
+      }
+    };
+  }
+  if (theme.components?.Field?.styleOverrides?.root?.borderRadius) {
+    componentVars.Field = {
+      root: {
+        borderRadius: `var(--${prefix}-component-field-root-borderRadius)`
+      }
+    };
+  }
   const themeVars = {
     colors: {
       action: {
@@ -3372,6 +3422,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)`
@@ -3434,6 +3488,9 @@ var toThemeVars = (theme) => {
       };
     });
   }
+  if (Object.keys(componentVars).length > 0) {
+    themeVars.components = componentVars;
+  }
   return themeVars;
 };
 var createTheme = (config = {}, isDark = false) => {
@@ -3494,6 +3551,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]";
@@ -3802,6 +3887,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",
@@ -3910,7 +4000,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) => {
@@ -3921,7 +4014,7 @@ var transformThemeVariant = (themeVariant, isDark = false) => {
   const buttons = themeVariant.buttons;
   const inputs = themeVariant.inputs;
   const images = themeVariant.images;
-  return {
+  const config = {
     colors: {
       action: {
         active: isDark ? "rgba(255, 255, 255, 0.70)" : "rgba(0, 0, 0, 0.54)",
@@ -3937,45 +4030,51 @@ 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
-    borderRadius: {
-      small: buttons?.primary?.base?.border?.borderRadius || inputs?.base?.border?.borderRadius,
-      medium: buttons?.secondary?.base?.border?.borderRadius,
-      large: buttons?.externalConnection?.base?.border?.borderRadius
-    },
-    // Extract and transform images
     images: {
       favicon: images?.favicon ? {
         url: images.favicon.imgURL,
@@ -3989,6 +4088,31 @@ var transformThemeVariant = (themeVariant, isDark = false) => {
       } : void 0
     }
   };
+  const buttonBorderRadius = buttons?.primary?.base?.border?.borderRadius;
+  const fieldBorderRadius = inputs?.base?.border?.borderRadius;
+  if (buttonBorderRadius || fieldBorderRadius) {
+    config.components = {
+      ...buttonBorderRadius && {
+        Button: {
+          styleOverrides: {
+            root: {
+              borderRadius: buttonBorderRadius
+            }
+          }
+        }
+      },
+      ...fieldBorderRadius && {
+        Field: {
+          styleOverrides: {
+            root: {
+              borderRadius: fieldBorderRadius
+            }
+          }
+        }
+      }
+    };
+  }
+  return config;
 };
 var transformBrandingPreferenceToTheme = (brandingPreference, forceTheme) => {
   const themeConfig = brandingPreference?.preference?.theme;
@@ -4325,6 +4449,7 @@ var createPackageComponentLogger = (packageName, component) => {
   TokenConstants,
   VendorConstants,
   WellKnownSchemaIds,
+  bem,
   configureLogger,
   createComponentLogger,
   createLogger,
@@ -4342,6 +4467,7 @@ var createPackageComponentLogger = (packageName, component) => {
   extractPkceStorageKeyFromState,
   extractUserClaimsFromIdToken,
   flattenUserSchema,
+  formatDate,
   generateFlattenedUserProfile,
   generateUserProfile,
   get,