@asgardeo/javascript 0.20.1 → 0.22.0

package/dist/edge/index.js

@@ -952,6 +952,16 @@ var StorageManager = class _StorageManager {
 };
 var StorageManager_default = StorageManager;
 
+// src/utils/base64Encode.ts
+import * as jose from "jose";
+var base64Encode = (value) => {
+  const b64url = jose.base64url.encode(new TextEncoder().encode(value));
+  const rem = b64url.length % 4;
+  const padded = rem === 0 ? b64url : b64url + "=".repeat(4 - rem);
+  return padded.replace(/-/g, "+").replace(/_/g, "/");
+};
+var base64Encode_default = base64Encode;
+
 // src/utils/deepMerge.ts
 var isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value) && !(value instanceof Date) && !(value instanceof RegExp) && Object.prototype.toString.call(value) === "[object Object]";
 var deepMerge = (target, ...sources) => {
@@ -1318,7 +1328,9 @@ var _AsgardeoAuthClient = class _AsgardeoAuthClient {
     }
     const body = new URLSearchParams();
     body.set("client_id", configData.clientId);
-    if (configData.clientSecret && configData.clientSecret.trim().length > 0) {
+    const hasSecret = Boolean(configData.clientSecret && configData.clientSecret.trim().length > 0);
+    const tokenEndpointAuthMethod = configData.tokenRequest?.authMethod ?? (configData.platform === "AsgardeoV2" /* AsgardeoV2 */ ? "client_secret_basic" : "client_secret_post");
+    if (hasSecret && tokenEndpointAuthMethod === "client_secret_post") {
       body.set("client_secret", configData.clientSecret);
     }
     const code = authorizationCode;
@@ -1337,15 +1349,22 @@ var _AsgardeoAuthClient = class _AsgardeoAuthClient {
       );
       await this.storageManager.removeTemporaryDataParameter(extractPkceStorageKeyFromState_default(state), userId);
     }
+    const tokenRequestHeaders = {
+      Accept: "application/json",
+      "Content-Type": "application/x-www-form-urlencoded"
+    };
+    if (hasSecret && tokenEndpointAuthMethod === "client_secret_basic") {
+      const credential = `${encodeURIComponent(configData.clientId)}:${encodeURIComponent(
+        configData.clientSecret
+      )}`;
+      tokenRequestHeaders["Authorization"] = `Basic ${base64Encode_default(credential)}`;
+    }
     let tokenResponse;
     try {
       tokenResponse = await fetch(tokenEndpoint, {
         body,
         credentials: configData.sendCookiesInRequests ? "include" : "same-origin",
-        headers: {
-          Accept: "application/json",
-          "Content-Type": "application/x-www-form-urlencoded"
-        },
+        headers: tokenRequestHeaders,
         method: "POST"
       });
     } catch (error2) {
@@ -2957,171 +2976,533 @@ var updateMeProfile = async ({
 };
 var updateMeProfile_default = updateMeProfile;
 
-// src/api/getBrandingPreference.ts
-var getBrandingPreference = async ({
-  baseUrl,
-  locale,
-  name,
-  type,
-  fetcher,
-  ...requestConfig
-}) => {
-  try {
-    new URL(baseUrl);
-  } catch (error2) {
-    throw new AsgardeoAPIError(
-      `Invalid base URL provided. ${error2?.toString()}`,
-      "getBrandingPreference-ValidationError-001",
-      "javascript",
-      400,
-      "The provided `baseUrl` does not adhere to the URL schema."
-    );
+// src/utils/logger.ts
+var PREFIX = "\u{1F6E1}\uFE0F Asgardeo";
+var DEFAULT_CONFIG = {
+  level: "info",
+  prefix: `${PREFIX}`,
+  showLevel: true,
+  timestamps: true
+};
+var isBrowser = () => (
+  /* @ts-ignore */
+  typeof window !== "undefined" && typeof window.document !== "undefined"
+);
+var isNode = () => (
+  /* @ts-ignore */
+  typeof process !== "undefined" && void 0
+);
+var COLORS = {
+  blue: "\x1B[34m",
+  bright: "\x1B[1m",
+  cyan: "\x1B[36m",
+  dim: "\x1B[2m",
+  gray: "\x1B[90m",
+  green: "\x1B[32m",
+  magenta: "\x1B[35m",
+  red: "\x1B[31m",
+  reset: "\x1B[0m",
+  white: "\x1B[37m",
+  yellow: "\x1B[33m"
+};
+var BROWSER_STYLES = {
+  debug: "color: #6b7280; font-weight: normal;",
+  error: "color: #dc2626; font-weight: bold;",
+  info: "color: #2563eb; font-weight: bold;",
+  prefix: "color: #7c3aed; font-weight: bold;",
+  timestamp: "color: #6b7280; font-size: 0.9em;",
+  warn: "color: #d97706; font-weight: bold;"
+};
+var LOG_LEVEL_ORDER = {
+  debug: 0,
+  error: 3,
+  info: 1,
+  warn: 2
+};
+var Logger = class _Logger {
+  constructor(config = {}) {
+    __publicField(this, "config");
+    this.config = { ...DEFAULT_CONFIG, ...config };
   }
-  const queryParams = new URLSearchParams(
-    Object.fromEntries(
-      Object.entries({
-        locale: locale || "",
-        name: name || "",
-        type: type || ""
-      }).filter(([, value]) => Boolean(value))
-    )
-  );
-  const fetchFn = fetcher || fetch;
-  const resolvedUrl = `${baseUrl}/api/server/v1/branding-preference/resolve${queryParams.toString() ? `?${queryParams.toString()}` : ""}`;
-  const requestInit = {
-    ...requestConfig,
-    headers: {
-      Accept: "application/json",
-      "Content-Type": "application/json",
-      ...requestConfig.headers
-    },
-    method: "GET"
-  };
-  try {
-    const response = await fetchFn(resolvedUrl, requestInit);
-    if (!response?.ok) {
-      const errorText = await response.text();
-      throw new AsgardeoAPIError(
-        errorText,
-        "getBrandingPreference-ResponseError-001",
-        "javascript",
-        response.status,
-        response.statusText,
-        "Failed to get branding preference"
-      );
-    }
-    const data = await response.json();
-    return data;
-  } catch (error2) {
-    if (error2 instanceof AsgardeoAPIError) {
-      throw error2;
-    }
-    throw new AsgardeoAPIError(
-      `Network or parsing error: ${error2 instanceof Error ? error2.message : "Unknown error"}`,
-      "getBrandingPreference-NetworkError-001",
-      "javascript",
-      0,
-      "Network Error"
-    );
+  /**
+   * Update logger configuration
+   */
+  configure(config) {
+    this.config = { ...this.config, ...config };
   }
-};
-var getBrandingPreference_default = getBrandingPreference;
-
-// src/models/v2/embedded-signin-flow-v2.ts
-var EmbeddedSignInFlowStatus = /* @__PURE__ */ ((EmbeddedSignInFlowStatus3) => {
-  EmbeddedSignInFlowStatus3["Complete"] = "COMPLETE";
-  EmbeddedSignInFlowStatus3["Error"] = "ERROR";
-  EmbeddedSignInFlowStatus3["Incomplete"] = "INCOMPLETE";
-  return EmbeddedSignInFlowStatus3;
-})(EmbeddedSignInFlowStatus || {});
-var EmbeddedSignInFlowType = /* @__PURE__ */ ((EmbeddedSignInFlowType3) => {
-  EmbeddedSignInFlowType3["Redirection"] = "REDIRECTION";
-  EmbeddedSignInFlowType3["View"] = "VIEW";
-  return EmbeddedSignInFlowType3;
-})(EmbeddedSignInFlowType || {});
-
-// src/api/v2/executeEmbeddedSignInFlowV2.ts
-var executeEmbeddedSignInFlowV2 = async ({
-  url,
-  baseUrl,
-  payload,
-  authId,
-  ...requestConfig
-}) => {
-  if (!payload) {
-    throw new AsgardeoAPIError(
-      "Authorization payload is required",
-      "executeEmbeddedSignInFlow-ValidationError-002",
-      "javascript",
-      400,
-      "If an authorization payload is not provided, the request cannot be constructed correctly."
-    );
+  /**
+   * Get current configuration
+   */
+  getConfig() {
+    return { ...this.config };
   }
-  const endpoint = url ?? `${baseUrl}/flow/execute`;
-  const cleanPayload = typeof payload === "object" && payload !== null ? Object.fromEntries(Object.entries(payload).filter(([key]) => key !== "verbose")) : payload;
-  const hasOnlyAppIdAndFlowType = typeof cleanPayload === "object" && cleanPayload !== null && "applicationId" in cleanPayload && "flowType" in cleanPayload && Object.keys(cleanPayload).length === 2;
-  const hasOnlyFlowId = typeof cleanPayload === "object" && cleanPayload !== null && "executionId" in cleanPayload && Object.keys(cleanPayload).length === 1;
-  const requestPayload = hasOnlyAppIdAndFlowType || hasOnlyFlowId ? { ...cleanPayload, verbose: true } : cleanPayload;
-  const response = await fetch(endpoint, {
-    ...requestConfig,
-    body: JSON.stringify(requestPayload),
-    headers: {
-      Accept: "application/json",
-      "Content-Type": "application/json",
-      ...requestConfig.headers
-    },
-    method: requestConfig.method || "POST"
-  });
-  if (!response.ok) {
-    const errorText = await response.text();
-    throw new AsgardeoAPIError(
-      errorText,
-      "executeEmbeddedSignInFlow-ResponseError-001",
-      "javascript",
-      response.status,
-      response.statusText,
-      "Authorization request failed"
-    );
+  /**
+   * Check if a log level should be output
+   */
+  shouldLog(level) {
+    return LOG_LEVEL_ORDER[level] >= LOG_LEVEL_ORDER[this.config.level];
   }
-  const flowResponse = await response.json();
-  if (flowResponse.flowStatus === "COMPLETE" /* Complete */ && flowResponse.assertion && authId) {
-    try {
-      const oauth2Response = await fetch(`${baseUrl}/oauth2/auth/callback`, {
-        body: JSON.stringify({
-          assertion: flowResponse.assertion,
-          authId
-        }),
-        credentials: "include",
-        headers: {
-          Accept: "application/json",
-          "Content-Type": "application/json",
-          ...requestConfig.headers
-        },
-        method: "POST"
-      });
-      if (!oauth2Response.ok) {
-        const oauth2ErrorText = await oauth2Response.text();
-        throw new AsgardeoAPIError(
-          `OAuth2 authorization failed: ${oauth2ErrorText}`,
-          "executeEmbeddedSignInFlow-OAuth2Error-002",
-          "javascript",
-          oauth2Response.status,
-          oauth2Response.statusText
-        );
-      }
-      const oauth2Result = await oauth2Response.json();
-      return {
-        flowStatus: flowResponse.flowStatus,
-        redirectUrl: oauth2Result["redirect_uri"]
-      };
-    } catch (authError) {
-      throw new AsgardeoAPIError(
-        `OAuth2 authorization failed: ${authError instanceof Error ? authError.message : "Unknown error"}`,
-        "executeEmbeddedSignInFlow-OAuth2Error-001",
-        "javascript",
-        500,
-        "Failed to complete OAuth2 authorization after successful embedded sign-in flow."
-      );
+  /**
+   * Get timestamp string
+   */
+  static getTimestamp() {
+    return (/* @__PURE__ */ new Date()).toISOString();
+  }
+  /**
+   * Get log level string
+   */
+  static getLevelString(level) {
+    switch (level) {
+      case "debug":
+        return "DEBUG";
+      case "info":
+        return "INFO";
+      case "warn":
+        return "WARN";
+      case "error":
+        return "ERROR";
+      default:
+        return "UNKNOWN";
+    }
+  }
+  /**
+   * Format message for Node.js terminal
+   */
+  formatForNode(level, message) {
+    const parts = [];
+    if (this.config.timestamps) {
+      parts.push(`${COLORS.gray}[${_Logger.getTimestamp()}]${COLORS.reset}`);
+    }
+    if (this.config.prefix) {
+      parts.push(`${COLORS.magenta}${this.config.prefix}${COLORS.reset}`);
+    }
+    if (this.config.showLevel) {
+      const levelStr = _Logger.getLevelString(level);
+      let coloredLevel;
+      switch (level) {
+        case "debug":
+          coloredLevel = `${COLORS.gray}[${levelStr}]${COLORS.reset}`;
+          break;
+        case "info":
+          coloredLevel = `${COLORS.blue}[${levelStr}]${COLORS.reset}`;
+          break;
+        case "warn":
+          coloredLevel = `${COLORS.yellow}[${levelStr}]${COLORS.reset}`;
+          break;
+        case "error":
+          coloredLevel = `${COLORS.red}[${levelStr}]${COLORS.reset}`;
+          break;
+        default:
+          coloredLevel = `[${levelStr}]`;
+      }
+      parts.push(coloredLevel);
+    }
+    parts.push(message);
+    return parts.join(" ");
+  }
+  /**
+   * Log message using appropriate method
+   */
+  logMessage(level, message, ...args) {
+    if (!this.shouldLog(level)) {
+      return;
+    }
+    if (this.config.formatter) {
+      this.config.formatter(level, message, ...args);
+      return;
+    }
+    if (isBrowser()) {
+      this.logToBrowser(level, message, ...args);
+    } else if (isNode()) {
+      this.logToNode(level, message, ...args);
+    } else {
+      console.log(message, ...args);
+    }
+  }
+  /**
+   * Log to browser console with styling
+   */
+  logToBrowser(level, message, ...args) {
+    const parts = [];
+    const styles = [];
+    if (this.config.timestamps) {
+      parts.push(`%c[${_Logger.getTimestamp()}]`);
+      styles.push(BROWSER_STYLES.timestamp);
+    }
+    if (this.config.prefix) {
+      parts.push(`%c${this.config.prefix}`);
+      styles.push(BROWSER_STYLES.prefix);
+    }
+    if (this.config.showLevel) {
+      const levelStr = _Logger.getLevelString(level);
+      parts.push(`%c[${levelStr}]`);
+      switch (level) {
+        case "debug":
+          styles.push(BROWSER_STYLES.debug);
+          break;
+        case "info":
+          styles.push(BROWSER_STYLES.info);
+          break;
+        case "warn":
+          styles.push(BROWSER_STYLES.warn);
+          break;
+        case "error":
+          styles.push(BROWSER_STYLES.error);
+          break;
+        default:
+          styles.push("");
+      }
+    }
+    parts.push(`%c${message}`);
+    styles.push("color: inherit; font-weight: normal;");
+    const formattedMessage = parts.join(" ");
+    switch (level) {
+      case "debug":
+        console.debug(formattedMessage, ...styles, ...args);
+        break;
+      case "info":
+        console.info(formattedMessage, ...styles, ...args);
+        break;
+      case "warn":
+        console.warn(formattedMessage, ...styles, ...args);
+        break;
+      case "error":
+        console.error(formattedMessage, ...styles, ...args);
+        break;
+      default:
+        console.log(formattedMessage, ...styles, ...args);
+    }
+  }
+  /**
+   * Log to Node.js console
+   */
+  logToNode(level, message, ...args) {
+    const formattedMessage = this.formatForNode(level, message);
+    switch (level) {
+      case "debug":
+        console.debug(formattedMessage, ...args);
+        break;
+      case "info":
+        console.info(formattedMessage, ...args);
+        break;
+      case "warn":
+        console.warn(formattedMessage, ...args);
+        break;
+      case "error":
+        console.error(formattedMessage, ...args);
+        break;
+      default:
+        console.log(formattedMessage, ...args);
+    }
+  }
+  /**
+   * Log debug message
+   */
+  debug(message, ...args) {
+    this.logMessage("debug", message, ...args);
+  }
+  /**
+   * Log info message
+   */
+  info(message, ...args) {
+    this.logMessage("info", message, ...args);
+  }
+  /**
+   * Log warning message
+   */
+  warn(message, ...args) {
+    this.logMessage("warn", message, ...args);
+  }
+  /**
+   * Log error message
+   */
+  error(message, ...args) {
+    this.logMessage("error", message, ...args);
+  }
+  /**
+   * Create a child logger with additional prefix
+   */
+  child(prefix) {
+    const childPrefix = this.config.prefix ? `${this.config.prefix} - ${prefix}` : prefix;
+    return new _Logger({
+      ...this.config,
+      prefix: childPrefix
+    });
+  }
+  /**
+   * Set log level
+   */
+  setLevel(level) {
+    this.config.level = level;
+  }
+  /**
+   * Get current log level
+   */
+  getLevel() {
+    return this.config.level;
+  }
+};
+var logger = new Logger();
+var createLogger = (config) => new Logger(config);
+var logger_default = logger;
+var debug = (message, ...args) => logger.debug(message, ...args);
+var info = (message, ...args) => logger.info(message, ...args);
+var warn = (message, ...args) => logger.warn(message, ...args);
+var error = (message, ...args) => logger.error(message, ...args);
+var configure = (config) => logger.configure(config);
+var createComponentLogger = (component) => logger.child(component);
+var createPackageLogger = (packageName) => createLogger({
+  level: "info",
+  prefix: `${PREFIX} - ${packageName}`,
+  showLevel: true,
+  timestamps: true
+});
+var createPackageComponentLogger = (packageName, component) => {
+  const packageLogger = createPackageLogger(packageName);
+  return packageLogger.child(component);
+};
+
+// src/utils/isRecognizedBaseUrlPattern.ts
+var isRecognizedBaseUrlPattern = (baseUrl) => {
+  if (!baseUrl) {
+    throw new AsgardeoRuntimeError(
+      "Base URL is required to derive if the `baseUrl` is recognized.",
+      "isRecognizedBaseUrlPattern-ValidationError-001",
+      "javascript",
+      "A valid base URL must be provided to derive if the `baseUrl` is recognized to use the sensible fallbacks."
+    );
+  }
+  let parsedUrl;
+  try {
+    parsedUrl = new URL(baseUrl);
+  } catch (error2) {
+    throw new AsgardeoRuntimeError(
+      `Invalid base URL format: ${baseUrl}`,
+      "isRecognizedBaseUrlPattern-ValidationError-002",
+      "javascript",
+      "The provided base URL does not conform to valid URL syntax."
+    );
+  }
+  const pathSegments = parsedUrl.pathname?.split("/")?.filter((segment) => segment?.length > 0);
+  if (pathSegments.length < 2 || pathSegments[0] !== "t") {
+    logger_default.warn(
+      "[isRecognizedBaseUrlPattern] The provided base URL does not follow the expected URL pattern (/t/{orgHandle})."
+    );
+    return false;
+  }
+  return true;
+};
+var isRecognizedBaseUrlPattern_default = isRecognizedBaseUrlPattern;
+
+// src/utils/identifyPlatform.ts
+var identifyPlatform = (config) => {
+  const { baseUrl } = config;
+  try {
+    if (isRecognizedBaseUrlPattern_default(baseUrl)) {
+      try {
+        const url = new URL(baseUrl);
+        if (/\.asgardeo\.io$/i.test(url.hostname) || /asgardeo\.io$/i.test(url.hostname)) {
+          return "ASGARDEO" /* Asgardeo */;
+        }
+      } catch {
+        logger_default.debug(
+          `[identifyPlatform] Could not identify platform from the base URL: ${baseUrl}. Defaulting to WSO2 Identity Server as the platform.`
+        );
+      }
+      return "IDENTITY_SERVER" /* IdentityServer */;
+    }
+    return "UNKNOWN" /* Unknown */;
+  } catch (error2) {
+    logger_default.debug(`[identifyPlatform] Error identifying platform from base URL: ${baseUrl}. Error: ${error2.message}`);
+    return "UNKNOWN" /* Unknown */;
+  }
+};
+var identifyPlatform_default = identifyPlatform;
+
+// src/api/getBrandingPreference.ts
+var getBrandingPreference = async ({
+  baseUrl,
+  locale,
+  name,
+  type,
+  fetcher,
+  ...requestConfig
+}) => {
+  try {
+    new URL(baseUrl);
+  } catch (error2) {
+    throw new AsgardeoAPIError(
+      `Invalid base URL provided. ${error2?.toString()}`,
+      "getBrandingPreference-ValidationError-001",
+      "javascript",
+      400,
+      "The provided `baseUrl` does not adhere to the URL schema."
+    );
+  }
+  const queryParams = new URLSearchParams(
+    Object.fromEntries(
+      Object.entries({
+        locale: locale || "",
+        name: name || "",
+        type: type || ""
+      }).filter(([, value]) => Boolean(value))
+    )
+  );
+  const fetchFn = fetcher || fetch;
+  const resolvedUrl = `${baseUrl}/api/server/v1/branding-preference/resolve${queryParams.toString() ? `?${queryParams.toString()}` : ""}`;
+  const requestInit = {
+    ...requestConfig,
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json",
+      ...requestConfig.headers
+    },
+    method: "GET"
+  };
+  try {
+    const response = await fetchFn(resolvedUrl, requestInit);
+    if (!response?.ok) {
+      const errorText = await response.text();
+      const platform = identifyPlatform_default({ baseUrl });
+      let errorDescription;
+      try {
+        const errorBody = JSON.parse(errorText);
+        errorDescription = errorBody?.description || errorBody?.message || errorText;
+      } catch {
+        errorDescription = errorText;
+      }
+      let platformConsoleGuidance;
+      if (platform === "ASGARDEO" /* Asgardeo */) {
+        platformConsoleGuidance = "configure branding preferences in the Asgardeo console";
+      } else if (platform === "IDENTITY_SERVER" /* IdentityServer */) {
+        platformConsoleGuidance = "configure branding preferences in the WSO2 Identity Server console";
+      } else {
+        platformConsoleGuidance = "configure branding preferences in the platform console";
+      }
+      logger_default.warn(
+        `[BrandingError] ${errorDescription} To resolve this issue, please ${platformConsoleGuidance}. If you want to suppress this warning and stop fetching branding preferences, set \`<AsgardeoProvider>\` -> \`preferences\` -> \`theme\` -> \`inheritFromBranding\` to false.`
+      );
+      throw new AsgardeoAPIError(
+        errorText,
+        "getBrandingPreference-ResponseError-001",
+        "javascript",
+        response.status,
+        response.statusText,
+        "Failed to get branding preference"
+      );
+    }
+    const data = await response.json();
+    return data;
+  } catch (error2) {
+    if (error2 instanceof AsgardeoAPIError) {
+      throw error2;
+    }
+    throw new AsgardeoAPIError(
+      `Network or parsing error: ${error2 instanceof Error ? error2.message : "Unknown error"}`,
+      "getBrandingPreference-NetworkError-001",
+      "javascript",
+      0,
+      "Network Error"
+    );
+  }
+};
+var getBrandingPreference_default = getBrandingPreference;
+
+// src/models/v2/embedded-signin-flow-v2.ts
+var EmbeddedSignInFlowStatus = /* @__PURE__ */ ((EmbeddedSignInFlowStatus3) => {
+  EmbeddedSignInFlowStatus3["Complete"] = "COMPLETE";
+  EmbeddedSignInFlowStatus3["Error"] = "ERROR";
+  EmbeddedSignInFlowStatus3["Incomplete"] = "INCOMPLETE";
+  return EmbeddedSignInFlowStatus3;
+})(EmbeddedSignInFlowStatus || {});
+var EmbeddedSignInFlowType = /* @__PURE__ */ ((EmbeddedSignInFlowType3) => {
+  EmbeddedSignInFlowType3["Redirection"] = "REDIRECTION";
+  EmbeddedSignInFlowType3["View"] = "VIEW";
+  return EmbeddedSignInFlowType3;
+})(EmbeddedSignInFlowType || {});
+
+// src/api/v2/executeEmbeddedSignInFlowV2.ts
+var executeEmbeddedSignInFlowV2 = async ({
+  url,
+  baseUrl,
+  payload,
+  authId,
+  ...requestConfig
+}) => {
+  if (!payload) {
+    throw new AsgardeoAPIError(
+      "Authorization payload is required",
+      "executeEmbeddedSignInFlow-ValidationError-002",
+      "javascript",
+      400,
+      "If an authorization payload is not provided, the request cannot be constructed correctly."
+    );
+  }
+  const endpoint = url ?? `${baseUrl}/flow/execute`;
+  const cleanPayload = typeof payload === "object" && payload !== null ? Object.fromEntries(Object.entries(payload).filter(([key]) => key !== "verbose")) : payload;
+  const hasOnlyAppIdAndFlowType = typeof cleanPayload === "object" && cleanPayload !== null && "applicationId" in cleanPayload && "flowType" in cleanPayload && Object.keys(cleanPayload).length === 2;
+  const hasOnlyFlowId = typeof cleanPayload === "object" && cleanPayload !== null && "executionId" in cleanPayload && Object.keys(cleanPayload).length === 1;
+  const requestPayload = hasOnlyAppIdAndFlowType || hasOnlyFlowId ? { ...cleanPayload, verbose: true } : cleanPayload;
+  const response = await fetch(endpoint, {
+    ...requestConfig,
+    body: JSON.stringify(requestPayload),
+    headers: {
+      Accept: "application/json",
+      "Content-Type": "application/json",
+      ...requestConfig.headers
+    },
+    method: requestConfig.method || "POST"
+  });
+  if (!response.ok) {
+    const errorText = await response.text();
+    throw new AsgardeoAPIError(
+      errorText,
+      "executeEmbeddedSignInFlow-ResponseError-001",
+      "javascript",
+      response.status,
+      response.statusText,
+      "Authorization request failed"
+    );
+  }
+  const flowResponse = await response.json();
+  if (flowResponse.flowStatus === "COMPLETE" /* Complete */ && flowResponse.assertion && authId) {
+    try {
+      const oauth2Response = await fetch(`${baseUrl}/oauth2/auth/callback`, {
+        body: JSON.stringify({
+          assertion: flowResponse.assertion,
+          authId
+        }),
+        credentials: "include",
+        headers: {
+          Accept: "application/json",
+          "Content-Type": "application/json",
+          ...requestConfig.headers
+        },
+        method: "POST"
+      });
+      if (!oauth2Response.ok) {
+        const oauth2ErrorText = await oauth2Response.text();
+        throw new AsgardeoAPIError(
+          `OAuth2 authorization failed: ${oauth2ErrorText}`,
+          "executeEmbeddedSignInFlow-OAuth2Error-002",
+          "javascript",
+          oauth2Response.status,
+          oauth2Response.statusText
+        );
+      }
+      const oauth2Result = await oauth2Response.json();
+      return {
+        flowStatus: flowResponse.flowStatus,
+        redirectUrl: oauth2Result["redirect_uri"]
+      };
+    } catch (authError) {
+      throw new AsgardeoAPIError(
+        `OAuth2 authorization failed: ${authError instanceof Error ? authError.message : "Unknown error"}`,
+        "executeEmbeddedSignInFlow-OAuth2Error-001",
+        "javascript",
+        500,
+        "Failed to complete OAuth2 authorization after successful embedded sign-in flow."
+      );
     }
   }
   return flowResponse;
@@ -3639,16 +4020,16 @@ var DefaultCacheStore = class {
 };
 
 // src/DefaultCrypto.ts
-import * as jose from "jose";
+import * as jose2 from "jose";
 var DefaultCrypto = class {
   // eslint-disable-next-line class-methods-use-this
   base64URLDecode(value) {
-    const decodedArray = jose.base64url.decode(value);
+    const decodedArray = jose2.base64url.decode(value);
     return new TextDecoder().decode(decodedArray);
   }
   // eslint-disable-next-line class-methods-use-this
   base64URLEncode(value) {
-    return jose.base64url.encode(value);
+    return jose2.base64url.encode(value);
   }
   // eslint-disable-next-line class-methods-use-this
   generateRandomBytes(length) {
@@ -3663,8 +4044,8 @@ var DefaultCrypto = class {
   }
   // eslint-disable-next-line class-methods-use-this
   async verifyJwt(idToken, jwk, algorithms, clientId, issuer, subject, clockTolerance, validateJwtIssuer = true) {
-    const key = await jose.importJWK(jwk);
-    await jose.jwtVerify(idToken, key, {
+    const key = await jose2.importJWK(jwk);
+    await jose2.jwtVerify(idToken, key, {
       algorithms,
       audience: [clientId],
       clockTolerance,
@@ -4119,660 +4500,374 @@ var toCssVariables = (theme) => {
   if (theme.colors?.background?.disabled) {
     cssVars[`--${prefix}-color-background-disabled`] = theme.colors.background.disabled;
   }
-  if (theme.colors?.background?.body?.main) {
-    cssVars[`--${prefix}-color-background-body-main`] = theme.colors.background.body.main;
-  }
-  if (theme.colors?.error?.main) {
-    cssVars[`--${prefix}-color-error-main`] = theme.colors.error.main;
-  }
-  if (theme.colors?.error?.contrastText) {
-    cssVars[`--${prefix}-color-error-contrastText`] = theme.colors.error.contrastText;
-  }
-  if (theme.colors?.error?.light) {
-    cssVars[`--${prefix}-color-error-light`] = theme.colors.error.light;
-  }
-  if (theme.colors?.success?.main) {
-    cssVars[`--${prefix}-color-success-main`] = theme.colors.success.main;
-  }
-  if (theme.colors?.success?.contrastText) {
-    cssVars[`--${prefix}-color-success-contrastText`] = theme.colors.success.contrastText;
-  }
-  if (theme.colors?.success?.light) {
-    cssVars[`--${prefix}-color-success-light`] = theme.colors.success.light;
-  }
-  if (theme.colors?.warning?.main) {
-    cssVars[`--${prefix}-color-warning-main`] = theme.colors.warning.main;
-  }
-  if (theme.colors?.warning?.contrastText) {
-    cssVars[`--${prefix}-color-warning-contrastText`] = theme.colors.warning.contrastText;
-  }
-  if (theme.colors?.warning?.light) {
-    cssVars[`--${prefix}-color-warning-light`] = theme.colors.warning.light;
-  }
-  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?.info?.light) {
-    cssVars[`--${prefix}-color-info-light`] = theme.colors.info.light;
-  }
-  if (theme.colors?.text?.primary) {
-    cssVars[`--${prefix}-color-text-primary`] = theme.colors.text.primary;
-  }
-  if (theme.colors?.text?.secondary) {
-    cssVars[`--${prefix}-color-text-secondary`] = theme.colors.text.secondary;
-  }
-  if (theme.colors?.border) {
-    cssVars[`--${prefix}-color-border`] = theme.colors.border;
-  }
-  if (theme.spacing?.unit !== void 0) {
-    cssVars[`--${prefix}-spacing-unit`] = `${theme.spacing.unit}px`;
-  }
-  if (theme.borderRadius?.small) {
-    cssVars[`--${prefix}-border-radius-small`] = theme.borderRadius.small;
-  }
-  if (theme.borderRadius?.medium) {
-    cssVars[`--${prefix}-border-radius-medium`] = theme.borderRadius.medium;
-  }
-  if (theme.borderRadius?.large) {
-    cssVars[`--${prefix}-border-radius-large`] = theme.borderRadius.large;
-  }
-  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;
-  }
-  if (theme.typography?.fontFamily) {
-    cssVars[`--${prefix}-typography-fontFamily`] = theme.typography.fontFamily;
-  }
-  if (theme.typography?.fontSizes?.xs) {
-    cssVars[`--${prefix}-typography-fontSize-xs`] = theme.typography.fontSizes.xs;
-  }
-  if (theme.typography?.fontSizes?.sm) {
-    cssVars[`--${prefix}-typography-fontSize-sm`] = theme.typography.fontSizes.sm;
-  }
-  if (theme.typography?.fontSizes?.md) {
-    cssVars[`--${prefix}-typography-fontSize-md`] = theme.typography.fontSizes.md;
-  }
-  if (theme.typography?.fontSizes?.lg) {
-    cssVars[`--${prefix}-typography-fontSize-lg`] = theme.typography.fontSizes.lg;
-  }
-  if (theme.typography?.fontSizes?.xl) {
-    cssVars[`--${prefix}-typography-fontSize-xl`] = theme.typography.fontSizes.xl;
-  }
-  if (theme.typography?.fontSizes?.["2xl"]) {
-    cssVars[`--${prefix}-typography-fontSize-2xl`] = theme.typography.fontSizes["2xl"];
-  }
-  if (theme.typography?.fontSizes?.["3xl"]) {
-    cssVars[`--${prefix}-typography-fontSize-3xl`] = theme.typography.fontSizes["3xl"];
-  }
-  if (theme.typography?.fontWeights?.normal !== void 0) {
-    cssVars[`--${prefix}-typography-fontWeight-normal`] = theme.typography.fontWeights.normal.toString();
-  }
-  if (theme.typography?.fontWeights?.medium !== void 0) {
-    cssVars[`--${prefix}-typography-fontWeight-medium`] = theme.typography.fontWeights.medium.toString();
-  }
-  if (theme.typography?.fontWeights?.semibold !== void 0) {
-    cssVars[`--${prefix}-typography-fontWeight-semibold`] = theme.typography.fontWeights.semibold.toString();
-  }
-  if (theme.typography?.fontWeights?.bold !== void 0) {
-    cssVars[`--${prefix}-typography-fontWeight-bold`] = theme.typography.fontWeights.bold.toString();
-  }
-  if (theme.typography?.lineHeights?.tight !== void 0) {
-    cssVars[`--${prefix}-typography-lineHeight-tight`] = theme.typography.lineHeights.tight.toString();
-  }
-  if (theme.typography?.lineHeights?.normal !== void 0) {
-    cssVars[`--${prefix}-typography-lineHeight-normal`] = theme.typography.lineHeights.normal.toString();
-  }
-  if (theme.typography?.lineHeights?.relaxed !== void 0) {
-    cssVars[`--${prefix}-typography-lineHeight-relaxed`] = theme.typography.lineHeights.relaxed.toString();
-  }
-  if (theme.images) {
-    Object.keys(theme.images).forEach((imageKey) => {
-      const imageConfig = theme.images[imageKey];
-      if (imageConfig?.url) {
-        cssVars[`--${prefix}-image-${imageKey}-url`] = imageConfig.url;
-      }
-      if (imageConfig?.title) {
-        cssVars[`--${prefix}-image-${imageKey}-title`] = imageConfig.title;
-      }
-      if (imageConfig?.alt) {
-        cssVars[`--${prefix}-image-${imageKey}-alt`] = imageConfig.alt;
-      }
-    });
-  }
-  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 = {
-    borderRadius: {
-      large: `var(--${prefix}-border-radius-large)`,
-      medium: `var(--${prefix}-border-radius-medium)`,
-      small: `var(--${prefix}-border-radius-small)`
-    },
-    colors: {
-      action: {
-        activatedOpacity: `var(--${prefix}-color-action-activatedOpacity)`,
-        active: `var(--${prefix}-color-action-active)`,
-        disabled: `var(--${prefix}-color-action-disabled)`,
-        disabledBackground: `var(--${prefix}-color-action-disabledBackground)`,
-        disabledOpacity: `var(--${prefix}-color-action-disabledOpacity)`,
-        focus: `var(--${prefix}-color-action-focus)`,
-        focusOpacity: `var(--${prefix}-color-action-focusOpacity)`,
-        hover: `var(--${prefix}-color-action-hover)`,
-        hoverOpacity: `var(--${prefix}-color-action-hoverOpacity)`,
-        selected: `var(--${prefix}-color-action-selected)`,
-        selectedOpacity: `var(--${prefix}-color-action-selectedOpacity)`
-      },
-      background: {
-        body: {
-          main: `var(--${prefix}-color-background-body-main)`
-        },
-        disabled: `var(--${prefix}-color-background-disabled)`,
-        surface: `var(--${prefix}-color-background-surface)`
-      },
-      border: `var(--${prefix}-color-border)`,
-      error: {
-        contrastText: `var(--${prefix}-color-error-contrastText)`,
-        main: `var(--${prefix}-color-error-main)`
-      },
-      info: {
-        contrastText: `var(--${prefix}-color-info-contrastText)`,
-        main: `var(--${prefix}-color-info-main)`
-      },
-      primary: {
-        contrastText: `var(--${prefix}-color-primary-contrastText)`,
-        main: `var(--${prefix}-color-primary-main)`
-      },
-      secondary: {
-        contrastText: `var(--${prefix}-color-secondary-contrastText)`,
-        main: `var(--${prefix}-color-secondary-main)`
-      },
-      success: {
-        contrastText: `var(--${prefix}-color-success-contrastText)`,
-        main: `var(--${prefix}-color-success-main)`
-      },
-      text: {
-        primary: `var(--${prefix}-color-text-primary)`,
-        secondary: `var(--${prefix}-color-text-secondary)`
-      },
-      warning: {
-        contrastText: `var(--${prefix}-color-warning-contrastText)`,
-        main: `var(--${prefix}-color-warning-main)`
-      }
-    },
-    shadows: {
-      large: `var(--${prefix}-shadow-large)`,
-      medium: `var(--${prefix}-shadow-medium)`,
-      small: `var(--${prefix}-shadow-small)`
-    },
-    spacing: {
-      unit: `var(--${prefix}-spacing-unit)`
-    },
-    typography: {
-      fontFamily: `var(--${prefix}-typography-fontFamily)`,
-      fontSizes: {
-        "2xl": `var(--${prefix}-typography-fontSize-2xl)`,
-        "3xl": `var(--${prefix}-typography-fontSize-3xl)`,
-        lg: `var(--${prefix}-typography-fontSize-lg)`,
-        md: `var(--${prefix}-typography-fontSize-md)`,
-        sm: `var(--${prefix}-typography-fontSize-sm)`,
-        xl: `var(--${prefix}-typography-fontSize-xl)`,
-        xs: `var(--${prefix}-typography-fontSize-xs)`
-      },
-      fontWeights: {
-        bold: `var(--${prefix}-typography-fontWeight-bold)`,
-        medium: `var(--${prefix}-typography-fontWeight-medium)`,
-        normal: `var(--${prefix}-typography-fontWeight-normal)`,
-        semibold: `var(--${prefix}-typography-fontWeight-semibold)`
-      },
-      lineHeights: {
-        normal: `var(--${prefix}-typography-lineHeight-normal)`,
-        relaxed: `var(--${prefix}-typography-lineHeight-relaxed)`,
-        tight: `var(--${prefix}-typography-lineHeight-tight)`
-      }
-    }
-  };
-  if (theme.images) {
-    themeVars.images = {};
-    Object.keys(theme.images).forEach((imageKey) => {
-      const imageConfig = theme.images[imageKey];
-      themeVars.images[imageKey] = {
-        alt: imageConfig?.alt ? `var(--${prefix}-image-${imageKey}-alt)` : void 0,
-        title: imageConfig?.title ? `var(--${prefix}-image-${imageKey}-title)` : void 0,
-        url: imageConfig?.url ? `var(--${prefix}-image-${imageKey}-url)` : void 0
-      };
-    });
-  }
-  if (Object.keys(componentVars).length > 0) {
-    themeVars.components = componentVars;
+  if (theme.colors?.background?.body?.main) {
+    cssVars[`--${prefix}-color-background-body-main`] = theme.colors.background.body.main;
   }
-  return themeVars;
-};
-var createTheme = (config = {}, isDark = false) => {
-  const baseTheme = isDark ? darkTheme : lightTheme;
-  const mergedConfig = {
-    ...baseTheme,
-    ...config,
-    borderRadius: {
-      ...baseTheme.borderRadius,
-      ...config.borderRadius
-    },
-    colors: {
-      ...baseTheme.colors,
-      ...config.colors,
-      action: {
-        ...baseTheme.colors.action,
-        ...config.colors?.action || {}
-      },
-      secondary: {
-        ...baseTheme.colors.secondary,
-        ...config.colors?.secondary || {}
-      }
-    },
-    images: {
-      ...baseTheme.images,
-      ...config.images
-    },
-    shadows: {
-      ...baseTheme.shadows,
-      ...config.shadows
-    },
-    spacing: {
-      ...baseTheme.spacing,
-      ...config.spacing
-    },
-    typography: {
-      ...baseTheme.typography,
-      ...config.typography,
-      fontSizes: {
-        ...baseTheme.typography.fontSizes,
-        ...config.typography?.fontSizes || {}
-      },
-      fontWeights: {
-        ...baseTheme.typography.fontWeights,
-        ...config.typography?.fontWeights || {}
-      },
-      lineHeights: {
-        ...baseTheme.typography.lineHeights,
-        ...config.typography?.lineHeights || {}
-      }
-    }
-  };
-  return {
-    ...mergedConfig,
-    cssVariables: toCssVariables(mergedConfig),
-    vars: toThemeVars(mergedConfig)
-  };
-};
-var DEFAULT_THEME = "light";
-var createTheme_default = createTheme;
-
-// src/utils/arrayBufferToBase64url.ts
-var arrayBufferToBase64url = (buffer) => {
-  const bytes = new Uint8Array(buffer);
-  let binary = "";
-  for (let i = 0; i < bytes.byteLength; i += 1) {
-    binary += String.fromCharCode(bytes[i]);
+  if (theme.colors?.error?.main) {
+    cssVars[`--${prefix}-color-error-main`] = theme.colors.error.main;
   }
-  return btoa(binary).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
-};
-var arrayBufferToBase64url_default = arrayBufferToBase64url;
-
-// src/utils/base64urlToArrayBuffer.ts
-var base64urlToArrayBuffer = (base64url2) => {
-  const padding = "=".repeat((4 - base64url2.length % 4) % 4);
-  const base64 = base64url2.replace(/-/g, "+").replace(/_/g, "/") + padding;
-  const binaryString = atob(base64);
-  const bytes = new Uint8Array(binaryString.length);
-  for (let i = 0; i < binaryString.length; i += 1) {
-    bytes[i] = binaryString.charCodeAt(i);
+  if (theme.colors?.error?.contrastText) {
+    cssVars[`--${prefix}-color-error-contrastText`] = theme.colors.error.contrastText;
   }
-  return bytes.buffer;
-};
-var base64urlToArrayBuffer_default = base64urlToArrayBuffer;
-
-// src/utils/bem.ts
-var bem = (baseClass, element, modifier) => {
-  let className = baseClass;
-  if (element) {
-    className += `__${element}`;
+  if (theme.colors?.error?.light) {
+    cssVars[`--${prefix}-color-error-light`] = theme.colors.error.light;
   }
-  if (modifier) {
-    className += `--${modifier}`;
+  if (theme.colors?.success?.main) {
+    cssVars[`--${prefix}-color-success-main`] = theme.colors.success.main;
   }
-  return className;
-};
-var bem_default = bem;
-
-// src/utils/formatDate.ts
-var formatDate = (dateString) => {
-  if (!dateString) return "-";
-  try {
-    return new Date(dateString).toLocaleDateString("en-US", {
-      day: "numeric",
-      month: "long",
-      year: "numeric"
-    });
-  } catch {
-    return dateString;
+  if (theme.colors?.success?.contrastText) {
+    cssVars[`--${prefix}-color-success-contrastText`] = theme.colors.success.contrastText;
   }
-};
-var formatDate_default = formatDate;
-
-// src/utils/logger.ts
-var PREFIX = "\u{1F6E1}\uFE0F Asgardeo";
-var DEFAULT_CONFIG = {
-  level: "info",
-  prefix: `${PREFIX}`,
-  showLevel: true,
-  timestamps: true
-};
-var isBrowser = () => (
-  /* @ts-ignore */
-  typeof window !== "undefined" && typeof window.document !== "undefined"
-);
-var isNode = () => (
-  /* @ts-ignore */
-  typeof process !== "undefined" && void 0
-);
-var COLORS = {
-  blue: "\x1B[34m",
-  bright: "\x1B[1m",
-  cyan: "\x1B[36m",
-  dim: "\x1B[2m",
-  gray: "\x1B[90m",
-  green: "\x1B[32m",
-  magenta: "\x1B[35m",
-  red: "\x1B[31m",
-  reset: "\x1B[0m",
-  white: "\x1B[37m",
-  yellow: "\x1B[33m"
-};
-var BROWSER_STYLES = {
-  debug: "color: #6b7280; font-weight: normal;",
-  error: "color: #dc2626; font-weight: bold;",
-  info: "color: #2563eb; font-weight: bold;",
-  prefix: "color: #7c3aed; font-weight: bold;",
-  timestamp: "color: #6b7280; font-size: 0.9em;",
-  warn: "color: #d97706; font-weight: bold;"
-};
-var LOG_LEVEL_ORDER = {
-  debug: 0,
-  error: 3,
-  info: 1,
-  warn: 2
-};
-var Logger = class _Logger {
-  constructor(config = {}) {
-    __publicField(this, "config");
-    this.config = { ...DEFAULT_CONFIG, ...config };
+  if (theme.colors?.success?.light) {
+    cssVars[`--${prefix}-color-success-light`] = theme.colors.success.light;
   }
-  /**
-   * Update logger configuration
-   */
-  configure(config) {
-    this.config = { ...this.config, ...config };
+  if (theme.colors?.warning?.main) {
+    cssVars[`--${prefix}-color-warning-main`] = theme.colors.warning.main;
+  }
+  if (theme.colors?.warning?.contrastText) {
+    cssVars[`--${prefix}-color-warning-contrastText`] = theme.colors.warning.contrastText;
+  }
+  if (theme.colors?.warning?.light) {
+    cssVars[`--${prefix}-color-warning-light`] = theme.colors.warning.light;
+  }
+  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?.info?.light) {
+    cssVars[`--${prefix}-color-info-light`] = theme.colors.info.light;
+  }
+  if (theme.colors?.text?.primary) {
+    cssVars[`--${prefix}-color-text-primary`] = theme.colors.text.primary;
+  }
+  if (theme.colors?.text?.secondary) {
+    cssVars[`--${prefix}-color-text-secondary`] = theme.colors.text.secondary;
+  }
+  if (theme.colors?.border) {
+    cssVars[`--${prefix}-color-border`] = theme.colors.border;
+  }
+  if (theme.spacing?.unit !== void 0) {
+    cssVars[`--${prefix}-spacing-unit`] = `${theme.spacing.unit}px`;
+  }
+  if (theme.borderRadius?.small) {
+    cssVars[`--${prefix}-border-radius-small`] = theme.borderRadius.small;
+  }
+  if (theme.borderRadius?.medium) {
+    cssVars[`--${prefix}-border-radius-medium`] = theme.borderRadius.medium;
+  }
+  if (theme.borderRadius?.large) {
+    cssVars[`--${prefix}-border-radius-large`] = theme.borderRadius.large;
+  }
+  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;
+  }
+  if (theme.typography?.fontFamily) {
+    cssVars[`--${prefix}-typography-fontFamily`] = theme.typography.fontFamily;
+  }
+  if (theme.typography?.fontSizes?.xs) {
+    cssVars[`--${prefix}-typography-fontSize-xs`] = theme.typography.fontSizes.xs;
+  }
+  if (theme.typography?.fontSizes?.sm) {
+    cssVars[`--${prefix}-typography-fontSize-sm`] = theme.typography.fontSizes.sm;
+  }
+  if (theme.typography?.fontSizes?.md) {
+    cssVars[`--${prefix}-typography-fontSize-md`] = theme.typography.fontSizes.md;
+  }
+  if (theme.typography?.fontSizes?.lg) {
+    cssVars[`--${prefix}-typography-fontSize-lg`] = theme.typography.fontSizes.lg;
+  }
+  if (theme.typography?.fontSizes?.xl) {
+    cssVars[`--${prefix}-typography-fontSize-xl`] = theme.typography.fontSizes.xl;
+  }
+  if (theme.typography?.fontSizes?.["2xl"]) {
+    cssVars[`--${prefix}-typography-fontSize-2xl`] = theme.typography.fontSizes["2xl"];
+  }
+  if (theme.typography?.fontSizes?.["3xl"]) {
+    cssVars[`--${prefix}-typography-fontSize-3xl`] = theme.typography.fontSizes["3xl"];
+  }
+  if (theme.typography?.fontWeights?.normal !== void 0) {
+    cssVars[`--${prefix}-typography-fontWeight-normal`] = theme.typography.fontWeights.normal.toString();
+  }
+  if (theme.typography?.fontWeights?.medium !== void 0) {
+    cssVars[`--${prefix}-typography-fontWeight-medium`] = theme.typography.fontWeights.medium.toString();
+  }
+  if (theme.typography?.fontWeights?.semibold !== void 0) {
+    cssVars[`--${prefix}-typography-fontWeight-semibold`] = theme.typography.fontWeights.semibold.toString();
+  }
+  if (theme.typography?.fontWeights?.bold !== void 0) {
+    cssVars[`--${prefix}-typography-fontWeight-bold`] = theme.typography.fontWeights.bold.toString();
   }
-  /**
-   * Get current configuration
-   */
-  getConfig() {
-    return { ...this.config };
+  if (theme.typography?.lineHeights?.tight !== void 0) {
+    cssVars[`--${prefix}-typography-lineHeight-tight`] = theme.typography.lineHeights.tight.toString();
   }
-  /**
-   * Check if a log level should be output
-   */
-  shouldLog(level) {
-    return LOG_LEVEL_ORDER[level] >= LOG_LEVEL_ORDER[this.config.level];
+  if (theme.typography?.lineHeights?.normal !== void 0) {
+    cssVars[`--${prefix}-typography-lineHeight-normal`] = theme.typography.lineHeights.normal.toString();
   }
-  /**
-   * Get timestamp string
-   */
-  static getTimestamp() {
-    return (/* @__PURE__ */ new Date()).toISOString();
+  if (theme.typography?.lineHeights?.relaxed !== void 0) {
+    cssVars[`--${prefix}-typography-lineHeight-relaxed`] = theme.typography.lineHeights.relaxed.toString();
   }
-  /**
-   * Get log level string
-   */
-  static getLevelString(level) {
-    switch (level) {
-      case "debug":
-        return "DEBUG";
-      case "info":
-        return "INFO";
-      case "warn":
-        return "WARN";
-      case "error":
-        return "ERROR";
-      default:
-        return "UNKNOWN";
-    }
+  if (theme.images) {
+    Object.keys(theme.images).forEach((imageKey) => {
+      const imageConfig = theme.images[imageKey];
+      if (imageConfig?.url) {
+        cssVars[`--${prefix}-image-${imageKey}-url`] = imageConfig.url;
+      }
+      if (imageConfig?.title) {
+        cssVars[`--${prefix}-image-${imageKey}-title`] = imageConfig.title;
+      }
+      if (imageConfig?.alt) {
+        cssVars[`--${prefix}-image-${imageKey}-alt`] = imageConfig.alt;
+      }
+    });
   }
-  /**
-   * Format message for Node.js terminal
-   */
-  formatForNode(level, message) {
-    const parts = [];
-    if (this.config.timestamps) {
-      parts.push(`${COLORS.gray}[${_Logger.getTimestamp()}]${COLORS.reset}`);
-    }
-    if (this.config.prefix) {
-      parts.push(`${COLORS.magenta}${this.config.prefix}${COLORS.reset}`);
-    }
-    if (this.config.showLevel) {
-      const levelStr = _Logger.getLevelString(level);
-      let coloredLevel;
-      switch (level) {
-        case "debug":
-          coloredLevel = `${COLORS.gray}[${levelStr}]${COLORS.reset}`;
-          break;
-        case "info":
-          coloredLevel = `${COLORS.blue}[${levelStr}]${COLORS.reset}`;
-          break;
-        case "warn":
-          coloredLevel = `${COLORS.yellow}[${levelStr}]${COLORS.reset}`;
-          break;
-        case "error":
-          coloredLevel = `${COLORS.red}[${levelStr}]${COLORS.reset}`;
-          break;
-        default:
-          coloredLevel = `[${levelStr}]`;
+  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)`
       }
-      parts.push(coloredLevel);
-    }
-    parts.push(message);
-    return parts.join(" ");
+    };
   }
-  /**
-   * Log message using appropriate method
-   */
-  logMessage(level, message, ...args) {
-    if (!this.shouldLog(level)) {
-      return;
-    }
-    if (this.config.formatter) {
-      this.config.formatter(level, message, ...args);
-      return;
-    }
-    if (isBrowser()) {
-      this.logToBrowser(level, message, ...args);
-    } else if (isNode()) {
-      this.logToNode(level, message, ...args);
-    } else {
-      console.log(message, ...args);
-    }
+  if (theme.components?.Field?.styleOverrides?.root?.borderRadius) {
+    componentVars.Field = {
+      root: {
+        borderRadius: `var(--${prefix}-component-field-root-borderRadius)`
+      }
+    };
   }
-  /**
-   * Log to browser console with styling
-   */
-  logToBrowser(level, message, ...args) {
-    const parts = [];
-    const styles = [];
-    if (this.config.timestamps) {
-      parts.push(`%c[${_Logger.getTimestamp()}]`);
-      styles.push(BROWSER_STYLES.timestamp);
-    }
-    if (this.config.prefix) {
-      parts.push(`%c${this.config.prefix}`);
-      styles.push(BROWSER_STYLES.prefix);
-    }
-    if (this.config.showLevel) {
-      const levelStr = _Logger.getLevelString(level);
-      parts.push(`%c[${levelStr}]`);
-      switch (level) {
-        case "debug":
-          styles.push(BROWSER_STYLES.debug);
-          break;
-        case "info":
-          styles.push(BROWSER_STYLES.info);
-          break;
-        case "warn":
-          styles.push(BROWSER_STYLES.warn);
-          break;
-        case "error":
-          styles.push(BROWSER_STYLES.error);
-          break;
-        default:
-          styles.push("");
+  const themeVars = {
+    borderRadius: {
+      large: `var(--${prefix}-border-radius-large)`,
+      medium: `var(--${prefix}-border-radius-medium)`,
+      small: `var(--${prefix}-border-radius-small)`
+    },
+    colors: {
+      action: {
+        activatedOpacity: `var(--${prefix}-color-action-activatedOpacity)`,
+        active: `var(--${prefix}-color-action-active)`,
+        disabled: `var(--${prefix}-color-action-disabled)`,
+        disabledBackground: `var(--${prefix}-color-action-disabledBackground)`,
+        disabledOpacity: `var(--${prefix}-color-action-disabledOpacity)`,
+        focus: `var(--${prefix}-color-action-focus)`,
+        focusOpacity: `var(--${prefix}-color-action-focusOpacity)`,
+        hover: `var(--${prefix}-color-action-hover)`,
+        hoverOpacity: `var(--${prefix}-color-action-hoverOpacity)`,
+        selected: `var(--${prefix}-color-action-selected)`,
+        selectedOpacity: `var(--${prefix}-color-action-selectedOpacity)`
+      },
+      background: {
+        body: {
+          main: `var(--${prefix}-color-background-body-main)`
+        },
+        disabled: `var(--${prefix}-color-background-disabled)`,
+        surface: `var(--${prefix}-color-background-surface)`
+      },
+      border: `var(--${prefix}-color-border)`,
+      error: {
+        contrastText: `var(--${prefix}-color-error-contrastText)`,
+        main: `var(--${prefix}-color-error-main)`
+      },
+      info: {
+        contrastText: `var(--${prefix}-color-info-contrastText)`,
+        main: `var(--${prefix}-color-info-main)`
+      },
+      primary: {
+        contrastText: `var(--${prefix}-color-primary-contrastText)`,
+        main: `var(--${prefix}-color-primary-main)`
+      },
+      secondary: {
+        contrastText: `var(--${prefix}-color-secondary-contrastText)`,
+        main: `var(--${prefix}-color-secondary-main)`
+      },
+      success: {
+        contrastText: `var(--${prefix}-color-success-contrastText)`,
+        main: `var(--${prefix}-color-success-main)`
+      },
+      text: {
+        primary: `var(--${prefix}-color-text-primary)`,
+        secondary: `var(--${prefix}-color-text-secondary)`
+      },
+      warning: {
+        contrastText: `var(--${prefix}-color-warning-contrastText)`,
+        main: `var(--${prefix}-color-warning-main)`
+      }
+    },
+    shadows: {
+      large: `var(--${prefix}-shadow-large)`,
+      medium: `var(--${prefix}-shadow-medium)`,
+      small: `var(--${prefix}-shadow-small)`
+    },
+    spacing: {
+      unit: `var(--${prefix}-spacing-unit)`
+    },
+    typography: {
+      fontFamily: `var(--${prefix}-typography-fontFamily)`,
+      fontSizes: {
+        "2xl": `var(--${prefix}-typography-fontSize-2xl)`,
+        "3xl": `var(--${prefix}-typography-fontSize-3xl)`,
+        lg: `var(--${prefix}-typography-fontSize-lg)`,
+        md: `var(--${prefix}-typography-fontSize-md)`,
+        sm: `var(--${prefix}-typography-fontSize-sm)`,
+        xl: `var(--${prefix}-typography-fontSize-xl)`,
+        xs: `var(--${prefix}-typography-fontSize-xs)`
+      },
+      fontWeights: {
+        bold: `var(--${prefix}-typography-fontWeight-bold)`,
+        medium: `var(--${prefix}-typography-fontWeight-medium)`,
+        normal: `var(--${prefix}-typography-fontWeight-normal)`,
+        semibold: `var(--${prefix}-typography-fontWeight-semibold)`
+      },
+      lineHeights: {
+        normal: `var(--${prefix}-typography-lineHeight-normal)`,
+        relaxed: `var(--${prefix}-typography-lineHeight-relaxed)`,
+        tight: `var(--${prefix}-typography-lineHeight-tight)`
       }
     }
-    parts.push(`%c${message}`);
-    styles.push("color: inherit; font-weight: normal;");
-    const formattedMessage = parts.join(" ");
-    switch (level) {
-      case "debug":
-        console.debug(formattedMessage, ...styles, ...args);
-        break;
-      case "info":
-        console.info(formattedMessage, ...styles, ...args);
-        break;
-      case "warn":
-        console.warn(formattedMessage, ...styles, ...args);
-        break;
-      case "error":
-        console.error(formattedMessage, ...styles, ...args);
-        break;
-      default:
-        console.log(formattedMessage, ...styles, ...args);
-    }
+  };
+  if (theme.images) {
+    themeVars.images = {};
+    Object.keys(theme.images).forEach((imageKey) => {
+      const imageConfig = theme.images[imageKey];
+      themeVars.images[imageKey] = {
+        alt: imageConfig?.alt ? `var(--${prefix}-image-${imageKey}-alt)` : void 0,
+        title: imageConfig?.title ? `var(--${prefix}-image-${imageKey}-title)` : void 0,
+        url: imageConfig?.url ? `var(--${prefix}-image-${imageKey}-url)` : void 0
+      };
+    });
   }
-  /**
-   * Log to Node.js console
-   */
-  logToNode(level, message, ...args) {
-    const formattedMessage = this.formatForNode(level, message);
-    switch (level) {
-      case "debug":
-        console.debug(formattedMessage, ...args);
-        break;
-      case "info":
-        console.info(formattedMessage, ...args);
-        break;
-      case "warn":
-        console.warn(formattedMessage, ...args);
-        break;
-      case "error":
-        console.error(formattedMessage, ...args);
-        break;
-      default:
-        console.log(formattedMessage, ...args);
-    }
+  if (Object.keys(componentVars).length > 0) {
+    themeVars.components = componentVars;
   }
-  /**
-   * Log debug message
-   */
-  debug(message, ...args) {
-    this.logMessage("debug", message, ...args);
+  return themeVars;
+};
+var createTheme = (config = {}, isDark = false) => {
+  const baseTheme = isDark ? darkTheme : lightTheme;
+  const mergedConfig = {
+    ...baseTheme,
+    ...config,
+    borderRadius: {
+      ...baseTheme.borderRadius,
+      ...config.borderRadius
+    },
+    colors: {
+      ...baseTheme.colors,
+      ...config.colors,
+      action: {
+        ...baseTheme.colors.action,
+        ...config.colors?.action || {}
+      },
+      secondary: {
+        ...baseTheme.colors.secondary,
+        ...config.colors?.secondary || {}
+      }
+    },
+    images: {
+      ...baseTheme.images,
+      ...config.images
+    },
+    shadows: {
+      ...baseTheme.shadows,
+      ...config.shadows
+    },
+    spacing: {
+      ...baseTheme.spacing,
+      ...config.spacing
+    },
+    typography: {
+      ...baseTheme.typography,
+      ...config.typography,
+      fontSizes: {
+        ...baseTheme.typography.fontSizes,
+        ...config.typography?.fontSizes || {}
+      },
+      fontWeights: {
+        ...baseTheme.typography.fontWeights,
+        ...config.typography?.fontWeights || {}
+      },
+      lineHeights: {
+        ...baseTheme.typography.lineHeights,
+        ...config.typography?.lineHeights || {}
+      }
+    }
+  };
+  return {
+    ...mergedConfig,
+    cssVariables: toCssVariables(mergedConfig),
+    vars: toThemeVars(mergedConfig)
+  };
+};
+var DEFAULT_THEME = "light";
+var createTheme_default = createTheme;
+
+// src/utils/arrayBufferToBase64url.ts
+var arrayBufferToBase64url = (buffer) => {
+  const bytes = new Uint8Array(buffer);
+  let binary = "";
+  for (let i = 0; i < bytes.byteLength; i += 1) {
+    binary += String.fromCharCode(bytes[i]);
   }
-  /**
-   * Log info message
-   */
-  info(message, ...args) {
-    this.logMessage("info", message, ...args);
+  return btoa(binary).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
+};
+var arrayBufferToBase64url_default = arrayBufferToBase64url;
+
+// src/utils/base64urlToArrayBuffer.ts
+var base64urlToArrayBuffer = (base64url3) => {
+  const padding = "=".repeat((4 - base64url3.length % 4) % 4);
+  const base64 = base64url3.replace(/-/g, "+").replace(/_/g, "/") + padding;
+  const binaryString = atob(base64);
+  const bytes = new Uint8Array(binaryString.length);
+  for (let i = 0; i < binaryString.length; i += 1) {
+    bytes[i] = binaryString.charCodeAt(i);
   }
-  /**
-   * Log warning message
-   */
-  warn(message, ...args) {
-    this.logMessage("warn", message, ...args);
+  return bytes.buffer;
+};
+var base64urlToArrayBuffer_default = base64urlToArrayBuffer;
+
+// src/utils/bem.ts
+var bem = (baseClass, element, modifier) => {
+  let className = baseClass;
+  if (element) {
+    className += `__${element}`;
   }
-  /**
-   * Log error message
-   */
-  error(message, ...args) {
-    this.logMessage("error", message, ...args);
+  if (modifier) {
+    className += `--${modifier}`;
   }
-  /**
-   * Create a child logger with additional prefix
-   */
-  child(prefix) {
-    const childPrefix = this.config.prefix ? `${this.config.prefix} - ${prefix}` : prefix;
-    return new _Logger({
-      ...this.config,
-      prefix: childPrefix
+  return className;
+};
+var bem_default = bem;
+
+// src/utils/formatDate.ts
+var formatDate = (dateString) => {
+  if (!dateString) return "-";
+  try {
+    return new Date(dateString).toLocaleDateString("en-US", {
+      day: "numeric",
+      month: "long",
+      year: "numeric"
     });
+  } catch {
+    return dateString;
   }
-  /**
-   * Set log level
-   */
-  setLevel(level) {
-    this.config.level = level;
-  }
-  /**
-   * Get current log level
-   */
-  getLevel() {
-    return this.config.level;
-  }
-};
-var logger = new Logger();
-var createLogger = (config) => new Logger(config);
-var logger_default = logger;
-var debug = (message, ...args) => logger.debug(message, ...args);
-var info = (message, ...args) => logger.info(message, ...args);
-var warn = (message, ...args) => logger.warn(message, ...args);
-var error = (message, ...args) => logger.error(message, ...args);
-var configure = (config) => logger.configure(config);
-var createComponentLogger = (component) => logger.child(component);
-var createPackageLogger = (packageName) => createLogger({
-  level: "info",
-  prefix: `${PREFIX} - ${packageName}`,
-  showLevel: true,
-  timestamps: true
-});
-var createPackageComponentLogger = (packageName, component) => {
-  const packageLogger = createPackageLogger(packageName);
-  return packageLogger.child(component);
 };
+var formatDate_default = formatDate;
 
 // src/utils/deriveOrganizationHandleFromBaseUrl.ts
 var deriveOrganizationHandleFromBaseUrl = (baseUrl) => {
@@ -4823,38 +4918,6 @@ var deriveOrganizationHandleFromBaseUrl = (baseUrl) => {
 };
 var deriveOrganizationHandleFromBaseUrl_default = deriveOrganizationHandleFromBaseUrl;
 
-// src/utils/isRecognizedBaseUrlPattern.ts
-var isRecognizedBaseUrlPattern = (baseUrl) => {
-  if (!baseUrl) {
-    throw new AsgardeoRuntimeError(
-      "Base URL is required to derive if the `baseUrl` is recognized.",
-      "isRecognizedBaseUrlPattern-ValidationError-001",
-      "javascript",
-      "A valid base URL must be provided to derive if the `baseUrl` is recognized to use the sensible fallbacks."
-    );
-  }
-  let parsedUrl;
-  try {
-    parsedUrl = new URL(baseUrl);
-  } catch (error2) {
-    throw new AsgardeoRuntimeError(
-      `Invalid base URL format: ${baseUrl}`,
-      "isRecognizedBaseUrlPattern-ValidationError-002",
-      "javascript",
-      "The provided base URL does not conform to valid URL syntax."
-    );
-  }
-  const pathSegments = parsedUrl.pathname?.split("/")?.filter((segment) => segment?.length > 0);
-  if (pathSegments.length < 2 || pathSegments[0] !== "t") {
-    logger_default.warn(
-      "[isRecognizedBaseUrlPattern] The provided base URL does not follow the expected URL pattern (/t/{orgHandle})."
-    );
-    return false;
-  }
-  return true;
-};
-var isRecognizedBaseUrlPattern_default = isRecognizedBaseUrlPattern;
-
 // src/utils/flattenUserSchema.ts
 var flattenUserSchema = (schemas) => {
   const flattenedAttributes = [];
@@ -5040,31 +5103,6 @@ var generateFlattenedUserProfile = (meResponse, processedSchemas) => {
 };
 var generateFlattenedUserProfile_default = generateFlattenedUserProfile;
 
-// src/utils/identifyPlatform.ts
-var identifyPlatform = (config) => {
-  const { baseUrl } = config;
-  try {
-    if (isRecognizedBaseUrlPattern_default(baseUrl)) {
-      try {
-        const url = new URL(baseUrl);
-        if (/\.asgardeo\.io$/i.test(url.hostname) || /asgardeo\.io$/i.test(url.hostname)) {
-          return "ASGARDEO" /* Asgardeo */;
-        }
-      } catch {
-        logger_default.debug(
-          `[identifyPlatform] Could not identify platform from the base URL: ${baseUrl}. Defaulting to WSO2 Identity Server as the platform.`
-        );
-      }
-      return "IDENTITY_SERVER" /* IdentityServer */;
-    }
-    return "UNKNOWN" /* Unknown */;
-  } catch (error2) {
-    logger_default.debug(`[identifyPlatform] Error identifying platform from base URL: ${baseUrl}. Error: ${error2.message}`);
-    return "UNKNOWN" /* Unknown */;
-  }
-};
-var identifyPlatform_default = identifyPlatform;
-
 // src/utils/getRedirectBasedSignUpUrl.ts
 var getRedirectBasedSignUpUrl = (config) => {
   const { baseUrl } = config;