@asgardeo/react 0.14.0 → 0.14.1

package/dist/index.js

@@ -7845,7 +7845,6 @@ var getAuthComponentHeadings_default = getAuthComponentHeadings;
 import {
   FieldType as FieldType7,
   EmbeddedFlowComponentTypeV2 as EmbeddedFlowComponentType,
-  EmbeddedFlowActionVariantV2 as EmbeddedFlowActionVariant,
   EmbeddedFlowEventTypeV2 as EmbeddedFlowEventType,
   createPackageComponentLogger as createPackageComponentLogger5,
   resolveVars as resolveVars2
@@ -7944,14 +7943,40 @@ var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */
 ArrowLeftRight.displayName = "ArrowLeftRight";
 var ArrowLeftRight_default = ArrowLeftRight;
 
+// src/components/primitives/Icons/ArrowRightLeft.tsx
+import { jsx as jsx62, jsxs as jsxs28 } from "react/jsx-runtime";
+var ArrowRightLeft = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ jsxs28(
+  "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__ */ jsx62("path", { d: "m16 3 4 4-4 4" }),
+      /* @__PURE__ */ jsx62("path", { d: "M20 7H4" }),
+      /* @__PURE__ */ jsx62("path", { d: "m8 21-4-4 4-4" }),
+      /* @__PURE__ */ jsx62("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 jsx63 } from "react/jsx-runtime";
 var logger5 = createPackageComponentLogger5(
   "@asgardeo/react",
   "AuthOptionFactory"
@@ -7992,11 +8017,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);
@@ -8050,27 +8075,27 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         }
       };
       if (matchesSocialProvider(actionId, eventType, buttonText, "google", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx62(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx63(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__ */ jsx63(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__ */ jsx63(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__ */ jsx63(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__ */ jsx63(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__ */ jsx63(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__ */ jsx63(SmsOtpButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
-      const startIconEl = component.startIcon ? /* @__PURE__ */ jsx62(
+      const startIconEl = component.startIcon ? /* @__PURE__ */ jsx63(
         "img",
         {
           src: component.startIcon,
@@ -8079,7 +8104,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__ */ jsx63(
         "img",
         {
           src: component.endIcon,
@@ -8088,7 +8113,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
         }
       ) : null;
-      return /* @__PURE__ */ jsx62(
+      return /* @__PURE__ */ jsx63(
         Button_default,
         {
           fullWidth: true,
@@ -8107,10 +8132,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__ */ jsx63(Typography_default, { variant, children: resolve(component.label) }, key);
     }
     case EmbeddedFlowComponentType.Divider: {
-      return /* @__PURE__ */ jsx62(Divider_default, { children: resolve(component.label) || "" }, key);
+      return /* @__PURE__ */ jsx63(Divider_default, { children: resolve(component.label) || "" }, key);
     }
     case EmbeddedFlowComponentType.Select: {
       const identifier = component.ref;
@@ -8121,7 +8146,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__ */ jsx63(
         Select_default,
         {
           name: identifier,
@@ -8156,12 +8181,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
             }
           )
         ).filter(Boolean);
-        return /* @__PURE__ */ jsx62("form", { id: component.id, children: blockComponents }, key);
+        return /* @__PURE__ */ jsx63("form", { id: component.id, children: blockComponents }, key);
       }
       return null;
     }
     case EmbeddedFlowComponentType.RichText: {
-      return /* @__PURE__ */ jsx62(
+      return /* @__PURE__ */ jsx63(
         "div",
         {
           className: richTextClass,
@@ -8171,15 +8196,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__ */ jsx63(
         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 +8228,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__ */ jsx63(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
     }
     case EmbeddedFlowComponentType.Stack: {
       const direction = component.direction || "row";
@@ -8228,11 +8255,12 @@ 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__ */ jsx63("div", { style: stackStyle, children: stackChildren }, key);
     }
     default:
       logger5.warn(`Unsupported component type: ${component.type}. Skipping render.`);
@@ -8289,7 +8317,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 jsx64, jsxs as jsxs29 } from "react/jsx-runtime";
 var BaseSignInContent2 = ({
   components = [],
   onSubmit,
@@ -8497,13 +8525,13 @@ var BaseSignInContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ jsx63("div", { className: containerClasses, "data-testid": "asgardeo-signin", children: children(renderProps) });
+    return /* @__PURE__ */ jsx64("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__ */ jsx64(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx64(Card_default.Content, { children: /* @__PURE__ */ jsx64("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx64(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__ */ jsx64(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx64(Card_default.Content, { children: /* @__PURE__ */ jsx64(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx64(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
   }
   const {
     title: rawTitle,
@@ -8512,46 +8540,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__ */ jsxs29(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: [
+    (showTitle || showSubtitle) && /* @__PURE__ */ jsxs29(Card_default.Header, { className: styles.header, children: [
+      showTitle && /* @__PURE__ */ jsx64(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && /* @__PURE__ */ jsx64(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__ */ jsxs29(Card_default.Content, { children: [
+      externalError && /* @__PURE__ */ jsx64("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx64(Alert_default, { variant: "error", className: cx20(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx64(Alert_default.Description, { children: externalError.message }) }) }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx64("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx64(
         Alert_default,
         {
           variant: message.type === "error" ? "error" : "info",
           className: cx20(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ jsx63(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ jsx64(Alert_default.Description, { children: message.message })
         },
         index
       )) }),
-      /* @__PURE__ */ jsx63("div", { className: styles.contentContainer, children: componentsWithoutHeadings && renderComponents(componentsWithoutHeadings) })
+      /* @__PURE__ */ jsx64("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__ */ jsxs29("div", { children: [
+    showLogo && /* @__PURE__ */ jsx64("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx64(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx64(FlowProvider_default, { children: /* @__PURE__ */ jsx64(BaseSignInContent2, { showLogo, ...rest }) })
   ] });
   if (!preferences) return content;
-  return /* @__PURE__ */ jsx63(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ jsx64(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 jsx65 } from "react/jsx-runtime";
 var BaseSignIn3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform4.AsgardeoV2) {
-    return /* @__PURE__ */ jsx64(BaseSignIn_default2, { ...props });
+    return /* @__PURE__ */ jsx65(BaseSignIn_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx64(BaseSignIn_default, { ...props });
+  return /* @__PURE__ */ jsx65(BaseSignIn_default, { ...props });
 };
 var BaseSignIn_default3 = BaseSignIn3;
 
@@ -8843,7 +8871,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 Fragment13, jsx as jsx66 } from "react/jsx-runtime";
 var SignIn = ({
   className,
   preferences,
@@ -9180,9 +9208,9 @@ var SignIn = ({
       meta,
       onSubmit: handleSubmit
     };
-    return /* @__PURE__ */ jsx65(Fragment13, { children: children(renderProps) });
+    return /* @__PURE__ */ jsx66(Fragment13, { children: children(renderProps) });
   }
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     BaseSignIn_default2,
     {
       components,
@@ -9200,7 +9228,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 jsx67 } 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 +9245,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
     }
   };
   if (platform === Platform5.AsgardeoV2) {
-    return /* @__PURE__ */ jsx66(
+    return /* @__PURE__ */ jsx67(
       SignIn_default,
       {
         className,
@@ -9230,7 +9258,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
       }
     );
   }
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx67(
     BaseSignIn_default3,
     {
       isLoading: isLoading || !isInitialized,
@@ -9324,13 +9352,13 @@ var DateInput = ({
 var DateInput_default = DateInput;
 
 // src/components/adapters/DividerComponent.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx68 } 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__ */ jsx68(
     Divider_default,
     {
       orientation: variant === "vertical" ? "vertical" : "horizontal",
@@ -9371,7 +9399,7 @@ var EmailInput = ({
 var EmailInput_default = EmailInput;
 
 // src/components/adapters/FormContainer.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var FormContainer = (props) => {
   const { component } = props;
   if (component.components && component.components.length > 0) {
@@ -9384,14 +9412,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__ */ jsx69("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__ */ jsx69("div", {}, component.id);
 };
 var FormContainer_default = FormContainer;
 
@@ -9517,7 +9545,7 @@ var SelectInput = ({
 var SelectInput_default = SelectInput;
 
 // src/components/adapters/SubmitButton.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var ButtonComponent = ({
   component,
   isLoading,
@@ -9539,6 +9567,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 +9579,7 @@ var ButtonComponent = ({
       onSubmit(component);
     }
   };
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx70(
     Button_default,
     {
       type: buttonType === "submit" ? "submit" : "button",
@@ -9561,7 +9590,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__ */ jsx70(Spinner_default, { size: "small" }) : buttonText
     },
     component.id
   );
@@ -9569,7 +9598,7 @@ var ButtonComponent = ({
 var SubmitButton_default = ButtonComponent;
 
 // src/components/adapters/TelephoneInput.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 var TelephoneInput = ({
   component,
   formValues,
@@ -9582,7 +9611,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__ */ jsx71(
     TextField_default,
     {
       name: fieldName,
@@ -9630,7 +9659,7 @@ var TextInput = ({
 var TextInput_default = TextInput;
 
 // src/components/adapters/Typography.tsx
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var TypographyComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
@@ -9671,7 +9700,7 @@ var TypographyComponent = ({ component }) => {
     default:
       typographyVariant = "body1";
   }
-  return /* @__PURE__ */ jsx71(
+  return /* @__PURE__ */ jsx72(
     Typography_default,
     {
       variant: typographyVariant,
@@ -9684,69 +9713,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 jsx73 } 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__ */ jsx73(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__ */ jsx73(EmailInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "PASSWORD" || inputType === "password") {
-        return /* @__PURE__ */ jsx72(PasswordInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx73(PasswordInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "TELEPHONE" || inputType === "tel") {
-        return /* @__PURE__ */ jsx72(TelephoneInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx73(TelephoneInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "NUMBER" || inputType === "number") {
-        return /* @__PURE__ */ jsx72(NumberInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx73(NumberInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "DATE" || inputType === "date") {
-        return /* @__PURE__ */ jsx72(DateInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx73(DateInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "CHECKBOX" || inputType === "checkbox") {
-        return /* @__PURE__ */ jsx72(CheckboxInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx73(CheckboxInput_default, { component, onSubmit, ...rest });
       }
-      return /* @__PURE__ */ jsx72(TextInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx73(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__ */ jsx73(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__ */ jsx73(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__ */ jsx73(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__ */ jsx73(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__ */ jsx73(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__ */ jsx73(SignInWithEthereumButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
       }
-      return /* @__PURE__ */ jsx72(SubmitButton_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx73(SubmitButton_default, { component, onSubmit, ...rest });
     }
     case EmbeddedFlowComponentType2.Form:
-      return /* @__PURE__ */ jsx72(FormContainer_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx73(FormContainer_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Select:
-      return /* @__PURE__ */ jsx72(SelectInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx73(SelectInput_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Divider:
-      return /* @__PURE__ */ jsx72(DividerComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx73(DividerComponent_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Image:
-      return /* @__PURE__ */ jsx72(ImageComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx73(ImageComponent_default, { component, onSubmit, ...rest });
     default:
-      return /* @__PURE__ */ jsx72("div", {});
+      return /* @__PURE__ */ jsx73("div", {});
   }
 };
 var createSignUpOptionFromComponent = (component, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, options) => createSignUpComponent({
@@ -9915,7 +9944,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 jsx74, jsxs as jsxs30 } from "react/jsx-runtime";
 var logger6 = createPackageComponentLogger6(
   "@asgardeo/react",
   "BaseSignUp"
@@ -10318,42 +10347,42 @@ var BaseSignUpContent = ({
       validateForm,
       values: formValues
     };
-    return /* @__PURE__ */ jsx73("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ jsx74("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__ */ jsx74(Card_default, { className: cx21(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx74(Card_default.Content, { children: /* @__PURE__ */ jsx74("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx74(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__ */ jsx74(Card_default, { className: cx21(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__ */ 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__ */ jsxs30(Card_default, { className: cx21(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: flowTitle || t("signup.heading") }),
+      showSubtitle && /* @__PURE__ */ jsx74(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__ */ jsxs30(Card_default.Content, { children: [
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx74("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx74(
         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__ */ jsx74(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__ */ jsx74("div", { className: styles.contentContainer, children: currentFlow.data?.components && currentFlow.data.components.length > 0 ? renderComponents(currentFlow.data.components) : /* @__PURE__ */ jsx74(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx74(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__ */ jsxs30("div", { children: [
+    showLogo && /* @__PURE__ */ jsx74("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx74(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx74(FlowProvider_default, { children: /* @__PURE__ */ jsx74(BaseSignUpContent, { showLogo, ...rest }) })
   ] });
 };
 var BaseSignUp_default = BaseSignUp;
@@ -10368,7 +10397,7 @@ import {
 } 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 { jsx as jsx75, jsxs as jsxs31 } from "react/jsx-runtime";
 var logger7 = createPackageComponentLogger7(
   "@asgardeo/react",
   "BaseSignUp"
@@ -10872,15 +10901,15 @@ var BaseSignUpContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ jsx74("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ jsx75("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__ */ jsx75(Card_default, { className: cx22(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx75(Card_default.Content, { children: /* @__PURE__ */ jsx75("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx75(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__ */ jsx75(Card_default, { className: cx22(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx75(Card_default.Content, { children: /* @__PURE__ */ jsxs31(Alert_default, { variant: "error", className: errorClasses, children: [
+      /* @__PURE__ */ jsx75(Alert_default.Title, { children: t("errors.heading") }),
+      /* @__PURE__ */ jsx75(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
     ] }) }) });
   }
   const componentsToRender = currentFlow.data?.components || [];
@@ -10891,46 +10920,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__ */ jsxs31(Card_default, { className: cx22(containerClasses, styles.card), variant, children: [
+    (showTitle || showSubtitle) && /* @__PURE__ */ jsxs31(Card_default.Header, { className: styles.header, children: [
+      showTitle && /* @__PURE__ */ jsx75(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && /* @__PURE__ */ jsx75(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__ */ jsxs31(Card_default.Content, { children: [
+      externalError && /* @__PURE__ */ jsx75("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx75(Alert_default, { variant: "error", className: cx22(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx75(Alert_default.Description, { children: externalError.message }) }) }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx75("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx75(
         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__ */ jsx75(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__ */ jsx75("div", { className: styles.contentContainer, children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ jsx75(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx75(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__ */ jsxs31("div", { children: [
+    showLogo && /* @__PURE__ */ jsx75("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx75(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx75(FlowProvider_default, { children: /* @__PURE__ */ jsx75(BaseSignUpContent2, { showLogo, ...rest }) })
   ] });
   if (!preferences) return content;
-  return /* @__PURE__ */ jsx74(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ jsx75(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 jsx76 } from "react/jsx-runtime";
 var BaseSignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform6.AsgardeoV2) {
-    return /* @__PURE__ */ jsx75(BaseSignUp_default2, { ...props });
+    return /* @__PURE__ */ jsx76(BaseSignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx75(BaseSignUp_default, { ...props });
+  return /* @__PURE__ */ jsx76(BaseSignUp_default, { ...props });
 };
 var BaseSignUp_default3 = BaseSignUp3;
 
@@ -10942,7 +10971,7 @@ import {
   EmbeddedFlowResponseType as EmbeddedFlowResponseType3,
   EmbeddedFlowType as EmbeddedFlowType2
 } from "@asgardeo/browser";
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var SignUp = ({
   className,
   size = "medium",
@@ -10971,7 +11000,7 @@ var SignUp = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     BaseSignUp_default,
     {
       afterSignUpUrl,
@@ -10997,7 +11026,7 @@ import {
   EmbeddedFlowResponseType as EmbeddedFlowResponseType4,
   EmbeddedFlowType as EmbeddedFlowType3
 } from "@asgardeo/browser";
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var SignUp2 = ({
   className,
   size = "medium",
@@ -11035,7 +11064,7 @@ var SignUp2 = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78(
     BaseSignUp_default2,
     {
       afterSignUpUrl,
@@ -11057,13 +11086,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 jsx79 } from "react/jsx-runtime";
 var SignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform7.AsgardeoV2) {
-    return /* @__PURE__ */ jsx78(SignUp_default2, { ...props });
+    return /* @__PURE__ */ jsx79(SignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx78(SignUp_default, { ...props });
+  return /* @__PURE__ */ jsx79(SignUp_default, { ...props });
 };
 var SignUp_default3 = SignUp3;
 
@@ -11116,7 +11145,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 jsx80, jsxs as jsxs32 } from "react/jsx-runtime";
 var BaseInviteUser = ({
   onInitialize,
   onSubmit,
@@ -11420,28 +11449,28 @@ var BaseInviteUser = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ jsx79("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ jsx80("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__ */ jsx80(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx80(Card_default.Content, { children: /* @__PURE__ */ jsx80("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx80(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__ */ jsx80(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx80(Card_default.Content, { children: /* @__PURE__ */ jsx80("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx80(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__ */ jsx80(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx80(Card_default.Content, { children: /* @__PURE__ */ jsxs32(Alert_default, { variant: "error", children: [
+      /* @__PURE__ */ jsx80(Alert_default.Title, { children: "Error" }),
+      /* @__PURE__ */ jsx80(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__ */ jsxs32(Card_default, { className: cx23(className, styles.card), variant, children: [
+      /* @__PURE__ */ jsx80(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx80(Card_default.Title, { level: 2, className: styles.title, children: "Invite Link Generated!" }) }),
+      /* @__PURE__ */ jsxs32(Card_default.Content, { children: [
+        /* @__PURE__ */ jsx80(Alert_default, { variant: "success", children: /* @__PURE__ */ jsx80(Alert_default.Description, { children: "Share this link with the user to complete their registration." }) }),
+        /* @__PURE__ */ jsxs32("div", { style: { marginTop: "1rem" }, children: [
+          /* @__PURE__ */ jsx80(Typography_default, { variant: "body2", style: { marginBottom: "0.5rem" }, children: "Invite Link" }),
+          /* @__PURE__ */ jsxs32(
             "div",
             {
               style: {
@@ -11454,26 +11483,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__ */ jsx80(Typography_default, { variant: "body2", style: { flex: 1 }, children: inviteLink }),
+                /* @__PURE__ */ jsx80(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__ */ jsx80("div", { style: { display: "flex", gap: "0.5rem", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx80(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__ */ jsxs32(Card_default, { className: cx23(className, styles.card), variant, children: [
+    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ jsxs32(Card_default.Header, { className: styles.header, children: [
+      showTitle && title && /* @__PURE__ */ jsx80(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ jsx80(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__ */ jsxs32(Card_default.Content, { children: [
+      apiError && /* @__PURE__ */ jsx80("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx80(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx80(Alert_default.Description, { children: apiError.message }) }) }),
+      /* @__PURE__ */ jsxs32("div", { children: [
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx80(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx80(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ jsx80("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx80(Spinner_default, { size: "small" }) })
       ] })
     ] })
   ] });
@@ -11481,7 +11510,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 jsx81 } from "react/jsx-runtime";
 var InviteUser = ({
   onInviteLinkGenerated,
   onError,
@@ -11525,7 +11554,7 @@ var InviteUser = ({
     });
     return response.data;
   };
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx81(
     BaseInviteUser_default,
     {
       onInitialize: handleInitialize,
@@ -11593,7 +11622,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 jsx82, jsxs as jsxs33 } from "react/jsx-runtime";
 var BaseAcceptInvite = ({
   flowId,
   inviteToken,
@@ -11922,50 +11951,50 @@ var BaseAcceptInvite = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ jsx81("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ jsx82("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__ */ jsx82(Card_default, { className: cx24(className, styles.card), variant, children: /* @__PURE__ */ jsx82(Card_default.Content, { children: /* @__PURE__ */ jsxs33("div", { style: { alignItems: "center", display: "flex", flexDirection: "column", gap: "1rem", padding: "2rem" }, children: [
+      /* @__PURE__ */ jsx82(Spinner_default, { size: "medium" }),
+      /* @__PURE__ */ jsx82(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__ */ jsxs33(Card_default, { className: cx24(className, styles.card), variant, children: [
+      /* @__PURE__ */ jsx82(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx82(Card_default.Title, { level: 2, className: styles.title, children: "Invalid Invite Link" }) }),
+      /* @__PURE__ */ jsxs33(Card_default.Content, { children: [
+        /* @__PURE__ */ jsxs33(Alert_default, { variant: "error", children: [
+          /* @__PURE__ */ jsx82(Alert_default.Title, { children: "Unable to verify invite" }),
+          /* @__PURE__ */ jsx82(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__ */ jsx82("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx82(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__ */ jsxs33(Card_default, { className: cx24(className, styles.card), variant, children: [
+      /* @__PURE__ */ jsx82(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx82(Card_default.Title, { level: 2, className: styles.title, children: "Account Setup Complete!" }) }),
+      /* @__PURE__ */ jsxs33(Card_default.Content, { children: [
+        /* @__PURE__ */ jsx82(Alert_default, { variant: "success", children: /* @__PURE__ */ jsx82(Alert_default.Description, { children: "Your account has been successfully set up. You can now sign in with your credentials." }) }),
+        onGoToSignIn && /* @__PURE__ */ jsx82("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx82(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__ */ jsxs33(Card_default, { className: cx24(className, styles.card), variant, children: [
+    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ jsxs33(Card_default.Header, { className: styles.header, children: [
+      showTitle && title && /* @__PURE__ */ jsx82(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ jsx82(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__ */ jsxs33(Card_default.Content, { children: [
+      apiError && /* @__PURE__ */ jsx82("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx82(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx82(Alert_default.Description, { children: apiError.message }) }) }),
+      /* @__PURE__ */ jsxs33("div", { children: [
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx82(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx82(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ jsx82("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx82(Spinner_default, { size: "small" }) })
       ] }),
-      onGoToSignIn && /* @__PURE__ */ jsx81("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ jsxs32(Typography_default, { variant: "body2", children: [
+      onGoToSignIn && /* @__PURE__ */ jsx82("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ jsxs33(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__ */ jsx82(Button_default, { variant: "text", onClick: onGoToSignIn, style: { minWidth: "auto", padding: 0 }, children: "Sign In" })
       ] }) })
     ] })
   ] });
@@ -11973,7 +12002,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 jsx83 } from "react/jsx-runtime";
 var getUrlParams = () => {
   if (typeof window === "undefined") {
     return {};
@@ -12029,7 +12058,7 @@ var AcceptInvite = ({
     }
     return response.json();
   };
-  return /* @__PURE__ */ jsx82(
+  return /* @__PURE__ */ jsx83(
     BaseAcceptInvite_default,
     {
       flowId,
@@ -12140,45 +12169,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 Fragment14, jsx as jsx84 } from "react/jsx-runtime";
 var BaseUser = ({ user, children, fallback = null }) => {
   if (!user) {
-    return /* @__PURE__ */ jsx83(Fragment14, { children: fallback });
+    return /* @__PURE__ */ jsx84(Fragment14, { children: fallback });
   }
-  return /* @__PURE__ */ jsx83(Fragment14, { children: children(user) });
+  return /* @__PURE__ */ jsx84(Fragment14, { 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 jsx85 } from "react/jsx-runtime";
 var User5 = ({ children, fallback = null }) => {
   const { user } = useAsgardeo_default();
-  return /* @__PURE__ */ jsx84(BaseUser_default, { user, fallback, children });
+  return /* @__PURE__ */ jsx85(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 Fragment15, jsx as jsx86 } from "react/jsx-runtime";
 var BaseOrganization = ({
   children,
   fallback = null,
   organization
 }) => {
   if (!organization) {
-    return /* @__PURE__ */ jsx85(Fragment15, { children: fallback });
+    return /* @__PURE__ */ jsx86(Fragment15, { children: fallback });
   }
-  return /* @__PURE__ */ jsx85(Fragment15, { children: children(organization) });
+  return /* @__PURE__ */ jsx86(Fragment15, { 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 jsx87 } from "react/jsx-runtime";
 var Organization5 = ({ children, fallback = null }) => {
   const { currentOrganization } = useOrganization_default();
-  return /* @__PURE__ */ jsx86(BaseOrganization_default, { organization: currentOrganization, fallback, children });
+  return /* @__PURE__ */ jsx87(BaseOrganization_default, { organization: currentOrganization, fallback, children });
 };
 Organization5.displayName = "Organization";
 var Organization_default = Organization5;
@@ -12517,7 +12546,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 jsx88 } from "react/jsx-runtime";
 var Avatar = ({
   alt = "User avatar",
   background = "random",
@@ -12564,7 +12593,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__ */ jsx88(
         "img",
         {
           src: imageUrl,
@@ -12577,19 +12606,19 @@ var Avatar = ({
       return getInitials(name);
     }
     if (isLoading) {
-      return /* @__PURE__ */ jsx87("div", { className: cx25(withVendorCSSClassPrefix24(bem16("avatar", "skeleton")), styles["skeleton"]) });
+      return /* @__PURE__ */ jsx88("div", { className: cx25(withVendorCSSClassPrefix24(bem16("avatar", "skeleton")), styles["skeleton"]) });
     }
-    return /* @__PURE__ */ jsx87(
+    return /* @__PURE__ */ jsx88(
       "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__ */ jsx88("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__ */ jsx88(
     "div",
     {
       className: cx25(
@@ -12696,8 +12725,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 jsx89, jsxs as jsxs34 } from "react/jsx-runtime";
+var LogOut = (props) => /* @__PURE__ */ jsxs34(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12711,17 +12740,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__ */ jsx89("path", { d: "m16 17 5-5-5-5" }),
+      /* @__PURE__ */ jsx89("path", { d: "M21 12H9" }),
+      /* @__PURE__ */ jsx89("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 jsx90, jsxs as jsxs35 } from "react/jsx-runtime";
+var Plus = (props) => /* @__PURE__ */ jsxs35(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12735,16 +12764,16 @@ var Plus = (props) => /* @__PURE__ */ jsxs34(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx89("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ jsx89("path", { d: "M12 5v14" })
+      /* @__PURE__ */ jsx90("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ jsx90("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 jsx91, jsxs as jsxs36 } from "react/jsx-runtime";
+var User7 = (props) => /* @__PURE__ */ jsxs36(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12758,16 +12787,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__ */ jsx91("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ jsx91("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 jsx92, jsxs as jsxs37 } from "react/jsx-runtime";
+var X = (props) => /* @__PURE__ */ jsxs37(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12781,15 +12810,15 @@ 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__ */ jsx92("path", { d: "M18 6 6 18" }),
+      /* @__PURE__ */ jsx92("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 jsx93, jsxs as jsxs38 } from "react/jsx-runtime";
 function useDialog({
   initialOpen = false,
   open: controlledOpen,
@@ -12835,7 +12864,7 @@ var useDialogContext = () => {
 };
 function Dialog({ children, ...options }) {
   const dialog = useDialog(options);
-  return /* @__PURE__ */ jsx92(DialogContext.Provider, { value: dialog, children });
+  return /* @__PURE__ */ jsx93(DialogContext.Provider, { value: dialog, children });
 }
 var DialogTrigger = forwardRef10(
   ({ children, asChild = false, ...props }, propRef) => {
@@ -12853,7 +12882,7 @@ var DialogTrigger = forwardRef10(
         })
       );
     }
-    return /* @__PURE__ */ jsx92("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
+    return /* @__PURE__ */ jsx93("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
   }
 );
 var DialogContent = forwardRef10(
@@ -12863,12 +12892,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__ */ jsx93(FloatingPortal, { children: /* @__PURE__ */ jsx93(
       FloatingOverlay,
       {
         className: cx26(withVendorCSSClassPrefix25(bem17("dialog", "overlay")), styles["overlay"]),
         lockScroll: true,
-        children: /* @__PURE__ */ jsx92(FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ jsx92(
+        children: /* @__PURE__ */ jsx93(FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ jsx93(
           "div",
           {
             ref,
@@ -12895,8 +12924,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__ */ jsxs38("div", { className: cx26(withVendorCSSClassPrefix25(bem17("dialog", "header")), styles["header"]), children: [
+      /* @__PURE__ */ jsx93(
         "h2",
         {
           ...props,
@@ -12906,7 +12935,7 @@ var DialogHeading = forwardRef10(
           children
         }
       ),
-      /* @__PURE__ */ jsx92(
+      /* @__PURE__ */ jsx93(
         Button_default,
         {
           color: "tertiary",
@@ -12917,7 +12946,7 @@ var DialogHeading = forwardRef10(
             context.setOpen(false);
           },
           "aria-label": "Close",
-          children: /* @__PURE__ */ jsx92(X_default, { width: 16, height: 16 })
+          children: /* @__PURE__ */ jsx93(X_default, { width: 16, height: 16 })
         }
       )
     ] });
@@ -12935,7 +12964,7 @@ var DialogDescription = forwardRef10(
         context.setDescriptionId(void 0);
       };
     }, [id, context.setDescriptionId]);
-    return /* @__PURE__ */ jsx92(
+    return /* @__PURE__ */ jsx93(
       "p",
       {
         ...props,
@@ -12964,7 +12993,7 @@ var DialogClose = forwardRef10(
         onClick: handleClick
       });
     }
-    return /* @__PURE__ */ jsx92(
+    return /* @__PURE__ */ jsx93(
       Button_default,
       {
         ...props,
@@ -13087,7 +13116,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 jsx94, jsxs as jsxs39 } from "react/jsx-runtime";
 var MultiInput = ({
   label,
   error,
@@ -13110,8 +13139,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__ */ jsx94("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx27(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx94("path", { d: "M12 5v14M5 12h14" }) });
+  const BinIcon = ({ iconClassName }) => /* @__PURE__ */ jsx94("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx27(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx94("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 +13184,9 @@ var MultiInput = ({
       };
       switch (fieldType) {
         case "DATE_TIME":
-          return /* @__PURE__ */ jsx93(DatePicker_default, { ...commonProps });
+          return /* @__PURE__ */ jsx94(DatePicker_default, { ...commonProps });
         case "BOOLEAN":
-          return /* @__PURE__ */ jsx93(
+          return /* @__PURE__ */ jsx94(
             Checkbox_default,
             {
               ...commonProps,
@@ -13166,7 +13195,7 @@ var MultiInput = ({
             }
           );
         default:
-          return /* @__PURE__ */ jsx93(TextField_default, { ...commonProps, type });
+          return /* @__PURE__ */ jsx94(TextField_default, { ...commonProps, type });
       }
     },
     [placeholder, disabled, startIcon, endIcon, error, fieldType, type]
@@ -13178,7 +13207,7 @@ var MultiInput = ({
       setCurrentInputValue("");
     }
   }, [currentInputValue, handleAddValue]);
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     FormControl_default,
     {
       error,
@@ -13186,27 +13215,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__ */ jsx94(InputLabel_default, { required, error: !!error, children: label }),
+        /* @__PURE__ */ jsxs39("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "container")), styles["container"]), children: [
+          /* @__PURE__ */ jsx94("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ jsx94("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__ */ jsx94(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__ */ jsx94("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ jsxs39(
             "div",
             {
               className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "list-item")), styles["listItem"]),
               children: [
-                /* @__PURE__ */ jsx93(
+                /* @__PURE__ */ jsx94(
                   "span",
                   {
                     className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "list-item-text")), styles["listItemText"]),
                     children: value
                   }
                 ),
-                canRemove && /* @__PURE__ */ jsx93(
+                canRemove && /* @__PURE__ */ jsx94(
                   "button",
                   {
                     type: "button",
@@ -13217,7 +13246,7 @@ var MultiInput = ({
                       styles["removeButton"]
                     ),
                     title: "Remove value",
-                    children: /* @__PURE__ */ jsx93(BinIcon, { iconClassName: styles["icon"] })
+                    children: /* @__PURE__ */ jsx94(BinIcon, { iconClassName: styles["icon"] })
                   }
                 )
               ]
@@ -13232,7 +13261,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 Fragment16, jsx as jsx95, jsxs as jsxs40 } from "react/jsx-runtime";
 var fieldsToSkip = [
   "roles.default",
   "active",
@@ -13294,7 +13323,7 @@ var BaseUserProfile = ({
     },
     [showFields, hideFields]
   );
-  const PencilIcon = () => /* @__PURE__ */ jsx94(
+  const PencilIcon = () => /* @__PURE__ */ jsx95(
     "svg",
     {
       width: "16",
@@ -13305,7 +13334,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__ */ jsx95("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 +13364,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__ */ jsx95("table", { className: styles.value, children: /* @__PURE__ */ jsx95("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ jsxs40("tr", { children: [
+      /* @__PURE__ */ jsx95("td", { className: styles.objectKey, children: /* @__PURE__ */ jsxs40("strong", { children: [
         formatLabel(key),
         ":"
       ] }) }),
-      /* @__PURE__ */ jsx94("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ jsx94(ObjectDisplay, { data: value }) : String(value) })
+      /* @__PURE__ */ jsx95("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ jsx95(ObjectDisplay, { data: value }) : String(value) })
     ] }, key)) }) });
   };
   function set(obj, path, value) {
@@ -13415,7 +13444,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__ */ jsx95(Fragment16, { 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 +13453,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__ */ jsxs40("div", { className: styles.field, children: [
+          /* @__PURE__ */ jsx95("span", { className: styles.label, children: subAttr.displayName || subAttr.description || "" }),
+          /* @__PURE__ */ jsx95("div", { className: styles.value, children: displayValue2 })
         ] }, index);
       }) });
     }
@@ -13450,9 +13479,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__ */ jsxs40(Fragment16, { children: [
+          /* @__PURE__ */ jsx95("span", { className: styles.label, children: label }),
+          /* @__PURE__ */ jsx95("div", { className: styles.value, children: /* @__PURE__ */ jsx95(
             MultiInput_default,
             {
               values: fieldValues,
@@ -13483,9 +13512,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__ */ jsxs40(Fragment16, { children: [
+        /* @__PURE__ */ jsx95("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ jsx95("div", { className: cx28(styles.value, !hasValues ? styles.valuePlaceholder : ""), children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ jsx95(
           Button_default,
           {
             onClick: onStartEdit,
@@ -13500,7 +13529,7 @@ var BaseUserProfile = ({
       ] });
     }
     if (type === "COMPLEX" && typeof value === "object") {
-      return /* @__PURE__ */ jsx94(ObjectDisplay, { data: value });
+      return /* @__PURE__ */ jsx95(ObjectDisplay, { data: value });
     }
     if (isEditing && onEditValue && mutability !== "READ_ONLY" && !readonlyFields.includes(name || "")) {
       let fieldValue;
@@ -13522,13 +13551,13 @@ var BaseUserProfile = ({
       let field;
       switch (type) {
         case "STRING":
-          field = /* @__PURE__ */ jsx94(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx95(TextField_default, { ...commonProps });
           break;
         case "DATE_TIME":
-          field = /* @__PURE__ */ jsx94(DatePicker_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx95(DatePicker_default, { ...commonProps });
           break;
         case "BOOLEAN":
-          field = /* @__PURE__ */ jsx94(
+          field = /* @__PURE__ */ jsx95(
             Checkbox_default,
             {
               ...commonProps,
@@ -13540,7 +13569,7 @@ var BaseUserProfile = ({
           );
           break;
         case "COMPLEX":
-          field = /* @__PURE__ */ jsx94(
+          field = /* @__PURE__ */ jsx95(
             "textarea",
             {
               value: fieldValue,
@@ -13552,11 +13581,11 @@ var BaseUserProfile = ({
           );
           break;
         default:
-          field = /* @__PURE__ */ jsx94(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx95(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__ */ jsxs40(Fragment16, { children: [
+        /* @__PURE__ */ jsx95("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ jsx95("div", { className: styles.value, children: field })
       ] });
     }
     const hasValue = value !== void 0 && value !== null && value !== "";
@@ -13569,9 +13598,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__ */ jsxs40(Fragment16, { children: [
+      /* @__PURE__ */ jsx95("span", { className: styles.label, children: label }),
+      /* @__PURE__ */ jsx95("div", { className: cx28(styles.value, !hasValue ? styles.valuePlaceholder : ""), children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ jsx95(
         Button_default,
         {
           onClick: onStartEdit,
@@ -13594,8 +13623,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__ */ jsxs40("div", { className: styles.field, children: [
+      /* @__PURE__ */ jsx95("div", { className: styles.fieldInner, children: renderSchemaField(
         schema,
         isFieldEditing,
         (value) => {
@@ -13605,10 +13634,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__ */ jsxs40("div", { className: styles.fieldActions, children: [
+        isFieldEditing && /* @__PURE__ */ jsxs40(Fragment16, { children: [
+          /* @__PURE__ */ jsx95(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
+          /* @__PURE__ */ jsx95(
             Button_default,
             {
               size: "small",
@@ -13619,7 +13648,7 @@ var BaseUserProfile = ({
             }
           )
         ] }),
-        !isFieldEditing && hasValue && /* @__PURE__ */ jsx94(
+        !isFieldEditing && hasValue && /* @__PURE__ */ jsx95(
           Button_default,
           {
             size: "small",
@@ -13628,7 +13657,7 @@ var BaseUserProfile = ({
             onClick: () => toggleFieldEdit(schema.name),
             title: "Edit",
             className: styles.editButton,
-            children: /* @__PURE__ */ jsx94(PencilIcon, {})
+            children: /* @__PURE__ */ jsx95(PencilIcon, {})
           }
         )
       ] })
@@ -13651,9 +13680,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__ */ jsxs40(Fragment16, { children: [
+      /* @__PURE__ */ jsxs40("div", { className: styles.profileSummary, children: [
+        /* @__PURE__ */ jsx95(
           Avatar,
           {
             imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -13663,32 +13692,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__ */ jsx95(Typography_default, { variant: "h3", fontWeight: "medium", children: displayName }),
+        getMappedUserProfileValue_default("email", mergedMappings, currentUser) && /* @__PURE__ */ jsx95(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__ */ jsx95(Divider_default, {}),
+      profileEntries.map(([key, value], index) => /* @__PURE__ */ jsxs40("div", { children: [
+        /* @__PURE__ */ jsxs40("div", { className: styles.sectionRow, children: [
+          /* @__PURE__ */ jsx95("div", { className: styles.sectionLabel, children: formatLabel(key) }),
+          /* @__PURE__ */ jsx95("div", { className: styles.sectionValue, children: typeof value === "object" ? /* @__PURE__ */ jsx95(ObjectDisplay, { data: value }) : String(value) })
         ] }),
-        index < profileEntries.length - 1 && /* @__PURE__ */ jsx94(Divider_default, {})
+        index < profileEntries.length - 1 && /* @__PURE__ */ jsx95(Divider_default, {})
       ] }, key))
     ] });
   };
-  const profileContent = /* @__PURE__ */ jsxs39(Card_default, { className: containerClasses, children: [
-    error && /* @__PURE__ */ jsxs39(
+  const profileContent = /* @__PURE__ */ jsxs40(Card_default, { className: containerClasses, children: [
+    error && /* @__PURE__ */ jsxs40(
       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__ */ jsx95(Alert_default.Title, { children: t("errors.heading") || "Error" }),
+          /* @__PURE__ */ jsx95(Alert_default.Description, { children: error })
         ]
       }
     ),
-    schemas && schemas.length > 0 && /* @__PURE__ */ jsx94("div", { className: styles.header, children: /* @__PURE__ */ jsx94(
+    schemas && schemas.length > 0 && /* @__PURE__ */ jsx95("div", { className: styles.header, children: /* @__PURE__ */ jsx95(
       Avatar,
       {
         imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -13698,7 +13727,7 @@ var BaseUserProfile = ({
         isLoading
       }
     ) }),
-    /* @__PURE__ */ jsx94("div", { className: styles.infoContainer, children: schemas && schemas.length > 0 ? schemas.filter((schema) => {
+    /* @__PURE__ */ jsx95("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 +13744,13 @@ var BaseUserProfile = ({
         ...schema,
         value
       };
-      return /* @__PURE__ */ jsx94("div", { className: styles.info, children: renderUserInfo(schemaWithValue) }, schema.name || index);
+      return /* @__PURE__ */ jsx95("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__ */ jsx95(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs40(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx95(Dialog_default.Heading, { children: title ?? t("user.profile.heading") }),
+      /* @__PURE__ */ jsx95("div", { className: styles.popup, children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -13763,7 +13792,7 @@ 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 jsx96 } from "react/jsx-runtime";
 var UserProfile3 = ({ preferences, ...rest }) => {
   const { baseUrl, instanceId } = useAsgardeo_default();
   const { profile, flattenedProfile, schemas, onUpdateProfile } = useUser_default();
@@ -13782,7 +13811,7 @@ var UserProfile3 = ({ preferences, ...rest }) => {
       setError(message);
     }
   };
-  return /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx96(
     BaseUserProfile_default,
     {
       profile,
@@ -14005,7 +14034,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 jsx97, jsxs as jsxs41 } from "react/jsx-runtime";
 var BaseUserDropdown = ({
   fallback = null,
   className = "",
@@ -14057,14 +14086,14 @@ var BaseUserDropdown = ({
   const defaultMenuItems = [];
   if (onManageProfile) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ jsx96(User_default2, { width: "16", height: "16" }),
+      icon: /* @__PURE__ */ jsx97(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__ */ jsx97(LogOut_default, { width: "16", height: "16" }),
       label: "Sign Out",
       onClick: onSignOut
     });
@@ -14076,8 +14105,8 @@ var BaseUserDropdown = ({
     }
     allMenuItems.push(...defaultMenuItems);
   }
-  return /* @__PURE__ */ jsxs40("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown"), className), children: [
-    /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs41("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown"), className), children: [
+    /* @__PURE__ */ jsxs41(
       Button_default,
       {
         ref: refs.setReference,
@@ -14088,7 +14117,7 @@ var BaseUserDropdown = ({
         "data-testid": "asgardeo-user-dropdown-trigger",
         ...getReferenceProps(),
         children: [
-          /* @__PURE__ */ jsx96(
+          /* @__PURE__ */ jsx97(
             Avatar,
             {
               imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -14097,7 +14126,7 @@ var BaseUserDropdown = ({
               alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
             }
           ),
-          showTriggerLabel && /* @__PURE__ */ jsx96(
+          showTriggerLabel && /* @__PURE__ */ jsx97(
             Typography_default,
             {
               variant: "body2",
@@ -14108,7 +14137,7 @@ var BaseUserDropdown = ({
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx96(FloatingPortal2, { id: portalId, children: /* @__PURE__ */ jsx96(FloatingFocusManager2, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs40(
+    isOpen && /* @__PURE__ */ jsx97(FloatingPortal2, { id: portalId, children: /* @__PURE__ */ jsx97(FloatingFocusManager2, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs41(
       "div",
       {
         ref: refs.setFloating,
@@ -14121,8 +14150,8 @@ var BaseUserDropdown = ({
         },
         ...getFloatingProps(),
         children: [
-          /* @__PURE__ */ jsxs40("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__header"), styles["dropdownHeader"]), children: [
-            /* @__PURE__ */ jsx96(
+          /* @__PURE__ */ jsxs41("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__header"), styles["dropdownHeader"]), children: [
+            /* @__PURE__ */ jsx97(
               Avatar,
               {
                 imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -14131,8 +14160,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__ */ jsxs41("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__header-info"), styles["headerInfo"]), children: [
+              /* @__PURE__ */ jsx97(
                 Typography_default,
                 {
                   noWrap: true,
@@ -14142,7 +14171,7 @@ var BaseUserDropdown = ({
                   children: getDisplayName_default(mergedMappings, user)
                 }
               ),
-              /* @__PURE__ */ jsx96(
+              /* @__PURE__ */ jsx97(
                 Typography_default,
                 {
                   noWrap: true,
@@ -14154,9 +14183,9 @@ var BaseUserDropdown = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx96("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ jsx96("div", { children: (() => {
+          /* @__PURE__ */ jsx97("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ jsx97("div", { children: (() => {
             if (item.label === "") {
-              return /* @__PURE__ */ jsx96(
+              return /* @__PURE__ */ jsx97(
                 "div",
                 {
                   className: cx29(withVendorCSSClassPrefix28("user-dropdown__menu-divider"), styles["divider"])
@@ -14164,7 +14193,7 @@ var BaseUserDropdown = ({
               );
             }
             if (item.href) {
-              return /* @__PURE__ */ jsxs40(
+              return /* @__PURE__ */ jsxs41(
                 "a",
                 {
                   href: item.href,
@@ -14181,12 +14210,12 @@ var BaseUserDropdown = ({
                   onBlur: () => setHoveredItemIndex(null),
                   children: [
                     item.icon,
-                    /* @__PURE__ */ jsx96("span", { children: item.label })
+                    /* @__PURE__ */ jsx97("span", { children: item.label })
                   ]
                 }
               );
             }
-            return /* @__PURE__ */ jsx96(
+            return /* @__PURE__ */ jsx97(
               Button_default,
               {
                 onClick: () => handleMenuItemClick(item),
@@ -14213,7 +14242,7 @@ 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 { Fragment as Fragment17, jsx as jsx98, jsxs as jsxs42 } from "react/jsx-runtime";
 var UserDropdown = ({
   children,
   renderTrigger,
@@ -14245,14 +14274,14 @@ var UserDropdown = ({
     user
   };
   if (children) {
-    return /* @__PURE__ */ jsxs41(Fragment17, { children: [
+    return /* @__PURE__ */ jsxs42(Fragment17, { children: [
       children(renderProps),
-      /* @__PURE__ */ jsx97(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ jsx98(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
   if (renderTrigger || renderDropdown) {
-    return /* @__PURE__ */ jsxs41(Fragment17, { children: [
-      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ jsx97(
+    return /* @__PURE__ */ jsxs42(Fragment17, { children: [
+      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ jsx98(
         BaseUserDropdown,
         {
           user,
@@ -14262,11 +14291,11 @@ var UserDropdown = ({
           ...rest
         }
       ),
-      /* @__PURE__ */ jsx97(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ jsx98(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
-  return /* @__PURE__ */ jsxs41(Fragment17, { children: [
-    /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsxs42(Fragment17, { children: [
+    /* @__PURE__ */ jsx98(
       BaseUserDropdown,
       {
         user,
@@ -14276,7 +14305,7 @@ var UserDropdown = ({
         ...rest
       }
     ),
-    isProfileOpen && /* @__PURE__ */ jsx97(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+    isProfileOpen && /* @__PURE__ */ jsx98(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
   ] });
 };
 var UserDropdown_default = UserDropdown;
@@ -14524,9 +14553,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 jsx99, jsxs as jsxs43 } from "react/jsx-runtime";
+var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsxs43("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx99(
     "path",
     {
       d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",
@@ -14536,30 +14565,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__ */ jsx99("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx99("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx99("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx99("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx99("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx99("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 jsx100 } from "react/jsx-runtime";
+var Check = ({ 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: "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 jsx101 } from "react/jsx-runtime";
+var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx101("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx101("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 Fragment18, jsx as jsx102, jsxs as jsxs44 } from "react/jsx-runtime";
 var BaseOrganizationSwitcher = ({
   organizations,
   currentOrganization,
@@ -14614,8 +14643,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__ */ jsxs44(Fragment18, { children: [
+    /* @__PURE__ */ jsx102(
       Avatar,
       {
         variant: "square",
@@ -14625,24 +14654,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__ */ jsxs44("div", { className: cx30(styles["organizationInfo"]), children: [
+      /* @__PURE__ */ jsx102(Typography_default, { variant: "body2", fontWeight: "medium", className: cx30(styles["organizationName"]), children: organization.name }),
+      /* @__PURE__ */ jsxs44("div", { className: cx30(styles["organizationMeta"]), children: [
+        showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ jsxs44("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__ */ jsx102("span", { children: " \u2022 " }),
+        showRole && organization.role && /* @__PURE__ */ jsx102("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__ */ jsx102(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__ */ jsx102("div", { className: cx30(styles["loadingContainer"]), children: /* @__PURE__ */ jsx102(Typography_default, { variant: "caption", className: cx30(styles["loadingText"]), children: t("organization.switcher.loading.placeholder.organizations") }) });
+  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ jsx102("div", { className: cx30(styles["errorContainer"]), children: /* @__PURE__ */ jsx102(Typography_default, { variant: "caption", className: cx30(styles["errorText"]), children: errorMessage }) });
+  return /* @__PURE__ */ jsxs44("div", { className: cx30(styles["root"], className), style, children: [
+    /* @__PURE__ */ jsxs44(
       Button_default,
       {
         ref: refs.setReference,
@@ -14652,8 +14681,8 @@ var BaseOrganizationSwitcher = ({
         size: "medium",
         ...getReferenceProps(),
         children: [
-          currentOrganization ? /* @__PURE__ */ jsxs43(Fragment18, { children: [
-            /* @__PURE__ */ jsx101(
+          currentOrganization ? /* @__PURE__ */ jsxs44(Fragment18, { children: [
+            /* @__PURE__ */ jsx102(
               Avatar,
               {
                 variant: "square",
@@ -14663,16 +14692,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__ */ jsx102(Typography_default, { variant: "body2", className: cx30(styles["triggerLabel"]), children: currentOrganization.name })
+          ] }) : /* @__PURE__ */ jsxs44(Fragment18, { children: [
+            /* @__PURE__ */ jsx102(Building_default, { width: avatarSize, height: avatarSize }),
+            showTriggerLabel && /* @__PURE__ */ jsx102(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__ */ jsx102("span", { style: { display: "inline-flex", transform: isRTL ? "scaleX(-1)" : "none" }, children: /* @__PURE__ */ jsx102(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__ */ jsx102(FloatingPortal3, { id: portalId, children: /* @__PURE__ */ jsx102(FloatingFocusManager3, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs44(
       "div",
       {
         ref: refs.setFloating,
@@ -14680,8 +14709,8 @@ var BaseOrganizationSwitcher = ({
         style: floatingStyles,
         ...getFloatingProps(),
         children: [
-          currentOrganization && /* @__PURE__ */ jsxs43("div", { className: cx30(styles["header"]), children: [
-            /* @__PURE__ */ jsx101(
+          currentOrganization && /* @__PURE__ */ jsxs44("div", { className: cx30(styles["header"]), children: [
+            /* @__PURE__ */ jsx102(
               Avatar,
               {
                 variant: "square",
@@ -14691,10 +14720,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__ */ jsxs44("div", { className: cx30(styles["headerInfo"]), children: [
+              /* @__PURE__ */ jsx102(Typography_default, { noWrap: true, className: cx30(styles["headerName"]), variant: "body1", fontWeight: "medium", children: currentOrganization.name }),
+              /* @__PURE__ */ jsxs44("div", { className: cx30(styles["headerMeta"]), children: [
+                showMemberCount && currentOrganization.memberCount !== void 0 && /* @__PURE__ */ jsxs44(
                   Typography_default,
                   {
                     noWrap: true,
@@ -14704,17 +14733,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__ */ jsxs44("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__ */ jsx102(Typography_default, { noWrap: true, className: cx30(styles["headerRole"]), variant: "caption", color: "secondary", children: currentOrganization.role })
               ] })
             ] }),
-            onManageProfile && /* @__PURE__ */ jsx101(
+            onManageProfile && /* @__PURE__ */ jsx102(
               Button_default,
               {
                 onClick: onManageProfile,
@@ -14723,7 +14752,7 @@ var BaseOrganizationSwitcher = ({
                 size: "small",
                 "aria-label": "Manage Organization Profile",
                 className: cx30(styles["manageButton"]),
-                endIcon: /* @__PURE__ */ jsxs43(
+                endIcon: /* @__PURE__ */ jsxs44(
                   "svg",
                   {
                     width: "16",
@@ -14735,8 +14764,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__ */ jsx102("circle", { cx: "12", cy: "12", r: "3" }),
+                      /* @__PURE__ */ jsx102("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 +14773,27 @@ var BaseOrganizationSwitcher = ({
               }
             )
           ] }),
-          organizations.length > 1 && /* @__PURE__ */ jsx101(
+          organizations.length > 1 && /* @__PURE__ */ jsx102(
             "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__ */ jsx102(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__ */ jsx102("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__ */ jsxs44(Fragment18, { children: [
               switchableOrganizations.map((organization) => {
                 const isSelected = false;
-                return /* @__PURE__ */ jsx101(
+                return /* @__PURE__ */ jsx102(
                   Button_default,
                   {
                     onClick: () => handleOrganizationSwitch(organization),
@@ -14782,10 +14811,10 @@ var BaseOrganizationSwitcher = ({
                   organization.id
                 );
               }),
-              menuItems.length > 0 && /* @__PURE__ */ jsxs43(Fragment18, { children: [
-                /* @__PURE__ */ jsx101("div", { className: cx30(styles["menuDivider"]) }),
+              menuItems.length > 0 && /* @__PURE__ */ jsxs44(Fragment18, { children: [
+                /* @__PURE__ */ jsx102("div", { className: cx30(styles["menuDivider"]) }),
                 menuItems.map(
-                  (item, index) => /* @__PURE__ */ jsx101("div", { children: item.href ? /* @__PURE__ */ jsxs43(
+                  (item, index) => /* @__PURE__ */ jsx102("div", { children: item.href ? /* @__PURE__ */ jsxs44(
                     "a",
                     {
                       href: item.href,
@@ -14799,10 +14828,10 @@ var BaseOrganizationSwitcher = ({
                       onBlur: () => setHoveredItemIndex(null),
                       children: [
                         item.icon,
-                        /* @__PURE__ */ jsx101("span", { children: item.label })
+                        /* @__PURE__ */ jsx102("span", { children: item.label })
                       ]
                     }
-                  ) : /* @__PURE__ */ jsx101(
+                  ) : /* @__PURE__ */ jsx102(
                     Button_default,
                     {
                       onClick: () => handleMenuItemClick(item),
@@ -14834,8 +14863,8 @@ var BaseOrganizationSwitcher_default = BaseOrganizationSwitcher;
 import { useState as useState35 } 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 jsx103, jsxs as jsxs45 } from "react/jsx-runtime";
+var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ jsxs45(
   "svg",
   {
     width,
@@ -14848,13 +14877,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__ */ jsx103("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+      /* @__PURE__ */ jsx103("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
+      /* @__PURE__ */ jsx103("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ jsx103("path", { d: "M10 6h4" }),
+      /* @__PURE__ */ jsx103("path", { d: "M10 10h4" }),
+      /* @__PURE__ */ jsx103("path", { d: "M10 14h4" }),
+      /* @__PURE__ */ jsx103("path", { d: "M10 18h4" })
     ]
   }
 );
@@ -15008,7 +15037,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 jsx104, jsxs as jsxs46 } from "react/jsx-runtime";
 var logger8 = createPackageComponentLogger8(
   "@asgardeo/react",
   "BaseCreateOrganization"
@@ -15098,13 +15127,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__ */ jsx104("div", { className: cx31(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ jsxs46("div", { className: cx31(styles["content"]), children: [
+    /* @__PURE__ */ jsxs46("form", { id: "create-organization-form", className: cx31(styles["form"]), onSubmit: handleSubmit, children: [
+      error && /* @__PURE__ */ jsxs46(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
+        /* @__PURE__ */ jsx104(Alert_default.Title, { children: "Error" }),
+        /* @__PURE__ */ jsx104(Alert_default.Description, { children: error })
       ] }),
-      /* @__PURE__ */ jsx103("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx103(
+      /* @__PURE__ */ jsx104("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx104(
         TextField_default,
         {
           label: `${t("elements.fields.organization.name.label")}`,
@@ -15117,7 +15146,7 @@ var BaseCreateOrganization = ({
           className: cx31(styles["input"])
         }
       ) }),
-      /* @__PURE__ */ jsx103("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx103(
+      /* @__PURE__ */ jsx104("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx104(
         TextField_default,
         {
           label: `${t("elements.fields.organization.handle.label") || "Organization Handle"}`,
@@ -15131,9 +15160,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__ */ jsx104("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsxs46(FormControl_default, { error: formErrors.description, children: [
+        /* @__PURE__ */ jsx104(InputLabel_default, { required: true, children: t("elements.fields.organization.description.label") }),
+        /* @__PURE__ */ jsx104(
           "textarea",
           {
             className: cx31(styles["textarea"], formErrors.description && styles["textareaError"]),
@@ -15147,15 +15176,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__ */ jsxs46("div", { className: cx31(styles["actions"]), children: [
+      onCancel && /* @__PURE__ */ jsx104(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.buttons.cancel.text") }),
+      /* @__PURE__ */ jsx104(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__ */ jsx104(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx104(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx104("div", { className: styles["popup"], children: createOrganizationContent })
     ] }) });
   }
   return createOrganizationContent;
@@ -15196,7 +15225,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 Fragment19, jsx as jsx105 } from "react/jsx-runtime";
 var CreateOrganization = ({
   onCreateOrganization,
   fallback = null,
@@ -15212,7 +15241,7 @@ var CreateOrganization = ({
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ jsx104(Fragment19, {});
+    return /* @__PURE__ */ jsx105(Fragment19, {});
   }
   const parentId = defaultParentId || currentOrganization?.id || "";
   const handleSubmit = async (payload) => {
@@ -15247,7 +15276,7 @@ var CreateOrganization = ({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx105(
     BaseCreateOrganization,
     {
       onSubmit: handleSubmit,
@@ -15495,20 +15524,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 jsx106, jsxs as jsxs47 } from "react/jsx-runtime";
+var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect, showStatus) => /* @__PURE__ */ jsxs47("div", { className: cx32(styles.organizationItem), children: [
+  /* @__PURE__ */ jsxs47("div", { className: cx32(styles.organizationContent), children: [
+    /* @__PURE__ */ jsx106(Avatar, { variant: "square", name: organization.name, size: 48, alt: `${organization.name} logo` }),
+    /* @__PURE__ */ jsxs47("div", { className: cx32(styles.organizationInfo), children: [
+      /* @__PURE__ */ jsx106(Typography_default, { variant: "h6", className: cx32(styles.organizationName), children: organization.name }),
+      /* @__PURE__ */ jsxs47(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__ */ jsxs47(Typography_default, { variant: "body2", color: "textSecondary", className: cx32(styles.organizationStatus), children: [
         t("organization.switcher.status.label"),
         " ",
-        /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx106(
           "span",
           {
             className: cx32(
@@ -15521,7 +15550,7 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
       ] })
     ] })
   ] }),
-  organization.canSwitch && /* @__PURE__ */ jsx105("div", { className: cx32(styles.organizationActions), children: /* @__PURE__ */ jsx105(
+  organization.canSwitch && /* @__PURE__ */ jsx106("div", { className: cx32(styles.organizationActions), children: /* @__PURE__ */ jsx106(
     Button_default,
     {
       onClick: (e) => {
@@ -15534,17 +15563,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__ */ jsxs47("div", { className: cx32(styles.loadingContainer), children: [
+  /* @__PURE__ */ jsx106(Spinner_default, { size: "medium" }),
+  /* @__PURE__ */ jsx106(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__ */ jsx106("div", { className: cx32(styles.errorContainer), children: /* @__PURE__ */ jsxs47(Typography_default, { variant: "body1", color: "error", children: [
+  /* @__PURE__ */ jsx106("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__ */ jsx106(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__ */ jsx106("div", { className: cx32(styles.emptyContainer), children: /* @__PURE__ */ jsx106(Typography_default, { variant: "body1", color: "textSecondary", className: cx32(styles.emptyText), children: t("organization.switcher.no.organizations") }) });
 var BaseOrganizationList = ({
   className = "",
   allOrganizations,
@@ -15588,42 +15617,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__ */ jsx106("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__ */ jsx106(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs47(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx106(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx106("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__ */ jsx106("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__ */ jsx106(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs47(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx106(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx106("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__ */ jsx106("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__ */ jsx106(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs47(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx106(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx106("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__ */ jsxs47("div", { className: cx32(styles["root"], className), style, children: [
+    /* @__PURE__ */ jsxs47("div", { className: cx32(styles["header"]), children: [
+      /* @__PURE__ */ jsx106("div", { className: cx32(styles["headerInfo"]), children: /* @__PURE__ */ jsx106(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__ */ jsx106(
         Button_default,
         {
           onClick: onRefresh,
@@ -15635,16 +15664,16 @@ var BaseOrganizationList = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx105("div", { className: cx32(styles["listContainer"]), children: organizationsWithSwitchAccess?.map(
+    /* @__PURE__ */ jsx106("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__ */ jsx106("div", { className: cx32(styles["errorMargin"]), children: renderErrorWithStyles(error) }),
+    hasMore && fetchMore && /* @__PURE__ */ jsx106("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__ */ jsx106(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs47(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx106(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx106("div", { className: cx32(styles["popupContent"]), children: organizationListContent })
     ] }) });
   }
   return organizationListContent;
@@ -15714,7 +15743,7 @@ 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 jsx107 } from "react/jsx-runtime";
 var OrganizationList = (props) => {
   const { onOrganizationSelect, className = "", style, ...baseProps } = props;
   const { autoFetch, filter, limit, recursive, ...filteredBaseProps } = baseProps;
@@ -15729,7 +15758,7 @@ var OrganizationList = (props) => {
       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__ */ jsx107("div", { className: cx33(styles["root"], className), style, children: /* @__PURE__ */ jsx107("div", { className: cx33(styles["container"]), children: /* @__PURE__ */ jsx107(
     BaseOrganizationList,
     {
       allOrganizations,
@@ -16068,7 +16097,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 jsx108, jsxs as jsxs48 } from "react/jsx-runtime";
 var KeyValueInput = ({
   className = "",
   disabled = false,
@@ -16145,18 +16174,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__ */ jsx108("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__ */ jsxs48(
       "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__ */ jsxs48("span", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "readonly-key")), styles["readOnlyKey"]), children: [
             pair.key,
             ":"
           ] }),
-          /* @__PURE__ */ jsx107(
+          /* @__PURE__ */ jsx108(
             "span",
             {
               className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "readonly-value")), styles["readOnlyValue"]),
@@ -16168,10 +16197,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__ */ jsxs48("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input")), styles["container"], className), children: [
+    label && /* @__PURE__ */ jsxs48("label", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "label")), styles["label"]), children: [
       label,
-      required && /* @__PURE__ */ jsx107(
+      required && /* @__PURE__ */ jsx108(
         "span",
         {
           className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "required")), styles["requiredIndicator"]),
@@ -16179,13 +16208,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__ */ jsxs48("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "pairs-list")), styles["pairsList"]), children: [
+      readOnly ? renderReadOnlyContent() : pairs.map((pair, index) => /* @__PURE__ */ jsxs48(
         "div",
         {
           className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "pair-row")), styles["pairRow"]),
           children: [
-            /* @__PURE__ */ jsx107(
+            /* @__PURE__ */ jsx108(
               TextField_default,
               {
                 placeholder: keyPlaceholder,
@@ -16196,7 +16225,7 @@ var KeyValueInput = ({
                 "aria-label": `${keyLabel} ${index + 1}`
               }
             ),
-            /* @__PURE__ */ jsx107(
+            /* @__PURE__ */ jsx108(
               TextField_default,
               {
                 placeholder: valuePlaceholder,
@@ -16207,7 +16236,7 @@ var KeyValueInput = ({
                 "aria-label": `${valueLabel} ${index + 1}`
               }
             ),
-            !readOnly && /* @__PURE__ */ jsx107(
+            !readOnly && /* @__PURE__ */ jsx108(
               "button",
               {
                 type: "button",
@@ -16218,15 +16247,15 @@ var KeyValueInput = ({
                   styles["removeButton"]
                 ),
                 "aria-label": `${removeButtonText} ${pair.key}`,
-                children: /* @__PURE__ */ jsx107(X_default, { width: 16, height: 16 })
+                children: /* @__PURE__ */ jsx108(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__ */ jsxs48("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "add-row")), styles["addRow"]), children: [
+        /* @__PURE__ */ jsx108(
           TextField_default,
           {
             placeholder: keyPlaceholder,
@@ -16237,7 +16266,7 @@ var KeyValueInput = ({
             "aria-label": "New key"
           }
         ),
-        /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx108(
           TextField_default,
           {
             placeholder: valuePlaceholder,
@@ -16253,7 +16282,7 @@ var KeyValueInput = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx107(
+        /* @__PURE__ */ jsx108(
           "button",
           {
             type: "button",
@@ -16261,13 +16290,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__ */ jsx108(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__ */ jsx108("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
+    maxPairs && /* @__PURE__ */ jsxs48("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "counter")), styles["counterText"]), children: [
       pairs.length,
       " of ",
       maxPairs,
@@ -16278,7 +16307,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 Fragment20, jsx as jsx109, jsxs as jsxs49 } from "react/jsx-runtime";
 var BaseOrganizationProfile = ({
   fallback = null,
   className = "",
@@ -16327,7 +16356,7 @@ var BaseOrganizationProfile = ({
   const styles = BaseOrganizationProfile_styles_default(theme, colorScheme);
   const [editedOrganization, setEditedOrganization] = useState33(organization);
   const [editingFields, setEditingFields] = useState33({});
-  const PencilIcon = () => /* @__PURE__ */ jsx108(
+  const PencilIcon = () => /* @__PURE__ */ jsx109(
     "svg",
     {
       width: "16",
@@ -16338,7 +16367,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__ */ jsx109("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 +16437,7 @@ var BaseOrganizationProfile = ({
       let fieldInput;
       if (key === "attributes") {
         const attributesValue = typeof fieldValue === "object" && fieldValue !== null ? fieldValue : {};
-        fieldInput = /* @__PURE__ */ jsx108(
+        fieldInput = /* @__PURE__ */ jsx109(
           KeyValueInput_default,
           {
             value: attributesValue,
@@ -16446,26 +16475,26 @@ var BaseOrganizationProfile = ({
           }
         );
       } else {
-        fieldInput = /* @__PURE__ */ jsx108(TextField_default, { ...commonProps });
+        fieldInput = /* @__PURE__ */ jsx109(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__ */ jsxs49(Fragment20, { children: [
+        /* @__PURE__ */ jsx109("span", { className: cx35(styles["label"]), children: label }),
+        /* @__PURE__ */ jsx109("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__ */ jsx109(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__ */ jsxs49(Fragment20, { children: [
+      /* @__PURE__ */ jsx109("span", { className: cx35(styles["label"]), children: label }),
+      /* @__PURE__ */ jsx109("div", { className: cx35(styles["value"], !hasValue && styles["valueEmpty"]), children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ jsx109(
         Button_default,
         {
           onClick: onStartEdit,
@@ -16488,8 +16517,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__ */ jsxs49("div", { className: cx35(styles["field"]), children: [
+      /* @__PURE__ */ jsx109("div", { className: cx35(styles["fieldContent"]), children: renderField(
         field,
         isFieldEditing,
         (value) => {
@@ -16499,8 +16528,8 @@ var BaseOrganizationProfile = ({
         },
         () => toggleFieldEdit(field.key)
       ) }),
-      isFieldEditable && /* @__PURE__ */ jsx108("div", { className: cx35(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ jsxs48(Fragment20, { children: [
-        /* @__PURE__ */ jsx108(
+      isFieldEditable && /* @__PURE__ */ jsx109("div", { className: cx35(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ jsxs49(Fragment20, { children: [
+        /* @__PURE__ */ jsx109(
           Button_default,
           {
             onClick: () => handleFieldSave(field.key),
@@ -16511,7 +16540,7 @@ var BaseOrganizationProfile = ({
             children: saveButtonText
           }
         ),
-        /* @__PURE__ */ jsx108(
+        /* @__PURE__ */ jsx109(
           Button_default,
           {
             onClick: () => handleFieldCancel(field.key),
@@ -16522,7 +16551,7 @@ var BaseOrganizationProfile = ({
             children: cancelButtonText
           }
         )
-      ] }) : hasValue && /* @__PURE__ */ jsx108(
+      ] }) : hasValue && /* @__PURE__ */ jsx109(
         Button_default,
         {
           onClick: () => toggleFieldEdit(field.key),
@@ -16531,7 +16560,7 @@ var BaseOrganizationProfile = ({
           size: "small",
           title: "Edit field",
           className: cx35(styles["editButton"]),
-          children: /* @__PURE__ */ jsx108(PencilIcon, {})
+          children: /* @__PURE__ */ jsx109(PencilIcon, {})
         }
       ) })
     ] }, field.key);
@@ -16539,23 +16568,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__ */ jsxs49(Card_default, { className: cx35(styles["root"], cardLayout && styles["card"], className), children: [
+    /* @__PURE__ */ jsxs49("div", { className: cx35(styles["header"]), children: [
+      /* @__PURE__ */ jsx109(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
+      /* @__PURE__ */ jsxs49("div", { className: cx35(styles["orgInfo"]), children: [
+        /* @__PURE__ */ jsx109("h2", { className: cx35(styles["name"]), children: organization.name }),
+        organization.orgHandle && /* @__PURE__ */ jsxs49("p", { className: cx35(styles["handle"]), children: [
           "@",
           organization.orgHandle
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx108("div", { className: cx35(styles["infoContainer"]), children: fields.map((field) => renderOrganizationField(field)) })
+    /* @__PURE__ */ jsx109("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__ */ jsx109(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs49(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx109(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx109("div", { className: cx35(styles["popup"]), children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -16631,7 +16660,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 jsx110 } from "react/jsx-runtime";
 var logger9 = createPackageComponentLogger9(
   "@asgardeo/react",
   "OrganizationProfile"
@@ -16689,7 +16718,7 @@ var OrganizationProfile = ({
       throw err;
     }
   };
-  return /* @__PURE__ */ jsx109(
+  return /* @__PURE__ */ jsx110(
     BaseOrganizationProfile_default,
     {
       organization,
@@ -16706,7 +16735,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 Fragment21, jsx as jsx111, jsxs as jsxs50 } from "react/jsx-runtime";
 var OrganizationSwitcher = ({
   currentOrganization: propCurrentOrganization,
   fallback = null,
@@ -16731,7 +16760,7 @@ var OrganizationSwitcher = ({
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ jsx110(Fragment21, {});
+    return /* @__PURE__ */ jsx111(Fragment21, {});
   }
   const organizations = propOrganizations || contextOrganizations || [];
   const currentOrganization = propCurrentOrganization || contextCurrentOrganization;
@@ -16745,19 +16774,19 @@ var OrganizationSwitcher = ({
   const defaultMenuItems = [];
   if (currentOrganization) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ jsx110(BuildingAlt_default, {}),
+      icon: /* @__PURE__ */ jsx111(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__ */ jsx111("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx111("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__ */ jsxs50(Fragment21, { children: [
+    /* @__PURE__ */ jsx111(
       BaseOrganizationSwitcher,
       {
         organizations,
@@ -16771,7 +16800,7 @@ var OrganizationSwitcher = ({
         ...props
       }
     ),
-    /* @__PURE__ */ jsx110(
+    /* @__PURE__ */ jsx111(
       CreateOrganization,
       {
         mode: "popup",
@@ -16785,7 +16814,7 @@ var OrganizationSwitcher = ({
         }
       }
     ),
-    currentOrganization && /* @__PURE__ */ jsx110(
+    currentOrganization && /* @__PURE__ */ jsx111(
       OrganizationProfile_default,
       {
         organizationId: currentOrganization.id,
@@ -16793,11 +16822,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__ */ jsx111("div", { children: t("organization.profile.loading") }),
+        errorFallback: /* @__PURE__ */ jsx111("div", { children: t("organization.profile.error") })
       }
     ),
-    /* @__PURE__ */ jsx110(
+    /* @__PURE__ */ jsx111(
       OrganizationList_default,
       {
         mode: "popup",
@@ -16831,7 +16860,7 @@ import {
   useInteractions as useInteractions4,
   useRole as useRole4
 } from "@floating-ui/react";
-import { useState as useState36 } from "react";
+import { useEffect as useEffect24, useState as useState36 } from "react";
 
 // src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.styles.ts
 import { css as css32 } from "@emotion/css";
@@ -16946,7 +16975,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 Fragment22, jsx as jsx112, jsxs as jsxs51 } from "react/jsx-runtime";
 var BaseLanguageSwitcher = ({
   children,
   className,
@@ -16958,27 +16987,33 @@ var BaseLanguageSwitcher = ({
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseLanguageSwitcher_styles_default(theme, colorScheme);
   const [isOpen, setIsOpen] = useState36(false);
+  const hasMultipleLanguages = languages.length > 1;
+  useEffect24(() => {
+    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__ */ jsx112(Fragment22, { children: children({
       currentLanguage,
       isLoading,
       languages,
       onLanguageChange
     }) });
   }
-  return /* @__PURE__ */ jsxs50("div", { className: cx36(styles["root"], className), children: [
-    /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs51("div", { className: cx36(styles["root"], className), children: [
+    /* @__PURE__ */ jsxs51(
       "button",
       {
         ref: refs.setReference,
@@ -16988,13 +17023,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__ */ jsx112("span", { className: styles["triggerEmoji"], children: currentOption.emoji }),
+          /* @__PURE__ */ jsx112("span", { className: styles["triggerLabel"], children: currentOption?.displayName ?? currentLanguage }),
+          hasMultipleLanguages && /* @__PURE__ */ jsx112(ChevronDown_default, {})
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx111(FloatingPortal4, { children: /* @__PURE__ */ jsx111(FloatingFocusManager4, { context, modal: false, children: /* @__PURE__ */ jsx111(
+    isOpen && hasMultipleLanguages && /* @__PURE__ */ jsx112(FloatingPortal4, { children: /* @__PURE__ */ jsx112(FloatingFocusManager4, { context, modal: false, children: /* @__PURE__ */ jsx112(
       "div",
       {
         ref: refs.setFloating,
@@ -17003,7 +17038,7 @@ var BaseLanguageSwitcher = ({
         className: styles["content"],
         role: "listbox",
         "aria-label": "Select language",
-        children: languages.map((lang) => /* @__PURE__ */ jsxs50(
+        children: languages.map((lang) => /* @__PURE__ */ jsxs51(
           "button",
           {
             type: "button",
@@ -17015,9 +17050,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__ */ jsx112("span", { className: styles["optionEmoji"], children: lang.emoji }),
+              /* @__PURE__ */ jsx112("span", { className: styles["optionLabel"], children: lang.displayName }),
+              lang.code === currentLanguage && /* @__PURE__ */ jsx112("span", { className: styles["checkIcon"], children: /* @__PURE__ */ jsx112(Check_default, {}) })
             ]
           },
           lang.code
@@ -17044,25 +17079,30 @@ var useFlowMeta = () => {
 var useFlowMeta_default = useFlowMeta;
 
 // src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx113 } 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__ */ jsx113(
     BaseLanguageSwitcher_default,
     {
       currentLanguage,