@asgardeo/react 0.14.0 → 0.14.2

package/dist/index.js

@@ -7663,7 +7663,7 @@ import {
   resolveVars as resolveVars3
 } from "@asgardeo/browser";
 import { cx as cx20 } from "@emotion/css";
-import { useState as useState16, useCallback as useCallback11 } from "react";
+import { useState as useState17, useCallback as useCallback11 } from "react";
 
 // src/utils/v2/resolveTranslationsInObject.ts
 import { resolveVars } from "@asgardeo/browser";
@@ -7775,7 +7775,16 @@ var normalizeFlowResponse = (response, t, options = {}, meta) => {
   if (errorMessage && throwOnError) {
     throw response;
   }
+  const additionalData = response?.data?.additionalData ?? {};
+  if (typeof additionalData["consentPrompt"] === "string") {
+    try {
+      const parsed = JSON.parse(additionalData["consentPrompt"]);
+      additionalData["consentPrompt"] = { purposes: Array.isArray(parsed) ? parsed : [] };
+    } catch {
+    }
+  }
   return {
+    additionalData,
     components: transformComponents(response, t, resolveTranslations, meta),
     flowId: response.flowId
   };
@@ -7845,7 +7854,6 @@ var getAuthComponentHeadings_default = getAuthComponentHeadings;
 import {
   FieldType as FieldType7,
   EmbeddedFlowComponentTypeV2 as EmbeddedFlowComponentType,
-  EmbeddedFlowActionVariantV2 as EmbeddedFlowActionVariant,
   EmbeddedFlowEventTypeV2 as EmbeddedFlowEventType,
   createPackageComponentLogger as createPackageComponentLogger5,
   resolveVars as resolveVars2
@@ -7854,8 +7862,156 @@ import { css as css17 } from "@emotion/css";
 import DOMPurify from "dompurify";
 import { cloneElement } from "react";
 
+// src/components/adapters/ConsentCheckboxList.tsx
+import { Fragment as Fragment13, jsx as jsx59 } from "react/jsx-runtime";
+var getConsentOptionalKey = (purposeId, attrName) => `__consent_opt__${purposeId}__${attrName}`;
+var ConsentCheckboxList = ({
+  variant,
+  purpose,
+  formValues,
+  onInputChange,
+  children
+}) => {
+  const attributes = variant === "ESSENTIAL" ? purpose.essential : purpose.optional;
+  if (!attributes || attributes.length === 0) {
+    return null;
+  }
+  const isEssential = variant === "ESSENTIAL";
+  const isChecked = (attrName) => {
+    if (isEssential) {
+      return true;
+    }
+    const key = getConsentOptionalKey(purpose.purpose_id, attrName);
+    return formValues[key] !== "false";
+  };
+  const handleChange = (attrName, checked) => {
+    const key = getConsentOptionalKey(purpose.purpose_id, attrName);
+    onInputChange(key, checked ? "true" : "false");
+  };
+  if (children) {
+    return /* @__PURE__ */ jsx59(Fragment13, { children: children({ attributes, handleChange, isChecked, variant }) });
+  }
+  return /* @__PURE__ */ jsx59(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.25rem",
+        margin: "0.25rem 0 0.5rem"
+      },
+      children: attributes.map((attr) => {
+        const inputId = `consent_${isEssential ? "ess" : "opt"}_${purpose.purpose_id}_${attr}`;
+        const checked = isChecked(attr);
+        return /* @__PURE__ */ jsx59(
+          Checkbox_default,
+          {
+            id: inputId,
+            checked,
+            disabled: isEssential,
+            label: attr,
+            onChange: isEssential ? void 0 : (e) => handleChange(attr, e.target.checked)
+          },
+          attr
+        );
+      })
+    }
+  );
+};
+var ConsentCheckboxList_default = ConsentCheckboxList;
+
+// src/components/adapters/Consent.tsx
+import { Fragment as Fragment14, jsx as jsx60, jsxs as jsxs27 } from "react/jsx-runtime";
+var Consent = ({ consentData, formValues, onInputChange, children }) => {
+  if (!consentData) return null;
+  let purposes = [];
+  try {
+    const parsed = typeof consentData === "string" ? JSON.parse(consentData) : consentData;
+    purposes = Array.isArray(parsed) ? parsed : parsed.purposes || [];
+  } catch (e) {
+    return null;
+  }
+  if (purposes.length === 0) return null;
+  if (children) {
+    return /* @__PURE__ */ jsx60(Fragment14, { children: children({ formValues, onInputChange, purposes }) });
+  }
+  return /* @__PURE__ */ jsx60("div", { style: { display: "flex", flexDirection: "column", gap: "1rem", marginTop: "0.25rem" }, children: purposes.map((purpose, purposeIndex) => /* @__PURE__ */ jsxs27("div", { style: { paddingBottom: "1rem" }, children: [
+    purpose.essential && purpose.essential.length > 0 && /* @__PURE__ */ jsxs27("div", { style: { marginTop: "0.5rem" }, children: [
+      /* @__PURE__ */ jsx60(Typography_default, { variant: "subtitle2", fontWeight: "bold", children: "Essential Attributes" }),
+      /* @__PURE__ */ jsx60(
+        ConsentCheckboxList_default,
+        {
+          variant: "ESSENTIAL",
+          purpose,
+          formValues,
+          onInputChange
+        }
+      )
+    ] }),
+    purpose.optional && purpose.optional.length > 0 && /* @__PURE__ */ jsxs27("div", { style: { marginTop: "0.5rem" }, children: [
+      /* @__PURE__ */ jsx60(Typography_default, { variant: "subtitle2", fontWeight: "bold", children: "Optional Attributes" }),
+      /* @__PURE__ */ jsx60(
+        ConsentCheckboxList_default,
+        {
+          variant: "OPTIONAL",
+          purpose,
+          formValues,
+          onInputChange
+        }
+      )
+    ] })
+  ] }, purpose.purpose_id || purposeIndex)) });
+};
+var Consent_default = Consent;
+
+// src/components/adapters/FlowTimer.tsx
+import { useEffect as useEffect15, useState as useState16 } from "react";
+import { Fragment as Fragment15, jsx as jsx61 } from "react/jsx-runtime";
+var FlowTimer = ({
+  expiresIn = 0,
+  textTemplate = "Time remaining: {time}",
+  children
+}) => {
+  const [remaining, setRemaining] = useState16(expiresIn > 0 ? expiresIn : 0);
+  useEffect15(() => {
+    if (expiresIn <= 0) {
+      return void 0;
+    }
+    setRemaining(expiresIn);
+    const interval = setInterval(() => {
+      setRemaining((prev) => {
+        if (prev <= 1) {
+          clearInterval(interval);
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [expiresIn]);
+  if (expiresIn <= 0) {
+    return null;
+  }
+  const formatTime = (seconds) => {
+    if (seconds <= 0) {
+      return "Timed out";
+    }
+    const m = Math.floor(seconds / 60);
+    const s = seconds % 60;
+    return `${m}:${s.toString().padStart(2, "0")}`;
+  };
+  const isExpired = remaining <= 0;
+  const formattedTime = formatTime(remaining);
+  if (children) {
+    return /* @__PURE__ */ jsx61(Fragment15, { children: children({ formattedTime, isExpired, remaining }) });
+  }
+  const displayText = isExpired ? "Timed out" : textTemplate.replace("{time}", formattedTime);
+  return /* @__PURE__ */ jsx61(Typography_default, { variant: "body2", children: displayText });
+};
+var FlowTimer_default = FlowTimer;
+
 // src/components/adapters/ImageComponent.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var ImageComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
@@ -7872,7 +8028,7 @@ var ImageComponent = ({ component }) => {
   if (!src) {
     return null;
   }
-  return /* @__PURE__ */ jsx59("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx62("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx62(
     "img",
     {
       src,
@@ -7889,7 +8045,7 @@ var ImageComponent = ({ component }) => {
 var ImageComponent_default = ImageComponent;
 
 // src/components/adapters/SmsOtpButton.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var SmsOtpButton = ({
   isLoading,
   preferences,
@@ -7897,7 +8053,7 @@ var SmsOtpButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx63(
     Button_default,
     {
       ...rest,
@@ -7906,7 +8062,7 @@ var SmsOtpButton = ({
       color: "secondary",
       variant: "solid",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx60("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx60(
+      startIcon: /* @__PURE__ */ jsx63("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx63(
         "path",
         {
           fill: "currentColor",
@@ -7920,8 +8076,8 @@ var SmsOtpButton = ({
 var SmsOtpButton_default = SmsOtpButton;
 
 // src/components/primitives/Icons/ArrowLeftRight.tsx
-import { jsx as jsx61, jsxs as jsxs27 } from "react/jsx-runtime";
-var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ jsxs27(
+import { jsx as jsx64, jsxs as jsxs28 } from "react/jsx-runtime";
+var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ jsxs28(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7934,24 +8090,50 @@ var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx61("path", { d: "M8 3 4 7l4 4" }),
-      /* @__PURE__ */ jsx61("path", { d: "M4 7h16" }),
-      /* @__PURE__ */ jsx61("path", { d: "m16 21 4-4-4-4" }),
-      /* @__PURE__ */ jsx61("path", { d: "M20 17H4" })
+      /* @__PURE__ */ jsx64("path", { d: "M8 3 4 7l4 4" }),
+      /* @__PURE__ */ jsx64("path", { d: "M4 7h16" }),
+      /* @__PURE__ */ jsx64("path", { d: "m16 21 4-4-4-4" }),
+      /* @__PURE__ */ jsx64("path", { d: "M20 17H4" })
     ]
   }
 );
 ArrowLeftRight.displayName = "ArrowLeftRight";
 var ArrowLeftRight_default = ArrowLeftRight;
 
+// src/components/primitives/Icons/ArrowRightLeft.tsx
+import { jsx as jsx65, jsxs as jsxs29 } from "react/jsx-runtime";
+var ArrowRightLeft = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ jsxs29(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsx65("path", { d: "m16 3 4 4-4 4" }),
+      /* @__PURE__ */ jsx65("path", { d: "M20 7H4" }),
+      /* @__PURE__ */ jsx65("path", { d: "m8 21-4-4 4-4" }),
+      /* @__PURE__ */ jsx65("path", { d: "M4 17h16" })
+    ]
+  }
+);
+ArrowRightLeft.displayName = "ArrowRightLeft";
+var ArrowRightLeft_default = ArrowRightLeft;
+
 // src/components/primitives/Icons/flowIconRegistry.tsx
 var flowIconRegistry = {
-  ArrowLeftRight: ArrowLeftRight_default
+  ArrowLeftRight: ArrowLeftRight_default,
+  ArrowRightLeft: ArrowRightLeft_default
 };
 var flowIconRegistry_default = flowIconRegistry;
 
 // src/components/presentation/auth/AuthOptionFactory.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 var logger5 = createPackageComponentLogger5(
   "@asgardeo/react",
   "AuthOptionFactory"
@@ -7992,11 +8174,11 @@ var getTypographyVariant = (variant) => {
   };
   return variantMap[variant] || "h3";
 };
-var matchesSocialProvider = (actionId, eventType, buttonText, provider, authType, componentVariant) => {
+var matchesSocialProvider = (actionId, eventType, buttonText, provider, authType, _componentVariant) => {
   const providerId = `${provider}_auth`;
   const providerMatches = actionId === providerId || eventType === providerId;
-  if (componentVariant?.toUpperCase() === EmbeddedFlowActionVariant.Social) {
-    return buttonText.toLowerCase().includes(provider);
+  if (buttonText.toLowerCase().includes(provider)) {
+    return true;
   }
   if (authType === "signup") {
     return providerMatches || buttonText.toLowerCase().includes(provider);
@@ -8046,31 +8228,53 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           Object.keys(formValues).forEach((field) => {
             formData[field] = formValues[field];
           });
+          const consentPrompt = options.additionalData?.["consentPrompt"];
+          if (consentPrompt && eventType.toUpperCase() === EmbeddedFlowEventType.Submit) {
+            const isDeny = componentVariant.toLowerCase() !== "primary";
+            const decisions = {
+              purposes: consentPrompt.purposes.map(
+                (p) => ({
+                  approved: !isDeny,
+                  elements: [
+                    ...p.essential.map((attr) => ({ approved: !isDeny, name: attr })),
+                    ...p.optional.map(
+                      (attr) => ({
+                        approved: isDeny ? false : formValues[getConsentOptionalKey(p.purpose_id, attr)] !== "false",
+                        name: attr
+                      })
+                    )
+                  ],
+                  purpose_name: p.purpose_name
+                })
+              )
+            };
+            formData["consent_decisions"] = JSON.stringify(decisions);
+          }
           options.onSubmit(component, formData, shouldSkipValidation);
         }
       };
       if (matchesSocialProvider(actionId, eventType, buttonText, "google", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx62(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx66(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "github", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx62(GitHubButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx66(GitHubButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "facebook", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx62(FacebookButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx66(FacebookButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "microsoft", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx62(MicrosoftButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx66(MicrosoftButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "linkedin", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx62(LinkedInButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx66(LinkedInButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "ethereum", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx62(SignInWithEthereumButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx66(SignInWithEthereumButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (actionId === "prompt_mobile" || eventType === "prompt_mobile") {
-        return /* @__PURE__ */ jsx62(SmsOtpButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx66(SmsOtpButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
-      const startIconEl = component.startIcon ? /* @__PURE__ */ jsx62(
+      const startIconEl = component.startIcon ? /* @__PURE__ */ jsx66(
         "img",
         {
           src: component.startIcon,
@@ -8079,7 +8283,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
         }
       ) : null;
-      const endIconEl = component.endIcon ? /* @__PURE__ */ jsx62(
+      const endIconEl = component.endIcon ? /* @__PURE__ */ jsx66(
         "img",
         {
           src: component.endIcon,
@@ -8088,12 +8292,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
         }
       ) : null;
-      return /* @__PURE__ */ jsx62(
+      return /* @__PURE__ */ jsx66(
         Button_default,
         {
           fullWidth: true,
           onClick: handleClick,
-          disabled: isLoading || !isFormValid,
+          disabled: isLoading || !isFormValid && !shouldSkipValidation || options.isTimeoutDisabled || component.config?.disabled,
           className: options.buttonClassName,
           "data-testid": "asgardeo-signin-submit",
           variant: component.variant?.toLowerCase() === "primary" ? "solid" : "outline",
@@ -8107,10 +8311,10 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
     }
     case EmbeddedFlowComponentType.Text: {
       const variant = getTypographyVariant(component.variant);
-      return /* @__PURE__ */ jsx62(Typography_default, { variant, children: resolve(component.label) }, key);
+      return /* @__PURE__ */ jsx66(Typography_default, { variant, children: resolve(component.label) }, key);
     }
     case EmbeddedFlowComponentType.Divider: {
-      return /* @__PURE__ */ jsx62(Divider_default, { children: resolve(component.label) || "" }, key);
+      return /* @__PURE__ */ jsx66(Divider_default, { children: resolve(component.label) || "" }, key);
     }
     case EmbeddedFlowComponentType.Select: {
       const identifier = component.ref;
@@ -8121,7 +8325,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         label: typeof opt === "string" ? opt : String(opt.label ?? opt.value ?? ""),
         value: typeof opt === "string" ? opt : String(opt.value ?? "")
       }));
-      return /* @__PURE__ */ jsx62(
+      return /* @__PURE__ */ jsx66(
         Select_default,
         {
           name: identifier,
@@ -8156,12 +8360,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
             }
           )
         ).filter(Boolean);
-        return /* @__PURE__ */ jsx62("form", { id: component.id, children: blockComponents }, key);
+        return /* @__PURE__ */ jsx66("form", { id: component.id, children: blockComponents }, key);
       }
       return null;
     }
     case EmbeddedFlowComponentType.RichText: {
-      return /* @__PURE__ */ jsx62(
+      return /* @__PURE__ */ jsx66(
         "div",
         {
           className: richTextClass,
@@ -8171,15 +8375,17 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       );
     }
     case EmbeddedFlowComponentType.Image: {
-      return /* @__PURE__ */ jsx62(
+      const explicitHeight = resolve(component.height?.toString());
+      const explicitWidth = resolve(component.width?.toString());
+      return /* @__PURE__ */ jsx66(
         ImageComponent_default,
         {
           component: {
             config: {
               alt: resolve(component.alt) || resolve(component.label) || "Image",
-              height: resolve(component.height.toString()) || "auto",
+              height: explicitHeight || (options.inStack ? "50" : "auto"),
               src: resolve(component.src),
-              width: resolve(component.width.toString()) || "100%"
+              width: explicitWidth || (options.inStack ? "50" : "100%")
             }
           },
           formErrors: void 0,
@@ -8201,7 +8407,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         logger5.warn(`Unknown icon name: "${iconName}". Skipping render.`);
         return null;
       }
-      return /* @__PURE__ */ jsx62(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
+      return /* @__PURE__ */ jsx66(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
     }
     case EmbeddedFlowComponentType.Stack: {
       const direction = component.direction || "row";
@@ -8228,11 +8434,31 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           authType,
           {
             ...options,
+            inStack: true,
             key: childComponent.id || `${component.id}_${index}`
           }
         )
       ) : [];
-      return /* @__PURE__ */ jsx62("div", { style: stackStyle, children: stackChildren }, key);
+      return /* @__PURE__ */ jsx66("div", { style: stackStyle, children: stackChildren }, key);
+    }
+    case EmbeddedFlowComponentType.Consent: {
+      const consentPromptRawData = options.additionalData?.["consentPrompt"];
+      return /* @__PURE__ */ jsx66(
+        Consent_default,
+        {
+          consentData: consentPromptRawData,
+          formValues,
+          onInputChange
+        },
+        key
+      );
+    }
+    case EmbeddedFlowComponentType.Timer: {
+      const timerConfig = component.config || {};
+      const textTemplate = timerConfig.text || "Time remaining: {time}";
+      const timeoutMs = Number(options.additionalData?.["stepTimeout"]) || 0;
+      const expiresIn = timeoutMs > 0 ? Math.max(0, Math.floor((timeoutMs - Date.now()) / 1e3)) : 0;
+      return /* @__PURE__ */ jsx66(FlowTimer_default, { expiresIn, textTemplate }, key);
     }
     default:
       logger5.warn(`Unsupported component type: ${component.type}. Skipping render.`);
@@ -8289,7 +8515,7 @@ var renderInviteUserComponents = (components, formValues, touchedFields, formErr
 ).filter(Boolean);
 
 // src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx
-import { jsx as jsx63, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs30 } from "react/jsx-runtime";
 var BaseSignInContent2 = ({
   components = [],
   onSubmit,
@@ -8304,15 +8530,17 @@ var BaseSignInContent2 = ({
   isLoading: externalIsLoading,
   children,
   showTitle = true,
-  showSubtitle = true
+  showSubtitle = true,
+  additionalData = {},
+  isTimeoutDisabled = false
 }) => {
   const { meta } = useAsgardeo_default();
   const { theme } = useTheme_default();
   const { t } = useTranslation_default();
   const { subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages } = useFlow_default();
   const styles = BaseSignIn_styles_default(theme, theme.vars.colors.text.primary);
-  const [isSubmitting, setIsSubmitting] = useState16(false);
-  const [apiError, setApiError] = useState16(null);
+  const [isSubmitting, setIsSubmitting] = useState17(false);
+  const [apiError, setApiError] = useState17(null);
   const isLoading = externalIsLoading || isSubmitting;
   const handleError = useCallback11(
     (error) => {
@@ -8451,8 +8679,10 @@ var BaseSignInContent2 = ({
       isFormValid,
       handleInputChange,
       {
+        additionalData,
         buttonClassName: buttonClasses,
         inputClassName: inputClasses,
+        isTimeoutDisabled,
         meta,
         onInputBlur: handleInputBlur,
         onSubmit: handleSubmit,
@@ -8462,6 +8692,7 @@ var BaseSignInContent2 = ({
       }
     ),
     [
+      additionalData,
       formValues,
       touchedFields,
       formErrors,
@@ -8474,7 +8705,8 @@ var BaseSignInContent2 = ({
       inputClasses,
       buttonClasses,
       handleInputBlur,
-      handleSubmit
+      handleSubmit,
+      isTimeoutDisabled
     ]
   );
   if (children) {
@@ -8485,6 +8717,7 @@ var BaseSignInContent2 = ({
       handleInputChange,
       handleSubmit,
       isLoading,
+      isTimeoutDisabled,
       isValid: isFormValid,
       messages: flowMessages || [],
       meta,
@@ -8497,13 +8730,13 @@ var BaseSignInContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ jsx63("div", { className: containerClasses, "data-testid": "asgardeo-signin", children: children(renderProps) });
+    return /* @__PURE__ */ jsx67("div", { className: containerClasses, "data-testid": "asgardeo-signin", children: children(renderProps) });
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsx63(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx63(Card_default.Content, { children: /* @__PURE__ */ jsx63("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx63(Spinner_default, {}) }) }) });
+    return /* @__PURE__ */ jsx67(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx67(Card_default.Content, { children: /* @__PURE__ */ jsx67("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx67(Spinner_default, {}) }) }) });
   }
   if (!components || components.length === 0) {
-    return /* @__PURE__ */ jsx63(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx63(Card_default.Content, { children: /* @__PURE__ */ jsx63(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx63(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
+    return /* @__PURE__ */ jsx67(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx67(Card_default.Content, { children: /* @__PURE__ */ jsx67(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx67(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
   }
   const {
     title: rawTitle,
@@ -8512,46 +8745,46 @@ var BaseSignInContent2 = ({
   } = getAuthComponentHeadings_default(components, flowTitle, flowSubtitle, void 0, void 0);
   const title = resolveVars3(rawTitle, { meta, t });
   const subtitle = resolveVars3(rawSubtitle, { meta, t });
-  return /* @__PURE__ */ jsxs28(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: [
-    (showTitle || showSubtitle) && /* @__PURE__ */ jsxs28(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ jsx63(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && /* @__PURE__ */ jsx63(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ jsxs30(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: [
+    (showTitle || showSubtitle) && /* @__PURE__ */ jsxs30(Card_default.Header, { className: styles.header, children: [
+      showTitle && /* @__PURE__ */ jsx67(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && /* @__PURE__ */ jsx67(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ jsxs28(Card_default.Content, { children: [
-      externalError && /* @__PURE__ */ jsx63("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx63(Alert_default, { variant: "error", className: cx20(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx63(Alert_default.Description, { children: externalError.message }) }) }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx63("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx63(
+    /* @__PURE__ */ jsxs30(Card_default.Content, { children: [
+      externalError && /* @__PURE__ */ jsx67("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx67(Alert_default, { variant: "error", className: cx20(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx67(Alert_default.Description, { children: externalError.message }) }) }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx67("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx67(
         Alert_default,
         {
           variant: message.type === "error" ? "error" : "info",
           className: cx20(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ jsx63(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ jsx67(Alert_default.Description, { children: message.message })
         },
         index
       )) }),
-      /* @__PURE__ */ jsx63("div", { className: styles.contentContainer, children: componentsWithoutHeadings && renderComponents(componentsWithoutHeadings) })
+      /* @__PURE__ */ jsx67("div", { className: styles.contentContainer, children: componentsWithoutHeadings && renderComponents(componentsWithoutHeadings) })
     ] })
   ] });
 };
 var BaseSignIn2 = ({ preferences, showLogo = true, ...rest }) => {
   const { theme } = useTheme_default();
   const styles = BaseSignIn_styles_default(theme, theme.vars.colors.text.primary);
-  const content = /* @__PURE__ */ jsxs28("div", { children: [
-    showLogo && /* @__PURE__ */ jsx63("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx63(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ jsx63(FlowProvider_default, { children: /* @__PURE__ */ jsx63(BaseSignInContent2, { showLogo, ...rest }) })
+  const content = /* @__PURE__ */ jsxs30("div", { children: [
+    showLogo && /* @__PURE__ */ jsx67("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx67(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx67(FlowProvider_default, { children: /* @__PURE__ */ jsx67(BaseSignInContent2, { showLogo, ...rest }) })
   ] });
   if (!preferences) return content;
-  return /* @__PURE__ */ jsx63(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ jsx67(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
 };
 var BaseSignIn_default2 = BaseSignIn2;
 
 // src/components/presentation/auth/SignIn/BaseSignIn.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 var BaseSignIn3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform4.AsgardeoV2) {
-    return /* @__PURE__ */ jsx64(BaseSignIn_default2, { ...props });
+    return /* @__PURE__ */ jsx68(BaseSignIn_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx64(BaseSignIn_default, { ...props });
+  return /* @__PURE__ */ jsx68(BaseSignIn_default, { ...props });
 };
 var BaseSignIn_default3 = BaseSignIn3;
 
@@ -8567,10 +8800,10 @@ import {
   EmbeddedSignInFlowStatusV2 as EmbeddedSignInFlowStatusV22,
   EmbeddedSignInFlowTypeV2
 } from "@asgardeo/browser";
-import { useState as useState17, useEffect as useEffect16, useRef as useRef7 } from "react";
+import { useState as useState18, useEffect as useEffect17, useRef as useRef7 } from "react";
 
 // src/hooks/v2/useOAuthCallback.ts
-import { useEffect as useEffect15, useRef as useRef6 } from "react";
+import { useEffect as useEffect16, useRef as useRef6 } from "react";
 function cleanupUrlParams() {
   if (typeof window === "undefined") return;
   const url = new URL(window.location.href);
@@ -8597,7 +8830,7 @@ function useOAuthCallback({
 }) {
   const internalRef = useRef6(false);
   const oauthCodeProcessedRef = processedRef ?? internalRef;
-  useEffect15(() => {
+  useEffect16(() => {
     if (!isInitialized || isSubmitting) {
       return;
     }
@@ -8843,7 +9076,7 @@ var handlePasskeyAuthentication = async (challengeData) => {
 };
 
 // src/components/presentation/auth/SignIn/v2/SignIn.tsx
-import { Fragment as Fragment13, jsx as jsx65 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx69 } from "react/jsx-runtime";
 var SignIn = ({
   className,
   preferences,
@@ -8855,12 +9088,14 @@ var SignIn = ({
 }) => {
   const { applicationId, afterSignInUrl, signIn, isInitialized, isLoading, meta } = useAsgardeo_default();
   const { t } = useTranslation_default(preferences?.i18n);
-  const [components, setComponents] = useState17([]);
-  const [currentFlowId, setCurrentFlowId] = useState17(null);
-  const [isFlowInitialized, setIsFlowInitialized] = useState17(false);
-  const [flowError, setFlowError] = useState17(null);
-  const [isSubmitting, setIsSubmitting] = useState17(false);
-  const [passkeyState, setPasskeyState] = useState17({
+  const [components, setComponents] = useState18([]);
+  const [additionalData, setAdditionalData] = useState18({});
+  const [currentFlowId, setCurrentFlowId] = useState18(null);
+  const [isFlowInitialized, setIsFlowInitialized] = useState18(false);
+  const [flowError, setFlowError] = useState18(null);
+  const [isSubmitting, setIsSubmitting] = useState18(false);
+  const [isTimeoutDisabled, setIsTimeoutDisabled] = useState18(false);
+  const [passkeyState, setPasskeyState] = useState18({
     actionId: null,
     challenge: null,
     creationOptions: null,
@@ -8883,6 +9118,7 @@ var SignIn = ({
     setFlowId(null);
     setIsFlowInitialized(false);
     sessionStorage.removeItem("asgardeo_auth_id");
+    setIsTimeoutDisabled(false);
     oauthCodeProcessedRef.current = false;
   };
   const getUrlParams2 = () => {
@@ -8980,7 +9216,11 @@ var SignIn = ({
       if (handleRedirection(response)) {
         return;
       }
-      const { flowId: normalizedFlowId, components: normalizedComponents } = normalizeFlowResponse(
+      const {
+        flowId: normalizedFlowId,
+        components: normalizedComponents,
+        additionalData: normalizedAdditionalData
+      } = normalizeFlowResponse(
         response,
         t,
         {
@@ -8991,7 +9231,9 @@ var SignIn = ({
       if (normalizedFlowId && normalizedComponents) {
         setFlowId(normalizedFlowId);
         setComponents(normalizedComponents);
+        setAdditionalData(normalizedAdditionalData ?? {});
         setIsFlowInitialized(true);
+        setIsTimeoutDisabled(false);
         cleanupFlowUrlParams();
       }
     } catch (error) {
@@ -9002,33 +9244,104 @@ var SignIn = ({
       initializationAttemptedRef.current = false;
     }
   };
-  useEffect16(() => {
+  useEffect17(() => {
     const urlParams = getUrlParams2();
     if (urlParams.error) {
       handleOAuthError(urlParams.error, urlParams.errorDescription);
       return;
     }
     handleAuthId(urlParams.authId);
-    if (urlParams.code || urlParams.state) {
-      return;
-    }
+  }, []);
+  useEffect17(() => {
     const currentUrlParams = getUrlParams2();
     if (isInitialized && !isLoading && !isFlowInitialized && !initializationAttemptedRef.current && !currentFlowId && !currentUrlParams.code && !currentUrlParams.state && !isSubmitting && !oauthCodeProcessedRef.current) {
       initializationAttemptedRef.current = true;
       initializeFlow();
     }
   }, [isInitialized, isLoading, isFlowInitialized, currentFlowId]);
+  useEffect17(() => {
+    const timeoutMs = Number(additionalData?.["stepTimeout"]) || 0;
+    if (timeoutMs <= 0 || !isFlowInitialized) {
+      setIsTimeoutDisabled(false);
+      return void 0;
+    }
+    const remaining = Math.max(0, Math.floor((timeoutMs - Date.now()) / 1e3));
+    const handleTimeout = () => {
+      const errorMessage = t("errors.signin.timeout") || "Time allowed to complete the step has expired.";
+      setError(new Error(errorMessage));
+      setIsTimeoutDisabled(true);
+    };
+    if (remaining <= 0) {
+      handleTimeout();
+      return void 0;
+    }
+    const timerId = setTimeout(() => {
+      handleTimeout();
+    }, remaining * 1e3);
+    return () => clearTimeout(timerId);
+  }, [additionalData?.["stepTimeout"], isFlowInitialized, t]);
   const handleSubmit = async (payload) => {
     const effectiveFlowId = payload.flowId || currentFlowId;
     if (!effectiveFlowId) {
       throw new Error("No active flow ID");
     }
+    const processedInputs = { ...payload.inputs };
+    if (additionalData?.["consentPrompt"]) {
+      try {
+        const consentPromptRawData = additionalData["consentPrompt"];
+        const purposes = typeof consentPromptRawData === "string" ? JSON.parse(consentPromptRawData) : consentPromptRawData.purposes || consentPromptRawData;
+        let isDeny = false;
+        if (payload.action) {
+          const findAction = (comps) => {
+            if (!comps || comps.length === 0) return null;
+            const found = comps.find((c) => c.id === payload.action);
+            if (found) return found;
+            return comps.reduce((acc, c) => {
+              if (acc) return acc;
+              if (c.components) return findAction(c.components);
+              return null;
+            }, null);
+          };
+          const submitAction = findAction(components);
+          if (submitAction && submitAction.variant?.toLowerCase() !== "primary") {
+            isDeny = true;
+          }
+        }
+        const decisions = {
+          purposes: purposes.map((p) => ({
+            approved: !isDeny,
+            elements: [
+              ...(p.essential || []).map((attr) => ({
+                approved: !isDeny,
+                name: attr
+              })),
+              ...(p.optional || []).map((attr) => {
+                const key = `__consent_opt__${p.purpose_id}__${attr}`;
+                return {
+                  approved: isDeny ? false : processedInputs[key] !== "false",
+                  name: attr
+                };
+              })
+            ],
+            purpose_name: p.purpose_name
+          }))
+        };
+        processedInputs["consent_decisions"] = JSON.stringify(decisions);
+        Object.keys(processedInputs).forEach((key) => {
+          if (key.startsWith("__consent_opt__")) {
+            delete processedInputs[key];
+          }
+        });
+      } catch (e) {
+      }
+    }
     try {
       setIsSubmitting(true);
       setFlowError(null);
       const response = await signIn({
         flowId: effectiveFlowId,
-        ...payload
+        ...payload,
+        inputs: processedInputs
       });
       if (handleRedirection(response)) {
         return;
@@ -9048,7 +9361,11 @@ var SignIn = ({
         setIsSubmitting(false);
         return;
       }
-      const { flowId: normalizedFlowId, components: normalizedComponents } = normalizeFlowResponse(
+      const {
+        flowId: normalizedFlowId,
+        components: normalizedComponents,
+        additionalData: normalizedAdditionalData
+      } = normalizeFlowResponse(
         response,
         t,
         {
@@ -9088,6 +9405,8 @@ var SignIn = ({
       if (normalizedFlowId && normalizedComponents) {
         setFlowId(normalizedFlowId);
         setComponents(normalizedComponents);
+        setAdditionalData(normalizedAdditionalData ?? {});
+        setIsTimeoutDisabled(false);
         setIsFlowInitialized(true);
         cleanupFlowUrlParams();
         if (response?.failureReason) {
@@ -9119,7 +9438,7 @@ var SignIn = ({
     processedRef: oauthCodeProcessedRef,
     setFlowId
   });
-  useEffect16(() => {
+  useEffect17(() => {
     if (!passkeyState.isActive || !passkeyState.challenge && !passkeyState.creationOptions || !passkeyState.flowId) {
       return;
     }
@@ -9172,21 +9491,25 @@ var SignIn = ({
   }, [passkeyState.isActive, passkeyState.challenge, passkeyState.creationOptions, passkeyState.flowId]);
   if (children) {
     const renderProps = {
+      additionalData,
       components,
       error: flowError,
       initialize: initializeFlow,
       isInitialized: isFlowInitialized,
       isLoading: isLoading || isSubmitting || !isInitialized,
+      isTimeoutDisabled,
       meta,
       onSubmit: handleSubmit
     };
-    return /* @__PURE__ */ jsx65(Fragment13, { children: children(renderProps) });
+    return /* @__PURE__ */ jsx69(Fragment16, { children: children(renderProps) });
   }
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx69(
     BaseSignIn_default2,
     {
+      additionalData,
       components,
       isLoading: isLoading || !isInitialized || !isFlowInitialized,
+      isTimeoutDisabled,
       onSubmit: handleSubmit,
       onError: handleError,
       error: flowError,
@@ -9200,7 +9523,7 @@ var SignIn = ({
 var SignIn_default = SignIn;
 
 // src/components/presentation/auth/SignIn/SignIn.tsx
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) => {
   const { signIn, afterSignInUrl, isInitialized, isLoading, platform } = useAsgardeo_default();
   const handleInitialize = async () => await signIn({ response_mode: "direct" });
@@ -9217,7 +9540,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
     }
   };
   if (platform === Platform5.AsgardeoV2) {
-    return /* @__PURE__ */ jsx66(
+    return /* @__PURE__ */ jsx70(
       SignIn_default,
       {
         className,
@@ -9230,7 +9553,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
       }
     );
   }
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx70(
     BaseSignIn_default3,
     {
       isLoading: isLoading || !isInitialized,
@@ -9262,7 +9585,7 @@ import {
   createPackageComponentLogger as createPackageComponentLogger6
 } from "@asgardeo/browser";
 import { cx as cx21 } from "@emotion/css";
-import { useEffect as useEffect17, useState as useState18, useCallback as useCallback12, useRef as useRef8 } from "react";
+import { useEffect as useEffect18, useState as useState19, useCallback as useCallback12, useRef as useRef8 } from "react";
 
 // src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
 import { EmbeddedFlowComponentType as EmbeddedFlowComponentType2 } from "@asgardeo/browser";
@@ -9324,13 +9647,13 @@ var DateInput = ({
 var DateInput_default = DateInput;
 
 // src/components/adapters/DividerComponent.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 var DividerComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
   const text = config["text"] || "";
   const variant = component.variant?.toLowerCase() || "horizontal";
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx71(
     Divider_default,
     {
       orientation: variant === "vertical" ? "vertical" : "horizontal",
@@ -9371,7 +9694,7 @@ var EmailInput = ({
 var EmailInput_default = EmailInput;
 
 // src/components/adapters/FormContainer.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var FormContainer = (props) => {
   const { component } = props;
   if (component.components && component.components.length > 0) {
@@ -9384,14 +9707,14 @@ var FormContainer = (props) => {
         props.onSubmit(submitButton, props.formValues);
       }
     };
-    return /* @__PURE__ */ jsx68("form", { onSubmit: handleFormSubmit, style: { display: "flex", flexDirection: "column" }, children: component.components.map(
+    return /* @__PURE__ */ jsx72("form", { onSubmit: handleFormSubmit, style: { display: "flex", flexDirection: "column" }, children: component.components.map(
       (childComponent) => createSignUpComponent({
         ...props,
         component: childComponent
       })
     ) }, component.id);
   }
-  return /* @__PURE__ */ jsx68("div", {}, component.id);
+  return /* @__PURE__ */ jsx72("div", {}, component.id);
 };
 var FormContainer_default = FormContainer;
 
@@ -9517,7 +9840,7 @@ var SelectInput = ({
 var SelectInput_default = SelectInput;
 
 // src/components/adapters/SubmitButton.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 var ButtonComponent = ({
   component,
   isLoading,
@@ -9539,6 +9862,7 @@ var ButtonComponent = ({
       case "TEXT":
         return { color: "primary", variant: "text" };
       case "SOCIAL":
+      case "OUTLINED":
         return { color: "primary", variant: "outline" };
       default:
         return { color: "primary", variant: "solid" };
@@ -9550,7 +9874,7 @@ var ButtonComponent = ({
       onSubmit(component);
     }
   };
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx73(
     Button_default,
     {
       type: buttonType === "submit" ? "submit" : "button",
@@ -9561,7 +9885,7 @@ var ButtonComponent = ({
       onClick: buttonType !== "submit" ? handleClick : void 0,
       className: buttonClassName,
       style: { width: "100%" },
-      children: isLoading ? /* @__PURE__ */ jsx69(Spinner_default, { size: "small" }) : buttonText
+      children: isLoading ? /* @__PURE__ */ jsx73(Spinner_default, { size: "small" }) : buttonText
     },
     component.id
   );
@@ -9569,7 +9893,7 @@ var ButtonComponent = ({
 var SubmitButton_default = ButtonComponent;
 
 // src/components/adapters/TelephoneInput.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var TelephoneInput = ({
   component,
   formValues,
@@ -9582,7 +9906,7 @@ var TelephoneInput = ({
   const fieldName = config["identifier"] || config["name"] || component.id;
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
-  return /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx74(
     TextField_default,
     {
       name: fieldName,
@@ -9630,7 +9954,7 @@ var TextInput = ({
 var TextInput_default = TextInput;
 
 // src/components/adapters/Typography.tsx
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var TypographyComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
@@ -9671,7 +9995,7 @@ var TypographyComponent = ({ component }) => {
     default:
       typographyVariant = "body1";
   }
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx75(
     Typography_default,
     {
       variant: typographyVariant,
@@ -9684,69 +10008,69 @@ var TypographyComponent = ({ component }) => {
 var Typography_default2 = TypographyComponent;
 
 // src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
   switch (component.type) {
     case EmbeddedFlowComponentType2.Typography:
-      return /* @__PURE__ */ jsx72(Typography_default2, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx76(Typography_default2, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Input: {
       const inputVariant = component.variant?.toUpperCase();
       const inputType = component.config["type"]?.toLowerCase();
       if (inputVariant === "EMAIL" || inputType === "email") {
-        return /* @__PURE__ */ jsx72(EmailInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx76(EmailInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "PASSWORD" || inputType === "password") {
-        return /* @__PURE__ */ jsx72(PasswordInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx76(PasswordInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "TELEPHONE" || inputType === "tel") {
-        return /* @__PURE__ */ jsx72(TelephoneInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx76(TelephoneInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "NUMBER" || inputType === "number") {
-        return /* @__PURE__ */ jsx72(NumberInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx76(NumberInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "DATE" || inputType === "date") {
-        return /* @__PURE__ */ jsx72(DateInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx76(DateInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "CHECKBOX" || inputType === "checkbox") {
-        return /* @__PURE__ */ jsx72(CheckboxInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx76(CheckboxInput_default, { component, onSubmit, ...rest });
       }
-      return /* @__PURE__ */ jsx72(TextInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx76(TextInput_default, { component, onSubmit, ...rest });
     }
     case EmbeddedFlowComponentType2.Button: {
       const buttonVariant = component.variant?.toUpperCase();
       const buttonText = component.config["text"] || component.config["label"] || "";
       if (buttonVariant === "SOCIAL") {
         if (buttonText.toLowerCase().includes("google")) {
-          return /* @__PURE__ */ jsx72(GoogleButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx76(GoogleButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("github")) {
-          return /* @__PURE__ */ jsx72(GitHubButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx76(GitHubButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("microsoft")) {
-          return /* @__PURE__ */ jsx72(MicrosoftButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx76(MicrosoftButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("facebook")) {
-          return /* @__PURE__ */ jsx72(FacebookButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx76(FacebookButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("linkedin")) {
-          return /* @__PURE__ */ jsx72(LinkedInButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx76(LinkedInButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("ethereum")) {
-          return /* @__PURE__ */ jsx72(SignInWithEthereumButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx76(SignInWithEthereumButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
       }
-      return /* @__PURE__ */ jsx72(SubmitButton_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx76(SubmitButton_default, { component, onSubmit, ...rest });
     }
     case EmbeddedFlowComponentType2.Form:
-      return /* @__PURE__ */ jsx72(FormContainer_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx76(FormContainer_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Select:
-      return /* @__PURE__ */ jsx72(SelectInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx76(SelectInput_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Divider:
-      return /* @__PURE__ */ jsx72(DividerComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx76(DividerComponent_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Image:
-      return /* @__PURE__ */ jsx72(ImageComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx76(ImageComponent_default, { component, onSubmit, ...rest });
     default:
-      return /* @__PURE__ */ jsx72("div", {});
+      return /* @__PURE__ */ jsx76("div", {});
   }
 };
 var createSignUpOptionFromComponent = (component, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, options) => createSignUpComponent({
@@ -9915,7 +10239,7 @@ var useStyles17 = (theme, colorScheme) => useMemo25(() => {
 var BaseSignUp_styles_default = useStyles17;
 
 // src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
-import { jsx as jsx73, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx77, jsxs as jsxs31 } from "react/jsx-runtime";
 var logger6 = createPackageComponentLogger6(
   "@asgardeo/react",
   "BaseSignUp"
@@ -9977,9 +10301,9 @@ var BaseSignUpContent = ({
     },
     [t, addMessage, clearMessages]
   );
-  const [isLoading, setIsLoading] = useState18(false);
-  const [isFlowInitialized, setIsFlowInitialized] = useState18(false);
-  const [currentFlow, setCurrentFlow] = useState18(null);
+  const [isLoading, setIsLoading] = useState19(false);
+  const [isFlowInitialized, setIsFlowInitialized] = useState19(false);
+  const [currentFlow, setCurrentFlow] = useState19(null);
   const initializationAttemptedRef = useRef8(false);
   const extractFormFields = useCallback12(
     (components) => {
@@ -10266,7 +10590,7 @@ var BaseSignUpContent = ({
       handleSubmit
     ]
   );
-  useEffect17(() => {
+  useEffect18(() => {
     if (isInitialized && !isFlowInitialized && !initializationAttemptedRef.current) {
       initializationAttemptedRef.current = true;
       (async () => {
@@ -10318,42 +10642,42 @@ var BaseSignUpContent = ({
       validateForm,
       values: formValues
     };
-    return /* @__PURE__ */ jsx73("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ jsx77("div", { className: containerClasses, children: children(renderProps) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ jsx73(Card_default, { className: cx21(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx73(Card_default.Content, { children: /* @__PURE__ */ jsx73("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx73(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx77(Card_default, { className: cx21(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx77(Card_default.Content, { children: /* @__PURE__ */ jsx77("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx77(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow) {
-    return /* @__PURE__ */ jsx73(Card_default, { className: cx21(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx73(Card_default.Content, { children: /* @__PURE__ */ jsxs29(Alert_default, { variant: "error", className: errorClasses, children: [
-      /* @__PURE__ */ jsx73(Alert_default.Title, { children: t("errors.heading") }),
-      /* @__PURE__ */ jsx73(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
+    return /* @__PURE__ */ jsx77(Card_default, { className: cx21(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx77(Card_default.Content, { children: /* @__PURE__ */ jsxs31(Alert_default, { variant: "error", className: errorClasses, children: [
+      /* @__PURE__ */ jsx77(Alert_default.Title, { children: t("errors.heading") }),
+      /* @__PURE__ */ jsx77(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
     ] }) }) });
   }
-  return /* @__PURE__ */ jsxs29(Card_default, { className: cx21(containerClasses, styles.card), variant, children: [
-    (showTitle || showSubtitle) && /* @__PURE__ */ jsxs29(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ jsx73(Card_default.Title, { level: 2, className: styles.title, children: flowTitle || t("signup.heading") }),
-      showSubtitle && /* @__PURE__ */ jsx73(Typography_default, { variant: "body1", className: styles.subtitle, children: flowSubtitle || t("signup.subheading") })
+  return /* @__PURE__ */ jsxs31(Card_default, { className: cx21(containerClasses, styles.card), variant, children: [
+    (showTitle || showSubtitle) && /* @__PURE__ */ jsxs31(Card_default.Header, { className: styles.header, children: [
+      showTitle && /* @__PURE__ */ jsx77(Card_default.Title, { level: 2, className: styles.title, children: flowTitle || t("signup.heading") }),
+      showSubtitle && /* @__PURE__ */ jsx77(Typography_default, { variant: "body1", className: styles.subtitle, children: flowSubtitle || t("signup.subheading") })
     ] }),
-    /* @__PURE__ */ jsxs29(Card_default.Content, { children: [
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx73("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx73(
+    /* @__PURE__ */ jsxs31(Card_default.Content, { children: [
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx77("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx77(
         Alert_default,
         {
           variant: message.type?.toLowerCase() === "error" ? "error" : "info",
           className: cx21(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ jsx73(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ jsx77(Alert_default.Description, { children: message.message })
         },
         message.id || index
       )) }),
-      /* @__PURE__ */ jsx73("div", { className: styles.contentContainer, children: currentFlow.data?.components && currentFlow.data.components.length > 0 ? renderComponents(currentFlow.data.components) : /* @__PURE__ */ jsx73(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx73(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
+      /* @__PURE__ */ jsx77("div", { className: styles.contentContainer, children: currentFlow.data?.components && currentFlow.data.components.length > 0 ? renderComponents(currentFlow.data.components) : /* @__PURE__ */ jsx77(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx77(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
     ] })
   ] });
 };
 var BaseSignUp = ({ showLogo = true, ...rest }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
-  return /* @__PURE__ */ jsxs29("div", { children: [
-    showLogo && /* @__PURE__ */ jsx73("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx73(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ jsx73(FlowProvider_default, { children: /* @__PURE__ */ jsx73(BaseSignUpContent, { showLogo, ...rest }) })
+  return /* @__PURE__ */ jsxs31("div", { children: [
+    showLogo && /* @__PURE__ */ jsx77("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx77(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx77(FlowProvider_default, { children: /* @__PURE__ */ jsx77(BaseSignUpContent, { showLogo, ...rest }) })
   ] });
 };
 var BaseSignUp_default = BaseSignUp;
@@ -10367,8 +10691,8 @@ import {
   createPackageComponentLogger as createPackageComponentLogger7
 } from "@asgardeo/browser";
 import { cx as cx22 } from "@emotion/css";
-import { useEffect as useEffect18, useState as useState19, useCallback as useCallback13, useRef as useRef9 } from "react";
-import { jsx as jsx74, jsxs as jsxs30 } from "react/jsx-runtime";
+import { useEffect as useEffect19, useState as useState20, useCallback as useCallback13, useRef as useRef9 } from "react";
+import { jsx as jsx78, jsxs as jsxs32 } from "react/jsx-runtime";
 var logger7 = createPackageComponentLogger7(
   "@asgardeo/react",
   "BaseSignUp"
@@ -10398,11 +10722,11 @@ var BaseSignUpContent2 = ({
   const { subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages } = useFlow_default();
   const { meta } = useAsgardeo_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
-  const [isLoading, setIsLoading] = useState19(false);
-  const [isFlowInitialized, setIsFlowInitialized] = useState19(false);
-  const [currentFlow, setCurrentFlow] = useState19(null);
-  const [apiError, setApiError] = useState19(null);
-  const [passkeyState, setPasskeyState] = useState19({
+  const [isLoading, setIsLoading] = useState20(false);
+  const [isFlowInitialized, setIsFlowInitialized] = useState20(false);
+  const [currentFlow, setCurrentFlow] = useState20(null);
+  const [apiError, setApiError] = useState20(null);
+  const [passkeyState, setPasskeyState] = useState20({
     actionId: null,
     creationOptions: null,
     error: null,
@@ -10703,7 +11027,7 @@ var BaseSignUpContent2 = ({
       setIsLoading(false);
     }
   };
-  useEffect18(() => {
+  useEffect19(() => {
     if (!passkeyState.isActive || !passkeyState.creationOptions || !passkeyState.flowId) {
       return;
     }
@@ -10809,7 +11133,7 @@ var BaseSignUpContent2 = ({
       state: urlParams.get("state")
     };
   };
-  useEffect18(() => {
+  useEffect19(() => {
     const urlParams = getUrlParams2();
     if (urlParams.code || urlParams.state) {
       return;
@@ -10872,15 +11196,15 @@ var BaseSignUpContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ jsx74("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ jsx78("div", { className: containerClasses, children: children(renderProps) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ jsx74(Card_default, { className: cx22(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx74(Card_default.Content, { children: /* @__PURE__ */ jsx74("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx74(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx78(Card_default, { className: cx22(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx78(Card_default.Content, { children: /* @__PURE__ */ jsx78("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx78(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow) {
-    return /* @__PURE__ */ jsx74(Card_default, { className: cx22(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx74(Card_default.Content, { children: /* @__PURE__ */ jsxs30(Alert_default, { variant: "error", className: errorClasses, children: [
-      /* @__PURE__ */ jsx74(Alert_default.Title, { children: t("errors.heading") }),
-      /* @__PURE__ */ jsx74(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
+    return /* @__PURE__ */ jsx78(Card_default, { className: cx22(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx78(Card_default.Content, { children: /* @__PURE__ */ jsxs32(Alert_default, { variant: "error", className: errorClasses, children: [
+      /* @__PURE__ */ jsx78(Alert_default.Title, { children: t("errors.heading") }),
+      /* @__PURE__ */ jsx78(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
     ] }) }) });
   }
   const componentsToRender = currentFlow.data?.components || [];
@@ -10891,46 +11215,46 @@ var BaseSignUpContent2 = ({
     t("signup.heading"),
     t("signup.subheading")
   );
-  return /* @__PURE__ */ jsxs30(Card_default, { className: cx22(containerClasses, styles.card), variant, children: [
-    (showTitle || showSubtitle) && /* @__PURE__ */ jsxs30(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ jsx74(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && /* @__PURE__ */ jsx74(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ jsxs32(Card_default, { className: cx22(containerClasses, styles.card), variant, children: [
+    (showTitle || showSubtitle) && /* @__PURE__ */ jsxs32(Card_default.Header, { className: styles.header, children: [
+      showTitle && /* @__PURE__ */ jsx78(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && /* @__PURE__ */ jsx78(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ jsxs30(Card_default.Content, { children: [
-      externalError && /* @__PURE__ */ jsx74("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx74(Alert_default, { variant: "error", className: cx22(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx74(Alert_default.Description, { children: externalError.message }) }) }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx74("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx74(
+    /* @__PURE__ */ jsxs32(Card_default.Content, { children: [
+      externalError && /* @__PURE__ */ jsx78("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx78(Alert_default, { variant: "error", className: cx22(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx78(Alert_default.Description, { children: externalError.message }) }) }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx78("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx78(
         Alert_default,
         {
           variant: message.type?.toLowerCase() === "error" ? "error" : "info",
           className: cx22(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ jsx74(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ jsx78(Alert_default.Description, { children: message.message })
         },
         message.id || index
       )) }),
-      /* @__PURE__ */ jsx74("div", { className: styles.contentContainer, children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ jsx74(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx74(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
+      /* @__PURE__ */ jsx78("div", { className: styles.contentContainer, children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ jsx78(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx78(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
     ] })
   ] });
 };
 var BaseSignUp2 = ({ preferences, showLogo = true, ...rest }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
-  const content = /* @__PURE__ */ jsxs30("div", { children: [
-    showLogo && /* @__PURE__ */ jsx74("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx74(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ jsx74(FlowProvider_default, { children: /* @__PURE__ */ jsx74(BaseSignUpContent2, { showLogo, ...rest }) })
+  const content = /* @__PURE__ */ jsxs32("div", { children: [
+    showLogo && /* @__PURE__ */ jsx78("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx78(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx78(FlowProvider_default, { children: /* @__PURE__ */ jsx78(BaseSignUpContent2, { showLogo, ...rest }) })
   ] });
   if (!preferences) return content;
-  return /* @__PURE__ */ jsx74(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ jsx78(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
 };
 var BaseSignUp_default2 = BaseSignUp2;
 
 // src/components/presentation/auth/SignUp/BaseSignUp.tsx
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var BaseSignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform6.AsgardeoV2) {
-    return /* @__PURE__ */ jsx75(BaseSignUp_default2, { ...props });
+    return /* @__PURE__ */ jsx79(BaseSignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx75(BaseSignUp_default, { ...props });
+  return /* @__PURE__ */ jsx79(BaseSignUp_default, { ...props });
 };
 var BaseSignUp_default3 = BaseSignUp3;
 
@@ -10942,7 +11266,7 @@ import {
   EmbeddedFlowResponseType as EmbeddedFlowResponseType3,
   EmbeddedFlowType as EmbeddedFlowType2
 } from "@asgardeo/browser";
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var SignUp = ({
   className,
   size = "medium",
@@ -10971,7 +11295,7 @@ var SignUp = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx80(
     BaseSignUp_default,
     {
       afterSignUpUrl,
@@ -10997,7 +11321,7 @@ import {
   EmbeddedFlowResponseType as EmbeddedFlowResponseType4,
   EmbeddedFlowType as EmbeddedFlowType3
 } from "@asgardeo/browser";
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx81 } from "react/jsx-runtime";
 var SignUp2 = ({
   className,
   size = "medium",
@@ -11035,7 +11359,7 @@ var SignUp2 = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx81(
     BaseSignUp_default2,
     {
       afterSignUpUrl,
@@ -11057,13 +11381,13 @@ var SignUp2 = ({
 var SignUp_default2 = SignUp2;
 
 // src/components/presentation/auth/SignUp/SignUp.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var SignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform7.AsgardeoV2) {
-    return /* @__PURE__ */ jsx78(SignUp_default2, { ...props });
+    return /* @__PURE__ */ jsx82(SignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx78(SignUp_default, { ...props });
+  return /* @__PURE__ */ jsx82(SignUp_default, { ...props });
 };
 var SignUp_default3 = SignUp3;
 
@@ -11073,7 +11397,7 @@ import { EmbeddedFlowType as EmbeddedFlowType5 } from "@asgardeo/browser";
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx
 import { EmbeddedFlowType as EmbeddedFlowType4 } from "@asgardeo/browser";
 import { cx as cx23 } from "@emotion/css";
-import { useCallback as useCallback14, useEffect as useEffect19, useRef as useRef10, useState as useState20 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect20, useRef as useRef10, useState as useState21 } from "react";
 
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.styles.ts
 import { css as css19 } from "@emotion/css";
@@ -11116,7 +11440,7 @@ var useStyles18 = (theme, colorScheme) => useMemo26(() => {
 var BaseInviteUser_styles_default = useStyles18;
 
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx
-import { jsx as jsx79, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx83, jsxs as jsxs33 } from "react/jsx-runtime";
 var BaseInviteUser = ({
   onInitialize,
   onSubmit,
@@ -11136,16 +11460,16 @@ var BaseInviteUser = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const { theme } = useTheme_default();
   const styles = BaseInviteUser_styles_default(theme, theme.vars.colors.text.primary);
-  const [isLoading, setIsLoading] = useState20(false);
-  const [isFlowInitialized, setIsFlowInitialized] = useState20(false);
-  const [currentFlow, setCurrentFlow] = useState20(null);
-  const [apiError, setApiError] = useState20(null);
-  const [formValues, setFormValues] = useState20({});
-  const [formErrors, setFormErrors] = useState20({});
-  const [touchedFields, setTouchedFields] = useState20({});
-  const [inviteLink, setInviteLink] = useState20();
-  const [inviteLinkCopied, setInviteLinkCopied] = useState20(false);
-  const [isFormValid, setIsFormValid] = useState20(true);
+  const [isLoading, setIsLoading] = useState21(false);
+  const [isFlowInitialized, setIsFlowInitialized] = useState21(false);
+  const [currentFlow, setCurrentFlow] = useState21(null);
+  const [apiError, setApiError] = useState21(null);
+  const [formValues, setFormValues] = useState21({});
+  const [formErrors, setFormErrors] = useState21({});
+  const [touchedFields, setTouchedFields] = useState21({});
+  const [inviteLink, setInviteLink] = useState21();
+  const [inviteLinkCopied, setInviteLinkCopied] = useState21(false);
+  const [isFormValid, setIsFormValid] = useState21(true);
   const initializationAttemptedRef = useRef10(false);
   const handleError = useCallback14(
     (error) => {
@@ -11309,7 +11633,7 @@ var BaseInviteUser = ({
     setInviteLinkCopied(false);
     initializationAttemptedRef.current = false;
   }, []);
-  useEffect19(() => {
+  useEffect20(() => {
     if (isInitialized && !isFlowInitialized && !initializationAttemptedRef.current) {
       initializationAttemptedRef.current = true;
       (async () => {
@@ -11336,7 +11660,7 @@ var BaseInviteUser = ({
       })();
     }
   }, [isInitialized, isFlowInitialized, onInitialize, onFlowChange, handleError, normalizeFlowResponseLocal]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (currentFlow && isFlowInitialized) {
       const components2 = currentFlow.data?.components || [];
       if (components2.length > 0) {
@@ -11420,28 +11744,28 @@ var BaseInviteUser = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ jsx79("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ jsx83("div", { className, children: children(renderProps) });
   }
   if (!isInitialized) {
-    return /* @__PURE__ */ jsx79(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx79(Card_default.Content, { children: /* @__PURE__ */ jsx79("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx79(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx83(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx83(Card_default.Content, { children: /* @__PURE__ */ jsx83("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx83(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ jsx79(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx79(Card_default.Content, { children: /* @__PURE__ */ jsx79("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx79(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx83(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx83(Card_default.Content, { children: /* @__PURE__ */ jsx83("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx83(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow && apiError) {
-    return /* @__PURE__ */ jsx79(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx79(Card_default.Content, { children: /* @__PURE__ */ jsxs31(Alert_default, { variant: "error", children: [
-      /* @__PURE__ */ jsx79(Alert_default.Title, { children: "Error" }),
-      /* @__PURE__ */ jsx79(Alert_default.Description, { children: apiError.message })
+    return /* @__PURE__ */ jsx83(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx83(Card_default.Content, { children: /* @__PURE__ */ jsxs33(Alert_default, { variant: "error", children: [
+      /* @__PURE__ */ jsx83(Alert_default.Title, { children: "Error" }),
+      /* @__PURE__ */ jsx83(Alert_default.Description, { children: apiError.message })
     ] }) }) });
   }
   if (isInviteGenerated && inviteLink) {
-    return /* @__PURE__ */ jsxs31(Card_default, { className: cx23(className, styles.card), variant, children: [
-      /* @__PURE__ */ jsx79(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx79(Card_default.Title, { level: 2, className: styles.title, children: "Invite Link Generated!" }) }),
-      /* @__PURE__ */ jsxs31(Card_default.Content, { children: [
-        /* @__PURE__ */ jsx79(Alert_default, { variant: "success", children: /* @__PURE__ */ jsx79(Alert_default.Description, { children: "Share this link with the user to complete their registration." }) }),
-        /* @__PURE__ */ jsxs31("div", { style: { marginTop: "1rem" }, children: [
-          /* @__PURE__ */ jsx79(Typography_default, { variant: "body2", style: { marginBottom: "0.5rem" }, children: "Invite Link" }),
-          /* @__PURE__ */ jsxs31(
+    return /* @__PURE__ */ jsxs33(Card_default, { className: cx23(className, styles.card), variant, children: [
+      /* @__PURE__ */ jsx83(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx83(Card_default.Title, { level: 2, className: styles.title, children: "Invite Link Generated!" }) }),
+      /* @__PURE__ */ jsxs33(Card_default.Content, { children: [
+        /* @__PURE__ */ jsx83(Alert_default, { variant: "success", children: /* @__PURE__ */ jsx83(Alert_default.Description, { children: "Share this link with the user to complete their registration." }) }),
+        /* @__PURE__ */ jsxs33("div", { style: { marginTop: "1rem" }, children: [
+          /* @__PURE__ */ jsx83(Typography_default, { variant: "body2", style: { marginBottom: "0.5rem" }, children: "Invite Link" }),
+          /* @__PURE__ */ jsxs33(
             "div",
             {
               style: {
@@ -11454,26 +11778,26 @@ var BaseInviteUser = ({
                 wordBreak: "break-all"
               },
               children: [
-                /* @__PURE__ */ jsx79(Typography_default, { variant: "body2", style: { flex: 1 }, children: inviteLink }),
-                /* @__PURE__ */ jsx79(Button_default, { variant: "outline", size: "small", onClick: copyInviteLink, children: inviteLinkCopied ? "Copied!" : "Copy" })
+                /* @__PURE__ */ jsx83(Typography_default, { variant: "body2", style: { flex: 1 }, children: inviteLink }),
+                /* @__PURE__ */ jsx83(Button_default, { variant: "outline", size: "small", onClick: copyInviteLink, children: inviteLinkCopied ? "Copied!" : "Copy" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx79("div", { style: { display: "flex", gap: "0.5rem", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx79(Button_default, { variant: "outline", onClick: resetFlow, children: "Invite Another User" }) })
+        /* @__PURE__ */ jsx83("div", { style: { display: "flex", gap: "0.5rem", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx83(Button_default, { variant: "outline", onClick: resetFlow, children: "Invite Another User" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs31(Card_default, { className: cx23(className, styles.card), variant, children: [
-    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ jsxs31(Card_default.Header, { className: styles.header, children: [
-      showTitle && title && /* @__PURE__ */ jsx79(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && subtitle && /* @__PURE__ */ jsx79(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ jsxs33(Card_default, { className: cx23(className, styles.card), variant, children: [
+    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ jsxs33(Card_default.Header, { className: styles.header, children: [
+      showTitle && title && /* @__PURE__ */ jsx83(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ jsx83(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ jsxs31(Card_default.Content, { children: [
-      apiError && /* @__PURE__ */ jsx79("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx79(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx79(Alert_default.Description, { children: apiError.message }) }) }),
-      /* @__PURE__ */ jsxs31("div", { children: [
-        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx79(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx79(Typography_default, { variant: "body1", children: "No form components available" }) }),
-        isLoading && /* @__PURE__ */ jsx79("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx79(Spinner_default, { size: "small" }) })
+    /* @__PURE__ */ jsxs33(Card_default.Content, { children: [
+      apiError && /* @__PURE__ */ jsx83("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx83(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx83(Alert_default.Description, { children: apiError.message }) }) }),
+      /* @__PURE__ */ jsxs33("div", { children: [
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx83(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx83(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ jsx83("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx83(Spinner_default, { size: "small" }) })
       ] })
     ] })
   ] });
@@ -11481,7 +11805,7 @@ var BaseInviteUser = ({
 var BaseInviteUser_default = BaseInviteUser;
 
 // src/components/presentation/auth/InviteUser/v2/InviteUser.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var InviteUser = ({
   onInviteLinkGenerated,
   onError,
@@ -11525,7 +11849,7 @@ var InviteUser = ({
     });
     return response.data;
   };
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx84(
     BaseInviteUser_default,
     {
       onInitialize: handleInitialize,
@@ -11550,7 +11874,7 @@ import { useMemo as useMemo28 } from "react";
 
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx
 import { cx as cx24 } from "@emotion/css";
-import { useCallback as useCallback15, useEffect as useEffect20, useRef as useRef11, useState as useState21 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect21, useRef as useRef11, useState as useState22 } from "react";
 
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.styles.ts
 import { css as css20 } from "@emotion/css";
@@ -11593,7 +11917,7 @@ var useStyles19 = (theme, colorScheme) => useMemo27(() => {
 var BaseAcceptInvite_styles_default = useStyles19;
 
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx
-import { jsx as jsx81, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs34 } from "react/jsx-runtime";
 var BaseAcceptInvite = ({
   flowId,
   inviteToken,
@@ -11614,17 +11938,17 @@ var BaseAcceptInvite = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const { theme } = useTheme_default();
   const styles = BaseAcceptInvite_styles_default(theme, theme.vars.colors.text.primary);
-  const [isLoading, setIsLoading] = useState21(false);
-  const [isValidatingToken, setIsValidatingToken] = useState21(true);
-  const [isTokenInvalid, setIsTokenInvalid] = useState21(false);
-  const [isComplete, setIsComplete] = useState21(false);
-  const [currentFlow, setCurrentFlow] = useState21(null);
-  const [apiError, setApiError] = useState21(null);
-  const [formValues, setFormValues] = useState21({});
-  const [formErrors, setFormErrors] = useState21({});
-  const [touchedFields, setTouchedFields] = useState21({});
-  const [isFormValid, setIsFormValid] = useState21(true);
-  const [completionTitle, setCompletionTitle] = useState21(void 0);
+  const [isLoading, setIsLoading] = useState22(false);
+  const [isValidatingToken, setIsValidatingToken] = useState22(true);
+  const [isTokenInvalid, setIsTokenInvalid] = useState22(false);
+  const [isComplete, setIsComplete] = useState22(false);
+  const [currentFlow, setCurrentFlow] = useState22(null);
+  const [apiError, setApiError] = useState22(null);
+  const [formValues, setFormValues] = useState22({});
+  const [formErrors, setFormErrors] = useState22({});
+  const [touchedFields, setTouchedFields] = useState22({});
+  const [isFormValid, setIsFormValid] = useState22(true);
+  const [completionTitle, setCompletionTitle] = useState22(void 0);
   const tokenValidationAttemptedRef = useRef11(false);
   const handleError = useCallback15(
     (error) => {
@@ -11805,7 +12129,7 @@ var BaseAcceptInvite = ({
       normalizeFlowResponseLocal
     ]
   );
-  useEffect20(() => {
+  useEffect21(() => {
     if (tokenValidationAttemptedRef.current) {
       return;
     }
@@ -11922,50 +12246,50 @@ var BaseAcceptInvite = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ jsx81("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ jsx85("div", { className, children: children(renderProps) });
   }
   if (isValidatingToken) {
-    return /* @__PURE__ */ jsx81(Card_default, { className: cx24(className, styles.card), variant, children: /* @__PURE__ */ jsx81(Card_default.Content, { children: /* @__PURE__ */ jsxs32("div", { style: { alignItems: "center", display: "flex", flexDirection: "column", gap: "1rem", padding: "2rem" }, children: [
-      /* @__PURE__ */ jsx81(Spinner_default, { size: "medium" }),
-      /* @__PURE__ */ jsx81(Typography_default, { variant: "body1", children: "Validating your invite link..." })
+    return /* @__PURE__ */ jsx85(Card_default, { className: cx24(className, styles.card), variant, children: /* @__PURE__ */ jsx85(Card_default.Content, { children: /* @__PURE__ */ jsxs34("div", { style: { alignItems: "center", display: "flex", flexDirection: "column", gap: "1rem", padding: "2rem" }, children: [
+      /* @__PURE__ */ jsx85(Spinner_default, { size: "medium" }),
+      /* @__PURE__ */ jsx85(Typography_default, { variant: "body1", children: "Validating your invite link..." })
     ] }) }) });
   }
   if (isTokenInvalid) {
-    return /* @__PURE__ */ jsxs32(Card_default, { className: cx24(className, styles.card), variant, children: [
-      /* @__PURE__ */ jsx81(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx81(Card_default.Title, { level: 2, className: styles.title, children: "Invalid Invite Link" }) }),
-      /* @__PURE__ */ jsxs32(Card_default.Content, { children: [
-        /* @__PURE__ */ jsxs32(Alert_default, { variant: "error", children: [
-          /* @__PURE__ */ jsx81(Alert_default.Title, { children: "Unable to verify invite" }),
-          /* @__PURE__ */ jsx81(Alert_default.Description, { children: apiError?.message || "This invite link is invalid or has expired. Please contact your administrator for a new invite." })
+    return /* @__PURE__ */ jsxs34(Card_default, { className: cx24(className, styles.card), variant, children: [
+      /* @__PURE__ */ jsx85(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx85(Card_default.Title, { level: 2, className: styles.title, children: "Invalid Invite Link" }) }),
+      /* @__PURE__ */ jsxs34(Card_default.Content, { children: [
+        /* @__PURE__ */ jsxs34(Alert_default, { variant: "error", children: [
+          /* @__PURE__ */ jsx85(Alert_default.Title, { children: "Unable to verify invite" }),
+          /* @__PURE__ */ jsx85(Alert_default.Description, { children: apiError?.message || "This invite link is invalid or has expired. Please contact your administrator for a new invite." })
         ] }),
-        onGoToSignIn && /* @__PURE__ */ jsx81("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx81(Button_default, { variant: "outline", onClick: onGoToSignIn, children: "Go to Sign In" }) })
+        onGoToSignIn && /* @__PURE__ */ jsx85("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx85(Button_default, { variant: "outline", onClick: onGoToSignIn, children: "Go to Sign In" }) })
       ] })
     ] });
   }
   if (isComplete) {
-    return /* @__PURE__ */ jsxs32(Card_default, { className: cx24(className, styles.card), variant, children: [
-      /* @__PURE__ */ jsx81(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx81(Card_default.Title, { level: 2, className: styles.title, children: "Account Setup Complete!" }) }),
-      /* @__PURE__ */ jsxs32(Card_default.Content, { children: [
-        /* @__PURE__ */ jsx81(Alert_default, { variant: "success", children: /* @__PURE__ */ jsx81(Alert_default.Description, { children: "Your account has been successfully set up. You can now sign in with your credentials." }) }),
-        onGoToSignIn && /* @__PURE__ */ jsx81("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx81(Button_default, { variant: "solid", color: "primary", onClick: onGoToSignIn, children: "Sign In" }) })
+    return /* @__PURE__ */ jsxs34(Card_default, { className: cx24(className, styles.card), variant, children: [
+      /* @__PURE__ */ jsx85(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx85(Card_default.Title, { level: 2, className: styles.title, children: "Account Setup Complete!" }) }),
+      /* @__PURE__ */ jsxs34(Card_default.Content, { children: [
+        /* @__PURE__ */ jsx85(Alert_default, { variant: "success", children: /* @__PURE__ */ jsx85(Alert_default.Description, { children: "Your account has been successfully set up. You can now sign in with your credentials." }) }),
+        onGoToSignIn && /* @__PURE__ */ jsx85("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx85(Button_default, { variant: "solid", color: "primary", onClick: onGoToSignIn, children: "Sign In" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsxs32(Card_default, { className: cx24(className, styles.card), variant, children: [
-    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ jsxs32(Card_default.Header, { className: styles.header, children: [
-      showTitle && title && /* @__PURE__ */ jsx81(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && subtitle && /* @__PURE__ */ jsx81(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ jsxs34(Card_default, { className: cx24(className, styles.card), variant, children: [
+    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ jsxs34(Card_default.Header, { className: styles.header, children: [
+      showTitle && title && /* @__PURE__ */ jsx85(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ jsx85(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ jsxs32(Card_default.Content, { children: [
-      apiError && /* @__PURE__ */ jsx81("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx81(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx81(Alert_default.Description, { children: apiError.message }) }) }),
-      /* @__PURE__ */ jsxs32("div", { children: [
-        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx81(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx81(Typography_default, { variant: "body1", children: "No form components available" }) }),
-        isLoading && /* @__PURE__ */ jsx81("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx81(Spinner_default, { size: "small" }) })
+    /* @__PURE__ */ jsxs34(Card_default.Content, { children: [
+      apiError && /* @__PURE__ */ jsx85("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx85(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx85(Alert_default.Description, { children: apiError.message }) }) }),
+      /* @__PURE__ */ jsxs34("div", { children: [
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx85(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx85(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ jsx85("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx85(Spinner_default, { size: "small" }) })
       ] }),
-      onGoToSignIn && /* @__PURE__ */ jsx81("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ jsxs32(Typography_default, { variant: "body2", children: [
+      onGoToSignIn && /* @__PURE__ */ jsx85("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ jsxs34(Typography_default, { variant: "body2", children: [
         "Already have an account?",
         " ",
-        /* @__PURE__ */ jsx81(Button_default, { variant: "text", onClick: onGoToSignIn, style: { minWidth: "auto", padding: 0 }, children: "Sign In" })
+        /* @__PURE__ */ jsx85(Button_default, { variant: "text", onClick: onGoToSignIn, style: { minWidth: "auto", padding: 0 }, children: "Sign In" })
       ] }) })
     ] })
   ] });
@@ -11973,7 +12297,7 @@ var BaseAcceptInvite = ({
 var BaseAcceptInvite_default = BaseAcceptInvite;
 
 // src/components/presentation/auth/AcceptInvite/v2/AcceptInvite.tsx
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 var getUrlParams = () => {
   if (typeof window === "undefined") {
     return {};
@@ -12029,7 +12353,7 @@ var AcceptInvite = ({
     }
     return response.json();
   };
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx86(
     BaseAcceptInvite_default,
     {
       flowId,
@@ -12052,7 +12376,7 @@ var AcceptInvite_default = AcceptInvite;
 
 // src/components/auth/Callback/Callback.tsx
 import { navigate as browserNavigate } from "@asgardeo/browser";
-import { useEffect as useEffect21, useRef as useRef12 } from "react";
+import { useEffect as useEffect22, useRef as useRef12 } from "react";
 var Callback = ({ onNavigate, onError }) => {
   const processingRef = useRef12(false);
   const navigate6 = (path) => {
@@ -12062,7 +12386,7 @@ var Callback = ({ onNavigate, onError }) => {
       browserNavigate(path);
     }
   };
-  useEffect21(() => {
+  useEffect22(() => {
     const processOAuthCallback = () => {
       if (processingRef.current) {
         return;
@@ -12140,45 +12464,45 @@ var Callback = ({ onNavigate, onError }) => {
 };
 
 // src/components/presentation/User/BaseUser.tsx
-import { Fragment as Fragment14, jsx as jsx83 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx87 } from "react/jsx-runtime";
 var BaseUser = ({ user, children, fallback = null }) => {
   if (!user) {
-    return /* @__PURE__ */ jsx83(Fragment14, { children: fallback });
+    return /* @__PURE__ */ jsx87(Fragment17, { children: fallback });
   }
-  return /* @__PURE__ */ jsx83(Fragment14, { children: children(user) });
+  return /* @__PURE__ */ jsx87(Fragment17, { children: children(user) });
 };
 BaseUser.displayName = "BaseUser";
 var BaseUser_default = BaseUser;
 
 // src/components/presentation/User/User.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 var User5 = ({ children, fallback = null }) => {
   const { user } = useAsgardeo_default();
-  return /* @__PURE__ */ jsx84(BaseUser_default, { user, fallback, children });
+  return /* @__PURE__ */ jsx88(BaseUser_default, { user, fallback, children });
 };
 User5.displayName = "User";
 var User_default = User5;
 
 // src/components/presentation/Organization/BaseOrganization.tsx
-import { Fragment as Fragment15, jsx as jsx85 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx89 } from "react/jsx-runtime";
 var BaseOrganization = ({
   children,
   fallback = null,
   organization
 }) => {
   if (!organization) {
-    return /* @__PURE__ */ jsx85(Fragment15, { children: fallback });
+    return /* @__PURE__ */ jsx89(Fragment18, { children: fallback });
   }
-  return /* @__PURE__ */ jsx85(Fragment15, { children: children(organization) });
+  return /* @__PURE__ */ jsx89(Fragment18, { children: children(organization) });
 };
 BaseOrganization.displayName = "BaseOrganization";
 var BaseOrganization_default = BaseOrganization;
 
 // src/components/presentation/Organization/Organization.tsx
-import { jsx as jsx86 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 var Organization5 = ({ children, fallback = null }) => {
   const { currentOrganization } = useOrganization_default();
-  return /* @__PURE__ */ jsx86(BaseOrganization_default, { organization: currentOrganization, fallback, children });
+  return /* @__PURE__ */ jsx90(BaseOrganization_default, { organization: currentOrganization, fallback, children });
 };
 Organization5.displayName = "Organization";
 var Organization_default = Organization5;
@@ -12186,7 +12510,7 @@ var Organization_default = Organization5;
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
 import { withVendorCSSClassPrefix as withVendorCSSClassPrefix27, WellKnownSchemaIds, bem as bem19 } from "@asgardeo/browser";
 import { cx as cx28 } from "@emotion/css";
-import { useState as useState24, useCallback as useCallback17 } from "react";
+import { useState as useState25, useCallback as useCallback17 } from "react";
 
 // src/components/presentation/UserProfile/BaseUserProfile.styles.ts
 import { withVendorCSSClassPrefix as withVendorCSSClassPrefix23 } from "@asgardeo/browser";
@@ -12517,7 +12841,7 @@ var useStyles21 = (theme, colorScheme, size, variant, backgroundColor) => useMem
 var Avatar_styles_default = useStyles21;
 
 // src/components/primitives/Avatar/Avatar.tsx
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 var Avatar = ({
   alt = "User avatar",
   background = "random",
@@ -12564,7 +12888,7 @@ var Avatar = ({
   const getInitials = (fullName) => fullName.split(" ").map((part) => part[0]).slice(0, 2).join("").toUpperCase();
   const renderContent = () => {
     if (imageUrl) {
-      return /* @__PURE__ */ jsx87(
+      return /* @__PURE__ */ jsx91(
         "img",
         {
           src: imageUrl,
@@ -12577,19 +12901,19 @@ var Avatar = ({
       return getInitials(name);
     }
     if (isLoading) {
-      return /* @__PURE__ */ jsx87("div", { className: cx25(withVendorCSSClassPrefix24(bem16("avatar", "skeleton")), styles["skeleton"]) });
+      return /* @__PURE__ */ jsx91("div", { className: cx25(withVendorCSSClassPrefix24(bem16("avatar", "skeleton")), styles["skeleton"]) });
     }
-    return /* @__PURE__ */ jsx87(
+    return /* @__PURE__ */ jsx91(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 640 640",
         className: cx25(withVendorCSSClassPrefix24(bem16("avatar", "icon")), styles["icon"]),
-        children: /* @__PURE__ */ jsx87("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" })
+        children: /* @__PURE__ */ jsx91("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" })
       }
     );
   };
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx91(
     "div",
     {
       className: cx25(
@@ -12628,7 +12952,7 @@ import {
   useContext as useContext12,
   useLayoutEffect,
   useMemo as useMemo33,
-  useState as useState22
+  useState as useState23
 } from "react";
 
 // src/components/primitives/Dialog/Dialog.styles.ts
@@ -12696,8 +13020,8 @@ var useStyles22 = (theme, colorScheme) => useMemo32(() => {
 var Dialog_styles_default = useStyles22;
 
 // src/components/primitives/Icons/LogOut.tsx
-import { jsx as jsx88, jsxs as jsxs33 } from "react/jsx-runtime";
-var LogOut = (props) => /* @__PURE__ */ jsxs33(
+import { jsx as jsx92, jsxs as jsxs35 } from "react/jsx-runtime";
+var LogOut = (props) => /* @__PURE__ */ jsxs35(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12711,17 +13035,17 @@ var LogOut = (props) => /* @__PURE__ */ jsxs33(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx88("path", { d: "m16 17 5-5-5-5" }),
-      /* @__PURE__ */ jsx88("path", { d: "M21 12H9" }),
-      /* @__PURE__ */ jsx88("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" })
+      /* @__PURE__ */ jsx92("path", { d: "m16 17 5-5-5-5" }),
+      /* @__PURE__ */ jsx92("path", { d: "M21 12H9" }),
+      /* @__PURE__ */ jsx92("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" })
     ]
   }
 );
 var LogOut_default = LogOut;
 
 // src/components/primitives/Icons/Plus.tsx
-import { jsx as jsx89, jsxs as jsxs34 } from "react/jsx-runtime";
-var Plus = (props) => /* @__PURE__ */ jsxs34(
+import { jsx as jsx93, jsxs as jsxs36 } from "react/jsx-runtime";
+var Plus = (props) => /* @__PURE__ */ jsxs36(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12735,16 +13059,16 @@ var Plus = (props) => /* @__PURE__ */ jsxs34(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx89("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ jsx89("path", { d: "M12 5v14" })
+      /* @__PURE__ */ jsx93("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ jsx93("path", { d: "M12 5v14" })
     ]
   }
 );
 var Plus_default = Plus;
 
 // src/components/primitives/Icons/User.tsx
-import { jsx as jsx90, jsxs as jsxs35 } from "react/jsx-runtime";
-var User7 = (props) => /* @__PURE__ */ jsxs35(
+import { jsx as jsx94, jsxs as jsxs37 } from "react/jsx-runtime";
+var User7 = (props) => /* @__PURE__ */ jsxs37(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12758,16 +13082,16 @@ var User7 = (props) => /* @__PURE__ */ jsxs35(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx90("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ jsx90("circle", { cx: "12", cy: "7", r: "4" })
+      /* @__PURE__ */ jsx94("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ jsx94("circle", { cx: "12", cy: "7", r: "4" })
     ]
   }
 );
 var User_default2 = User7;
 
 // src/components/primitives/Icons/X.tsx
-import { jsx as jsx91, jsxs as jsxs36 } from "react/jsx-runtime";
-var X = (props) => /* @__PURE__ */ jsxs36(
+import { jsx as jsx95, jsxs as jsxs38 } from "react/jsx-runtime";
+var X = (props) => /* @__PURE__ */ jsxs38(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12781,23 +13105,23 @@ var X = (props) => /* @__PURE__ */ jsxs36(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx91("path", { d: "M18 6 6 18" }),
-      /* @__PURE__ */ jsx91("path", { d: "m6 6 12 12" })
+      /* @__PURE__ */ jsx95("path", { d: "M18 6 6 18" }),
+      /* @__PURE__ */ jsx95("path", { d: "m6 6 12 12" })
     ]
   }
 );
 var X_default = X;
 
 // src/components/primitives/Dialog/Dialog.tsx
-import { jsx as jsx92, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs39 } from "react/jsx-runtime";
 function useDialog({
   initialOpen = false,
   open: controlledOpen,
   onOpenChange: setControlledOpen
 } = {}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = useState22(initialOpen);
-  const [labelId, setLabelId] = useState22();
-  const [descriptionId, setDescriptionId] = useState22();
+  const [uncontrolledOpen, setUncontrolledOpen] = useState23(initialOpen);
+  const [labelId, setLabelId] = useState23();
+  const [descriptionId, setDescriptionId] = useState23();
   const open = controlledOpen ?? uncontrolledOpen;
   const setOpen = setControlledOpen ?? setUncontrolledOpen;
   const data = useFloating({
@@ -12835,7 +13159,7 @@ var useDialogContext = () => {
 };
 function Dialog({ children, ...options }) {
   const dialog = useDialog(options);
-  return /* @__PURE__ */ jsx92(DialogContext.Provider, { value: dialog, children });
+  return /* @__PURE__ */ jsx96(DialogContext.Provider, { value: dialog, children });
 }
 var DialogTrigger = forwardRef10(
   ({ children, asChild = false, ...props }, propRef) => {
@@ -12853,7 +13177,7 @@ var DialogTrigger = forwardRef10(
         })
       );
     }
-    return /* @__PURE__ */ jsx92("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
+    return /* @__PURE__ */ jsx96("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
   }
 );
 var DialogContent = forwardRef10(
@@ -12863,12 +13187,12 @@ var DialogContent = forwardRef10(
     const styles = Dialog_styles_default(theme, colorScheme);
     const ref = useMergeRefs([context.refs.setFloating, propRef]);
     if (!floatingContext.open) return null;
-    return /* @__PURE__ */ jsx92(FloatingPortal, { children: /* @__PURE__ */ jsx92(
+    return /* @__PURE__ */ jsx96(FloatingPortal, { children: /* @__PURE__ */ jsx96(
       FloatingOverlay,
       {
         className: cx26(withVendorCSSClassPrefix25(bem17("dialog", "overlay")), styles["overlay"]),
         lockScroll: true,
-        children: /* @__PURE__ */ jsx92(FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ jsx92(
+        children: /* @__PURE__ */ jsx96(FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ jsx96(
           "div",
           {
             ref,
@@ -12895,8 +13219,8 @@ var DialogHeading = forwardRef10(
         context.setLabelId(void 0);
       };
     }, [id, context.setLabelId]);
-    return /* @__PURE__ */ jsxs37("div", { className: cx26(withVendorCSSClassPrefix25(bem17("dialog", "header")), styles["header"]), children: [
-      /* @__PURE__ */ jsx92(
+    return /* @__PURE__ */ jsxs39("div", { className: cx26(withVendorCSSClassPrefix25(bem17("dialog", "header")), styles["header"]), children: [
+      /* @__PURE__ */ jsx96(
         "h2",
         {
           ...props,
@@ -12906,7 +13230,7 @@ var DialogHeading = forwardRef10(
           children
         }
       ),
-      /* @__PURE__ */ jsx92(
+      /* @__PURE__ */ jsx96(
         Button_default,
         {
           color: "tertiary",
@@ -12917,7 +13241,7 @@ var DialogHeading = forwardRef10(
             context.setOpen(false);
           },
           "aria-label": "Close",
-          children: /* @__PURE__ */ jsx92(X_default, { width: 16, height: 16 })
+          children: /* @__PURE__ */ jsx96(X_default, { width: 16, height: 16 })
         }
       )
     ] });
@@ -12935,7 +13259,7 @@ var DialogDescription = forwardRef10(
         context.setDescriptionId(void 0);
       };
     }, [id, context.setDescriptionId]);
-    return /* @__PURE__ */ jsx92(
+    return /* @__PURE__ */ jsx96(
       "p",
       {
         ...props,
@@ -12964,7 +13288,7 @@ var DialogClose = forwardRef10(
         onClick: handleClick
       });
     }
-    return /* @__PURE__ */ jsx92(
+    return /* @__PURE__ */ jsx96(
       Button_default,
       {
         ...props,
@@ -12992,7 +13316,7 @@ var Dialog_default = Dialog;
 // src/components/primitives/MultiInput/MultiInput.tsx
 import { withVendorCSSClassPrefix as withVendorCSSClassPrefix26, bem as bem18 } from "@asgardeo/browser";
 import { cx as cx27 } from "@emotion/css";
-import { useCallback as useCallback16, useState as useState23 } from "react";
+import { useCallback as useCallback16, useState as useState24 } from "react";
 
 // src/components/primitives/MultiInput/MultiInput.styles.ts
 import { css as css24 } from "@emotion/css";
@@ -13087,7 +13411,7 @@ var useStyles23 = (theme, colorScheme, disabled, hasError, canAddMore, canRemove
 var MultiInput_styles_default = useStyles23;
 
 // src/components/primitives/MultiInput/MultiInput.tsx
-import { jsx as jsx93, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs40 } from "react/jsx-runtime";
 var MultiInput = ({
   label,
   error,
@@ -13110,8 +13434,8 @@ var MultiInput = ({
   const canAddMore = !maxFields || values.length < maxFields;
   const canRemove = values.length > minFields;
   const styles = MultiInput_styles_default(theme, colorScheme, !!disabled, !!error, canAddMore, canRemove);
-  const PlusIcon = ({ iconClassName }) => /* @__PURE__ */ jsx93("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx27(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx93("path", { d: "M12 5v14M5 12h14" }) });
-  const BinIcon = ({ iconClassName }) => /* @__PURE__ */ jsx93("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx27(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx93("path", { d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14ZM10 11v6M14 11v6" }) });
+  const PlusIcon = ({ iconClassName }) => /* @__PURE__ */ jsx97("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx27(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx97("path", { d: "M12 5v14M5 12h14" }) });
+  const BinIcon = ({ iconClassName }) => /* @__PURE__ */ jsx97("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx27(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx97("path", { d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14ZM10 11v6M14 11v6" }) });
   const handleAddValue = useCallback16(
     (newValue) => {
       if (newValue.trim() !== "" && (!maxFields || values.length < maxFields)) {
@@ -13155,9 +13479,9 @@ var MultiInput = ({
       };
       switch (fieldType) {
         case "DATE_TIME":
-          return /* @__PURE__ */ jsx93(DatePicker_default, { ...commonProps });
+          return /* @__PURE__ */ jsx97(DatePicker_default, { ...commonProps });
         case "BOOLEAN":
-          return /* @__PURE__ */ jsx93(
+          return /* @__PURE__ */ jsx97(
             Checkbox_default,
             {
               ...commonProps,
@@ -13166,19 +13490,19 @@ var MultiInput = ({
             }
           );
         default:
-          return /* @__PURE__ */ jsx93(TextField_default, { ...commonProps, type });
+          return /* @__PURE__ */ jsx97(TextField_default, { ...commonProps, type });
       }
     },
     [placeholder, disabled, startIcon, endIcon, error, fieldType, type]
   );
-  const [currentInputValue, setCurrentInputValue] = useState23("");
+  const [currentInputValue, setCurrentInputValue] = useState24("");
   const handleInputSubmit = useCallback16(() => {
     if (currentInputValue.trim() !== "") {
       handleAddValue(currentInputValue);
       setCurrentInputValue("");
     }
   }, [currentInputValue, handleAddValue]);
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs40(
     FormControl_default,
     {
       error,
@@ -13186,27 +13510,27 @@ var MultiInput = ({
       className: cx27(withVendorCSSClassPrefix26(bem18("multi-input")), className),
       style,
       children: [
-        label && /* @__PURE__ */ jsx93(InputLabel_default, { required, error: !!error, children: label }),
-        /* @__PURE__ */ jsxs38("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "container")), styles["container"]), children: [
-          /* @__PURE__ */ jsx93("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ jsx93("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
+        label && /* @__PURE__ */ jsx97(InputLabel_default, { required, error: !!error, children: label }),
+        /* @__PURE__ */ jsxs40("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "container")), styles["container"]), children: [
+          /* @__PURE__ */ jsx97("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ jsx97("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
             currentInputValue,
             setCurrentInputValue,
-            canAddMore ? /* @__PURE__ */ jsx93(PlusIcon, { iconClassName: styles["plusIcon"] }) : void 0,
+            canAddMore ? /* @__PURE__ */ jsx97(PlusIcon, { iconClassName: styles["plusIcon"] }) : void 0,
             canAddMore ? handleInputSubmit : void 0
           ) }) }),
-          values.length > 0 && /* @__PURE__ */ jsx93("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ jsxs38(
+          values.length > 0 && /* @__PURE__ */ jsx97("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ jsxs40(
             "div",
             {
               className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "list-item")), styles["listItem"]),
               children: [
-                /* @__PURE__ */ jsx93(
+                /* @__PURE__ */ jsx97(
                   "span",
                   {
                     className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "list-item-text")), styles["listItemText"]),
                     children: value
                   }
                 ),
-                canRemove && /* @__PURE__ */ jsx93(
+                canRemove && /* @__PURE__ */ jsx97(
                   "button",
                   {
                     type: "button",
@@ -13217,7 +13541,7 @@ var MultiInput = ({
                       styles["removeButton"]
                     ),
                     title: "Remove value",
-                    children: /* @__PURE__ */ jsx93(BinIcon, { iconClassName: styles["icon"] })
+                    children: /* @__PURE__ */ jsx97(BinIcon, { iconClassName: styles["icon"] })
                   }
                 )
               ]
@@ -13232,7 +13556,7 @@ var MultiInput = ({
 var MultiInput_default = MultiInput;
 
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
-import { Fragment as Fragment16, jsx as jsx94, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx98, jsxs as jsxs41 } from "react/jsx-runtime";
 var fieldsToSkip = [
   "roles.default",
   "active",
@@ -13276,8 +13600,8 @@ var BaseUserProfile = ({
   displayNameAttributes = []
 }) => {
   const { theme, colorScheme } = useTheme_default();
-  const [editedUser, setEditedUser] = useState24(flattenedProfile || profile);
-  const [editingFields, setEditingFields] = useState24({});
+  const [editedUser, setEditedUser] = useState25(flattenedProfile || profile);
+  const [editingFields, setEditingFields] = useState25({});
   const { t } = useTranslation_default(preferences?.i18n);
   const shouldShowField = useCallback17(
     (fieldName) => {
@@ -13294,7 +13618,7 @@ var BaseUserProfile = ({
     },
     [showFields, hideFields]
   );
-  const PencilIcon = () => /* @__PURE__ */ jsx94(
+  const PencilIcon = () => /* @__PURE__ */ jsx98(
     "svg",
     {
       width: "16",
@@ -13305,7 +13629,7 @@ var BaseUserProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx94("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+      children: /* @__PURE__ */ jsx98("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
     }
   );
   const toggleFieldEdit = useCallback17((fieldName) => {
@@ -13335,12 +13659,12 @@ var BaseUserProfile = ({
   const styles = BaseUserProfile_styles_default(theme, colorScheme);
   const ObjectDisplay = ({ data }) => {
     if (!data || typeof data !== "object") return null;
-    return /* @__PURE__ */ jsx94("table", { className: styles.value, children: /* @__PURE__ */ jsx94("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ jsxs39("tr", { children: [
-      /* @__PURE__ */ jsx94("td", { className: styles.objectKey, children: /* @__PURE__ */ jsxs39("strong", { children: [
+    return /* @__PURE__ */ jsx98("table", { className: styles.value, children: /* @__PURE__ */ jsx98("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ jsxs41("tr", { children: [
+      /* @__PURE__ */ jsx98("td", { className: styles.objectKey, children: /* @__PURE__ */ jsxs41("strong", { children: [
         formatLabel(key),
         ":"
       ] }) }),
-      /* @__PURE__ */ jsx94("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ jsx94(ObjectDisplay, { data: value }) : String(value) })
+      /* @__PURE__ */ jsx98("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ jsx98(ObjectDisplay, { data: value }) : String(value) })
     ] }, key)) }) });
   };
   function set(obj, path, value) {
@@ -13415,7 +13739,7 @@ var BaseUserProfile = ({
     const { value, displayName, description, name, type, required, mutability, subAttributes, multiValued } = schema;
     const label = displayName || description || name || "";
     if (subAttributes && Array.isArray(subAttributes)) {
-      return /* @__PURE__ */ jsx94(Fragment16, { children: subAttributes.map((subAttr, index) => {
+      return /* @__PURE__ */ jsx98(Fragment19, { children: subAttributes.map((subAttr, index) => {
         let displayValue2;
         if (Array.isArray(subAttr.value)) {
           displayValue2 = subAttr.value.map((item) => typeof item === "object" ? JSON.stringify(item) : String(item)).join(", ");
@@ -13424,9 +13748,9 @@ var BaseUserProfile = ({
         } else {
           displayValue2 = String(subAttr.value);
         }
-        return /* @__PURE__ */ jsxs39("div", { className: styles.field, children: [
-          /* @__PURE__ */ jsx94("span", { className: styles.label, children: subAttr.displayName || subAttr.description || "" }),
-          /* @__PURE__ */ jsx94("div", { className: styles.value, children: displayValue2 })
+        return /* @__PURE__ */ jsxs41("div", { className: styles.field, children: [
+          /* @__PURE__ */ jsx98("span", { className: styles.label, children: subAttr.displayName || subAttr.description || "" }),
+          /* @__PURE__ */ jsx98("div", { className: styles.value, children: displayValue2 })
         ] }, index);
       }) });
     }
@@ -13450,9 +13774,9 @@ var BaseUserProfile = ({
         } else {
           fieldValues = [];
         }
-        return /* @__PURE__ */ jsxs39(Fragment16, { children: [
-          /* @__PURE__ */ jsx94("span", { className: styles.label, children: label }),
-          /* @__PURE__ */ jsx94("div", { className: styles.value, children: /* @__PURE__ */ jsx94(
+        return /* @__PURE__ */ jsxs41(Fragment19, { children: [
+          /* @__PURE__ */ jsx98("span", { className: styles.label, children: label }),
+          /* @__PURE__ */ jsx98("div", { className: styles.value, children: /* @__PURE__ */ jsx98(
             MultiInput_default,
             {
               values: fieldValues,
@@ -13483,9 +13807,9 @@ var BaseUserProfile = ({
       } else {
         displayValue2 = "-";
       }
-      return /* @__PURE__ */ jsxs39(Fragment16, { children: [
-        /* @__PURE__ */ jsx94("span", { className: styles.label, children: label }),
-        /* @__PURE__ */ jsx94("div", { className: cx28(styles.value, !hasValues ? styles.valuePlaceholder : ""), children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ jsx94(
+      return /* @__PURE__ */ jsxs41(Fragment19, { children: [
+        /* @__PURE__ */ jsx98("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ jsx98("div", { className: cx28(styles.value, !hasValues ? styles.valuePlaceholder : ""), children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ jsx98(
           Button_default,
           {
             onClick: onStartEdit,
@@ -13500,7 +13824,7 @@ var BaseUserProfile = ({
       ] });
     }
     if (type === "COMPLEX" && typeof value === "object") {
-      return /* @__PURE__ */ jsx94(ObjectDisplay, { data: value });
+      return /* @__PURE__ */ jsx98(ObjectDisplay, { data: value });
     }
     if (isEditing && onEditValue && mutability !== "READ_ONLY" && !readonlyFields.includes(name || "")) {
       let fieldValue;
@@ -13522,13 +13846,13 @@ var BaseUserProfile = ({
       let field;
       switch (type) {
         case "STRING":
-          field = /* @__PURE__ */ jsx94(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx98(TextField_default, { ...commonProps });
           break;
         case "DATE_TIME":
-          field = /* @__PURE__ */ jsx94(DatePicker_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx98(DatePicker_default, { ...commonProps });
           break;
         case "BOOLEAN":
-          field = /* @__PURE__ */ jsx94(
+          field = /* @__PURE__ */ jsx98(
             Checkbox_default,
             {
               ...commonProps,
@@ -13540,7 +13864,7 @@ var BaseUserProfile = ({
           );
           break;
         case "COMPLEX":
-          field = /* @__PURE__ */ jsx94(
+          field = /* @__PURE__ */ jsx98(
             "textarea",
             {
               value: fieldValue,
@@ -13552,11 +13876,11 @@ var BaseUserProfile = ({
           );
           break;
         default:
-          field = /* @__PURE__ */ jsx94(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx98(TextField_default, { ...commonProps });
       }
-      return /* @__PURE__ */ jsxs39(Fragment16, { children: [
-        /* @__PURE__ */ jsx94("span", { className: styles.label, children: label }),
-        /* @__PURE__ */ jsx94("div", { className: styles.value, children: field })
+      return /* @__PURE__ */ jsxs41(Fragment19, { children: [
+        /* @__PURE__ */ jsx98("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ jsx98("div", { className: styles.value, children: field })
       ] });
     }
     const hasValue = value !== void 0 && value !== null && value !== "";
@@ -13569,9 +13893,9 @@ var BaseUserProfile = ({
     } else {
       displayValue = "-";
     }
-    return /* @__PURE__ */ jsxs39(Fragment16, { children: [
-      /* @__PURE__ */ jsx94("span", { className: styles.label, children: label }),
-      /* @__PURE__ */ jsx94("div", { className: cx28(styles.value, !hasValue ? styles.valuePlaceholder : ""), children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ jsx94(
+    return /* @__PURE__ */ jsxs41(Fragment19, { children: [
+      /* @__PURE__ */ jsx98("span", { className: styles.label, children: label }),
+      /* @__PURE__ */ jsx98("div", { className: cx28(styles.value, !hasValue ? styles.valuePlaceholder : ""), children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ jsx98(
         Button_default,
         {
           onClick: onStartEdit,
@@ -13594,8 +13918,8 @@ var BaseUserProfile = ({
     if (!shouldShow) {
       return null;
     }
-    return /* @__PURE__ */ jsxs39("div", { className: styles.field, children: [
-      /* @__PURE__ */ jsx94("div", { className: styles.fieldInner, children: renderSchemaField(
+    return /* @__PURE__ */ jsxs41("div", { className: styles.field, children: [
+      /* @__PURE__ */ jsx98("div", { className: styles.fieldInner, children: renderSchemaField(
         schema,
         isFieldEditing,
         (value) => {
@@ -13605,10 +13929,10 @@ var BaseUserProfile = ({
         },
         () => toggleFieldEdit(schema.name)
       ) }),
-      editable && schema.mutability !== "READ_ONLY" && !isReadonlyField && /* @__PURE__ */ jsxs39("div", { className: styles.fieldActions, children: [
-        isFieldEditing && /* @__PURE__ */ jsxs39(Fragment16, { children: [
-          /* @__PURE__ */ jsx94(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
-          /* @__PURE__ */ jsx94(
+      editable && schema.mutability !== "READ_ONLY" && !isReadonlyField && /* @__PURE__ */ jsxs41("div", { className: styles.fieldActions, children: [
+        isFieldEditing && /* @__PURE__ */ jsxs41(Fragment19, { children: [
+          /* @__PURE__ */ jsx98(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
+          /* @__PURE__ */ jsx98(
             Button_default,
             {
               size: "small",
@@ -13619,7 +13943,7 @@ var BaseUserProfile = ({
             }
           )
         ] }),
-        !isFieldEditing && hasValue && /* @__PURE__ */ jsx94(
+        !isFieldEditing && hasValue && /* @__PURE__ */ jsx98(
           Button_default,
           {
             size: "small",
@@ -13628,7 +13952,7 @@ var BaseUserProfile = ({
             onClick: () => toggleFieldEdit(schema.name),
             title: "Edit",
             className: styles.editButton,
-            children: /* @__PURE__ */ jsx94(PencilIcon, {})
+            children: /* @__PURE__ */ jsx98(PencilIcon, {})
           }
         )
       ] })
@@ -13651,9 +13975,9 @@ var BaseUserProfile = ({
       if (!shouldShowField(key)) return false;
       return value !== void 0 && value !== "" && value !== null;
     }).sort(([a], [b]) => a.localeCompare(b));
-    return /* @__PURE__ */ jsxs39(Fragment16, { children: [
-      /* @__PURE__ */ jsxs39("div", { className: styles.profileSummary, children: [
-        /* @__PURE__ */ jsx94(
+    return /* @__PURE__ */ jsxs41(Fragment19, { children: [
+      /* @__PURE__ */ jsxs41("div", { className: styles.profileSummary, children: [
+        /* @__PURE__ */ jsx98(
           Avatar,
           {
             imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -13663,32 +13987,32 @@ var BaseUserProfile = ({
             isLoading
           }
         ),
-        /* @__PURE__ */ jsx94(Typography_default, { variant: "h3", fontWeight: "medium", children: displayName }),
-        getMappedUserProfileValue_default("email", mergedMappings, currentUser) && /* @__PURE__ */ jsx94(Typography_default, { variant: "body2", color: "textSecondary", children: getMappedUserProfileValue_default("email", mergedMappings, currentUser) })
+        /* @__PURE__ */ jsx98(Typography_default, { variant: "h3", fontWeight: "medium", children: displayName }),
+        getMappedUserProfileValue_default("email", mergedMappings, currentUser) && /* @__PURE__ */ jsx98(Typography_default, { variant: "body2", color: "textSecondary", children: getMappedUserProfileValue_default("email", mergedMappings, currentUser) })
       ] }),
-      /* @__PURE__ */ jsx94(Divider_default, {}),
-      profileEntries.map(([key, value], index) => /* @__PURE__ */ jsxs39("div", { children: [
-        /* @__PURE__ */ jsxs39("div", { className: styles.sectionRow, children: [
-          /* @__PURE__ */ jsx94("div", { className: styles.sectionLabel, children: formatLabel(key) }),
-          /* @__PURE__ */ jsx94("div", { className: styles.sectionValue, children: typeof value === "object" ? /* @__PURE__ */ jsx94(ObjectDisplay, { data: value }) : String(value) })
+      /* @__PURE__ */ jsx98(Divider_default, {}),
+      profileEntries.map(([key, value], index) => /* @__PURE__ */ jsxs41("div", { children: [
+        /* @__PURE__ */ jsxs41("div", { className: styles.sectionRow, children: [
+          /* @__PURE__ */ jsx98("div", { className: styles.sectionLabel, children: formatLabel(key) }),
+          /* @__PURE__ */ jsx98("div", { className: styles.sectionValue, children: typeof value === "object" ? /* @__PURE__ */ jsx98(ObjectDisplay, { data: value }) : String(value) })
         ] }),
-        index < profileEntries.length - 1 && /* @__PURE__ */ jsx94(Divider_default, {})
+        index < profileEntries.length - 1 && /* @__PURE__ */ jsx98(Divider_default, {})
       ] }, key))
     ] });
   };
-  const profileContent = /* @__PURE__ */ jsxs39(Card_default, { className: containerClasses, children: [
-    error && /* @__PURE__ */ jsxs39(
+  const profileContent = /* @__PURE__ */ jsxs41(Card_default, { className: containerClasses, children: [
+    error && /* @__PURE__ */ jsxs41(
       Alert_default,
       {
         variant: "error",
         className: cx28(withVendorCSSClassPrefix27(bem19("user-profile", "alert")), styles.alert),
         children: [
-          /* @__PURE__ */ jsx94(Alert_default.Title, { children: t("errors.heading") || "Error" }),
-          /* @__PURE__ */ jsx94(Alert_default.Description, { children: error })
+          /* @__PURE__ */ jsx98(Alert_default.Title, { children: t("errors.heading") || "Error" }),
+          /* @__PURE__ */ jsx98(Alert_default.Description, { children: error })
         ]
       }
     ),
-    schemas && schemas.length > 0 && /* @__PURE__ */ jsx94("div", { className: styles.header, children: /* @__PURE__ */ jsx94(
+    schemas && schemas.length > 0 && /* @__PURE__ */ jsx98("div", { className: styles.header, children: /* @__PURE__ */ jsx98(
       Avatar,
       {
         imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -13698,7 +14022,7 @@ var BaseUserProfile = ({
         isLoading
       }
     ) }),
-    /* @__PURE__ */ jsx94("div", { className: styles.infoContainer, children: schemas && schemas.length > 0 ? schemas.filter((schema) => {
+    /* @__PURE__ */ jsx98("div", { className: styles.infoContainer, children: schemas && schemas.length > 0 ? schemas.filter((schema) => {
       if (!schema.name || !shouldShowField(schema.name)) return false;
       if (!editable) {
         const value = flattenedProfile && schema.name ? flattenedProfile[schema.name] : void 0;
@@ -13715,13 +14039,13 @@ var BaseUserProfile = ({
         ...schema,
         value
       };
-      return /* @__PURE__ */ jsx94("div", { className: styles.info, children: renderUserInfo(schemaWithValue) }, schema.name || index);
+      return /* @__PURE__ */ jsx98("div", { className: styles.info, children: renderUserInfo(schemaWithValue) }, schema.name || index);
     }) : renderProfileWithoutSchemas() })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx94(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs39(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx94(Dialog_default.Heading, { children: title ?? t("user.profile.heading") }),
-      /* @__PURE__ */ jsx94("div", { className: styles.popup, children: profileContent })
+    return /* @__PURE__ */ jsx98(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs41(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx98(Dialog_default.Heading, { children: title ?? t("user.profile.heading") }),
+      /* @__PURE__ */ jsx98("div", { className: styles.popup, children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -13730,7 +14054,7 @@ var BaseUserProfile_default = BaseUserProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
 import { AsgardeoError } from "@asgardeo/browser";
-import { useState as useState25 } from "react";
+import { useState as useState26 } from "react";
 
 // src/api/updateMeProfile.ts
 import {
@@ -13763,12 +14087,12 @@ var updateMeProfile = async ({ fetcher, instanceId = 0, ...requestConfig }) => {
 var updateMeProfile_default = updateMeProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx99 } from "react/jsx-runtime";
 var UserProfile3 = ({ preferences, ...rest }) => {
   const { baseUrl, instanceId } = useAsgardeo_default();
   const { profile, flattenedProfile, schemas, onUpdateProfile } = useUser_default();
   const { t } = useTranslation_default(preferences?.i18n);
-  const [error, setError] = useState25(null);
+  const [error, setError] = useState26(null);
   const handleProfileUpdate = async (payload) => {
     setError(null);
     try {
@@ -13782,7 +14106,7 @@ var UserProfile3 = ({ preferences, ...rest }) => {
       setError(message);
     }
   };
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx99(
     BaseUserProfile_default,
     {
       profile,
@@ -13813,7 +14137,7 @@ import {
   FloatingFocusManager as FloatingFocusManager2,
   FloatingPortal as FloatingPortal2
 } from "@floating-ui/react";
-import { useState as useState26 } from "react";
+import { useState as useState27 } from "react";
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.styles.ts
 import { css as css25 } from "@emotion/css";
@@ -14005,7 +14329,7 @@ var useStyles24 = (theme, colorScheme) => useMemo35(() => {
 var BaseUserDropdown_styles_default = useStyles24;
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.tsx
-import { jsx as jsx96, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs42 } from "react/jsx-runtime";
 var BaseUserDropdown = ({
   fallback = null,
   className = "",
@@ -14021,8 +14345,8 @@ var BaseUserDropdown = ({
 }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseUserDropdown_styles_default(theme, colorScheme);
-  const [isOpen, setIsOpen] = useState26(false);
-  const [hoveredItemIndex, setHoveredItemIndex] = useState26(null);
+  const [isOpen, setIsOpen] = useState27(false);
+  const [hoveredItemIndex, setHoveredItemIndex] = useState27(null);
   const { refs, floatingStyles, context } = useFloating2({
     middleware: [offset(5), flip({ fallbackAxisSideDirection: "end" }), shift({ padding: 5 })],
     onOpenChange: setIsOpen,
@@ -14057,14 +14381,14 @@ var BaseUserDropdown = ({
   const defaultMenuItems = [];
   if (onManageProfile) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ jsx96(User_default2, { width: "16", height: "16" }),
+      icon: /* @__PURE__ */ jsx100(User_default2, { width: "16", height: "16" }),
       label: "Manage Profile",
       onClick: onManageProfile
     });
   }
   if (onSignOut) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ jsx96(LogOut_default, { width: "16", height: "16" }),
+      icon: /* @__PURE__ */ jsx100(LogOut_default, { width: "16", height: "16" }),
       label: "Sign Out",
       onClick: onSignOut
     });
@@ -14076,8 +14400,8 @@ var BaseUserDropdown = ({
     }
     allMenuItems.push(...defaultMenuItems);
   }
-  return /* @__PURE__ */ jsxs40("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown"), className), children: [
-    /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs42("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown"), className), children: [
+    /* @__PURE__ */ jsxs42(
       Button_default,
       {
         ref: refs.setReference,
@@ -14088,7 +14412,7 @@ var BaseUserDropdown = ({
         "data-testid": "asgardeo-user-dropdown-trigger",
         ...getReferenceProps(),
         children: [
-          /* @__PURE__ */ jsx96(
+          /* @__PURE__ */ jsx100(
             Avatar,
             {
               imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -14097,7 +14421,7 @@ var BaseUserDropdown = ({
               alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
             }
           ),
-          showTriggerLabel && /* @__PURE__ */ jsx96(
+          showTriggerLabel && /* @__PURE__ */ jsx100(
             Typography_default,
             {
               variant: "body2",
@@ -14108,7 +14432,7 @@ var BaseUserDropdown = ({
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx96(FloatingPortal2, { id: portalId, children: /* @__PURE__ */ jsx96(FloatingFocusManager2, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs40(
+    isOpen && /* @__PURE__ */ jsx100(FloatingPortal2, { id: portalId, children: /* @__PURE__ */ jsx100(FloatingFocusManager2, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs42(
       "div",
       {
         ref: refs.setFloating,
@@ -14121,8 +14445,8 @@ var BaseUserDropdown = ({
         },
         ...getFloatingProps(),
         children: [
-          /* @__PURE__ */ jsxs40("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__header"), styles["dropdownHeader"]), children: [
-            /* @__PURE__ */ jsx96(
+          /* @__PURE__ */ jsxs42("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__header"), styles["dropdownHeader"]), children: [
+            /* @__PURE__ */ jsx100(
               Avatar,
               {
                 imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -14131,8 +14455,8 @@ var BaseUserDropdown = ({
                 alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
               }
             ),
-            /* @__PURE__ */ jsxs40("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__header-info"), styles["headerInfo"]), children: [
-              /* @__PURE__ */ jsx96(
+            /* @__PURE__ */ jsxs42("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__header-info"), styles["headerInfo"]), children: [
+              /* @__PURE__ */ jsx100(
                 Typography_default,
                 {
                   noWrap: true,
@@ -14142,7 +14466,7 @@ var BaseUserDropdown = ({
                   children: getDisplayName_default(mergedMappings, user)
                 }
               ),
-              /* @__PURE__ */ jsx96(
+              /* @__PURE__ */ jsx100(
                 Typography_default,
                 {
                   noWrap: true,
@@ -14154,9 +14478,9 @@ var BaseUserDropdown = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx96("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ jsx96("div", { children: (() => {
+          /* @__PURE__ */ jsx100("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ jsx100("div", { children: (() => {
             if (item.label === "") {
-              return /* @__PURE__ */ jsx96(
+              return /* @__PURE__ */ jsx100(
                 "div",
                 {
                   className: cx29(withVendorCSSClassPrefix28("user-dropdown__menu-divider"), styles["divider"])
@@ -14164,7 +14488,7 @@ var BaseUserDropdown = ({
               );
             }
             if (item.href) {
-              return /* @__PURE__ */ jsxs40(
+              return /* @__PURE__ */ jsxs42(
                 "a",
                 {
                   href: item.href,
@@ -14181,12 +14505,12 @@ var BaseUserDropdown = ({
                   onBlur: () => setHoveredItemIndex(null),
                   children: [
                     item.icon,
-                    /* @__PURE__ */ jsx96("span", { children: item.label })
+                    /* @__PURE__ */ jsx100("span", { children: item.label })
                   ]
                 }
               );
             }
-            return /* @__PURE__ */ jsx96(
+            return /* @__PURE__ */ jsx100(
               Button_default,
               {
                 onClick: () => handleMenuItemClick(item),
@@ -14212,8 +14536,8 @@ var BaseUserDropdown = ({
 var BaseUserDropdown_default = BaseUserDropdown;
 
 // src/components/presentation/UserDropdown/UserDropdown.tsx
-import { useState as useState27 } from "react";
-import { Fragment as Fragment17, jsx as jsx97, jsxs as jsxs41 } from "react/jsx-runtime";
+import { useState as useState28 } from "react";
+import { Fragment as Fragment20, jsx as jsx101, jsxs as jsxs43 } from "react/jsx-runtime";
 var UserDropdown = ({
   children,
   renderTrigger,
@@ -14222,7 +14546,7 @@ var UserDropdown = ({
   ...rest
 }) => {
   const { user, isLoading, signOut, meta } = useAsgardeo_default();
-  const [isProfileOpen, setIsProfileOpen] = useState27(false);
+  const [isProfileOpen, setIsProfileOpen] = useState28(false);
   const handleManageProfile = () => {
     setIsProfileOpen(true);
   };
@@ -14245,14 +14569,14 @@ var UserDropdown = ({
     user
   };
   if (children) {
-    return /* @__PURE__ */ jsxs41(Fragment17, { children: [
+    return /* @__PURE__ */ jsxs43(Fragment20, { children: [
       children(renderProps),
-      /* @__PURE__ */ jsx97(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ jsx101(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
   if (renderTrigger || renderDropdown) {
-    return /* @__PURE__ */ jsxs41(Fragment17, { children: [
-      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ jsx97(
+    return /* @__PURE__ */ jsxs43(Fragment20, { children: [
+      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ jsx101(
         BaseUserDropdown,
         {
           user,
@@ -14262,11 +14586,11 @@ var UserDropdown = ({
           ...rest
         }
       ),
-      /* @__PURE__ */ jsx97(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ jsx101(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
-  return /* @__PURE__ */ jsxs41(Fragment17, { children: [
-    /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsxs43(Fragment20, { children: [
+    /* @__PURE__ */ jsx101(
       BaseUserDropdown,
       {
         user,
@@ -14276,7 +14600,7 @@ var UserDropdown = ({
         ...rest
       }
     ),
-    isProfileOpen && /* @__PURE__ */ jsx97(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+    isProfileOpen && /* @__PURE__ */ jsx101(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
   ] });
 };
 var UserDropdown_default = UserDropdown;
@@ -14296,7 +14620,7 @@ import {
   FloatingFocusManager as FloatingFocusManager3,
   FloatingPortal as FloatingPortal3
 } from "@floating-ui/react";
-import { useState as useState28 } from "react";
+import { useState as useState29 } from "react";
 
 // src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.ts
 import { css as css26 } from "@emotion/css";
@@ -14524,9 +14848,9 @@ var useStyles25 = (theme, colorScheme) => useMemo36(() => {
 var BaseOrganizationSwitcher_styles_default = useStyles25;
 
 // src/components/primitives/Icons/Building.tsx
-import { jsx as jsx98, jsxs as jsxs42 } from "react/jsx-runtime";
-var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsxs42("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx98(
+import { jsx as jsx102, jsxs as jsxs44 } from "react/jsx-runtime";
+var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsxs44("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx102(
     "path",
     {
       d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",
@@ -14536,30 +14860,30 @@ var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PU
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ jsx98("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx98("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx98("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx98("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx98("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx98("path", { d: "M14 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  /* @__PURE__ */ jsx102("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx102("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx102("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx102("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx102("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx102("path", { d: "M14 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
 ] });
 Building.displayName = "Building";
 var Building_default = Building;
 
 // src/components/primitives/Icons/Check.tsx
-import { jsx as jsx99 } from "react/jsx-runtime";
-var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx99("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx99("path", { d: "M20 6 9 17l-5-5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+import { jsx as jsx103 } from "react/jsx-runtime";
+var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx103("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx103("path", { d: "M20 6 9 17l-5-5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 Check.displayName = "Check";
 var Check_default = Check;
 
 // src/components/primitives/Icons/ChevronDown.tsx
-import { jsx as jsx100 } from "react/jsx-runtime";
-var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx100("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx100("path", { d: "m6 9 6 6 6-6", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+import { jsx as jsx104 } from "react/jsx-runtime";
+var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx104("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx104("path", { d: "m6 9 6 6 6-6", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 ChevronDown.displayName = "ChevronDown";
 var ChevronDown_default = ChevronDown;
 
 // src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.tsx
-import { Fragment as Fragment18, jsx as jsx101, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx105, jsxs as jsxs45 } from "react/jsx-runtime";
 var BaseOrganizationSwitcher = ({
   organizations,
   currentOrganization,
@@ -14583,8 +14907,8 @@ var BaseOrganizationSwitcher = ({
 }) => {
   const { theme, colorScheme, direction } = useTheme_default();
   const styles = BaseOrganizationSwitcher_styles_default(theme, colorScheme);
-  const [isOpen, setIsOpen] = useState28(false);
-  const [hoveredItemIndex, setHoveredItemIndex] = useState28(null);
+  const [isOpen, setIsOpen] = useState29(false);
+  const [hoveredItemIndex, setHoveredItemIndex] = useState29(null);
   const { t } = useTranslation_default(preferences?.i18n);
   const isRTL = direction === "rtl";
   const { refs, floatingStyles, context } = useFloating3({
@@ -14614,8 +14938,8 @@ var BaseOrganizationSwitcher = ({
   const switchableOrganizations = organizations.filter(
     (org) => org.id !== currentOrganization?.id
   );
-  const defaultRenderOrganization2 = (organization, isSelected) => /* @__PURE__ */ jsxs43(Fragment18, { children: [
-    /* @__PURE__ */ jsx101(
+  const defaultRenderOrganization2 = (organization, isSelected) => /* @__PURE__ */ jsxs45(Fragment21, { children: [
+    /* @__PURE__ */ jsx105(
       Avatar,
       {
         variant: "square",
@@ -14625,24 +14949,24 @@ var BaseOrganizationSwitcher = ({
         alt: `${organization.name} avatar`
       }
     ),
-    /* @__PURE__ */ jsxs43("div", { className: cx30(styles["organizationInfo"]), children: [
-      /* @__PURE__ */ jsx101(Typography_default, { variant: "body2", fontWeight: "medium", className: cx30(styles["organizationName"]), children: organization.name }),
-      /* @__PURE__ */ jsxs43("div", { className: cx30(styles["organizationMeta"]), children: [
-        showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ jsxs43("span", { children: [
+    /* @__PURE__ */ jsxs45("div", { className: cx30(styles["organizationInfo"]), children: [
+      /* @__PURE__ */ jsx105(Typography_default, { variant: "body2", fontWeight: "medium", className: cx30(styles["organizationName"]), children: organization.name }),
+      /* @__PURE__ */ jsxs45("div", { className: cx30(styles["organizationMeta"]), children: [
+        showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ jsxs45("span", { children: [
           organization.memberCount,
           " ",
           organization.memberCount === 1 ? t("organization.switcher.member") : t("organization.switcher.members")
         ] }),
-        showRole && organization.role && showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ jsx101("span", { children: " \u2022 " }),
-        showRole && organization.role && /* @__PURE__ */ jsx101("span", { className: cx30(styles["roleCapitalized"]), children: organization.role })
+        showRole && organization.role && showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ jsx105("span", { children: " \u2022 " }),
+        showRole && organization.role && /* @__PURE__ */ jsx105("span", { className: cx30(styles["roleCapitalized"]), children: organization.role })
       ] })
     ] }),
-    isSelected && /* @__PURE__ */ jsx101(Check_default, { width: "16", height: "16", color: theme.vars.colors.text.primary })
+    isSelected && /* @__PURE__ */ jsx105(Check_default, { width: "16", height: "16", color: theme.vars.colors.text.primary })
   ] });
-  const defaultRenderLoading2 = () => /* @__PURE__ */ jsx101("div", { className: cx30(styles["loadingContainer"]), children: /* @__PURE__ */ jsx101(Typography_default, { variant: "caption", className: cx30(styles["loadingText"]), children: t("organization.switcher.loading.placeholder.organizations") }) });
-  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ jsx101("div", { className: cx30(styles["errorContainer"]), children: /* @__PURE__ */ jsx101(Typography_default, { variant: "caption", className: cx30(styles["errorText"]), children: errorMessage }) });
-  return /* @__PURE__ */ jsxs43("div", { className: cx30(styles["root"], className), style, children: [
-    /* @__PURE__ */ jsxs43(
+  const defaultRenderLoading2 = () => /* @__PURE__ */ jsx105("div", { className: cx30(styles["loadingContainer"]), children: /* @__PURE__ */ jsx105(Typography_default, { variant: "caption", className: cx30(styles["loadingText"]), children: t("organization.switcher.loading.placeholder.organizations") }) });
+  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ jsx105("div", { className: cx30(styles["errorContainer"]), children: /* @__PURE__ */ jsx105(Typography_default, { variant: "caption", className: cx30(styles["errorText"]), children: errorMessage }) });
+  return /* @__PURE__ */ jsxs45("div", { className: cx30(styles["root"], className), style, children: [
+    /* @__PURE__ */ jsxs45(
       Button_default,
       {
         ref: refs.setReference,
@@ -14652,8 +14976,8 @@ var BaseOrganizationSwitcher = ({
         size: "medium",
         ...getReferenceProps(),
         children: [
-          currentOrganization ? /* @__PURE__ */ jsxs43(Fragment18, { children: [
-            /* @__PURE__ */ jsx101(
+          currentOrganization ? /* @__PURE__ */ jsxs45(Fragment21, { children: [
+            /* @__PURE__ */ jsx105(
               Avatar,
               {
                 variant: "square",
@@ -14663,16 +14987,16 @@ var BaseOrganizationSwitcher = ({
                 alt: `${currentOrganization.name} avatar`
               }
             ),
-            showTriggerLabel && /* @__PURE__ */ jsx101(Typography_default, { variant: "body2", className: cx30(styles["triggerLabel"]), children: currentOrganization.name })
-          ] }) : /* @__PURE__ */ jsxs43(Fragment18, { children: [
-            /* @__PURE__ */ jsx101(Building_default, { width: avatarSize, height: avatarSize }),
-            showTriggerLabel && /* @__PURE__ */ jsx101(Typography_default, { variant: "body2", className: cx30(styles["triggerLabel"]), children: t("elements.fields.organization.select.label") })
+            showTriggerLabel && /* @__PURE__ */ jsx105(Typography_default, { variant: "body2", className: cx30(styles["triggerLabel"]), children: currentOrganization.name })
+          ] }) : /* @__PURE__ */ jsxs45(Fragment21, { children: [
+            /* @__PURE__ */ jsx105(Building_default, { width: avatarSize, height: avatarSize }),
+            showTriggerLabel && /* @__PURE__ */ jsx105(Typography_default, { variant: "body2", className: cx30(styles["triggerLabel"]), children: t("elements.fields.organization.select.label") })
           ] }),
-          /* @__PURE__ */ jsx101("span", { style: { display: "inline-flex", transform: isRTL ? "scaleX(-1)" : "none" }, children: /* @__PURE__ */ jsx101(ChevronDown_default, { width: "16", height: "16" }) })
+          /* @__PURE__ */ jsx105("span", { style: { display: "inline-flex", transform: isRTL ? "scaleX(-1)" : "none" }, children: /* @__PURE__ */ jsx105(ChevronDown_default, { width: "16", height: "16" }) })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx101(FloatingPortal3, { id: portalId, children: /* @__PURE__ */ jsx101(FloatingFocusManager3, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs43(
+    isOpen && /* @__PURE__ */ jsx105(FloatingPortal3, { id: portalId, children: /* @__PURE__ */ jsx105(FloatingFocusManager3, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs45(
       "div",
       {
         ref: refs.setFloating,
@@ -14680,8 +15004,8 @@ var BaseOrganizationSwitcher = ({
         style: floatingStyles,
         ...getFloatingProps(),
         children: [
-          currentOrganization && /* @__PURE__ */ jsxs43("div", { className: cx30(styles["header"]), children: [
-            /* @__PURE__ */ jsx101(
+          currentOrganization && /* @__PURE__ */ jsxs45("div", { className: cx30(styles["header"]), children: [
+            /* @__PURE__ */ jsx105(
               Avatar,
               {
                 variant: "square",
@@ -14691,10 +15015,10 @@ var BaseOrganizationSwitcher = ({
                 alt: `${currentOrganization.name} avatar`
               }
             ),
-            /* @__PURE__ */ jsxs43("div", { className: cx30(styles["headerInfo"]), children: [
-              /* @__PURE__ */ jsx101(Typography_default, { noWrap: true, className: cx30(styles["headerName"]), variant: "body1", fontWeight: "medium", children: currentOrganization.name }),
-              /* @__PURE__ */ jsxs43("div", { className: cx30(styles["headerMeta"]), children: [
-                showMemberCount && currentOrganization.memberCount !== void 0 && /* @__PURE__ */ jsxs43(
+            /* @__PURE__ */ jsxs45("div", { className: cx30(styles["headerInfo"]), children: [
+              /* @__PURE__ */ jsx105(Typography_default, { noWrap: true, className: cx30(styles["headerName"]), variant: "body1", fontWeight: "medium", children: currentOrganization.name }),
+              /* @__PURE__ */ jsxs45("div", { className: cx30(styles["headerMeta"]), children: [
+                showMemberCount && currentOrganization.memberCount !== void 0 && /* @__PURE__ */ jsxs45(
                   Typography_default,
                   {
                     noWrap: true,
@@ -14704,17 +15028,17 @@ var BaseOrganizationSwitcher = ({
                       currentOrganization.memberCount,
                       " ",
                       currentOrganization.memberCount === 1 ? t("organization.switcher.member") : t("organization.switcher.members"),
-                      showRole && currentOrganization.role && /* @__PURE__ */ jsxs43("span", { children: [
+                      showRole && currentOrganization.role && /* @__PURE__ */ jsxs45("span", { children: [
                         " \u2022 ",
                         currentOrganization.role
                       ] })
                     ]
                   }
                 ),
-                showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ jsx101(Typography_default, { noWrap: true, className: cx30(styles["headerRole"]), variant: "caption", color: "secondary", children: currentOrganization.role })
+                showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ jsx105(Typography_default, { noWrap: true, className: cx30(styles["headerRole"]), variant: "caption", color: "secondary", children: currentOrganization.role })
               ] })
             ] }),
-            onManageProfile && /* @__PURE__ */ jsx101(
+            onManageProfile && /* @__PURE__ */ jsx105(
               Button_default,
               {
                 onClick: onManageProfile,
@@ -14723,7 +15047,7 @@ var BaseOrganizationSwitcher = ({
                 size: "small",
                 "aria-label": "Manage Organization Profile",
                 className: cx30(styles["manageButton"]),
-                endIcon: /* @__PURE__ */ jsxs43(
+                endIcon: /* @__PURE__ */ jsxs45(
                   "svg",
                   {
                     width: "16",
@@ -14735,8 +15059,8 @@ var BaseOrganizationSwitcher = ({
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ jsx101("circle", { cx: "12", cy: "12", r: "3" }),
-                      /* @__PURE__ */ jsx101("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
+                      /* @__PURE__ */ jsx105("circle", { cx: "12", cy: "12", r: "3" }),
+                      /* @__PURE__ */ jsx105("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
                     ]
                   }
                 ),
@@ -14744,27 +15068,27 @@ var BaseOrganizationSwitcher = ({
               }
             )
           ] }),
-          organizations.length > 1 && /* @__PURE__ */ jsx101(
+          organizations.length > 1 && /* @__PURE__ */ jsx105(
             "div",
             {
               className: cx30(styles["header"], styles["sectionHeaderContainer"]),
               style: {
                 borderTop: currentOrganization ? `1px solid ${theme.vars.colors.border}` : "none"
               },
-              children: /* @__PURE__ */ jsx101(Typography_default, { variant: "caption", fontWeight: 600, className: cx30(styles["sectionHeader"]), children: t("organization.switcher.switch.organization") })
+              children: /* @__PURE__ */ jsx105(Typography_default, { variant: "caption", fontWeight: 600, className: cx30(styles["sectionHeader"]), children: t("organization.switcher.switch.organization") })
             }
           ),
-          /* @__PURE__ */ jsx101("div", { className: cx30(styles["menu"]), children: (() => {
+          /* @__PURE__ */ jsx105("div", { className: cx30(styles["menu"]), children: (() => {
             if (loading) {
               return renderLoading ? renderLoading() : defaultRenderLoading2();
             }
             if (error) {
               return renderError ? renderError(error) : defaultRenderError2(error);
             }
-            return /* @__PURE__ */ jsxs43(Fragment18, { children: [
+            return /* @__PURE__ */ jsxs45(Fragment21, { children: [
               switchableOrganizations.map((organization) => {
                 const isSelected = false;
-                return /* @__PURE__ */ jsx101(
+                return /* @__PURE__ */ jsx105(
                   Button_default,
                   {
                     onClick: () => handleOrganizationSwitch(organization),
@@ -14782,10 +15106,10 @@ var BaseOrganizationSwitcher = ({
                   organization.id
                 );
               }),
-              menuItems.length > 0 && /* @__PURE__ */ jsxs43(Fragment18, { children: [
-                /* @__PURE__ */ jsx101("div", { className: cx30(styles["menuDivider"]) }),
+              menuItems.length > 0 && /* @__PURE__ */ jsxs45(Fragment21, { children: [
+                /* @__PURE__ */ jsx105("div", { className: cx30(styles["menuDivider"]) }),
                 menuItems.map(
-                  (item, index) => /* @__PURE__ */ jsx101("div", { children: item.href ? /* @__PURE__ */ jsxs43(
+                  (item, index) => /* @__PURE__ */ jsx105("div", { children: item.href ? /* @__PURE__ */ jsxs45(
                     "a",
                     {
                       href: item.href,
@@ -14799,10 +15123,10 @@ var BaseOrganizationSwitcher = ({
                       onBlur: () => setHoveredItemIndex(null),
                       children: [
                         item.icon,
-                        /* @__PURE__ */ jsx101("span", { children: item.label })
+                        /* @__PURE__ */ jsx105("span", { children: item.label })
                       ]
                     }
-                  ) : /* @__PURE__ */ jsx101(
+                  ) : /* @__PURE__ */ jsx105(
                     Button_default,
                     {
                       onClick: () => handleMenuItemClick(item),
@@ -14831,11 +15155,11 @@ var BaseOrganizationSwitcher = ({
 var BaseOrganizationSwitcher_default = BaseOrganizationSwitcher;
 
 // src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
-import { useState as useState35 } from "react";
+import { useState as useState36 } from "react";
 
 // src/components/primitives/Icons/BuildingAlt.tsx
-import { jsx as jsx102, jsxs as jsxs44 } from "react/jsx-runtime";
-var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ jsxs44(
+import { jsx as jsx106, jsxs as jsxs46 } from "react/jsx-runtime";
+var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ jsxs46(
   "svg",
   {
     width,
@@ -14848,13 +15172,13 @@ var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ jsxs44(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx102("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
-      /* @__PURE__ */ jsx102("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
-      /* @__PURE__ */ jsx102("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
-      /* @__PURE__ */ jsx102("path", { d: "M10 6h4" }),
-      /* @__PURE__ */ jsx102("path", { d: "M10 10h4" }),
-      /* @__PURE__ */ jsx102("path", { d: "M10 14h4" }),
-      /* @__PURE__ */ jsx102("path", { d: "M10 18h4" })
+      /* @__PURE__ */ jsx106("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+      /* @__PURE__ */ jsx106("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
+      /* @__PURE__ */ jsx106("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ jsx106("path", { d: "M10 6h4" }),
+      /* @__PURE__ */ jsx106("path", { d: "M10 10h4" }),
+      /* @__PURE__ */ jsx106("path", { d: "M10 14h4" }),
+      /* @__PURE__ */ jsx106("path", { d: "M10 18h4" })
     ]
   }
 );
@@ -14862,12 +15186,12 @@ BuildingAlt.displayName = "BuildingAlt";
 var BuildingAlt_default = BuildingAlt;
 
 // src/components/presentation/CreateOrganization/CreateOrganization.tsx
-import { useState as useState30 } from "react";
+import { useState as useState31 } from "react";
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
 import { createPackageComponentLogger as createPackageComponentLogger8 } from "@asgardeo/browser";
 import { cx as cx31 } from "@emotion/css";
-import { useState as useState29 } from "react";
+import { useState as useState30 } from "react";
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.styles.ts
 import { css as css27 } from "@emotion/css";
@@ -15008,7 +15332,7 @@ var useStyles26 = (theme, colorScheme) => useMemo37(() => {
 var BaseCreateOrganization_styles_default = useStyles26;
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
-import { jsx as jsx103, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs47 } from "react/jsx-runtime";
 var logger8 = createPackageComponentLogger8(
   "@asgardeo/react",
   "BaseCreateOrganization"
@@ -15035,13 +15359,13 @@ var BaseCreateOrganization = ({
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseCreateOrganization_styles_default(theme, colorScheme);
   const { t } = useTranslation_default(preferences?.i18n);
-  const [formData, setFormData] = useState29({
+  const [formData, setFormData] = useState30({
     description: "",
     handle: "",
     name: "",
     ...initialValues
   });
-  const [formErrors, setFormErrors] = useState29({});
+  const [formErrors, setFormErrors] = useState30({});
   const validateForm = () => {
     const errors = {};
     if (!formData.name.trim()) {
@@ -15098,13 +15422,13 @@ var BaseCreateOrganization = ({
       logger8.error("Form submission error:");
     }
   };
-  const createOrganizationContent = /* @__PURE__ */ jsx103("div", { className: cx31(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ jsxs45("div", { className: cx31(styles["content"]), children: [
-    /* @__PURE__ */ jsxs45("form", { id: "create-organization-form", className: cx31(styles["form"]), onSubmit: handleSubmit, children: [
-      error && /* @__PURE__ */ jsxs45(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
-        /* @__PURE__ */ jsx103(Alert_default.Title, { children: "Error" }),
-        /* @__PURE__ */ jsx103(Alert_default.Description, { children: error })
+  const createOrganizationContent = /* @__PURE__ */ jsx107("div", { className: cx31(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ jsxs47("div", { className: cx31(styles["content"]), children: [
+    /* @__PURE__ */ jsxs47("form", { id: "create-organization-form", className: cx31(styles["form"]), onSubmit: handleSubmit, children: [
+      error && /* @__PURE__ */ jsxs47(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
+        /* @__PURE__ */ jsx107(Alert_default.Title, { children: "Error" }),
+        /* @__PURE__ */ jsx107(Alert_default.Description, { children: error })
       ] }),
-      /* @__PURE__ */ jsx103("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx103(
+      /* @__PURE__ */ jsx107("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx107(
         TextField_default,
         {
           label: `${t("elements.fields.organization.name.label")}`,
@@ -15117,7 +15441,7 @@ var BaseCreateOrganization = ({
           className: cx31(styles["input"])
         }
       ) }),
-      /* @__PURE__ */ jsx103("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx103(
+      /* @__PURE__ */ jsx107("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx107(
         TextField_default,
         {
           label: `${t("elements.fields.organization.handle.label") || "Organization Handle"}`,
@@ -15131,9 +15455,9 @@ var BaseCreateOrganization = ({
           className: cx31(styles["input"])
         }
       ) }),
-      /* @__PURE__ */ jsx103("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsxs45(FormControl_default, { error: formErrors.description, children: [
-        /* @__PURE__ */ jsx103(InputLabel_default, { required: true, children: t("elements.fields.organization.description.label") }),
-        /* @__PURE__ */ jsx103(
+      /* @__PURE__ */ jsx107("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsxs47(FormControl_default, { error: formErrors.description, children: [
+        /* @__PURE__ */ jsx107(InputLabel_default, { required: true, children: t("elements.fields.organization.description.label") }),
+        /* @__PURE__ */ jsx107(
           "textarea",
           {
             className: cx31(styles["textarea"], formErrors.description && styles["textareaError"]),
@@ -15147,15 +15471,15 @@ var BaseCreateOrganization = ({
       ] }) }),
       renderAdditionalFields && renderAdditionalFields()
     ] }),
-    /* @__PURE__ */ jsxs45("div", { className: cx31(styles["actions"]), children: [
-      onCancel && /* @__PURE__ */ jsx103(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.buttons.cancel.text") }),
-      /* @__PURE__ */ jsx103(Button_default, { type: "submit", variant: "solid", color: "primary", disabled: loading, form: "create-organization-form", children: loading ? t("organization.create.buttons.create_organization.loading.text") : t("organization.create.buttons.create_organization.text") })
+    /* @__PURE__ */ jsxs47("div", { className: cx31(styles["actions"]), children: [
+      onCancel && /* @__PURE__ */ jsx107(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.buttons.cancel.text") }),
+      /* @__PURE__ */ jsx107(Button_default, { type: "submit", variant: "solid", color: "primary", disabled: loading, form: "create-organization-form", children: loading ? t("organization.create.buttons.create_organization.loading.text") : t("organization.create.buttons.create_organization.text") })
     ] })
   ] }) });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx103(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs45(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx103(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ jsx103("div", { className: styles["popup"], children: createOrganizationContent })
+    return /* @__PURE__ */ jsx107(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs47(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx107(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx107("div", { className: styles["popup"], children: createOrganizationContent })
     ] }) });
   }
   return createOrganizationContent;
@@ -15196,7 +15520,7 @@ var createOrganization = async ({
 var createOrganization_default = createOrganization;
 
 // src/components/presentation/CreateOrganization/CreateOrganization.tsx
-import { Fragment as Fragment19, jsx as jsx104 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx108 } from "react/jsx-runtime";
 var CreateOrganization = ({
   onCreateOrganization,
   fallback = null,
@@ -15206,13 +15530,13 @@ var CreateOrganization = ({
 }) => {
   const { isSignedIn, baseUrl, instanceId } = useAsgardeo_default();
   const { currentOrganization, revalidateMyOrganizations } = useOrganization_default();
-  const [loading, setLoading] = useState30(false);
-  const [error, setError] = useState30(null);
+  const [loading, setLoading] = useState31(false);
+  const [error, setError] = useState31(null);
   if (!isSignedIn && fallback) {
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ jsx104(Fragment19, {});
+    return /* @__PURE__ */ jsx108(Fragment22, {});
   }
   const parentId = defaultParentId || currentOrganization?.id || "";
   const handleSubmit = async (payload) => {
@@ -15247,7 +15571,7 @@ var CreateOrganization = ({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx108(
     BaseCreateOrganization,
     {
       onSubmit: handleSubmit,
@@ -15262,7 +15586,7 @@ var CreateOrganization = ({
 
 // src/components/presentation/OrganizationList/OrganizationList.tsx
 import { cx as cx33 } from "@emotion/css";
-import { useEffect as useEffect22, useState as useState31 } from "react";
+import { useEffect as useEffect23, useState as useState32 } from "react";
 
 // src/components/presentation/OrganizationList/BaseOrganizationList.tsx
 import { cx as cx32 } from "@emotion/css";
@@ -15495,20 +15819,20 @@ var useStyles27 = (theme, colorScheme) => useMemo38(() => {
 var BaseOrganizationList_styles_default = useStyles27;
 
 // src/components/presentation/OrganizationList/BaseOrganizationList.tsx
-import { jsx as jsx105, jsxs as jsxs46 } from "react/jsx-runtime";
-var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect, showStatus) => /* @__PURE__ */ jsxs46("div", { className: cx32(styles.organizationItem), children: [
-  /* @__PURE__ */ jsxs46("div", { className: cx32(styles.organizationContent), children: [
-    /* @__PURE__ */ jsx105(Avatar, { variant: "square", name: organization.name, size: 48, alt: `${organization.name} logo` }),
-    /* @__PURE__ */ jsxs46("div", { className: cx32(styles.organizationInfo), children: [
-      /* @__PURE__ */ jsx105(Typography_default, { variant: "h6", className: cx32(styles.organizationName), children: organization.name }),
-      /* @__PURE__ */ jsxs46(Typography_default, { variant: "body2", color: "textSecondary", className: cx32(styles.organizationHandle), children: [
+import { jsx as jsx109, jsxs as jsxs48 } from "react/jsx-runtime";
+var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect, showStatus) => /* @__PURE__ */ jsxs48("div", { className: cx32(styles.organizationItem), children: [
+  /* @__PURE__ */ jsxs48("div", { className: cx32(styles.organizationContent), children: [
+    /* @__PURE__ */ jsx109(Avatar, { variant: "square", name: organization.name, size: 48, alt: `${organization.name} logo` }),
+    /* @__PURE__ */ jsxs48("div", { className: cx32(styles.organizationInfo), children: [
+      /* @__PURE__ */ jsx109(Typography_default, { variant: "h6", className: cx32(styles.organizationName), children: organization.name }),
+      /* @__PURE__ */ jsxs48(Typography_default, { variant: "body2", color: "textSecondary", className: cx32(styles.organizationHandle), children: [
         "@",
         organization.orgHandle
       ] }),
-      showStatus && /* @__PURE__ */ jsxs46(Typography_default, { variant: "body2", color: "textSecondary", className: cx32(styles.organizationStatus), children: [
+      showStatus && /* @__PURE__ */ jsxs48(Typography_default, { variant: "body2", color: "textSecondary", className: cx32(styles.organizationStatus), children: [
         t("organization.switcher.status.label"),
         " ",
-        /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx109(
           "span",
           {
             className: cx32(
@@ -15521,7 +15845,7 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
       ] })
     ] })
   ] }),
-  organization.canSwitch && /* @__PURE__ */ jsx105("div", { className: cx32(styles.organizationActions), children: /* @__PURE__ */ jsx105(
+  organization.canSwitch && /* @__PURE__ */ jsx109("div", { className: cx32(styles.organizationActions), children: /* @__PURE__ */ jsx109(
     Button_default,
     {
       onClick: (e) => {
@@ -15534,17 +15858,17 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
     }
   ) })
 ] }, organization.id);
-var defaultRenderLoading = (t, styles) => /* @__PURE__ */ jsxs46("div", { className: cx32(styles.loadingContainer), children: [
-  /* @__PURE__ */ jsx105(Spinner_default, { size: "medium" }),
-  /* @__PURE__ */ jsx105(Typography_default, { variant: "body1", color: "textSecondary", className: cx32(styles.loadingText), children: t("organization.switcher.loading.placeholder.organizations") })
+var defaultRenderLoading = (t, styles) => /* @__PURE__ */ jsxs48("div", { className: cx32(styles.loadingContainer), children: [
+  /* @__PURE__ */ jsx109(Spinner_default, { size: "medium" }),
+  /* @__PURE__ */ jsx109(Typography_default, { variant: "body1", color: "textSecondary", className: cx32(styles.loadingText), children: t("organization.switcher.loading.placeholder.organizations") })
 ] });
-var defaultRenderError = (errorMessage, t, styles) => /* @__PURE__ */ jsx105("div", { className: cx32(styles.errorContainer), children: /* @__PURE__ */ jsxs46(Typography_default, { variant: "body1", color: "error", children: [
-  /* @__PURE__ */ jsx105("strong", { children: t("organization.switcher.error.prefix") }),
+var defaultRenderError = (errorMessage, t, styles) => /* @__PURE__ */ jsx109("div", { className: cx32(styles.errorContainer), children: /* @__PURE__ */ jsxs48(Typography_default, { variant: "body1", color: "error", children: [
+  /* @__PURE__ */ jsx109("strong", { children: t("organization.switcher.error.prefix") }),
   " ",
   errorMessage
 ] }) });
-var defaultRenderLoadMore = (onLoadMore, isLoadingMore, t, styles) => /* @__PURE__ */ jsx105(Button_default, { onClick: onLoadMore, disabled: isLoadingMore, className: cx32(styles.loadMoreButton), type: "button", fullWidth: true, children: isLoadingMore ? t("organization.switcher.loading.more") : t("organization.switcher.buttons.load_more.text") });
-var defaultRenderEmpty = (t, styles) => /* @__PURE__ */ jsx105("div", { className: cx32(styles.emptyContainer), children: /* @__PURE__ */ jsx105(Typography_default, { variant: "body1", color: "textSecondary", className: cx32(styles.emptyText), children: t("organization.switcher.no.organizations") }) });
+var defaultRenderLoadMore = (onLoadMore, isLoadingMore, t, styles) => /* @__PURE__ */ jsx109(Button_default, { onClick: onLoadMore, disabled: isLoadingMore, className: cx32(styles.loadMoreButton), type: "button", fullWidth: true, children: isLoadingMore ? t("organization.switcher.loading.more") : t("organization.switcher.buttons.load_more.text") });
+var defaultRenderEmpty = (t, styles) => /* @__PURE__ */ jsx109("div", { className: cx32(styles.emptyContainer), children: /* @__PURE__ */ jsx109(Typography_default, { variant: "body1", color: "textSecondary", className: cx32(styles.emptyText), children: t("organization.switcher.no.organizations") }) });
 var BaseOrganizationList = ({
   className = "",
   allOrganizations,
@@ -15588,42 +15912,42 @@ var BaseOrganizationList = ({
   const renderLoadMoreWithStyles = renderLoadMore || ((onLoadMore, loadingMore) => defaultRenderLoadMore(onLoadMore, loadingMore, t, styles));
   const renderOrganizationWithStyles = renderOrganization || ((org) => defaultRenderOrganization(org, styles, t, onOrganizationSelect, showStatus));
   if (isLoading && organizationsWithSwitchAccess?.length === 0) {
-    const loadingContent = /* @__PURE__ */ jsx105("div", { className: cx32(styles["root"], className), style, children: renderLoadingWithStyles() });
+    const loadingContent = /* @__PURE__ */ jsx109("div", { className: cx32(styles["root"], className), style, children: renderLoadingWithStyles() });
     if (mode === "popup") {
-      return /* @__PURE__ */ jsx105(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
-        /* @__PURE__ */ jsx105(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ jsx105("div", { className: cx32(styles["popupContent"]), children: loadingContent })
+      return /* @__PURE__ */ jsx109(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs48(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx109(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx109("div", { className: cx32(styles["popupContent"]), children: loadingContent })
       ] }) });
     }
     return loadingContent;
   }
   if (error && organizationsWithSwitchAccess?.length === 0) {
-    const errorContent = /* @__PURE__ */ jsx105("div", { className: cx32(styles["root"], className), style, children: renderErrorWithStyles(error) });
+    const errorContent = /* @__PURE__ */ jsx109("div", { className: cx32(styles["root"], className), style, children: renderErrorWithStyles(error) });
     if (mode === "popup") {
-      return /* @__PURE__ */ jsx105(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
-        /* @__PURE__ */ jsx105(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ jsx105("div", { className: cx32(styles["popupContent"]), children: errorContent })
+      return /* @__PURE__ */ jsx109(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs48(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx109(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx109("div", { className: cx32(styles["popupContent"]), children: errorContent })
       ] }) });
     }
     return errorContent;
   }
   if (!isLoading && organizationsWithSwitchAccess?.length === 0) {
-    const emptyContent = /* @__PURE__ */ jsx105("div", { className: cx32(styles["root"], className), style, children: renderEmptyWithStyles() });
+    const emptyContent = /* @__PURE__ */ jsx109("div", { className: cx32(styles["root"], className), style, children: renderEmptyWithStyles() });
     if (mode === "popup") {
-      return /* @__PURE__ */ jsx105(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
-        /* @__PURE__ */ jsx105(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ jsx105("div", { className: cx32(styles["popupContent"]), children: emptyContent })
+      return /* @__PURE__ */ jsx109(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs48(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx109(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx109("div", { className: cx32(styles["popupContent"]), children: emptyContent })
       ] }) });
     }
     return emptyContent;
   }
-  const organizationListContent = /* @__PURE__ */ jsxs46("div", { className: cx32(styles["root"], className), style, children: [
-    /* @__PURE__ */ jsxs46("div", { className: cx32(styles["header"]), children: [
-      /* @__PURE__ */ jsx105("div", { className: cx32(styles["headerInfo"]), children: /* @__PURE__ */ jsx105(Typography_default, { variant: "body2", color: "textSecondary", className: cx32(styles["subtitle"]), children: t("organization.switcher.showing.count", {
+  const organizationListContent = /* @__PURE__ */ jsxs48("div", { className: cx32(styles["root"], className), style, children: [
+    /* @__PURE__ */ jsxs48("div", { className: cx32(styles["header"]), children: [
+      /* @__PURE__ */ jsx109("div", { className: cx32(styles["headerInfo"]), children: /* @__PURE__ */ jsx109(Typography_default, { variant: "body2", color: "textSecondary", className: cx32(styles["subtitle"]), children: t("organization.switcher.showing.count", {
         showing: organizationsWithSwitchAccess?.length,
         total: allOrganizations?.organizations?.length || 0
       }) }) }),
-      onRefresh && /* @__PURE__ */ jsx105(
+      onRefresh && /* @__PURE__ */ jsx109(
         Button_default,
         {
           onClick: onRefresh,
@@ -15635,16 +15959,16 @@ var BaseOrganizationList = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx105("div", { className: cx32(styles["listContainer"]), children: organizationsWithSwitchAccess?.map(
+    /* @__PURE__ */ jsx109("div", { className: cx32(styles["listContainer"]), children: organizationsWithSwitchAccess?.map(
       (organization, index) => renderOrganizationWithStyles(organization, index)
     ) }),
-    error && organizationsWithSwitchAccess?.length > 0 && /* @__PURE__ */ jsx105("div", { className: cx32(styles["errorMargin"]), children: renderErrorWithStyles(error) }),
-    hasMore && fetchMore && /* @__PURE__ */ jsx105("div", { className: cx32(styles["loadMoreMargin"]), children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
+    error && organizationsWithSwitchAccess?.length > 0 && /* @__PURE__ */ jsx109("div", { className: cx32(styles["errorMargin"]), children: renderErrorWithStyles(error) }),
+    hasMore && fetchMore && /* @__PURE__ */ jsx109("div", { className: cx32(styles["loadMoreMargin"]), children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx105(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx105(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ jsx105("div", { className: cx32(styles["popupContent"]), children: organizationListContent })
+    return /* @__PURE__ */ jsx109(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs48(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx109(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx109("div", { className: cx32(styles["popupContent"]), children: organizationListContent })
     ] }) });
   }
   return organizationListContent;
@@ -15714,22 +16038,22 @@ var useStyles28 = (theme, colorScheme) => useMemo40(() => {
 var OrganizationList_styles_default = useStyles28;
 
 // src/components/presentation/OrganizationList/OrganizationList.tsx
-import { jsx as jsx106 } from "react/jsx-runtime";
+import { jsx as jsx110 } from "react/jsx-runtime";
 var OrganizationList = (props) => {
   const { onOrganizationSelect, className = "", style, ...baseProps } = props;
   const { autoFetch, filter, limit, recursive, ...filteredBaseProps } = baseProps;
   const { theme, colorScheme } = useTheme_default();
   const styles = OrganizationList_styles_default(theme, colorScheme);
   const { getAllOrganizations: getAllOrganizations2, error, isLoading, myOrganizations } = useOrganization_default();
-  const [allOrganizations, setAllOrganizations] = useState31({
+  const [allOrganizations, setAllOrganizations] = useState32({
     organizations: []
   });
-  useEffect22(() => {
+  useEffect23(() => {
     (async () => {
       setAllOrganizations(await getAllOrganizations2());
     })();
   }, []);
-  return /* @__PURE__ */ jsx106("div", { className: cx33(styles["root"], className), style, children: /* @__PURE__ */ jsx106("div", { className: cx33(styles["container"]), children: /* @__PURE__ */ jsx106(
+  return /* @__PURE__ */ jsx110("div", { className: cx33(styles["root"], className), style, children: /* @__PURE__ */ jsx110("div", { className: cx33(styles["container"]), children: /* @__PURE__ */ jsx110(
     BaseOrganizationList,
     {
       allOrganizations,
@@ -15745,12 +16069,12 @@ var OrganizationList_default = OrganizationList;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
 import { createPackageComponentLogger as createPackageComponentLogger9 } from "@asgardeo/browser";
-import { useEffect as useEffect23, useState as useState34 } from "react";
+import { useEffect as useEffect24, useState as useState35 } from "react";
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
 import { formatDate } from "@asgardeo/browser";
 import { cx as cx35 } from "@emotion/css";
-import { useState as useState33, useCallback as useCallback19 } from "react";
+import { useState as useState34, useCallback as useCallback19 } from "react";
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.styles.ts
 import { css as css30 } from "@emotion/css";
@@ -15911,7 +16235,7 @@ var BaseOrganizationProfile_styles_default = useStyles29;
 // src/components/primitives/KeyValueInput/KeyValueInput.tsx
 import { withVendorCSSClassPrefix as withVendorCSSClassPrefix29, bem as bem20 } from "@asgardeo/browser";
 import { cx as cx34 } from "@emotion/css";
-import { useState as useState32, useCallback as useCallback18 } from "react";
+import { useState as useState33, useCallback as useCallback18 } from "react";
 
 // src/components/primitives/KeyValueInput/KeyValueInput.styles.ts
 import { css as css31 } from "@emotion/css";
@@ -16068,7 +16392,7 @@ var useStyles30 = (theme, colorScheme, disabled, readOnly, hasError) => useMemo4
 var KeyValueInput_styles_default = useStyles30;
 
 // src/components/primitives/KeyValueInput/KeyValueInput.tsx
-import { jsx as jsx107, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs49 } from "react/jsx-runtime";
 var KeyValueInput = ({
   className = "",
   disabled = false,
@@ -16091,9 +16415,9 @@ var KeyValueInput = ({
   const { theme, colorScheme } = useTheme_default();
   const styles = KeyValueInput_styles_default(theme, colorScheme, disabled, readOnly, !!error);
   const initialPairs = Array.isArray(value) ? value : Object.entries(value).map(([key, val]) => ({ key, value: String(val) }));
-  const [pairs, setPairs] = useState32(initialPairs);
-  const [newKey, setNewKey] = useState32("");
-  const [newValue, setNewValue] = useState32("");
+  const [pairs, setPairs] = useState33(initialPairs);
+  const [newKey, setNewKey] = useState33("");
+  const [newValue, setNewValue] = useState33("");
   const handleAddPair = useCallback18(() => {
     if (!newKey.trim() || !newValue.trim()) return;
     if (maxPairs && pairs.length >= maxPairs) return;
@@ -16145,18 +16469,18 @@ var KeyValueInput = ({
   const isAddDisabled = disabled || readOnly || !canAddMore || !newKey.trim() || !newValue.trim();
   const renderReadOnlyContent = () => {
     if (pairs.length === 0) {
-      return /* @__PURE__ */ jsx107("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
+      return /* @__PURE__ */ jsx111("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
     }
-    return pairs.map((pair, index) => /* @__PURE__ */ jsxs47(
+    return pairs.map((pair, index) => /* @__PURE__ */ jsxs49(
       "div",
       {
         className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "readonly-pair")), styles["readOnlyPair"]),
         children: [
-          /* @__PURE__ */ jsxs47("span", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "readonly-key")), styles["readOnlyKey"]), children: [
+          /* @__PURE__ */ jsxs49("span", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "readonly-key")), styles["readOnlyKey"]), children: [
             pair.key,
             ":"
           ] }),
-          /* @__PURE__ */ jsx107(
+          /* @__PURE__ */ jsx111(
             "span",
             {
               className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "readonly-value")), styles["readOnlyValue"]),
@@ -16168,10 +16492,10 @@ var KeyValueInput = ({
       `${pair.key}-${index}`
     ));
   };
-  return /* @__PURE__ */ jsxs47("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input")), styles["container"], className), children: [
-    label && /* @__PURE__ */ jsxs47("label", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "label")), styles["label"]), children: [
+  return /* @__PURE__ */ jsxs49("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input")), styles["container"], className), children: [
+    label && /* @__PURE__ */ jsxs49("label", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "label")), styles["label"]), children: [
       label,
-      required && /* @__PURE__ */ jsx107(
+      required && /* @__PURE__ */ jsx111(
         "span",
         {
           className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "required")), styles["requiredIndicator"]),
@@ -16179,13 +16503,13 @@ var KeyValueInput = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs47("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "pairs-list")), styles["pairsList"]), children: [
-      readOnly ? renderReadOnlyContent() : pairs.map((pair, index) => /* @__PURE__ */ jsxs47(
+    /* @__PURE__ */ jsxs49("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "pairs-list")), styles["pairsList"]), children: [
+      readOnly ? renderReadOnlyContent() : pairs.map((pair, index) => /* @__PURE__ */ jsxs49(
         "div",
         {
           className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "pair-row")), styles["pairRow"]),
           children: [
-            /* @__PURE__ */ jsx107(
+            /* @__PURE__ */ jsx111(
               TextField_default,
               {
                 placeholder: keyPlaceholder,
@@ -16196,7 +16520,7 @@ var KeyValueInput = ({
                 "aria-label": `${keyLabel} ${index + 1}`
               }
             ),
-            /* @__PURE__ */ jsx107(
+            /* @__PURE__ */ jsx111(
               TextField_default,
               {
                 placeholder: valuePlaceholder,
@@ -16207,7 +16531,7 @@ var KeyValueInput = ({
                 "aria-label": `${valueLabel} ${index + 1}`
               }
             ),
-            !readOnly && /* @__PURE__ */ jsx107(
+            !readOnly && /* @__PURE__ */ jsx111(
               "button",
               {
                 type: "button",
@@ -16218,15 +16542,15 @@ var KeyValueInput = ({
                   styles["removeButton"]
                 ),
                 "aria-label": `${removeButtonText} ${pair.key}`,
-                children: /* @__PURE__ */ jsx107(X_default, { width: 16, height: 16 })
+                children: /* @__PURE__ */ jsx111(X_default, { width: 16, height: 16 })
               }
             )
           ]
         },
         `${pair.key}-${index}`
       )),
-      !readOnly && /* @__PURE__ */ jsxs47("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "add-row")), styles["addRow"]), children: [
-        /* @__PURE__ */ jsx107(
+      !readOnly && /* @__PURE__ */ jsxs49("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "add-row")), styles["addRow"]), children: [
+        /* @__PURE__ */ jsx111(
           TextField_default,
           {
             placeholder: keyPlaceholder,
@@ -16237,7 +16561,7 @@ var KeyValueInput = ({
             "aria-label": "New key"
           }
         ),
-        /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx111(
           TextField_default,
           {
             placeholder: valuePlaceholder,
@@ -16253,7 +16577,7 @@ var KeyValueInput = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx111(
           "button",
           {
             type: "button",
@@ -16261,13 +16585,13 @@ var KeyValueInput = ({
             disabled: isAddDisabled,
             className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "add-button")), styles["addButton"]),
             "aria-label": "Add new key-value pair",
-            children: /* @__PURE__ */ jsx107(Plus_default, { width: 16, height: 16 })
+            children: /* @__PURE__ */ jsx111(Plus_default, { width: 16, height: 16 })
           }
         )
       ] })
     ] }),
-    (helperText || error) && /* @__PURE__ */ jsx107("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
-    maxPairs && /* @__PURE__ */ jsxs47("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "counter")), styles["counterText"]), children: [
+    (helperText || error) && /* @__PURE__ */ jsx111("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
+    maxPairs && /* @__PURE__ */ jsxs49("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "counter")), styles["counterText"]), children: [
       pairs.length,
       " of ",
       maxPairs,
@@ -16278,7 +16602,7 @@ var KeyValueInput = ({
 var KeyValueInput_default = KeyValueInput;
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
-import { Fragment as Fragment20, jsx as jsx108, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx112, jsxs as jsxs50 } from "react/jsx-runtime";
 var BaseOrganizationProfile = ({
   fallback = null,
   className = "",
@@ -16325,9 +16649,9 @@ var BaseOrganizationProfile = ({
 }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseOrganizationProfile_styles_default(theme, colorScheme);
-  const [editedOrganization, setEditedOrganization] = useState33(organization);
-  const [editingFields, setEditingFields] = useState33({});
-  const PencilIcon = () => /* @__PURE__ */ jsx108(
+  const [editedOrganization, setEditedOrganization] = useState34(organization);
+  const [editingFields, setEditingFields] = useState34({});
+  const PencilIcon = () => /* @__PURE__ */ jsx112(
     "svg",
     {
       width: "16",
@@ -16338,7 +16662,7 @@ var BaseOrganizationProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx108("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+      children: /* @__PURE__ */ jsx112("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
     }
   );
   const toggleFieldEdit = useCallback19((fieldName) => {
@@ -16408,7 +16732,7 @@ var BaseOrganizationProfile = ({
       let fieldInput;
       if (key === "attributes") {
         const attributesValue = typeof fieldValue === "object" && fieldValue !== null ? fieldValue : {};
-        fieldInput = /* @__PURE__ */ jsx108(
+        fieldInput = /* @__PURE__ */ jsx112(
           KeyValueInput_default,
           {
             value: attributesValue,
@@ -16446,26 +16770,26 @@ var BaseOrganizationProfile = ({
           }
         );
       } else {
-        fieldInput = /* @__PURE__ */ jsx108(TextField_default, { ...commonProps });
+        fieldInput = /* @__PURE__ */ jsx112(TextField_default, { ...commonProps });
       }
-      return /* @__PURE__ */ jsxs48(Fragment20, { children: [
-        /* @__PURE__ */ jsx108("span", { className: cx35(styles["label"]), children: label }),
-        /* @__PURE__ */ jsx108("div", { className: cx35(styles["value"]), children: fieldInput })
+      return /* @__PURE__ */ jsxs50(Fragment23, { children: [
+        /* @__PURE__ */ jsx112("span", { className: cx35(styles["label"]), children: label }),
+        /* @__PURE__ */ jsx112("div", { className: cx35(styles["value"]), children: fieldInput })
       ] });
     }
     const hasValue = value !== void 0 && value !== null && value !== "";
     const isFieldEditable = editable && fieldEditable;
     let displayValue;
     if (hasValue) {
-      displayValue = key === "attributes" && typeof value === "object" && value !== null ? /* @__PURE__ */ jsx108(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
+      displayValue = key === "attributes" && typeof value === "object" && value !== null ? /* @__PURE__ */ jsx112(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
     } else if (isFieldEditable) {
       displayValue = getFieldPlaceholder(key);
     } else {
       displayValue = "-";
     }
-    return /* @__PURE__ */ jsxs48(Fragment20, { children: [
-      /* @__PURE__ */ jsx108("span", { className: cx35(styles["label"]), children: label }),
-      /* @__PURE__ */ jsx108("div", { className: cx35(styles["value"], !hasValue && styles["valueEmpty"]), children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ jsx108(
+    return /* @__PURE__ */ jsxs50(Fragment23, { children: [
+      /* @__PURE__ */ jsx112("span", { className: cx35(styles["label"]), children: label }),
+      /* @__PURE__ */ jsx112("div", { className: cx35(styles["value"], !hasValue && styles["valueEmpty"]), children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ jsx112(
         Button_default,
         {
           onClick: onStartEdit,
@@ -16488,8 +16812,8 @@ var BaseOrganizationProfile = ({
     if (!shouldShow) {
       return null;
     }
-    return /* @__PURE__ */ jsxs48("div", { className: cx35(styles["field"]), children: [
-      /* @__PURE__ */ jsx108("div", { className: cx35(styles["fieldContent"]), children: renderField(
+    return /* @__PURE__ */ jsxs50("div", { className: cx35(styles["field"]), children: [
+      /* @__PURE__ */ jsx112("div", { className: cx35(styles["fieldContent"]), children: renderField(
         field,
         isFieldEditing,
         (value) => {
@@ -16499,8 +16823,8 @@ var BaseOrganizationProfile = ({
         },
         () => toggleFieldEdit(field.key)
       ) }),
-      isFieldEditable && /* @__PURE__ */ jsx108("div", { className: cx35(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ jsxs48(Fragment20, { children: [
-        /* @__PURE__ */ jsx108(
+      isFieldEditable && /* @__PURE__ */ jsx112("div", { className: cx35(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ jsxs50(Fragment23, { children: [
+        /* @__PURE__ */ jsx112(
           Button_default,
           {
             onClick: () => handleFieldSave(field.key),
@@ -16511,7 +16835,7 @@ var BaseOrganizationProfile = ({
             children: saveButtonText
           }
         ),
-        /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsx112(
           Button_default,
           {
             onClick: () => handleFieldCancel(field.key),
@@ -16522,7 +16846,7 @@ var BaseOrganizationProfile = ({
             children: cancelButtonText
           }
         )
-      ] }) : hasValue && /* @__PURE__ */ jsx108(
+      ] }) : hasValue && /* @__PURE__ */ jsx112(
         Button_default,
         {
           onClick: () => toggleFieldEdit(field.key),
@@ -16531,7 +16855,7 @@ var BaseOrganizationProfile = ({
           size: "small",
           title: "Edit field",
           className: cx35(styles["editButton"]),
-          children: /* @__PURE__ */ jsx108(PencilIcon, {})
+          children: /* @__PURE__ */ jsx112(PencilIcon, {})
         }
       ) })
     ] }, field.key);
@@ -16539,23 +16863,23 @@ var BaseOrganizationProfile = ({
   if (!organization) {
     return fallback;
   }
-  const profileContent = /* @__PURE__ */ jsxs48(Card_default, { className: cx35(styles["root"], cardLayout && styles["card"], className), children: [
-    /* @__PURE__ */ jsxs48("div", { className: cx35(styles["header"]), children: [
-      /* @__PURE__ */ jsx108(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
-      /* @__PURE__ */ jsxs48("div", { className: cx35(styles["orgInfo"]), children: [
-        /* @__PURE__ */ jsx108("h2", { className: cx35(styles["name"]), children: organization.name }),
-        organization.orgHandle && /* @__PURE__ */ jsxs48("p", { className: cx35(styles["handle"]), children: [
+  const profileContent = /* @__PURE__ */ jsxs50(Card_default, { className: cx35(styles["root"], cardLayout && styles["card"], className), children: [
+    /* @__PURE__ */ jsxs50("div", { className: cx35(styles["header"]), children: [
+      /* @__PURE__ */ jsx112(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
+      /* @__PURE__ */ jsxs50("div", { className: cx35(styles["orgInfo"]), children: [
+        /* @__PURE__ */ jsx112("h2", { className: cx35(styles["name"]), children: organization.name }),
+        organization.orgHandle && /* @__PURE__ */ jsxs50("p", { className: cx35(styles["handle"]), children: [
           "@",
           organization.orgHandle
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx108("div", { className: cx35(styles["infoContainer"]), children: fields.map((field) => renderOrganizationField(field)) })
+    /* @__PURE__ */ jsx112("div", { className: cx35(styles["infoContainer"]), children: fields.map((field) => renderOrganizationField(field)) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx108(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs48(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx108(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ jsx108("div", { className: cx35(styles["popup"]), children: profileContent })
+    return /* @__PURE__ */ jsx112(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs50(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx112(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx112("div", { className: cx35(styles["popup"]), children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -16631,7 +16955,7 @@ var updateOrganization = async ({
 var updateOrganization_default = updateOrganization;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
-import { jsx as jsx109 } from "react/jsx-runtime";
+import { jsx as jsx113 } from "react/jsx-runtime";
 var logger9 = createPackageComponentLogger9(
   "@asgardeo/react",
   "OrganizationProfile"
@@ -16650,7 +16974,7 @@ var OrganizationProfile = ({
 }) => {
   const { baseUrl, instanceId } = useAsgardeo_default();
   const { t } = useTranslation_default(preferences?.i18n);
-  const [organization, setOrganization] = useState34(null);
+  const [organization, setOrganization] = useState35(null);
   const fetchOrganization = async () => {
     if (!baseUrl || !organizationId) {
       return;
@@ -16667,7 +16991,7 @@ var OrganizationProfile = ({
       setOrganization(null);
     }
   };
-  useEffect23(() => {
+  useEffect24(() => {
     fetchOrganization();
   }, [baseUrl, organizationId]);
   const handleOrganizationUpdate = async (payload) => {
@@ -16689,7 +17013,7 @@ var OrganizationProfile = ({
       throw err;
     }
   };
-  return /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx113(
     BaseOrganizationProfile_default,
     {
       organization,
@@ -16706,7 +17030,7 @@ var OrganizationProfile = ({
 var OrganizationProfile_default = OrganizationProfile;
 
 // src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
-import { Fragment as Fragment21, jsx as jsx110, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx114, jsxs as jsxs51 } from "react/jsx-runtime";
 var OrganizationSwitcher = ({
   currentOrganization: propCurrentOrganization,
   fallback = null,
@@ -16723,15 +17047,15 @@ var OrganizationSwitcher = ({
     isLoading,
     error
   } = useOrganization_default();
-  const [isCreateOrgOpen, setIsCreateOrgOpen] = useState35(false);
-  const [isProfileOpen, setIsProfileOpen] = useState35(false);
-  const [isOrganizationListOpen, setIsOrganizationListOpen] = useState35(false);
+  const [isCreateOrgOpen, setIsCreateOrgOpen] = useState36(false);
+  const [isProfileOpen, setIsProfileOpen] = useState36(false);
+  const [isOrganizationListOpen, setIsOrganizationListOpen] = useState36(false);
   const { t } = useTranslation_default(preferences?.i18n);
   if (!isSignedIn && fallback) {
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ jsx110(Fragment21, {});
+    return /* @__PURE__ */ jsx114(Fragment24, {});
   }
   const organizations = propOrganizations || contextOrganizations || [];
   const currentOrganization = propCurrentOrganization || contextCurrentOrganization;
@@ -16745,19 +17069,19 @@ var OrganizationSwitcher = ({
   const defaultMenuItems = [];
   if (currentOrganization) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ jsx110(BuildingAlt_default, {}),
+      icon: /* @__PURE__ */ jsx114(BuildingAlt_default, {}),
       label: t("organization.switcher.manage.organizations"),
       onClick: handleManageOrganizations
     });
   }
   defaultMenuItems.push({
-    icon: /* @__PURE__ */ jsx110("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx110("path", { d: "M12 5v14m-7-7h14" }) }),
+    icon: /* @__PURE__ */ jsx114("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx114("path", { d: "M12 5v14m-7-7h14" }) }),
     label: t("organization.switcher.create.organization"),
     onClick: () => setIsCreateOrgOpen(true)
   });
   const menuItems = props.menuItems ? [...defaultMenuItems, ...props.menuItems] : defaultMenuItems;
-  return /* @__PURE__ */ jsxs49(Fragment21, { children: [
-    /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsxs51(Fragment24, { children: [
+    /* @__PURE__ */ jsx114(
       BaseOrganizationSwitcher,
       {
         organizations,
@@ -16771,7 +17095,7 @@ var OrganizationSwitcher = ({
         ...props
       }
     ),
-    /* @__PURE__ */ jsx110(
+    /* @__PURE__ */ jsx114(
       CreateOrganization,
       {
         mode: "popup",
@@ -16785,7 +17109,7 @@ var OrganizationSwitcher = ({
         }
       }
     ),
-    currentOrganization && /* @__PURE__ */ jsx110(
+    currentOrganization && /* @__PURE__ */ jsx114(
       OrganizationProfile_default,
       {
         organizationId: currentOrganization.id,
@@ -16793,11 +17117,11 @@ var OrganizationSwitcher = ({
         open: isProfileOpen,
         onOpenChange: setIsProfileOpen,
         cardLayout: true,
-        loadingFallback: /* @__PURE__ */ jsx110("div", { children: t("organization.profile.loading") }),
-        errorFallback: /* @__PURE__ */ jsx110("div", { children: t("organization.profile.error") })
+        loadingFallback: /* @__PURE__ */ jsx114("div", { children: t("organization.profile.loading") }),
+        errorFallback: /* @__PURE__ */ jsx114("div", { children: t("organization.profile.error") })
       }
     ),
-    /* @__PURE__ */ jsx110(
+    /* @__PURE__ */ jsx114(
       OrganizationList_default,
       {
         mode: "popup",
@@ -16831,7 +17155,7 @@ import {
   useInteractions as useInteractions4,
   useRole as useRole4
 } from "@floating-ui/react";
-import { useState as useState36 } from "react";
+import { useEffect as useEffect25, useState as useState37 } from "react";
 
 // src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.styles.ts
 import { css as css32 } from "@emotion/css";
@@ -16946,7 +17270,7 @@ var useStyles31 = (theme, colorScheme) => useMemo43(() => {
 var BaseLanguageSwitcher_styles_default = useStyles31;
 
 // src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.tsx
-import { Fragment as Fragment22, jsx as jsx111, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx115, jsxs as jsxs52 } from "react/jsx-runtime";
 var BaseLanguageSwitcher = ({
   children,
   className,
@@ -16957,28 +17281,34 @@ var BaseLanguageSwitcher = ({
 }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseLanguageSwitcher_styles_default(theme, colorScheme);
-  const [isOpen, setIsOpen] = useState36(false);
+  const [isOpen, setIsOpen] = useState37(false);
+  const hasMultipleLanguages = languages.length > 1;
+  useEffect25(() => {
+    if (!hasMultipleLanguages && isOpen) {
+      setIsOpen(false);
+    }
+  }, [hasMultipleLanguages, isOpen]);
   const { refs, floatingStyles, context } = useFloating4({
     middleware: [offset3(4), flip3(), shift3()],
     onOpenChange: setIsOpen,
     open: isOpen,
     whileElementsMounted: autoUpdate3
   });
-  const click = useClick4(context);
-  const dismiss = useDismiss4(context);
-  const role = useRole4(context, { role: "listbox" });
+  const click = useClick4(context, { enabled: hasMultipleLanguages });
+  const dismiss = useDismiss4(context, { enabled: hasMultipleLanguages });
+  const role = useRole4(context, { enabled: hasMultipleLanguages, role: "listbox" });
   const { getReferenceProps, getFloatingProps } = useInteractions4([click, dismiss, role]);
   const currentOption = languages.find((l) => l.code === currentLanguage);
   if (children) {
-    return /* @__PURE__ */ jsx111(Fragment22, { children: children({
+    return /* @__PURE__ */ jsx115(Fragment25, { children: children({
       currentLanguage,
       isLoading,
       languages,
       onLanguageChange
     }) });
   }
-  return /* @__PURE__ */ jsxs50("div", { className: cx36(styles["root"], className), children: [
-    /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs52("div", { className: cx36(styles["root"], className), children: [
+    /* @__PURE__ */ jsxs52(
       "button",
       {
         ref: refs.setReference,
@@ -16988,13 +17318,13 @@ var BaseLanguageSwitcher = ({
         ...getReferenceProps(),
         className: styles["trigger"],
         children: [
-          currentOption && /* @__PURE__ */ jsx111("span", { className: styles["triggerEmoji"], children: currentOption.emoji }),
-          /* @__PURE__ */ jsx111("span", { className: styles["triggerLabel"], children: currentOption?.displayName ?? currentLanguage }),
-          /* @__PURE__ */ jsx111(ChevronDown_default, {})
+          currentOption && /* @__PURE__ */ jsx115("span", { className: styles["triggerEmoji"], children: currentOption.emoji }),
+          /* @__PURE__ */ jsx115("span", { className: styles["triggerLabel"], children: currentOption?.displayName ?? currentLanguage }),
+          hasMultipleLanguages && /* @__PURE__ */ jsx115(ChevronDown_default, {})
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx111(FloatingPortal4, { children: /* @__PURE__ */ jsx111(FloatingFocusManager4, { context, modal: false, children: /* @__PURE__ */ jsx111(
+    isOpen && hasMultipleLanguages && /* @__PURE__ */ jsx115(FloatingPortal4, { children: /* @__PURE__ */ jsx115(FloatingFocusManager4, { context, modal: false, children: /* @__PURE__ */ jsx115(
       "div",
       {
         ref: refs.setFloating,
@@ -17003,7 +17333,7 @@ var BaseLanguageSwitcher = ({
         className: styles["content"],
         role: "listbox",
         "aria-label": "Select language",
-        children: languages.map((lang) => /* @__PURE__ */ jsxs50(
+        children: languages.map((lang) => /* @__PURE__ */ jsxs52(
           "button",
           {
             type: "button",
@@ -17015,9 +17345,9 @@ var BaseLanguageSwitcher = ({
               setIsOpen(false);
             },
             children: [
-              /* @__PURE__ */ jsx111("span", { className: styles["optionEmoji"], children: lang.emoji }),
-              /* @__PURE__ */ jsx111("span", { className: styles["optionLabel"], children: lang.displayName }),
-              lang.code === currentLanguage && /* @__PURE__ */ jsx111("span", { className: styles["checkIcon"], children: /* @__PURE__ */ jsx111(Check_default, {}) })
+              /* @__PURE__ */ jsx115("span", { className: styles["optionEmoji"], children: lang.emoji }),
+              /* @__PURE__ */ jsx115("span", { className: styles["optionLabel"], children: lang.displayName }),
+              lang.code === currentLanguage && /* @__PURE__ */ jsx115("span", { className: styles["checkIcon"], children: /* @__PURE__ */ jsx115(Check_default, {}) })
             ]
           },
           lang.code
@@ -17044,25 +17374,30 @@ var useFlowMeta = () => {
 var useFlowMeta_default = useFlowMeta;
 
 // src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx116 } from "react/jsx-runtime";
 var LanguageSwitcher = ({ children, className }) => {
   const { meta, switchLanguage, isLoading } = useFlowMeta_default();
   const { currentLanguage } = useTranslation_default();
   const availableLanguageCodes = meta?.i18n?.languages ?? [];
+  const effectiveLanguageCodes = useMemo44(() => {
+    const fallbackCodes = availableLanguageCodes.length > 0 ? availableLanguageCodes : [currentLanguage];
+    return Array.from(/* @__PURE__ */ new Set([currentLanguage, ...fallbackCodes]));
+  }, [availableLanguageCodes, currentLanguage]);
   const languages = useMemo44(
-    () => availableLanguageCodes.map((code) => ({
+    () => effectiveLanguageCodes.map((code) => ({
       code,
-      displayName: resolveLocaleDisplayName(code, currentLanguage),
+      // Resolve each label in its own locale so option names stay stable across UI language switches.
+      displayName: resolveLocaleDisplayName(code, code) || code,
       emoji: resolveLocaleEmoji(code)
     })),
-    [availableLanguageCodes, currentLanguage]
+    [effectiveLanguageCodes]
   );
   const handleLanguageChange = (language) => {
     if (language !== currentLanguage) {
       switchLanguage(language);
     }
   };
-  return /* @__PURE__ */ jsx112(
+  return /* @__PURE__ */ jsx116(
     BaseLanguageSwitcher_default,
     {
       currentLanguage,
@@ -17120,6 +17455,8 @@ export {
   Checkbox_default as Checkbox,
   CircleAlert_default as CircleAlert,
   CircleCheck_default as CircleCheck,
+  Consent_default as Consent,
+  ConsentCheckboxList_default as ConsentCheckboxList,
   CreateOrganization,
   DatePicker_default as DatePicker,
   Divider_default as Divider,
@@ -17136,6 +17473,7 @@ export {
   FieldFactory,
   FlowContext_default as FlowContext,
   FlowProvider_default as FlowProvider,
+  FlowTimer_default as FlowTimer,
   FormControl_default as FormControl,
   GitHubButton_default as GitHubButton,
   GoogleButton_default as GoogleButton,
@@ -17194,6 +17532,7 @@ export {
   createSignInOptionFromAuthenticator,
   getActiveTheme2 as getActiveTheme,
   getAllOrganizations_default as getAllOrganizations,
+  getConsentOptionalKey,
   getMeOrganizations_default as getMeOrganizations,
   getScim2Me_default as getMeProfile,
   getOrganization_default as getOrganization,