@asgardeo/react 0.14.4 → 0.15.0

package/dist/cjs/index.js

@@ -35,7 +35,7 @@ __export(index_exports, {
   Alert: () => Alert_default,
   AsgardeoContext: () => AsgardeoContext_default,
   AsgardeoProvider: () => AsgardeoProvider_default,
-  AsgardeoRuntimeError: () => import_browser91.AsgardeoRuntimeError,
+  AsgardeoRuntimeError: () => import_browser92.AsgardeoRuntimeError,
   BaseAcceptInvite: () => BaseAcceptInvite_default,
   BaseCreateOrganization: () => BaseCreateOrganization,
   BaseInviteUser: () => BaseInviteUser_default,
@@ -67,12 +67,12 @@ __export(index_exports, {
   DatePicker: () => DatePicker_default,
   Divider: () => Divider_default,
   EmailOtp: () => EmailOtp_default,
-  EmbeddedFlowActionVariant: () => import_browser91.EmbeddedFlowActionVariantV2,
-  EmbeddedFlowComponentType: () => import_browser91.EmbeddedFlowComponentTypeV2,
-  EmbeddedFlowEventType: () => import_browser91.EmbeddedFlowEventTypeV2,
-  EmbeddedFlowTextVariant: () => import_browser91.EmbeddedFlowTextVariantV2,
-  EmbeddedSignInFlowStatus: () => import_browser91.EmbeddedSignInFlowStatusV2,
-  EmbeddedSignInFlowType: () => import_browser91.EmbeddedSignInFlowTypeV2,
+  EmbeddedFlowActionVariant: () => import_browser92.EmbeddedFlowActionVariantV2,
+  EmbeddedFlowComponentType: () => import_browser92.EmbeddedFlowComponentTypeV2,
+  EmbeddedFlowEventType: () => import_browser92.EmbeddedFlowEventTypeV2,
+  EmbeddedFlowTextVariant: () => import_browser92.EmbeddedFlowTextVariantV2,
+  EmbeddedSignInFlowStatus: () => import_browser92.EmbeddedSignInFlowStatusV2,
+  EmbeddedSignInFlowType: () => import_browser92.EmbeddedSignInFlowTypeV2,
   Eye: () => Eye_default,
   EyeOff: () => EyeOff_default,
   FacebookButton: () => FacebookButton_default,
@@ -133,18 +133,18 @@ __export(index_exports, {
   UsernamePassword: () => UsernamePassword_default,
   createField: () => createField,
   createOrganization: () => createOrganization_default,
-  createPatchOperations: () => import_browser88.createPatchOperations,
+  createPatchOperations: () => import_browser89.createPatchOperations,
   createSignInOption: () => createSignInOption,
   createSignInOptionFromAuthenticator: () => createSignInOptionFromAuthenticator,
-  getActiveTheme: () => import_browser91.getActiveTheme,
+  getActiveTheme: () => import_browser92.getActiveTheme,
   getAllOrganizations: () => getAllOrganizations_default,
   getConsentOptionalKey: () => getConsentOptionalKey,
   getMeOrganizations: () => getMeOrganizations_default,
   getMeProfile: () => getScim2Me_default,
   getOrganization: () => getOrganization_default,
   getSchemas: () => getSchemas_default,
-  http: () => import_browser91.http,
-  navigate: () => import_browser91.navigate,
+  http: () => import_browser92.http,
+  navigate: () => import_browser92.navigate,
   updateMeProfile: () => updateMeProfile_default,
   updateOrganization: () => updateOrganization_default,
   useAsgardeo: () => useAsgardeo_default,
@@ -192,7 +192,7 @@ var AsgardeoContext = (0, import_react.createContext)({
   organizationHandle: void 0,
   platform: void 0,
   reInitialize: null,
-  resolveVars: (text) => text ?? "",
+  resolveFlowTemplateLiterals: (text) => text ?? "",
   signIn: () => Promise.resolve({}),
   signInOptions: {},
   signInSilently: () => Promise.resolve({}),
@@ -1257,7 +1257,7 @@ var useAsgardeo = () => {
   return {
     ...context,
     meta,
-    resolveVars: (text) => (0, import_browser9.resolveVars)(text, {
+    resolveFlowTemplateLiterals: (text) => (0, import_browser9.resolveFlowTemplateLiterals)(text, {
       meta,
       t: i18nContext?.t ?? ((key) => key)
     })
@@ -3768,7 +3768,7 @@ var OrganizationContext2 = ({
 var OrganizationContext_default2 = OrganizationContext2;
 
 // src/components/presentation/auth/SignIn/BaseSignIn.tsx
-var import_browser52 = require("@asgardeo/browser");
+var import_browser53 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/SignIn/v1/BaseSignIn.tsx
 var import_browser48 = require("@asgardeo/browser");
@@ -7730,7 +7730,7 @@ var BaseSignIn = ({ showLogo = true, ...rest }) => {
 var BaseSignIn_default = BaseSignIn;
 
 // src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx
-var import_browser51 = require("@asgardeo/browser");
+var import_browser52 = require("@asgardeo/browser");
 var import_css37 = require("@emotion/css");
 var import_react64 = require("react");
 
@@ -7740,7 +7740,7 @@ var resolveTranslationsInObject = (obj, t, properties = ["label", "placeholder",
   const resolved = { ...obj };
   properties.forEach((prop) => {
     if (resolved[prop] && typeof resolved[prop] === "string") {
-      resolved[prop] = (0, import_browser49.resolveVars)(resolved[prop], { meta, t });
+      resolved[prop] = (0, import_browser49.resolveFlowTemplateLiterals)(resolved[prop], { meta, t });
     }
   });
   return resolved;
@@ -7859,68 +7859,8 @@ var normalizeFlowResponse = (response, t, options = {}, meta) => {
   };
 };
 
-// src/utils/v2/getAuthComponentHeadings.ts
-var getAuthComponentHeadings = (components, flowTitle, flowSubtitle, defaultTitle, defaultSubtitle) => {
-  let heading = null;
-  let subheading = null;
-  const findHeadings = (comps) => {
-    for (const component of comps) {
-      if (component.type === "TEXT" && component.variant && component.variant.startsWith("HEADING_")) {
-        if (!heading) {
-          heading = component;
-        } else if (!subheading) {
-          subheading = component;
-          break;
-        }
-      }
-      if (component.components && component.components.length > 0) {
-        findHeadings(component.components);
-        if (heading && subheading) break;
-      }
-    }
-  };
-  const filterComponents = (comps) => {
-    let foundHeadings = 0;
-    const maxHeadings = 2;
-    const filter = (items) => items.reduce((acc, component) => {
-      if (foundHeadings < maxHeadings && component.type === "TEXT" && component.variant && component.variant.startsWith("HEADING_")) {
-        foundHeadings += 1;
-        return acc;
-      }
-      if (component.components && component.components.length > 0) {
-        const filteredNestedComponents = filter(component.components);
-        if (filteredNestedComponents.length > 0) {
-          acc.push({
-            ...component,
-            components: filteredNestedComponents
-          });
-        }
-      } else {
-        acc.push(component);
-      }
-      return acc;
-    }, []);
-    return filter(comps);
-  };
-  const getComponentText = (component) => {
-    if (!component) return "";
-    return component.label || "";
-  };
-  findHeadings(components);
-  const headingText = getComponentText(heading);
-  const subheadingText = getComponentText(subheading);
-  const result = {
-    componentsWithoutHeadings: filterComponents(components),
-    headingComponents: { heading, subheading },
-    subtitle: flowSubtitle || subheadingText || defaultSubtitle || "",
-    title: flowTitle || headingText || defaultTitle || ""
-  };
-  return result;
-};
-var getAuthComponentHeadings_default = getAuthComponentHeadings;
-
 // src/components/presentation/auth/AuthOptionFactory.tsx
-var import_browser50 = require("@asgardeo/browser");
+var import_browser51 = require("@asgardeo/browser");
 var import_css36 = require("@emotion/css");
 var import_dompurify = __toESM(require("dompurify"), 1);
 var import_react63 = require("react");
@@ -8074,7 +8014,9 @@ var FlowTimer = ({
 var FlowTimer_default = FlowTimer;
 
 // src/components/adapters/ImageComponent.tsx
+var import_browser50 = require("@asgardeo/browser");
 var import_jsx_runtime62 = require("react/jsx-runtime");
+var DEFAULT_EMOJI_CONTAINER_HEIGHT = "4em";
 var ImageComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
@@ -8091,6 +8033,34 @@ var ImageComponent = ({ component }) => {
   if (!src) {
     return null;
   }
+  if ((0, import_browser50.isEmojiUri)(src)) {
+    const toCSSLength = (value) => /^\d+(\.\d+)?$/.test(value) ? `${value}px` : value;
+    const cssWidth = toCSSLength(width);
+    const cssHeight = toCSSLength(height);
+    const isConcrete = (v) => v !== "auto" && !v.endsWith("%");
+    let containerHeight;
+    if (isConcrete(cssHeight)) {
+      containerHeight = cssHeight;
+    } else if (isConcrete(cssWidth)) {
+      containerHeight = cssWidth;
+    } else {
+      containerHeight = DEFAULT_EMOJI_CONTAINER_HEIGHT;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      "span",
+      {
+        style: {
+          ...imageStyle,
+          containerType: "size",
+          display: "inline-grid",
+          height: containerHeight,
+          placeItems: "center",
+          width: cssWidth
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { "aria-label": alt, role: "img", style: { fontSize: "100cqmin", lineHeight: 1 }, children: (0, import_browser50.extractEmojiFromUri)(src) })
+      }
+    ) }, component.id);
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "img",
     {
@@ -8197,26 +8167,63 @@ var flowIconRegistry_default = flowIconRegistry;
 
 // src/components/presentation/auth/AuthOptionFactory.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
-var logger5 = (0, import_browser50.createPackageComponentLogger)(
+var logger5 = (0, import_browser51.createPackageComponentLogger)(
   "@asgardeo/react",
   "AuthOptionFactory"
 );
+var resolveEmojiUrisInHtml = (html) => {
+  const withEmojiImages = html.replace(
+    /<img([^>]*)src="(emoji:[^"]+)"([^>]*)\/?>/gi,
+    (_match, pre, src, post) => {
+      const emoji = (0, import_browser51.extractEmojiFromUri)(src);
+      if (!emoji) {
+        return _match;
+      }
+      const altMatch = (pre + post).match(/alt="([^"]*)"/i);
+      const label = altMatch ? altMatch[1] : emoji;
+      return `<span role="img" aria-label="${label}">${emoji}</span>`;
+    }
+  );
+  return withEmojiImages.replace(
+    /emoji:([^\s"<>&]+)/g,
+    (_, rest) => (0, import_browser51.isEmojiUri)(`emoji:${rest}`) ? rest : `emoji:${rest}`
+  );
+};
 var richTextClass = import_css36.css`
   overflow-wrap: anywhere;
   & * {
     overflow-wrap: anywhere;
     word-break: break-word;
   }
+  & .rich-text-align-left {
+    text-align: left;
+  }
+  & .rich-text-align-center {
+    text-align: center;
+  }
+  & .rich-text-align-right {
+    text-align: right;
+  }
+  & .rich-text-align-justify {
+    text-align: justify;
+  }
+  & a,
+  & .rich-text-link {
+    text-decoration: underline;
+  }
+  & span[role='img'] {
+    display: inline-block;
+  }
 `;
 var getFieldType = (variant) => {
   switch (variant) {
-    case import_browser50.EmbeddedFlowComponentTypeV2.EmailInput:
-      return import_browser50.FieldType.Email;
-    case import_browser50.EmbeddedFlowComponentTypeV2.PasswordInput:
-      return import_browser50.FieldType.Password;
-    case import_browser50.EmbeddedFlowComponentTypeV2.TextInput:
+    case import_browser51.EmbeddedFlowComponentTypeV2.EmailInput:
+      return import_browser51.FieldType.Email;
+    case import_browser51.EmbeddedFlowComponentTypeV2.PasswordInput:
+      return import_browser51.FieldType.Password;
+    case import_browser51.EmbeddedFlowComponentTypeV2.TextInput:
     default:
-      return import_browser50.FieldType.Text;
+      return import_browser51.FieldType.Text;
   }
 };
 var getTypographyVariant = (variant) => {
@@ -8254,12 +8261,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
     if (!text || !options.t && !options.meta) {
       return text || "";
     }
-    return (0, import_browser50.resolveVars)(text, { meta: options.meta, t: options.t || ((k) => k) });
+    return (0, import_browser51.resolveFlowTemplateLiterals)(text, { meta: options.meta, t: options.t || ((k) => k) });
   };
   switch (component.type) {
-    case import_browser50.EmbeddedFlowComponentTypeV2.TextInput:
-    case import_browser50.EmbeddedFlowComponentTypeV2.PasswordInput:
-    case import_browser50.EmbeddedFlowComponentTypeV2.EmailInput: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.TextInput:
+    case import_browser51.EmbeddedFlowComponentTypeV2.PasswordInput:
+    case import_browser51.EmbeddedFlowComponentTypeV2.EmailInput: {
       const identifier = component.ref;
       const value = formValues[identifier] || "";
       const isTouched = touchedFields[identifier] || false;
@@ -8279,12 +8286,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       });
       return (0, import_react63.cloneElement)(field, { key });
     }
-    case import_browser50.EmbeddedFlowComponentTypeV2.Action: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.Action: {
       const actionId = component.id;
       const eventType = component.eventType || "";
       const buttonText = resolve(component.label);
       const componentVariant = component.variant || "";
-      const shouldSkipValidation = eventType.toUpperCase() === import_browser50.EmbeddedFlowEventTypeV2.Trigger;
+      const shouldSkipValidation = eventType.toUpperCase() === import_browser51.EmbeddedFlowEventTypeV2.Trigger;
       const handleClick = () => {
         if (options.onSubmit) {
           const formData = {};
@@ -8292,7 +8299,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
             formData[field] = formValues[field];
           });
           const consentPrompt = options.additionalData?.["consentPrompt"];
-          if (consentPrompt && eventType.toUpperCase() === import_browser50.EmbeddedFlowEventTypeV2.Submit) {
+          if (consentPrompt && eventType.toUpperCase() === import_browser51.EmbeddedFlowEventTypeV2.Submit) {
             const isDeny = componentVariant.toLowerCase() !== "primary";
             const decisions = {
               purposes: consentPrompt.purposes.map(
@@ -8372,14 +8379,25 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         key
       );
     }
-    case import_browser50.EmbeddedFlowComponentTypeV2.Text: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.Text: {
       const variant = getTypographyVariant(component.variant);
-      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Typography_default, { variant, children: resolve(component.label) }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        Typography_default,
+        {
+          variant,
+          style: {
+            marginBottom: 2,
+            textAlign: typeof component?.["align"] === "string" ? component["align"] : "left"
+          },
+          children: resolve(component.label)
+        },
+        key
+      );
     }
-    case import_browser50.EmbeddedFlowComponentTypeV2.Divider: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.Divider: {
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Divider_default, { children: resolve(component.label) || "" }, key);
     }
-    case import_browser50.EmbeddedFlowComponentTypeV2.Select: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.Select: {
       const identifier = component.ref;
       const value = formValues[identifier] || "";
       const isTouched = touchedFields[identifier] || false;
@@ -8405,7 +8423,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         key
       );
     }
-    case import_browser50.EmbeddedFlowComponentTypeV2.Block: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.Block: {
       if (component.components && component.components.length > 0) {
         const blockComponents = component.components.map(
           (childComponent, index) => createAuthComponentFromFlow(
@@ -8427,17 +8445,17 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       }
       return null;
     }
-    case import_browser50.EmbeddedFlowComponentTypeV2.RichText: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.RichText: {
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         "div",
         {
           className: richTextClass,
-          dangerouslySetInnerHTML: { __html: import_dompurify.default.sanitize(resolve(component.label)) }
+          dangerouslySetInnerHTML: { __html: import_dompurify.default.sanitize(resolveEmojiUrisInHtml(resolve(component.label))) }
         },
         key
       );
     }
-    case import_browser50.EmbeddedFlowComponentTypeV2.Image: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.Image: {
       const explicitHeight = resolve(component.height?.toString());
       const explicitWidth = resolve(component.width?.toString());
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
@@ -8463,7 +8481,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         key
       );
     }
-    case import_browser50.EmbeddedFlowComponentTypeV2.Icon: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.Icon: {
       const iconName = component.name || "";
       const IconComponent = flowIconRegistry_default[iconName];
       if (!IconComponent) {
@@ -8472,7 +8490,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       }
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
     }
-    case import_browser50.EmbeddedFlowComponentTypeV2.Stack: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.Stack: {
       const direction = component.direction || "row";
       const gap = component.gap ?? 2;
       const align = component.align || "center";
@@ -8504,7 +8522,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       ) : [];
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { style: stackStyle, children: stackChildren }, key);
     }
-    case import_browser50.EmbeddedFlowComponentTypeV2.Consent: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.Consent: {
       const consentPromptRawData = options.additionalData?.["consentPrompt"];
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Consent_default,
@@ -8516,7 +8534,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         key
       );
     }
-    case import_browser50.EmbeddedFlowComponentTypeV2.Timer: {
+    case import_browser51.EmbeddedFlowComponentTypeV2.Timer: {
       const textTemplate = resolve(component.label) || "Time remaining: {time}";
       const timeoutMs = Number(options.additionalData?.["stepTimeout"]) || 0;
       const expiresIn = timeoutMs > 0 ? Math.max(0, Math.floor((timeoutMs - Date.now()) / 1e3)) : 0;
@@ -8591,8 +8609,6 @@ var BaseSignInContent2 = ({
   variant = "outlined",
   isLoading: externalIsLoading,
   children,
-  showTitle = true,
-  showSubtitle = true,
   additionalData = {},
   isTimeoutDisabled = false
 }) => {
@@ -8708,29 +8724,29 @@ var BaseSignInContent2 = ({
   };
   const containerClasses = (0, import_css37.cx)(
     [
-      (0, import_browser51.withVendorCSSClassPrefix)("signin"),
-      (0, import_browser51.withVendorCSSClassPrefix)(`signin--${size}`),
-      (0, import_browser51.withVendorCSSClassPrefix)(`signin--${variant}`)
+      (0, import_browser52.withVendorCSSClassPrefix)("signin"),
+      (0, import_browser52.withVendorCSSClassPrefix)(`signin--${size}`),
+      (0, import_browser52.withVendorCSSClassPrefix)(`signin--${variant}`)
     ],
     className
   );
   const inputClasses = (0, import_css37.cx)(
     [
-      (0, import_browser51.withVendorCSSClassPrefix)("signin__input"),
-      size === "small" && (0, import_browser51.withVendorCSSClassPrefix)("signin__input--small"),
-      size === "large" && (0, import_browser51.withVendorCSSClassPrefix)("signin__input--large")
+      (0, import_browser52.withVendorCSSClassPrefix)("signin__input"),
+      size === "small" && (0, import_browser52.withVendorCSSClassPrefix)("signin__input--small"),
+      size === "large" && (0, import_browser52.withVendorCSSClassPrefix)("signin__input--large")
     ],
     inputClassName
   );
   const buttonClasses = (0, import_css37.cx)(
     [
-      (0, import_browser51.withVendorCSSClassPrefix)("signin__button"),
-      size === "small" && (0, import_browser51.withVendorCSSClassPrefix)("signin__button--small"),
-      size === "large" && (0, import_browser51.withVendorCSSClassPrefix)("signin__button--large")
+      (0, import_browser52.withVendorCSSClassPrefix)("signin__button"),
+      size === "small" && (0, import_browser52.withVendorCSSClassPrefix)("signin__button--small"),
+      size === "large" && (0, import_browser52.withVendorCSSClassPrefix)("signin__button--large")
     ],
     buttonClassName
   );
-  const messageClasses = (0, import_css37.cx)([(0, import_browser51.withVendorCSSClassPrefix)("signin__messages")], messageClassName);
+  const messageClasses = (0, import_css37.cx)([(0, import_browser52.withVendorCSSClassPrefix)("signin__messages")], messageClassName);
   const renderComponents = (0, import_react64.useCallback)(
     (flowComponents) => renderSignInComponents(
       flowComponents,
@@ -8800,40 +8816,22 @@ var BaseSignInContent2 = ({
   if (!components || components.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
   }
-  const {
-    title: rawTitle,
-    subtitle: rawSubtitle,
-    componentsWithoutHeadings
-  } = getAuthComponentHeadings_default(components, flowTitle, flowSubtitle, void 0, void 0);
-  const title = (0, import_browser51.resolveVars)(rawTitle, { meta, t });
-  const subtitle = (0, import_browser51.resolveVars)(rawSubtitle, { meta, t });
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: [
-    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Card_default.Content, { children: [
-      externalError && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Alert_default, { variant: "error", className: (0, import_css37.cx)(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Alert_default.Description, { children: externalError.message }) }) }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-        Alert_default,
-        {
-          variant: message.type === "error" ? "error" : "info",
-          className: (0, import_css37.cx)(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Alert_default.Description, { children: message.message })
-        },
-        index
-      )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: styles.contentContainer, children: componentsWithoutHeadings && renderComponents(componentsWithoutHeadings) })
-    ] })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Card_default.Content, { children: [
+    externalError && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Alert_default, { variant: "error", className: (0, import_css37.cx)(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Alert_default.Description, { children: externalError.message }) }) }),
+    flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      Alert_default,
+      {
+        variant: message.type === "error" ? "error" : "info",
+        className: (0, import_css37.cx)(styles.flowMessageItem, messageClasses),
+        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Alert_default.Description, { children: message.message })
+      },
+      index
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: styles.contentContainer, children: renderComponents(components) })
+  ] }) });
 };
-var BaseSignIn2 = ({ preferences, showLogo = true, ...rest }) => {
-  const { theme } = useTheme_default();
-  const styles = BaseSignIn_styles_default(theme, theme.vars.colors.text.primary);
-  const content = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
-    showLogo && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(BaseSignInContent2, { showLogo, ...rest }) })
-  ] });
+var BaseSignIn2 = ({ preferences, ...rest }) => {
+  const content = /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(BaseSignInContent2, { ...rest }) });
   if (!preferences) return content;
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
 };
@@ -8843,7 +8841,7 @@ var BaseSignIn_default2 = BaseSignIn2;
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var BaseSignIn3 = (props) => {
   const { platform } = useAsgardeo_default();
-  if (platform === import_browser52.Platform.AsgardeoV2) {
+  if (platform === import_browser53.Platform.AsgardeoV2) {
     return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(BaseSignIn_default2, { ...props });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(BaseSignIn_default, { ...props });
@@ -8851,10 +8849,10 @@ var BaseSignIn3 = (props) => {
 var BaseSignIn_default3 = BaseSignIn3;
 
 // src/components/presentation/auth/SignIn/SignIn.tsx
-var import_browser56 = require("@asgardeo/browser");
+var import_browser57 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/SignIn/v2/SignIn.tsx
-var import_browser55 = require("@asgardeo/browser");
+var import_browser56 = require("@asgardeo/browser");
 var import_react66 = require("react");
 
 // src/hooks/v2/useOAuthCallback.ts
@@ -8964,7 +8962,7 @@ function useOAuthCallback({
 }
 
 // src/utils/oauth.ts
-var import_browser53 = require("@asgardeo/browser");
+var import_browser54 = require("@asgardeo/browser");
 function initiateOAuthRedirect(redirectURL) {
   const basePath = document.querySelector("base")?.getAttribute("href") || "";
   let returnPath = window.location.pathname;
@@ -8981,14 +8979,14 @@ function initiateOAuthRedirect(redirectURL) {
   );
   const redirectUrlObj = new URL(redirectURL);
   redirectUrlObj.searchParams.set("state", state);
-  (0, import_browser53.navigate)(redirectUrlObj.toString());
+  (0, import_browser54.navigate)(redirectUrlObj.toString());
 }
 
 // src/utils/v2/passkey.ts
-var import_browser54 = require("@asgardeo/browser");
+var import_browser55 = require("@asgardeo/browser");
 var handlePasskeyRegistration = async (challengeData) => {
   if (!window.navigator.credentials || !window.navigator.credentials.create) {
-    throw new import_browser54.AsgardeoRuntimeError(
+    throw new import_browser55.AsgardeoRuntimeError(
       "WebAuthn is not supported in this browser.",
       "browser-webauthn-not-supported",
       "browser",
@@ -8999,15 +8997,15 @@ var handlePasskeyRegistration = async (challengeData) => {
     const creationOptions = JSON.parse(challengeData);
     const publicKey = {
       ...creationOptions,
-      challenge: (0, import_browser54.base64urlToArrayBuffer)(creationOptions.challenge),
+      challenge: (0, import_browser55.base64urlToArrayBuffer)(creationOptions.challenge),
       user: {
         ...creationOptions.user,
-        id: (0, import_browser54.base64urlToArrayBuffer)(creationOptions.user.id)
+        id: (0, import_browser55.base64urlToArrayBuffer)(creationOptions.user.id)
       },
       ...creationOptions.excludeCredentials && {
         excludeCredentials: creationOptions.excludeCredentials.map((cred) => ({
           ...cred,
-          id: (0, import_browser54.base64urlToArrayBuffer)(cred.id)
+          id: (0, import_browser55.base64urlToArrayBuffer)(cred.id)
         }))
       }
     };
@@ -9015,7 +9013,7 @@ var handlePasskeyRegistration = async (challengeData) => {
       publicKey
     });
     if (!credential) {
-      throw new import_browser54.AsgardeoRuntimeError(
+      throw new import_browser55.AsgardeoRuntimeError(
         "No credential returned from WebAuthn registration.",
         "browser-webauthn-no-credential",
         "browser",
@@ -9025,10 +9023,10 @@ var handlePasskeyRegistration = async (challengeData) => {
     const response = credential.response;
     const registrationResponse = {
       id: credential.id,
-      rawId: (0, import_browser54.arrayBufferToBase64url)(credential.rawId),
+      rawId: (0, import_browser55.arrayBufferToBase64url)(credential.rawId),
       response: {
-        attestationObject: (0, import_browser54.arrayBufferToBase64url)(response.attestationObject),
-        clientDataJSON: (0, import_browser54.arrayBufferToBase64url)(response.clientDataJSON),
+        attestationObject: (0, import_browser55.arrayBufferToBase64url)(response.attestationObject),
+        clientDataJSON: (0, import_browser55.arrayBufferToBase64url)(response.clientDataJSON),
         ...response.getTransports && {
           transports: response.getTransports()
         }
@@ -9040,18 +9038,18 @@ var handlePasskeyRegistration = async (challengeData) => {
     };
     return JSON.stringify(registrationResponse);
   } catch (error) {
-    if (error instanceof import_browser54.AsgardeoRuntimeError) {
+    if (error instanceof import_browser55.AsgardeoRuntimeError) {
       throw error;
     }
     if (error instanceof Error) {
-      throw new import_browser54.AsgardeoRuntimeError(
+      throw new import_browser55.AsgardeoRuntimeError(
         `Passkey registration failed: ${error.message}`,
         "browser-webauthn-registration-error",
         "browser",
         `WebAuthn registration failed with error: ${error.name}`
       );
     }
-    throw new import_browser54.AsgardeoRuntimeError(
+    throw new import_browser55.AsgardeoRuntimeError(
       "Passkey registration failed due to an unexpected error.",
       "browser-webauthn-unexpected-error",
       "browser",
@@ -9061,7 +9059,7 @@ var handlePasskeyRegistration = async (challengeData) => {
 };
 var handlePasskeyAuthentication = async (challengeData) => {
   if (!window.navigator.credentials || !window.navigator.credentials.get) {
-    throw new import_browser54.AsgardeoRuntimeError(
+    throw new import_browser55.AsgardeoRuntimeError(
       "WebAuthn is not supported in this browser.",
       "browser-webauthn-not-supported",
       "browser",
@@ -9072,11 +9070,11 @@ var handlePasskeyAuthentication = async (challengeData) => {
     const requestOptions = JSON.parse(challengeData);
     const publicKey = {
       ...requestOptions,
-      challenge: (0, import_browser54.base64urlToArrayBuffer)(requestOptions.challenge),
+      challenge: (0, import_browser55.base64urlToArrayBuffer)(requestOptions.challenge),
       ...requestOptions.allowCredentials && {
         allowCredentials: requestOptions.allowCredentials.map((cred) => ({
           ...cred,
-          id: (0, import_browser54.base64urlToArrayBuffer)(cred.id)
+          id: (0, import_browser55.base64urlToArrayBuffer)(cred.id)
         }))
       }
     };
@@ -9084,7 +9082,7 @@ var handlePasskeyAuthentication = async (challengeData) => {
       publicKey
     });
     if (!credential) {
-      throw new import_browser54.AsgardeoRuntimeError(
+      throw new import_browser55.AsgardeoRuntimeError(
         "No credential returned from WebAuthn authentication.",
         "browser-webauthn-no-credential",
         "browser",
@@ -9094,13 +9092,13 @@ var handlePasskeyAuthentication = async (challengeData) => {
     const response = credential.response;
     const authenticationResponse = {
       id: credential.id,
-      rawId: (0, import_browser54.arrayBufferToBase64url)(credential.rawId),
+      rawId: (0, import_browser55.arrayBufferToBase64url)(credential.rawId),
       response: {
-        authenticatorData: (0, import_browser54.arrayBufferToBase64url)(response.authenticatorData),
-        clientDataJSON: (0, import_browser54.arrayBufferToBase64url)(response.clientDataJSON),
-        signature: (0, import_browser54.arrayBufferToBase64url)(response.signature),
+        authenticatorData: (0, import_browser55.arrayBufferToBase64url)(response.authenticatorData),
+        clientDataJSON: (0, import_browser55.arrayBufferToBase64url)(response.clientDataJSON),
+        signature: (0, import_browser55.arrayBufferToBase64url)(response.signature),
         ...response.userHandle && {
-          userHandle: (0, import_browser54.arrayBufferToBase64url)(response.userHandle)
+          userHandle: (0, import_browser55.arrayBufferToBase64url)(response.userHandle)
         }
       },
       type: credential.type,
@@ -9110,18 +9108,18 @@ var handlePasskeyAuthentication = async (challengeData) => {
     };
     return JSON.stringify(authenticationResponse);
   } catch (error) {
-    if (error instanceof import_browser54.AsgardeoRuntimeError) {
+    if (error instanceof import_browser55.AsgardeoRuntimeError) {
       throw error;
     }
     if (error instanceof Error) {
-      throw new import_browser54.AsgardeoRuntimeError(
+      throw new import_browser55.AsgardeoRuntimeError(
         `Passkey authentication failed: ${error.message}`,
         "browser-webauthn-authentication-error",
         "browser",
         `WebAuthn authentication failed with error: ${error.name}`
       );
     }
-    throw new import_browser54.AsgardeoRuntimeError(
+    throw new import_browser55.AsgardeoRuntimeError(
       "Passkey authentication failed due to an unexpected error.",
       "browser-webauthn-unexpected-error",
       "browser",
@@ -9222,12 +9220,12 @@ var SignIn = ({
   const handleOAuthError = (error, errorDescription) => {
     clearFlowState();
     const errorMessage = errorDescription || `OAuth error: ${error}`;
-    const err = new import_browser55.AsgardeoRuntimeError(errorMessage, "SIGN_IN_ERROR", "react");
+    const err = new import_browser56.AsgardeoRuntimeError(errorMessage, "SIGN_IN_ERROR", "react");
     setError(err);
     cleanupOAuthUrlParams(true);
   };
   const handleRedirection = (response) => {
-    if (response.type === import_browser55.EmbeddedSignInFlowTypeV2.Redirection) {
+    if (response.type === import_browser56.EmbeddedSignInFlowTypeV2.Redirection) {
       const redirectURL = response.data?.redirectURL || response?.redirectURL;
       if (redirectURL && window?.location) {
         if (response.flowId) {
@@ -9247,7 +9245,7 @@ var SignIn = ({
     handleAuthId(urlParams.authId);
     const effectiveApplicationId = applicationId || urlParams.applicationId;
     if (!urlParams.flowId && !effectiveApplicationId) {
-      const error = new import_browser55.AsgardeoRuntimeError(
+      const error = new import_browser56.AsgardeoRuntimeError(
         "Either flowId or applicationId is required for authentication",
         "SIGN_IN_ERROR",
         "react"
@@ -9265,7 +9263,7 @@ var SignIn = ({
       } else {
         response = await signIn({
           applicationId: effectiveApplicationId,
-          flowType: import_browser55.EmbeddedFlowType.Authentication
+          flowType: import_browser56.EmbeddedFlowType.Authentication
         });
       }
       if (handleRedirection(response)) {
@@ -9428,7 +9426,7 @@ var SignIn = ({
         },
         meta
       );
-      if (response.flowStatus === import_browser55.EmbeddedSignInFlowStatusV2.Error) {
+      if (response.flowStatus === import_browser56.EmbeddedSignInFlowStatusV2.Error) {
         clearFlowState();
         const failureReason = response?.failureReason;
         const errorMessage = failureReason || "Authentication flow failed. Please try again.";
@@ -9437,7 +9435,7 @@ var SignIn = ({
         cleanupFlowUrlParams();
         throw err;
       }
-      if (response.flowStatus === import_browser55.EmbeddedSignInFlowStatusV2.Complete) {
+      if (response.flowStatus === import_browser56.EmbeddedSignInFlowStatusV2.Complete) {
         const redirectUrl = response?.redirectUrl || response?.redirect_uri;
         const finalRedirectUrl = redirectUrl || afterSignInUrl;
         setIsSubmitting(false);
@@ -9594,7 +9592,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
       window.location.href = url.toString();
     }
   };
-  if (platform === import_browser56.Platform.AsgardeoV2) {
+  if (platform === import_browser57.Platform.AsgardeoV2) {
     return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       SignIn_default,
       {
@@ -9629,18 +9627,18 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
 var SignIn_default2 = SignIn2;
 
 // src/components/presentation/auth/SignUp/BaseSignUp.tsx
-var import_browser67 = require("@asgardeo/browser");
+var import_browser68 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
-var import_browser65 = require("@asgardeo/browser");
+var import_browser66 = require("@asgardeo/browser");
 var import_css39 = require("@emotion/css");
 var import_react68 = require("react");
 
 // src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
-var import_browser64 = require("@asgardeo/browser");
+var import_browser65 = require("@asgardeo/browser");
 
 // src/components/adapters/CheckboxInput.tsx
-var import_browser57 = require("@asgardeo/browser");
+var import_browser58 = require("@asgardeo/browser");
 var CheckboxInput = ({
   component,
   formValues,
@@ -9661,14 +9659,14 @@ var CheckboxInput = ({
     onChange: (newValue) => onInputChange(fieldName, newValue),
     placeholder: config["placeholder"] || "",
     required: config["required"] || false,
-    type: import_browser57.FieldType.Checkbox,
+    type: import_browser58.FieldType.Checkbox,
     value
   });
 };
 var CheckboxInput_default = CheckboxInput;
 
 // src/components/adapters/DateInput.tsx
-var import_browser58 = require("@asgardeo/browser");
+var import_browser59 = require("@asgardeo/browser");
 var DateInput = ({
   component,
   formValues,
@@ -9689,7 +9687,7 @@ var DateInput = ({
     onChange: (newValue) => onInputChange(fieldName, newValue),
     placeholder: config["placeholder"] || "",
     required: config["required"] || false,
-    type: import_browser58.FieldType.Date,
+    type: import_browser59.FieldType.Date,
     value
   });
 };
@@ -9715,7 +9713,7 @@ var DividerComponent = ({ component }) => {
 var DividerComponent_default = DividerComponent;
 
 // src/components/adapters/EmailInput.tsx
-var import_browser59 = require("@asgardeo/browser");
+var import_browser60 = require("@asgardeo/browser");
 var EmailInput = ({
   component,
   formValues,
@@ -9736,7 +9734,7 @@ var EmailInput = ({
     onChange: (newValue) => onInputChange(fieldName, newValue),
     placeholder: config["placeholder"] || "Enter your email",
     required: config["required"] || false,
-    type: import_browser59.FieldType.Email,
+    type: import_browser60.FieldType.Email,
     value
   });
 };
@@ -9768,7 +9766,7 @@ var FormContainer = (props) => {
 var FormContainer_default = FormContainer;
 
 // src/components/adapters/NumberInput.tsx
-var import_browser60 = require("@asgardeo/browser");
+var import_browser61 = require("@asgardeo/browser");
 var NumberInput = ({
   component,
   formValues,
@@ -9789,14 +9787,14 @@ var NumberInput = ({
     onChange: (newValue) => onInputChange(fieldName, newValue),
     placeholder: config["placeholder"] || "",
     required: config["required"] || false,
-    type: import_browser60.FieldType.Number,
+    type: import_browser61.FieldType.Number,
     value
   });
 };
 var NumberInput_default = NumberInput;
 
 // src/components/adapters/PasswordInput.tsx
-var import_browser61 = require("@asgardeo/browser");
+var import_browser62 = require("@asgardeo/browser");
 var PasswordInput = ({
   component,
   formValues,
@@ -9848,14 +9846,14 @@ var PasswordInput = ({
     onChange: (newValue) => onInputChange(fieldName, newValue),
     placeholder: config["placeholder"] || "Enter your password",
     required: config["required"] || false,
-    type: import_browser61.FieldType.Password,
+    type: import_browser62.FieldType.Password,
     value
   });
 };
 var PasswordInput_default = PasswordInput;
 
 // src/components/adapters/SelectInput.tsx
-var import_browser62 = require("@asgardeo/browser");
+var import_browser63 = require("@asgardeo/browser");
 var SelectInput = ({
   component,
   formValues,
@@ -9882,7 +9880,7 @@ var SelectInput = ({
     options,
     placeholder: config["placeholder"] || "",
     required: config["required"] || false,
-    type: import_browser62.FieldType.Select,
+    type: import_browser63.FieldType.Select,
     value
   });
 };
@@ -9975,7 +9973,7 @@ var TelephoneInput = ({
 var TelephoneInput_default = TelephoneInput;
 
 // src/components/adapters/TextInput.tsx
-var import_browser63 = require("@asgardeo/browser");
+var import_browser64 = require("@asgardeo/browser");
 var TextInput = ({
   component,
   formValues,
@@ -9996,7 +9994,7 @@ var TextInput = ({
     onChange: (newValue) => onInputChange(fieldName, newValue),
     placeholder: config["placeholder"] || "",
     required: config["required"] || false,
-    type: import_browser63.FieldType.Text,
+    type: import_browser64.FieldType.Text,
     value
   });
 };
@@ -10060,9 +10058,9 @@ var Typography_default2 = TypographyComponent;
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
   switch (component.type) {
-    case import_browser64.EmbeddedFlowComponentType.Typography:
+    case import_browser65.EmbeddedFlowComponentType.Typography:
       return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Typography_default2, { component, onSubmit, ...rest });
-    case import_browser64.EmbeddedFlowComponentType.Input: {
+    case import_browser65.EmbeddedFlowComponentType.Input: {
       const inputVariant = component.variant?.toUpperCase();
       const inputType = component.config["type"]?.toLowerCase();
       if (inputVariant === "EMAIL" || inputType === "email") {
@@ -10085,7 +10083,7 @@ var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
       }
       return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TextInput_default, { component, onSubmit, ...rest });
     }
-    case import_browser64.EmbeddedFlowComponentType.Button: {
+    case import_browser65.EmbeddedFlowComponentType.Button: {
       const buttonVariant = component.variant?.toUpperCase();
       const buttonText = component.config["text"] || component.config["label"] || "";
       if (buttonVariant === "SOCIAL") {
@@ -10110,13 +10108,13 @@ var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
       }
       return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SubmitButton_default, { component, onSubmit, ...rest });
     }
-    case import_browser64.EmbeddedFlowComponentType.Form:
+    case import_browser65.EmbeddedFlowComponentType.Form:
       return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(FormContainer_default, { component, onSubmit, ...rest });
-    case import_browser64.EmbeddedFlowComponentType.Select:
+    case import_browser65.EmbeddedFlowComponentType.Select:
       return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectInput_default, { component, onSubmit, ...rest });
-    case import_browser64.EmbeddedFlowComponentType.Divider:
+    case import_browser65.EmbeddedFlowComponentType.Divider:
       return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DividerComponent_default, { component, onSubmit, ...rest });
-    case import_browser64.EmbeddedFlowComponentType.Image:
+    case import_browser65.EmbeddedFlowComponentType.Image:
       return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ImageComponent_default, { component, onSubmit, ...rest });
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", {});
@@ -10289,7 +10287,7 @@ var BaseSignUp_styles_default = useStyles17;
 
 // src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var logger6 = (0, import_browser65.createPackageComponentLogger)(
+var logger6 = (0, import_browser66.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseSignUp"
 );
@@ -10359,7 +10357,7 @@ var BaseSignUpContent = ({
       const fields = [];
       const processComponents = (comps) => {
         comps.forEach((component) => {
-          if (component.type === import_browser65.EmbeddedFlowComponentType.Input) {
+          if (component.type === import_browser66.EmbeddedFlowComponentType.Input) {
             const config = component.config || {};
             fields.push({
               initialValue: config.defaultValue || "",
@@ -10426,7 +10424,7 @@ var BaseSignUpContent = ({
     setFormTouched(name, true);
   };
   const handleRedirectionIfNeeded = (response) => {
-    if (response?.type === import_browser65.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL) {
+    if (response?.type === import_browser66.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL) {
       const redirectUrl = response.data.redirectURL;
       const popup = window.open(redirectUrl, "oauth_popup", "width=500,height=600,scrollbars=yes,resizable=yes");
       if (!popup) {
@@ -10464,9 +10462,9 @@ var BaseSignUpContent = ({
           try {
             const continueResponse = await onSubmit(payload);
             onFlowChange?.(continueResponse);
-            if (continueResponse.flowStatus === import_browser65.EmbeddedFlowStatus.Complete) {
+            if (continueResponse.flowStatus === import_browser66.EmbeddedFlowStatus.Complete) {
               onComplete?.(continueResponse);
-            } else if (continueResponse.flowStatus === import_browser65.EmbeddedFlowStatus.Incomplete) {
+            } else if (continueResponse.flowStatus === import_browser66.EmbeddedFlowStatus.Incomplete) {
               setCurrentFlow(continueResponse);
               setupFormFields(continueResponse);
             }
@@ -10517,9 +10515,9 @@ var BaseSignUpContent = ({
                 try {
                   const continueResponse = await onSubmit(payload);
                   onFlowChange?.(continueResponse);
-                  if (continueResponse.flowStatus === import_browser65.EmbeddedFlowStatus.Complete) {
+                  if (continueResponse.flowStatus === import_browser66.EmbeddedFlowStatus.Complete) {
                     onComplete?.(continueResponse);
-                  } else if (continueResponse.flowStatus === import_browser65.EmbeddedFlowStatus.Incomplete) {
+                  } else if (continueResponse.flowStatus === import_browser66.EmbeddedFlowStatus.Incomplete) {
                     setCurrentFlow(continueResponse);
                     setupFormFields(continueResponse);
                   }
@@ -10565,11 +10563,11 @@ var BaseSignUpContent = ({
       };
       const response = await onSubmit(payload);
       onFlowChange?.(response);
-      if (response.flowStatus === import_browser65.EmbeddedFlowStatus.Complete) {
+      if (response.flowStatus === import_browser66.EmbeddedFlowStatus.Complete) {
         onComplete?.(response);
         return;
       }
-      if (response.flowStatus === import_browser65.EmbeddedFlowStatus.Incomplete) {
+      if (response.flowStatus === import_browser66.EmbeddedFlowStatus.Incomplete) {
         if (handleRedirectionIfNeeded(response)) {
           return;
         }
@@ -10585,30 +10583,30 @@ var BaseSignUpContent = ({
   };
   const containerClasses = (0, import_css39.cx)(
     [
-      (0, import_browser65.withVendorCSSClassPrefix)("signup"),
-      (0, import_browser65.withVendorCSSClassPrefix)(`signup--${size}`),
-      (0, import_browser65.withVendorCSSClassPrefix)(`signup--${variant}`)
+      (0, import_browser66.withVendorCSSClassPrefix)("signup"),
+      (0, import_browser66.withVendorCSSClassPrefix)(`signup--${size}`),
+      (0, import_browser66.withVendorCSSClassPrefix)(`signup--${variant}`)
     ],
     className
   );
   const inputClasses = (0, import_css39.cx)(
     [
-      (0, import_browser65.withVendorCSSClassPrefix)("signup__input"),
-      size === "small" && (0, import_browser65.withVendorCSSClassPrefix)("signup__input--small"),
-      size === "large" && (0, import_browser65.withVendorCSSClassPrefix)("signup__input--large")
+      (0, import_browser66.withVendorCSSClassPrefix)("signup__input"),
+      size === "small" && (0, import_browser66.withVendorCSSClassPrefix)("signup__input--small"),
+      size === "large" && (0, import_browser66.withVendorCSSClassPrefix)("signup__input--large")
     ],
     inputClassName
   );
   const buttonClasses = (0, import_css39.cx)(
     [
-      (0, import_browser65.withVendorCSSClassPrefix)("signup__button"),
-      size === "small" && (0, import_browser65.withVendorCSSClassPrefix)("signup__button--small"),
-      size === "large" && (0, import_browser65.withVendorCSSClassPrefix)("signup__button--large")
+      (0, import_browser66.withVendorCSSClassPrefix)("signup__button"),
+      size === "small" && (0, import_browser66.withVendorCSSClassPrefix)("signup__button--small"),
+      size === "large" && (0, import_browser66.withVendorCSSClassPrefix)("signup__button--large")
     ],
     buttonClassName
   );
-  const errorClasses = (0, import_css39.cx)([(0, import_browser65.withVendorCSSClassPrefix)("signup__error")], errorClassName);
-  const messageClasses = (0, import_css39.cx)([(0, import_browser65.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
+  const errorClasses = (0, import_css39.cx)([(0, import_browser66.withVendorCSSClassPrefix)("signup__error")], errorClassName);
+  const messageClasses = (0, import_css39.cx)([(0, import_browser66.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
   const renderComponents = (0, import_react68.useCallback)(
     (components) => renderSignUpComponents2(
       components,
@@ -10650,11 +10648,11 @@ var BaseSignUpContent = ({
           setCurrentFlow(response);
           setIsFlowInitialized(true);
           onFlowChange?.(response);
-          if (response.flowStatus === import_browser65.EmbeddedFlowStatus.Complete) {
+          if (response.flowStatus === import_browser66.EmbeddedFlowStatus.Complete) {
             onComplete?.(response);
             return;
           }
-          if (response.flowStatus === import_browser65.EmbeddedFlowStatus.Incomplete) {
+          if (response.flowStatus === import_browser66.EmbeddedFlowStatus.Incomplete) {
             setupFormFields(response);
           }
         } catch (err) {
@@ -10732,11 +10730,73 @@ var BaseSignUp = ({ showLogo = true, ...rest }) => {
 var BaseSignUp_default = BaseSignUp;
 
 // src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx
-var import_browser66 = require("@asgardeo/browser");
+var import_browser67 = require("@asgardeo/browser");
 var import_css40 = require("@emotion/css");
 var import_react69 = require("react");
+
+// src/utils/v2/getAuthComponentHeadings.ts
+var getAuthComponentHeadings = (components, flowTitle, flowSubtitle, defaultTitle, defaultSubtitle) => {
+  let heading = null;
+  let subheading = null;
+  const findHeadings = (comps) => {
+    for (const component of comps) {
+      if (component.type === "TEXT" && component.variant && component.variant.startsWith("HEADING_")) {
+        if (!heading) {
+          heading = component;
+        } else if (!subheading) {
+          subheading = component;
+          break;
+        }
+      }
+      if (component.components && component.components.length > 0) {
+        findHeadings(component.components);
+        if (heading && subheading) break;
+      }
+    }
+  };
+  const filterComponents = (comps) => {
+    let foundHeadings = 0;
+    const maxHeadings = 2;
+    const filter = (items) => items.reduce((acc, component) => {
+      if (foundHeadings < maxHeadings && component.type === "TEXT" && component.variant && component.variant.startsWith("HEADING_")) {
+        foundHeadings += 1;
+        return acc;
+      }
+      if (component.components && component.components.length > 0) {
+        const filteredNestedComponents = filter(component.components);
+        if (filteredNestedComponents.length > 0) {
+          acc.push({
+            ...component,
+            components: filteredNestedComponents
+          });
+        }
+      } else {
+        acc.push(component);
+      }
+      return acc;
+    }, []);
+    return filter(comps);
+  };
+  const getComponentText = (component) => {
+    if (!component) return "";
+    return component.label || "";
+  };
+  findHeadings(components);
+  const headingText = getComponentText(heading);
+  const subheadingText = getComponentText(subheading);
+  const result = {
+    componentsWithoutHeadings: filterComponents(components),
+    headingComponents: { heading, subheading },
+    subtitle: flowSubtitle || subheadingText || defaultSubtitle || "",
+    title: flowTitle || headingText || defaultTitle || ""
+  };
+  return result;
+};
+var getAuthComponentHeadings_default = getAuthComponentHeadings;
+
+// src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
-var logger7 = (0, import_browser66.createPackageComponentLogger)(
+var logger7 = (0, import_browser67.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseSignUp"
 );
@@ -10822,7 +10882,7 @@ var BaseSignUpContent2 = ({
       const fields = [];
       const processComponents = (comps) => {
         comps.forEach((component) => {
-          if (component.type === import_browser66.EmbeddedFlowComponentTypeV2.TextInput || component.type === import_browser66.EmbeddedFlowComponentTypeV2.PasswordInput || component.type === import_browser66.EmbeddedFlowComponentTypeV2.EmailInput || component.type === import_browser66.EmbeddedFlowComponentTypeV2.Select) {
+          if (component.type === import_browser67.EmbeddedFlowComponentTypeV2.TextInput || component.type === import_browser67.EmbeddedFlowComponentTypeV2.PasswordInput || component.type === import_browser67.EmbeddedFlowComponentTypeV2.EmailInput || component.type === import_browser67.EmbeddedFlowComponentTypeV2.Select) {
             const fieldName = component.ref || component.id;
             fields.push({
               initialValue: "",
@@ -10832,7 +10892,7 @@ var BaseSignUpContent2 = ({
                 if (component.required && (!value || value.trim() === "")) {
                   return t("validations.required.field.error");
                 }
-                if ((component.type === import_browser66.EmbeddedFlowComponentTypeV2.EmailInput || component.variant === "EMAIL") && value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+                if ((component.type === import_browser67.EmbeddedFlowComponentTypeV2.EmailInput || component.variant === "EMAIL") && value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
                   return t("field.email.invalid");
                 }
                 return null;
@@ -10889,7 +10949,7 @@ var BaseSignUpContent2 = ({
     setFormTouched(name, true);
   };
   const handleRedirectionIfNeeded = (response) => {
-    if (response?.type === import_browser66.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL) {
+    if (response?.type === import_browser67.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL) {
       const redirectUrl = response.data.redirectURL;
       const popup = window.open(redirectUrl, "oauth_popup", "width=500,height=600,scrollbars=yes,resizable=yes");
       if (!popup) {
@@ -10929,9 +10989,9 @@ var BaseSignUpContent2 = ({
           try {
             const continueResponse = await onSubmit(payload);
             onFlowChange?.(continueResponse);
-            if (continueResponse.flowStatus === import_browser66.EmbeddedFlowStatus.Complete) {
+            if (continueResponse.flowStatus === import_browser67.EmbeddedFlowStatus.Complete) {
               onComplete?.(continueResponse);
-            } else if (continueResponse.flowStatus === import_browser66.EmbeddedFlowStatus.Incomplete) {
+            } else if (continueResponse.flowStatus === import_browser67.EmbeddedFlowStatus.Incomplete) {
               setCurrentFlow(continueResponse);
               setupFormFields(continueResponse);
             }
@@ -10982,9 +11042,9 @@ var BaseSignUpContent2 = ({
                 try {
                   const continueResponse = await onSubmit(payload);
                   onFlowChange?.(continueResponse);
-                  if (continueResponse.flowStatus === import_browser66.EmbeddedFlowStatus.Complete) {
+                  if (continueResponse.flowStatus === import_browser67.EmbeddedFlowStatus.Complete) {
                     onComplete?.(continueResponse);
-                  } else if (continueResponse.flowStatus === import_browser66.EmbeddedFlowStatus.Incomplete) {
+                  } else if (continueResponse.flowStatus === import_browser67.EmbeddedFlowStatus.Incomplete) {
                     setCurrentFlow(continueResponse);
                     setupFormFields(continueResponse);
                   }
@@ -11038,11 +11098,11 @@ var BaseSignUpContent2 = ({
       const rawResponse = await onSubmit(payload);
       const response = normalizeFlowResponseLocal(rawResponse);
       onFlowChange?.(response);
-      if (response.flowStatus === import_browser66.EmbeddedFlowStatus.Complete) {
+      if (response.flowStatus === import_browser67.EmbeddedFlowStatus.Complete) {
         onComplete?.(response);
         return;
       }
-      if (response.flowStatus === import_browser66.EmbeddedFlowStatus.Incomplete) {
+      if (response.flowStatus === import_browser67.EmbeddedFlowStatus.Incomplete) {
         if (handleRedirectionIfNeeded(response)) {
           return;
         }
@@ -11095,7 +11155,7 @@ var BaseSignUpContent2 = ({
       const nextResponse = await onSubmit(payload);
       const processedResponse = normalizeFlowResponseLocal(nextResponse);
       onFlowChange?.(processedResponse);
-      if (processedResponse.flowStatus === import_browser66.EmbeddedFlowStatus.Complete) {
+      if (processedResponse.flowStatus === import_browser67.EmbeddedFlowStatus.Complete) {
         onComplete?.(processedResponse);
       } else {
         setCurrentFlow(processedResponse);
@@ -11112,30 +11172,30 @@ var BaseSignUpContent2 = ({
   }, [passkeyState.isActive, passkeyState.creationOptions, passkeyState.flowId]);
   const containerClasses = (0, import_css40.cx)(
     [
-      (0, import_browser66.withVendorCSSClassPrefix)("signup"),
-      (0, import_browser66.withVendorCSSClassPrefix)(`signup--${size}`),
-      (0, import_browser66.withVendorCSSClassPrefix)(`signup--${variant}`)
+      (0, import_browser67.withVendorCSSClassPrefix)("signup"),
+      (0, import_browser67.withVendorCSSClassPrefix)(`signup--${size}`),
+      (0, import_browser67.withVendorCSSClassPrefix)(`signup--${variant}`)
     ],
     className
   );
   const inputClasses = (0, import_css40.cx)(
     [
-      (0, import_browser66.withVendorCSSClassPrefix)("signup__input"),
-      size === "small" && (0, import_browser66.withVendorCSSClassPrefix)("signup__input--small"),
-      size === "large" && (0, import_browser66.withVendorCSSClassPrefix)("signup__input--large")
+      (0, import_browser67.withVendorCSSClassPrefix)("signup__input"),
+      size === "small" && (0, import_browser67.withVendorCSSClassPrefix)("signup__input--small"),
+      size === "large" && (0, import_browser67.withVendorCSSClassPrefix)("signup__input--large")
     ],
     inputClassName
   );
   const buttonClasses = (0, import_css40.cx)(
     [
-      (0, import_browser66.withVendorCSSClassPrefix)("signup__button"),
-      size === "small" && (0, import_browser66.withVendorCSSClassPrefix)("signup__button--small"),
-      size === "large" && (0, import_browser66.withVendorCSSClassPrefix)("signup__button--large")
+      (0, import_browser67.withVendorCSSClassPrefix)("signup__button"),
+      size === "small" && (0, import_browser67.withVendorCSSClassPrefix)("signup__button--small"),
+      size === "large" && (0, import_browser67.withVendorCSSClassPrefix)("signup__button--large")
     ],
     buttonClassName
   );
-  const errorClasses = (0, import_css40.cx)([(0, import_browser66.withVendorCSSClassPrefix)("signup__error")], errorClassName);
-  const messageClasses = (0, import_css40.cx)([(0, import_browser66.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
+  const errorClasses = (0, import_css40.cx)([(0, import_browser67.withVendorCSSClassPrefix)("signup__error")], errorClassName);
+  const messageClasses = (0, import_css40.cx)([(0, import_browser67.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
   const renderComponents = (0, import_react69.useCallback)(
     (components) => renderSignUpComponents(
       components,
@@ -11193,11 +11253,11 @@ var BaseSignUpContent2 = ({
           setCurrentFlow(response);
           setIsFlowInitialized(true);
           onFlowChange?.(response);
-          if (response.flowStatus === import_browser66.EmbeddedFlowStatus.Complete) {
+          if (response.flowStatus === import_browser67.EmbeddedFlowStatus.Complete) {
             onComplete?.(response);
             return;
           }
-          if (response.flowStatus === import_browser66.EmbeddedFlowStatus.Incomplete) {
+          if (response.flowStatus === import_browser67.EmbeddedFlowStatus.Incomplete) {
             setupFormFields(response);
           }
         } catch (err) {
@@ -11294,7 +11354,7 @@ var BaseSignUp_default2 = BaseSignUp2;
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var BaseSignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
-  if (platform === import_browser67.Platform.AsgardeoV2) {
+  if (platform === import_browser68.Platform.AsgardeoV2) {
     return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(BaseSignUp_default2, { ...props });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(BaseSignUp_default, { ...props });
@@ -11302,10 +11362,10 @@ var BaseSignUp3 = (props) => {
 var BaseSignUp_default3 = BaseSignUp3;
 
 // src/components/presentation/auth/SignUp/SignUp.tsx
-var import_browser70 = require("@asgardeo/browser");
+var import_browser71 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/SignUp/v1/SignUp.tsx
-var import_browser68 = require("@asgardeo/browser");
+var import_browser69 = require("@asgardeo/browser");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var SignUp = ({
   className,
@@ -11320,17 +11380,17 @@ var SignUp = ({
   const { signUp, isInitialized } = useAsgardeo_default();
   const handleInitialize = async (payload) => {
     const initialPayload = payload || {
-      flowType: import_browser68.EmbeddedFlowType.Registration
+      flowType: import_browser69.EmbeddedFlowType.Registration
     };
     return await signUp(initialPayload);
   };
   const handleOnSubmit = async (payload) => await signUp(payload);
   const handleComplete = (response) => {
     onComplete?.(response);
-    if (shouldRedirectAfterSignUp && response?.type !== import_browser68.EmbeddedFlowResponseType.Redirection && afterSignUpUrl) {
+    if (shouldRedirectAfterSignUp && response?.type !== import_browser69.EmbeddedFlowResponseType.Redirection && afterSignUpUrl) {
       window.location.href = afterSignUpUrl;
     }
-    if (shouldRedirectAfterSignUp && response?.type === import_browser68.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL && !response.data.redirectURL.includes("oauth") && // Not a social provider redirect
+    if (shouldRedirectAfterSignUp && response?.type === import_browser69.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL && !response.data.redirectURL.includes("oauth") && // Not a social provider redirect
     !response.data.redirectURL.includes("auth")) {
       window.location.href = response.data.redirectURL;
     }
@@ -11357,7 +11417,7 @@ var SignUp = ({
 var SignUp_default = SignUp;
 
 // src/components/presentation/auth/SignUp/v2/SignUp.tsx
-var import_browser69 = require("@asgardeo/browser");
+var import_browser70 = require("@asgardeo/browser");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var SignUp2 = ({
   className,
@@ -11375,7 +11435,7 @@ var SignUp2 = ({
     const applicationIdFromUrl = urlParams.get("applicationId");
     const effectiveApplicationId = applicationId || applicationIdFromUrl;
     const initialPayload = payload || {
-      flowType: import_browser69.EmbeddedFlowType.Registration,
+      flowType: import_browser70.EmbeddedFlowType.Registration,
       ...effectiveApplicationId && { applicationId: effectiveApplicationId }
     };
     return await signUp(initialPayload);
@@ -11388,10 +11448,10 @@ var SignUp2 = ({
       window.location.href = oauthRedirectUrl;
       return;
     }
-    if (shouldRedirectAfterSignUp && response?.type !== import_browser69.EmbeddedFlowResponseType.Redirection && afterSignUpUrl) {
+    if (shouldRedirectAfterSignUp && response?.type !== import_browser70.EmbeddedFlowResponseType.Redirection && afterSignUpUrl) {
       window.location.href = afterSignUpUrl;
     }
-    if (shouldRedirectAfterSignUp && response?.type === import_browser69.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL && !response.data.redirectURL.includes("oauth") && // Not a social provider redirect
+    if (shouldRedirectAfterSignUp && response?.type === import_browser70.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL && !response.data.redirectURL.includes("oauth") && // Not a social provider redirect
     !response.data.redirectURL.includes("auth")) {
       window.location.href = response.data.redirectURL;
     }
@@ -11408,7 +11468,6 @@ var SignUp2 = ({
       size,
       isInitialized,
       children,
-      showLogo: true,
       showTitle: true,
       showSubtitle: true,
       ...rest
@@ -11421,7 +11480,7 @@ var SignUp_default2 = SignUp2;
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var SignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
-  if (platform === import_browser70.Platform.AsgardeoV2) {
+  if (platform === import_browser71.Platform.AsgardeoV2) {
     return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SignUp_default2, { ...props });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SignUp_default, { ...props });
@@ -11429,10 +11488,10 @@ var SignUp3 = (props) => {
 var SignUp_default3 = SignUp3;
 
 // src/components/presentation/auth/InviteUser/v2/InviteUser.tsx
-var import_browser72 = require("@asgardeo/browser");
+var import_browser73 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx
-var import_browser71 = require("@asgardeo/browser");
+var import_browser72 = require("@asgardeo/browser");
 var import_css42 = require("@emotion/css");
 var import_react71 = require("react");
 
@@ -11683,7 +11742,7 @@ var BaseInviteUser = ({
         setApiError(null);
         try {
           const payload = {
-            flowType: import_browser71.EmbeddedFlowType.UserOnboarding,
+            flowType: import_browser72.EmbeddedFlowType.UserOnboarding,
             verbose: true
           };
           const rawResponse = await onInitialize(payload);
@@ -11875,7 +11934,7 @@ var InviteUser = ({
     const response = await http2.request({
       data: {
         ...payload,
-        flowType: import_browser72.EmbeddedFlowType.UserOnboarding,
+        flowType: import_browser73.EmbeddedFlowType.UserOnboarding,
         verbose: true
       },
       headers: {
@@ -12428,7 +12487,7 @@ var AcceptInvite = ({
 var AcceptInvite_default = AcceptInvite;
 
 // src/components/auth/Callback/Callback.tsx
-var import_browser73 = require("@asgardeo/browser");
+var import_browser74 = require("@asgardeo/browser");
 var import_react75 = require("react");
 var Callback = ({ onNavigate, onError }) => {
   const processingRef = (0, import_react75.useRef)(false);
@@ -12436,7 +12495,7 @@ var Callback = ({ onNavigate, onError }) => {
     if (onNavigate) {
       onNavigate(path);
     } else {
-      (0, import_browser73.navigate)(path);
+      (0, import_browser74.navigate)(path);
     }
   };
   (0, import_react75.useEffect)(() => {
@@ -12561,12 +12620,12 @@ Organization5.displayName = "Organization";
 var Organization_default = Organization5;
 
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
-var import_browser79 = require("@asgardeo/browser");
+var import_browser80 = require("@asgardeo/browser");
 var import_css52 = require("@emotion/css");
 var import_react84 = require("react");
 
 // src/components/presentation/UserProfile/BaseUserProfile.styles.ts
-var import_browser74 = require("@asgardeo/browser");
+var import_browser75 = require("@asgardeo/browser");
 var import_css45 = require("@emotion/css");
 var import_react76 = require("react");
 var useStyles20 = (theme, colorScheme) => {
@@ -12705,7 +12764,7 @@ var useStyles20 = (theme, colorScheme) => {
       max-width: 350px;
       text-align: start;
 
-      .${(0, import_browser74.withVendorCSSClassPrefix)("form-control")} {
+      .${(0, import_browser75.withVendorCSSClassPrefix)("form-control")} {
         margin-bottom: 0;
       }
 
@@ -12770,20 +12829,20 @@ var useStyles20 = (theme, colorScheme) => {
 var BaseUserProfile_styles_default = useStyles20;
 
 // src/utils/getMappedUserProfileValue.ts
-var import_browser75 = require("@asgardeo/browser");
+var import_browser76 = require("@asgardeo/browser");
 var getMappedUserProfileValue = (key, mappings, user) => {
   if (!key || !mappings || !user) {
     return void 0;
   }
   const mapping = mappings[key];
   if (!mapping) {
-    return (0, import_browser75.get)(user, key);
+    return (0, import_browser76.get)(user, key);
   }
   if (Array.isArray(mapping)) {
     let foundValue;
     let found = false;
     mapping.some((path) => {
-      const value = (0, import_browser75.get)(user, path);
+      const value = (0, import_browser76.get)(user, path);
       if (value !== void 0 && value !== null && value !== "") {
         foundValue = value;
         found = true;
@@ -12793,7 +12852,7 @@ var getMappedUserProfileValue = (key, mappings, user) => {
     });
     return found ? foundValue : void 0;
   }
-  return (0, import_browser75.get)(user, mapping);
+  return (0, import_browser76.get)(user, mapping);
 };
 var getMappedUserProfileValue_default = getMappedUserProfileValue;
 
@@ -12823,7 +12882,7 @@ var getDisplayName = (mergedMappings, user, displayAttributes) => {
 var getDisplayName_default = getDisplayName;
 
 // src/components/primitives/Avatar/Avatar.tsx
-var import_browser76 = require("@asgardeo/browser");
+var import_browser77 = require("@asgardeo/browser");
 var import_css47 = require("@emotion/css");
 var import_react78 = require("react");
 
@@ -12946,7 +13005,7 @@ var Avatar = ({
         {
           src: imageUrl,
           alt,
-          className: (0, import_css47.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar", "image")), styles["image"])
+          className: (0, import_css47.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("avatar", "image")), styles["image"])
         }
       );
     }
@@ -12954,14 +13013,14 @@ var Avatar = ({
       return getInitials(name);
     }
     if (isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: (0, import_css47.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar", "skeleton")), styles["skeleton"]) });
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: (0, import_css47.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("avatar", "skeleton")), styles["skeleton"]) });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 640 640",
-        className: (0, import_css47.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar", "icon")), styles["icon"]),
+        className: (0, import_css47.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("avatar", "icon")), styles["icon"]),
         children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z" })
       }
     );
@@ -12970,11 +13029,11 @@ var Avatar = ({
     "div",
     {
       className: (0, import_css47.cx)(
-        (0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar")),
+        (0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("avatar")),
         styles["avatar"],
         styles["variant"],
-        (0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar", null, variant)),
-        isDefaultState && (0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar", "default")),
+        (0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("avatar", null, variant)),
+        isDefaultState && (0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("avatar", "default")),
         className
       ),
       children: renderContent()
@@ -12983,7 +13042,7 @@ var Avatar = ({
 };
 
 // src/components/primitives/Dialog/Dialog.tsx
-var import_browser77 = require("@asgardeo/browser");
+var import_browser78 = require("@asgardeo/browser");
 var import_css49 = require("@emotion/css");
 var import_react80 = require("@floating-ui/react");
 var import_react81 = require("react");
@@ -13223,13 +13282,13 @@ var DialogContent = (0, import_react81.forwardRef)(
     return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react80.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       import_react80.FloatingOverlay,
       {
-        className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "overlay")), styles["overlay"]),
+        className: (0, import_css49.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("dialog", "overlay")), styles["overlay"]),
         lockScroll: true,
         children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react80.FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           "div",
           {
             ref,
-            className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "content")), styles["content"], props.className),
+            className: (0, import_css49.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("dialog", "content")), styles["content"], props.className),
             "aria-labelledby": context.labelId,
             "aria-describedby": context.descriptionId,
             ...context.getFloatingProps(props),
@@ -13252,14 +13311,14 @@ var DialogHeading = (0, import_react81.forwardRef)(
         context.setLabelId(void 0);
       };
     }, [id, context.setLabelId]);
-    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "header")), styles["header"]), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: (0, import_css49.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("dialog", "header")), styles["header"]), children: [
       /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "h2",
         {
           ...props,
           ref,
           id,
-          className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "title")), styles["headerTitle"]),
+          className: (0, import_css49.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("dialog", "title")), styles["headerTitle"]),
           children
         }
       ),
@@ -13298,7 +13357,7 @@ var DialogDescription = (0, import_react81.forwardRef)(
         ...props,
         ref,
         id,
-        className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "description")), styles["description"], props.className),
+        className: (0, import_css49.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("dialog", "description")), styles["description"], props.className),
         children
       }
     );
@@ -13327,7 +13386,7 @@ var DialogClose = (0, import_react81.forwardRef)(
         ...props,
         ref,
         onClick: handleClick,
-        className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "close")), props.className),
+        className: (0, import_css49.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("dialog", "close")), props.className),
         variant: "text",
         children
       }
@@ -13347,7 +13406,7 @@ Dialog.Close = DialogClose;
 var Dialog_default = Dialog;
 
 // src/components/primitives/MultiInput/MultiInput.tsx
-var import_browser78 = require("@asgardeo/browser");
+var import_browser79 = require("@asgardeo/browser");
 var import_css51 = require("@emotion/css");
 var import_react83 = require("react");
 
@@ -13540,26 +13599,26 @@ var MultiInput = ({
     {
       error,
       helperText,
-      className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input")), className),
+      className: (0, import_css51.cx)((0, import_browser79.withVendorCSSClassPrefix)((0, import_browser79.bem)("multi-input")), className),
       style,
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(InputLabel_default, { required, error: !!error, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "container")), styles["container"]), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: (0, import_css51.cx)((0, import_browser79.withVendorCSSClassPrefix)((0, import_browser79.bem)("multi-input", "container")), styles["container"]), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: (0, import_css51.cx)((0, import_browser79.withVendorCSSClassPrefix)((0, import_browser79.bem)("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: (0, import_css51.cx)((0, import_browser79.withVendorCSSClassPrefix)((0, import_browser79.bem)("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
             currentInputValue,
             setCurrentInputValue,
             canAddMore ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(PlusIcon, { iconClassName: styles["plusIcon"] }) : void 0,
             canAddMore ? handleInputSubmit : void 0
           ) }) }),
-          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: (0, import_css51.cx)((0, import_browser79.withVendorCSSClassPrefix)((0, import_browser79.bem)("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
             "div",
             {
-              className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "list-item")), styles["listItem"]),
+              className: (0, import_css51.cx)((0, import_browser79.withVendorCSSClassPrefix)((0, import_browser79.bem)("multi-input", "list-item")), styles["listItem"]),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                   "span",
                   {
-                    className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "list-item-text")), styles["listItemText"]),
+                    className: (0, import_css51.cx)((0, import_browser79.withVendorCSSClassPrefix)((0, import_browser79.bem)("multi-input", "list-item-text")), styles["listItemText"]),
                     children: value
                   }
                 ),
@@ -13570,7 +13629,7 @@ var MultiInput = ({
                     onClick: () => handleRemoveValue(index),
                     disabled,
                     className: (0, import_css51.cx)(
-                      (0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "remove-button")),
+                      (0, import_browser79.withVendorCSSClassPrefix)((0, import_browser79.bem)("multi-input", "remove-button")),
                       styles["removeButton"]
                     ),
                     title: "Remove value",
@@ -13731,7 +13790,7 @@ var BaseUserProfile = ({
         fieldValue = fieldValue.filter((v) => v !== void 0 && v !== null && v !== "");
       }
       let payload = {};
-      if (schema.schemaId && schema.schemaId !== import_browser79.WellKnownSchemaIds.User) {
+      if (schema.schemaId && schema.schemaId !== import_browser80.WellKnownSchemaIds.User) {
         payload = {
           [schema.schemaId]: {
             [fieldName]: fieldValue
@@ -13997,7 +14056,7 @@ var BaseUserProfile = ({
   const containerClasses = (0, import_css52.cx)(
     styles.root,
     cardLayout ? styles.card : "",
-    (0, import_browser79.withVendorCSSClassPrefix)("user-profile"),
+    (0, import_browser80.withVendorCSSClassPrefix)("user-profile"),
     className
   );
   const currentUser = flattenedProfile || profile;
@@ -14038,7 +14097,7 @@ var BaseUserProfile = ({
       Alert_default,
       {
         variant: "error",
-        className: (0, import_css52.cx)((0, import_browser79.withVendorCSSClassPrefix)((0, import_browser79.bem)("user-profile", "alert")), styles.alert),
+        className: (0, import_css52.cx)((0, import_browser80.withVendorCSSClassPrefix)((0, import_browser80.bem)("user-profile", "alert")), styles.alert),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Alert_default.Title, { children: t("errors.heading") || "Error" }),
           /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Alert_default.Description, { children: error })
@@ -14086,14 +14145,14 @@ var BaseUserProfile = ({
 var BaseUserProfile_default = BaseUserProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
-var import_browser81 = require("@asgardeo/browser");
+var import_browser82 = require("@asgardeo/browser");
 var import_react85 = require("react");
 
 // src/api/updateMeProfile.ts
-var import_browser80 = require("@asgardeo/browser");
+var import_browser81 = require("@asgardeo/browser");
 var updateMeProfile = async ({ fetcher, instanceId = 0, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
-    const client = import_browser80.AsgardeoSPAClient.getInstance(instanceId);
+    const client = import_browser81.AsgardeoSPAClient.getInstance(instanceId);
     const httpClient = client.httpRequest.bind(client);
     const response = await httpClient({
       data: config.body ? JSON.parse(config.body) : void 0,
@@ -14109,7 +14168,7 @@ var updateMeProfile = async ({ fetcher, instanceId = 0, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser80.updateMeProfile)({
+  return (0, import_browser81.updateMeProfile)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -14130,7 +14189,7 @@ var UserProfile3 = ({ preferences, ...rest }) => {
       onUpdateProfile(response);
     } catch (caughtError) {
       let message = t("user.profile.update.generic.error");
-      if (caughtError instanceof import_browser81.AsgardeoError) {
+      if (caughtError instanceof import_browser82.AsgardeoError) {
         message = caughtError?.message;
       }
       setError(message);
@@ -14152,7 +14211,7 @@ var UserProfile3 = ({ preferences, ...rest }) => {
 var UserProfile_default = UserProfile3;
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.tsx
-var import_browser82 = require("@asgardeo/browser");
+var import_browser83 = require("@asgardeo/browser");
 var import_css54 = require("@emotion/css");
 var import_react87 = require("@floating-ui/react");
 var import_react88 = require("react");
@@ -14418,12 +14477,12 @@ var BaseUserDropdown = ({
     }
     allMenuItems.push(...defaultMenuItems);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser83.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       Button_default,
       {
         ref: refs.setReference,
-        className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__trigger"), styles["trigger"]),
+        className: (0, import_css54.cx)((0, import_browser83.withVendorCSSClassPrefix)("user-dropdown__trigger"), styles["trigger"]),
         color: "tertiary",
         variant: "text",
         size: "medium",
@@ -14443,7 +14502,7 @@ var BaseUserDropdown = ({
             Typography_default,
             {
               variant: "body2",
-              className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__trigger-label"), styles["userName"]),
+              className: (0, import_css54.cx)((0, import_browser83.withVendorCSSClassPrefix)("user-dropdown__trigger-label"), styles["userName"]),
               children: getDisplayName_default(mergedMappings, user)
             }
           )
@@ -14454,7 +14513,7 @@ var BaseUserDropdown = ({
       "div",
       {
         ref: refs.setFloating,
-        className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__content"), styles["dropdownContent"]),
+        className: (0, import_css54.cx)((0, import_browser83.withVendorCSSClassPrefix)("user-dropdown__content"), styles["dropdownContent"]),
         style: {
           ...floatingStyles,
           // Floating UI doesn't set a z-index by default, so we set a high value to ensure the dropdown appears above other elements.
@@ -14463,7 +14522,7 @@ var BaseUserDropdown = ({
         },
         ...getFloatingProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header"), styles["dropdownHeader"]), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser83.withVendorCSSClassPrefix)("user-dropdown__header"), styles["dropdownHeader"]), children: [
             /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
               Avatar,
               {
@@ -14473,12 +14532,12 @@ var BaseUserDropdown = ({
                 alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles["headerInfo"]), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser83.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles["headerInfo"]), children: [
               /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                 Typography_default,
                 {
                   noWrap: true,
-                  className: (0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header-name"),
+                  className: (0, import_browser83.withVendorCSSClassPrefix)("user-dropdown__header-name"),
                   variant: "body1",
                   fontWeight: "medium",
                   children: getDisplayName_default(mergedMappings, user)
@@ -14488,7 +14547,7 @@ var BaseUserDropdown = ({
                 Typography_default,
                 {
                   noWrap: true,
-                  className: (0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header-email"),
+                  className: (0, import_browser83.withVendorCSSClassPrefix)("user-dropdown__header-email"),
                   variant: "caption",
                   color: "secondary",
                   children: getMappedUserProfileValue_default("username", mergedMappings, user) || getMappedUserProfileValue_default("email", mergedMappings, user)
@@ -14496,12 +14555,12 @@ var BaseUserDropdown = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { children: (() => {
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: (0, import_css54.cx)((0, import_browser83.withVendorCSSClassPrefix)("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { children: (() => {
             if (item.label === "") {
               return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                 "div",
                 {
-                  className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), styles["divider"])
+                  className: (0, import_css54.cx)((0, import_browser83.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), styles["divider"])
                 }
               );
             }
@@ -14514,7 +14573,7 @@ var BaseUserDropdown = ({
                     backgroundColor: hoveredItemIndex === index ? theme.vars.colors.action?.hover : "transparent"
                   },
                   className: (0, import_css54.cx)(
-                    (0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__menu-item"),
+                    (0, import_browser83.withVendorCSSClassPrefix)("user-dropdown__menu-item"),
                     styles["menuItemAnchor"]
                   ),
                   onMouseEnter: () => setHoveredItemIndex(index),
@@ -14535,7 +14594,7 @@ var BaseUserDropdown = ({
                 style: {
                   backgroundColor: hoveredItemIndex === index ? theme.vars.colors.action?.hover : "transparent"
                 },
-                className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles["menuItem"]),
+                className: (0, import_css54.cx)((0, import_browser83.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles["menuItem"]),
                 color: "tertiary",
                 variant: "text",
                 size: "small",
@@ -15195,7 +15254,7 @@ var BuildingAlt_default = BuildingAlt;
 var import_react95 = require("react");
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
-var import_browser83 = require("@asgardeo/browser");
+var import_browser84 = require("@asgardeo/browser");
 var import_css58 = require("@emotion/css");
 var import_react94 = require("react");
 
@@ -15339,7 +15398,7 @@ var BaseCreateOrganization_styles_default = useStyles26;
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
 var import_jsx_runtime107 = require("react/jsx-runtime");
-var logger8 = (0, import_browser83.createPackageComponentLogger)(
+var logger8 = (0, import_browser84.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseCreateOrganization"
 );
@@ -15492,14 +15551,14 @@ var BaseCreateOrganization = ({
 };
 
 // src/api/createOrganization.ts
-var import_browser84 = require("@asgardeo/browser");
+var import_browser85 = require("@asgardeo/browser");
 var createOrganization = async ({
   fetcher,
   instanceId = 0,
   ...requestConfig
 }) => {
   const defaultFetcher = async (url, config) => {
-    const client = import_browser84.AsgardeoSPAClient.getInstance(instanceId);
+    const client = import_browser85.AsgardeoSPAClient.getInstance(instanceId);
     const httpClient = client.httpRequest.bind(client);
     const response = await httpClient({
       data: config.body ? JSON.parse(config.body) : void 0,
@@ -15515,7 +15574,7 @@ var createOrganization = async ({
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser84.createOrganization)({
+  return (0, import_browser85.createOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -16071,11 +16130,11 @@ var OrganizationList = (props) => {
 var OrganizationList_default = OrganizationList;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
-var import_browser89 = require("@asgardeo/browser");
+var import_browser90 = require("@asgardeo/browser");
 var import_react104 = require("react");
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
-var import_browser86 = require("@asgardeo/browser");
+var import_browser87 = require("@asgardeo/browser");
 var import_css66 = require("@emotion/css");
 var import_react103 = require("react");
 
@@ -16236,7 +16295,7 @@ var useStyles29 = (theme, colorScheme) => (0, import_react100.useMemo)(
 var BaseOrganizationProfile_styles_default = useStyles29;
 
 // src/components/primitives/KeyValueInput/KeyValueInput.tsx
-var import_browser85 = require("@asgardeo/browser");
+var import_browser86 = require("@asgardeo/browser");
 var import_css65 = require("@emotion/css");
 var import_react102 = require("react");
 
@@ -16472,21 +16531,21 @@ var KeyValueInput = ({
   const isAddDisabled = disabled || readOnly || !canAddMore || !newKey.trim() || !newValue.trim();
   const renderReadOnlyContent = () => {
     if (pairs.length === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
     }
     return pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
       "div",
       {
-        className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "readonly-pair")), styles["readOnlyPair"]),
+        className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "readonly-pair")), styles["readOnlyPair"]),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "readonly-key")), styles["readOnlyKey"]), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "readonly-key")), styles["readOnlyKey"]), children: [
             pair.key,
             ":"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             "span",
             {
-              className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "readonly-value")), styles["readOnlyValue"]),
+              className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "readonly-value")), styles["readOnlyValue"]),
               children: pair.value
             }
           )
@@ -16495,22 +16554,22 @@ var KeyValueInput = ({
       `${pair.key}-${index}`
     ));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input")), styles["container"], className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("label", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "label")), styles["label"]), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input")), styles["container"], className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("label", { className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "label")), styles["label"]), children: [
       label,
       required && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         "span",
         {
-          className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "required")), styles["requiredIndicator"]),
+          className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "required")), styles["requiredIndicator"]),
           children: " *"
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pairs-list")), styles["pairsList"]), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "pairs-list")), styles["pairsList"]), children: [
       readOnly ? renderReadOnlyContent() : pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
         "div",
         {
-          className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pair-row")), styles["pairRow"]),
+          className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "pair-row")), styles["pairRow"]),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
               TextField_default,
@@ -16519,7 +16578,7 @@ var KeyValueInput = ({
                 value: pair.key,
                 onChange: (e) => handleUpdatePair(index, "key", e.target.value),
                 disabled: disabled || readOnly,
-                className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pair-input")), styles["pairInput"]),
+                className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "pair-input")), styles["pairInput"]),
                 "aria-label": `${keyLabel} ${index + 1}`
               }
             ),
@@ -16530,7 +16589,7 @@ var KeyValueInput = ({
                 value: pair.value,
                 onChange: (e) => handleUpdatePair(index, "value", e.target.value),
                 disabled: disabled || readOnly,
-                className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pair-input")), styles["pairInput"]),
+                className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "pair-input")), styles["pairInput"]),
                 "aria-label": `${valueLabel} ${index + 1}`
               }
             ),
@@ -16541,7 +16600,7 @@ var KeyValueInput = ({
                 onClick: () => handleRemovePair(index),
                 disabled,
                 className: (0, import_css65.cx)(
-                  (0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "remove-button")),
+                  (0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "remove-button")),
                   styles["removeButton"]
                 ),
                 "aria-label": `${removeButtonText} ${pair.key}`,
@@ -16552,7 +16611,7 @@ var KeyValueInput = ({
         },
         `${pair.key}-${index}`
       )),
-      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "add-row")), styles["addRow"]), children: [
+      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "add-row")), styles["addRow"]), children: [
         /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           TextField_default,
           {
@@ -16560,7 +16619,7 @@ var KeyValueInput = ({
             value: newKey,
             onChange: (e) => setNewKey(e.target.value),
             disabled,
-            className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pair-input")), styles["pairInput"]),
+            className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "pair-input")), styles["pairInput"]),
             "aria-label": "New key"
           }
         ),
@@ -16571,7 +16630,7 @@ var KeyValueInput = ({
             value: newValue,
             onChange: (e) => setNewValue(e.target.value),
             disabled,
-            className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pair-input")), styles["pairInput"]),
+            className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "pair-input")), styles["pairInput"]),
             "aria-label": "New value",
             onKeyPress: (e) => {
               if (e.key === "Enter" && !isAddDisabled) {
@@ -16586,15 +16645,15 @@ var KeyValueInput = ({
             type: "button",
             onClick: handleAddPair,
             disabled: isAddDisabled,
-            className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "add-button")), styles["addButton"]),
+            className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "add-button")), styles["addButton"]),
             "aria-label": "Add new key-value pair",
             children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Plus_default, { width: 16, height: 16 })
           }
         )
       ] })
     ] }),
-    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
-    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "counter")), styles["counterText"]), children: [
+    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
+    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser86.withVendorCSSClassPrefix)((0, import_browser86.bem)("key-value-input", "counter")), styles["counterText"]), children: [
       pairs.length,
       " of ",
       maxPairs,
@@ -16640,13 +16699,13 @@ var BaseOrganizationProfile = ({
       editable: false,
       key: "created",
       label: "Created Date",
-      render: (value) => (0, import_browser86.formatDate)(value)
+      render: (value) => (0, import_browser87.formatDate)(value)
     },
     {
       editable: false,
       key: "lastModified",
       label: "Last Modified Date",
-      render: (value) => (0, import_browser86.formatDate)(value)
+      render: (value) => (0, import_browser87.formatDate)(value)
     }
   ]
 }) => {
@@ -16890,14 +16949,14 @@ var BaseOrganizationProfile = ({
 var BaseOrganizationProfile_default = BaseOrganizationProfile;
 
 // src/api/getOrganization.ts
-var import_browser87 = require("@asgardeo/browser");
+var import_browser88 = require("@asgardeo/browser");
 var getOrganization = async ({
   fetcher,
   instanceId = 0,
   ...requestConfig
 }) => {
   const defaultFetcher = async (url, config) => {
-    const client = import_browser87.AsgardeoSPAClient.getInstance(instanceId);
+    const client = import_browser88.AsgardeoSPAClient.getInstance(instanceId);
     const httpClient = client.httpRequest.bind(client);
     const response = await httpClient({
       headers: config.headers,
@@ -16912,7 +16971,7 @@ var getOrganization = async ({
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser87.getOrganization)({
+  return (0, import_browser88.getOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -16920,14 +16979,14 @@ var getOrganization = async ({
 var getOrganization_default = getOrganization;
 
 // src/api/updateOrganization.ts
-var import_browser88 = require("@asgardeo/browser");
+var import_browser89 = require("@asgardeo/browser");
 var updateOrganization = async ({
   fetcher,
   instanceId = 0,
   ...requestConfig
 }) => {
   const defaultFetcher = async (url, config) => {
-    const client = import_browser88.AsgardeoSPAClient.getInstance(instanceId);
+    const client = import_browser89.AsgardeoSPAClient.getInstance(instanceId);
     const httpClient = client.httpRequest.bind(client);
     const response = await httpClient({
       data: config.body ? JSON.parse(config.body) : void 0,
@@ -16943,7 +17002,7 @@ var updateOrganization = async ({
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser88.updateOrganization)({
+  return (0, import_browser89.updateOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -16952,7 +17011,7 @@ var updateOrganization_default = updateOrganization;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
 var import_jsx_runtime113 = require("react/jsx-runtime");
-var logger9 = (0, import_browser89.createPackageComponentLogger)(
+var logger9 = (0, import_browser90.createPackageComponentLogger)(
   "@asgardeo/react",
   "OrganizationProfile"
 );
@@ -16993,7 +17052,7 @@ var OrganizationProfile = ({
   const handleOrganizationUpdate = async (payload) => {
     if (!baseUrl || !organizationId) return;
     try {
-      const operations = (0, import_browser88.createPatchOperations)(payload);
+      const operations = (0, import_browser89.createPatchOperations)(payload);
       await updateOrganization_default({
         baseUrl,
         instanceId,
@@ -17343,7 +17402,7 @@ var BaseLanguageSwitcher = ({
 var BaseLanguageSwitcher_default = BaseLanguageSwitcher;
 
 // src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx
-var import_browser90 = require("@asgardeo/browser");
+var import_browser91 = require("@asgardeo/browser");
 var import_react110 = require("react");
 
 // src/contexts/FlowMeta/useFlowMeta.ts
@@ -17371,8 +17430,8 @@ var LanguageSwitcher = ({ children, className }) => {
     () => effectiveLanguageCodes.map((code) => ({
       code,
       // Resolve each label in its own locale so option names stay stable across UI language switches.
-      displayName: (0, import_browser90.resolveLocaleDisplayName)(code, code) || code,
-      emoji: (0, import_browser90.resolveLocaleEmoji)(code)
+      displayName: (0, import_browser91.resolveLocaleDisplayName)(code, code) || code,
+      emoji: (0, import_browser91.resolveLocaleEmoji)(code)
     })),
     [effectiveLanguageCodes]
   );
@@ -17396,5 +17455,5 @@ var LanguageSwitcher = ({ children, className }) => {
 var LanguageSwitcher_default = LanguageSwitcher;
 
 // src/index.ts
-var import_browser91 = require("@asgardeo/browser");
+var import_browser92 = require("@asgardeo/browser");
 //# sourceMappingURL=index.js.map