@asgardeo/react 0.14.0 → 0.14.1

package/dist/cjs/index.js

@@ -8002,14 +8002,40 @@ var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */
 ArrowLeftRight.displayName = "ArrowLeftRight";
 var ArrowLeftRight_default = ArrowLeftRight;
 
+// src/components/primitives/Icons/ArrowRightLeft.tsx
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var ArrowRightLeft = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+  "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__ */ (0, import_jsx_runtime62.jsx)("path", { d: "m16 3 4 4-4 4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M20 7H4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "m8 21-4-4 4-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("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
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var logger5 = (0, import_browser50.createPackageComponentLogger)(
   "@asgardeo/react",
   "AuthOptionFactory"
@@ -8050,11 +8076,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() === import_browser50.EmbeddedFlowActionVariantV2.Social) {
-    return buttonText.toLowerCase().includes(provider);
+  if (buttonText.toLowerCase().includes(provider)) {
+    return true;
   }
   if (authType === "signup") {
     return providerMatches || buttonText.toLowerCase().includes(provider);
@@ -8108,27 +8134,27 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         }
       };
       if (matchesSocialProvider(actionId, eventType, buttonText, "google", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "github", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(GitHubButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GitHubButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "facebook", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FacebookButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(FacebookButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "microsoft", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(MicrosoftButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MicrosoftButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "linkedin", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(LinkedInButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LinkedInButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "ethereum", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SignInWithEthereumButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SignInWithEthereumButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (actionId === "prompt_mobile" || eventType === "prompt_mobile") {
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SmsOtpButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SmsOtpButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
-      const startIconEl = component.startIcon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      const startIconEl = component.startIcon ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         "img",
         {
           src: component.startIcon,
@@ -8137,7 +8163,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
         }
       ) : null;
-      const endIconEl = component.endIcon ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      const endIconEl = component.endIcon ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         "img",
         {
           src: component.endIcon,
@@ -8146,7 +8172,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
         }
       ) : null;
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         Button_default,
         {
           fullWidth: true,
@@ -8165,10 +8191,10 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.Text: {
       const variant = getTypographyVariant(component.variant);
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Typography_default, { variant, children: resolve(component.label) }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Typography_default, { variant, children: resolve(component.label) }, key);
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.Divider: {
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Divider_default, { children: resolve(component.label) || "" }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Divider_default, { children: resolve(component.label) || "" }, key);
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.Select: {
       const identifier = component.ref;
@@ -8179,7 +8205,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__ */ (0, import_jsx_runtime62.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         Select_default,
         {
           name: identifier,
@@ -8214,12 +8240,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
             }
           )
         ).filter(Boolean);
-        return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("form", { id: component.id, children: blockComponents }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("form", { id: component.id, children: blockComponents }, key);
       }
       return null;
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.RichText: {
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         "div",
         {
           className: richTextClass,
@@ -8229,15 +8255,17 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       );
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.Image: {
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      const explicitHeight = resolve(component.height?.toString());
+      const explicitWidth = resolve(component.width?.toString());
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         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,
@@ -8259,7 +8287,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         logger5.warn(`Unknown icon name: "${iconName}". Skipping render.`);
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.Stack: {
       const direction = component.direction || "row";
@@ -8286,11 +8314,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           authType,
           {
             ...options,
+            inStack: true,
             key: childComponent.id || `${component.id}_${index}`
           }
         )
       ) : [];
-      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { style: stackStyle, children: stackChildren }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { style: stackStyle, children: stackChildren }, key);
     }
     default:
       logger5.warn(`Unsupported component type: ${component.type}. Skipping render.`);
@@ -8347,7 +8376,7 @@ var renderInviteUserComponents = (components, formValues, touchedFields, formErr
 ).filter(Boolean);
 
 // src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var BaseSignInContent2 = ({
   components = [],
   onSubmit,
@@ -8555,13 +8584,13 @@ var BaseSignInContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: containerClasses, "data-testid": "asgardeo-signin", children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: containerClasses, "data-testid": "asgardeo-signin", children: children(renderProps) });
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Spinner_default, {}) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Spinner_default, {}) }) }) });
   }
   if (!components || components.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
   }
   const {
     title: rawTitle,
@@ -8570,46 +8599,46 @@ var BaseSignInContent2 = ({
   } = getAuthComponentHeadings_default(components, flowTitle, flowSubtitle, void 0, void 0);
   const title = (0, import_browser51.resolveVars)(rawTitle, { meta, t });
   const subtitle = (0, import_browser51.resolveVars)(rawSubtitle, { meta, t });
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: [
-    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: [
+    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Card_default.Header, { className: styles.header, children: [
+      showTitle && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Card_default.Content, { children: [
-      externalError && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Alert_default, { variant: "error", className: (0, import_css37.cx)(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Alert_default.Description, { children: externalError.message }) }) }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Card_default.Content, { children: [
+      externalError && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Alert_default, { variant: "error", className: (0, import_css37.cx)(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Alert_default.Description, { children: externalError.message }) }) }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         Alert_default,
         {
           variant: message.type === "error" ? "error" : "info",
           className: (0, import_css37.cx)(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Alert_default.Description, { children: message.message })
         },
         index
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: styles.contentContainer, children: componentsWithoutHeadings && renderComponents(componentsWithoutHeadings) })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("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__ */ (0, import_jsx_runtime63.jsxs)("div", { children: [
-    showLogo && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(BaseSignInContent2, { showLogo, ...rest }) })
+  const content = /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { children: [
+    showLogo && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BaseSignInContent2, { showLogo, ...rest }) })
   ] });
   if (!preferences) return content;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
 };
 var BaseSignIn_default2 = BaseSignIn2;
 
 // src/components/presentation/auth/SignIn/BaseSignIn.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var BaseSignIn3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === import_browser52.Platform.AsgardeoV2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BaseSignIn_default2, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(BaseSignIn_default2, { ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BaseSignIn_default, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(BaseSignIn_default, { ...props });
 };
 var BaseSignIn_default3 = BaseSignIn3;
 
@@ -8894,7 +8923,7 @@ var handlePasskeyAuthentication = async (challengeData) => {
 };
 
 // src/components/presentation/auth/SignIn/v2/SignIn.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var SignIn = ({
   className,
   preferences,
@@ -9231,9 +9260,9 @@ var SignIn = ({
       meta,
       onSubmit: handleSubmit
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_jsx_runtime65.Fragment, { children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: children(renderProps) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     BaseSignIn_default2,
     {
       components,
@@ -9251,7 +9280,7 @@ var SignIn = ({
 var SignIn_default = SignIn;
 
 // src/components/presentation/auth/SignIn/SignIn.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("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" });
@@ -9268,7 +9297,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
     }
   };
   if (platform === import_browser56.Platform.AsgardeoV2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       SignIn_default,
       {
         className,
@@ -9281,7 +9310,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     BaseSignIn_default3,
     {
       isLoading: isLoading || !isInitialized,
@@ -9369,13 +9398,13 @@ var DateInput = ({
 var DateInput_default = DateInput;
 
 // src/components/adapters/DividerComponent.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("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__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     Divider_default,
     {
       orientation: variant === "vertical" ? "vertical" : "horizontal",
@@ -9416,7 +9445,7 @@ var EmailInput = ({
 var EmailInput_default = EmailInput;
 
 // src/components/adapters/FormContainer.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var FormContainer = (props) => {
   const { component } = props;
   if (component.components && component.components.length > 0) {
@@ -9429,14 +9458,14 @@ var FormContainer = (props) => {
         props.onSubmit(submitButton, props.formValues);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("form", { onSubmit: handleFormSubmit, style: { display: "flex", flexDirection: "column" }, children: component.components.map(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("form", { onSubmit: handleFormSubmit, style: { display: "flex", flexDirection: "column" }, children: component.components.map(
       (childComponent) => createSignUpComponent({
         ...props,
         component: childComponent
       })
     ) }, component.id);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", {}, component.id);
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", {}, component.id);
 };
 var FormContainer_default = FormContainer;
 
@@ -9562,7 +9591,7 @@ var SelectInput = ({
 var SelectInput_default = SelectInput;
 
 // src/components/adapters/SubmitButton.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var ButtonComponent = ({
   component,
   isLoading,
@@ -9584,6 +9613,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" };
@@ -9595,7 +9625,7 @@ var ButtonComponent = ({
       onSubmit(component);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     Button_default,
     {
       type: buttonType === "submit" ? "submit" : "button",
@@ -9606,7 +9636,7 @@ var ButtonComponent = ({
       onClick: buttonType !== "submit" ? handleClick : void 0,
       className: buttonClassName,
       style: { width: "100%" },
-      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Spinner_default, { size: "small" }) : buttonText
+      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Spinner_default, { size: "small" }) : buttonText
     },
     component.id
   );
@@ -9614,7 +9644,7 @@ var ButtonComponent = ({
 var SubmitButton_default = ButtonComponent;
 
 // src/components/adapters/TelephoneInput.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var TelephoneInput = ({
   component,
   formValues,
@@ -9627,7 +9657,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__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     TextField_default,
     {
       name: fieldName,
@@ -9675,7 +9705,7 @@ var TextInput = ({
 var TextInput_default = TextInput;
 
 // src/components/adapters/Typography.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var TypographyComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
@@ -9716,7 +9746,7 @@ var TypographyComponent = ({ component }) => {
     default:
       typographyVariant = "body1";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     Typography_default,
     {
       variant: typographyVariant,
@@ -9729,69 +9759,69 @@ var TypographyComponent = ({ component }) => {
 var Typography_default2 = TypographyComponent;
 
 // src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
   switch (component.type) {
     case import_browser64.EmbeddedFlowComponentType.Typography:
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Typography_default2, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography_default2, { component, onSubmit, ...rest });
     case import_browser64.EmbeddedFlowComponentType.Input: {
       const inputVariant = component.variant?.toUpperCase();
       const inputType = component.config["type"]?.toLowerCase();
       if (inputVariant === "EMAIL" || inputType === "email") {
-        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EmailInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EmailInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "PASSWORD" || inputType === "password") {
-        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(PasswordInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PasswordInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "TELEPHONE" || inputType === "tel") {
-        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TelephoneInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TelephoneInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "NUMBER" || inputType === "number") {
-        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(NumberInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(NumberInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "DATE" || inputType === "date") {
-        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DateInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DateInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "CHECKBOX" || inputType === "checkbox") {
-        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CheckboxInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(CheckboxInput_default, { component, onSubmit, ...rest });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(TextInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TextInput_default, { component, onSubmit, ...rest });
     }
     case import_browser64.EmbeddedFlowComponentType.Button: {
       const buttonVariant = component.variant?.toUpperCase();
       const buttonText = component.config["text"] || component.config["label"] || "";
       if (buttonVariant === "SOCIAL") {
         if (buttonText.toLowerCase().includes("google")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(GoogleButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(GoogleButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("github")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(GitHubButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(GitHubButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("microsoft")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(MicrosoftButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(MicrosoftButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("facebook")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(FacebookButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FacebookButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("linkedin")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(LinkedInButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LinkedInButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("ethereum")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SignInWithEthereumButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SignInWithEthereumButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SubmitButton_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SubmitButton_default, { component, onSubmit, ...rest });
     }
     case import_browser64.EmbeddedFlowComponentType.Form:
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(FormContainer_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormContainer_default, { component, onSubmit, ...rest });
     case import_browser64.EmbeddedFlowComponentType.Select:
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SelectInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SelectInput_default, { component, onSubmit, ...rest });
     case import_browser64.EmbeddedFlowComponentType.Divider:
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DividerComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DividerComponent_default, { component, onSubmit, ...rest });
     case import_browser64.EmbeddedFlowComponentType.Image:
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ImageComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ImageComponent_default, { component, onSubmit, ...rest });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", {});
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", {});
   }
 };
 var createSignUpOptionFromComponent = (component, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, options) => createSignUpComponent({
@@ -9960,7 +9990,7 @@ var useStyles17 = (theme, colorScheme) => (0, import_react66.useMemo)(() => {
 var BaseSignUp_styles_default = useStyles17;
 
 // src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var logger6 = (0, import_browser65.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseSignUp"
@@ -10363,42 +10393,42 @@ var BaseSignUpContent = ({
       validateForm,
       values: formValues
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: containerClasses, children: children(renderProps) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow) {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Alert_default, { variant: "error", className: errorClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Alert_default.Title, { children: t("errors.heading") }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Alert_default, { variant: "error", className: errorClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default.Title, { children: t("errors.heading") }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
     ] }) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: [
-    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Card_default.Title, { level: 2, className: styles.title, children: flowTitle || t("signup.heading") }),
-      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: flowSubtitle || t("signup.subheading") })
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: [
+    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card_default.Header, { className: styles.header, children: [
+      showTitle && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default.Title, { level: 2, className: styles.title, children: flowTitle || t("signup.heading") }),
+      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: flowSubtitle || t("signup.subheading") })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Card_default.Content, { children: [
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card_default.Content, { children: [
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
         Alert_default,
         {
           variant: message.type?.toLowerCase() === "error" ? "error" : "info",
           className: (0, import_css39.cx)(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default.Description, { children: message.message })
         },
         message.id || index
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: styles.contentContainer, children: currentFlow.data?.components && currentFlow.data.components.length > 0 ? renderComponents(currentFlow.data.components) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.contentContainer, children: currentFlow.data?.components && currentFlow.data.components.length > 0 ? renderComponents(currentFlow.data.components) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(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__ */ (0, import_jsx_runtime73.jsxs)("div", { children: [
-    showLogo && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BaseSignUpContent, { showLogo, ...rest }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
+    showLogo && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(BaseSignUpContent, { showLogo, ...rest }) })
   ] });
 };
 var BaseSignUp_default = BaseSignUp;
@@ -10407,7 +10437,7 @@ var BaseSignUp_default = BaseSignUp;
 var import_browser66 = require("@asgardeo/browser");
 var import_css40 = require("@emotion/css");
 var import_react68 = require("react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var logger7 = (0, import_browser66.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseSignUp"
@@ -10911,15 +10941,15 @@ var BaseSignUpContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: containerClasses, children: children(renderProps) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow) {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Alert_default, { variant: "error", className: errorClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default.Title, { children: t("errors.heading") }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Alert_default, { variant: "error", className: errorClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default.Title, { children: t("errors.heading") }),
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
     ] }) }) });
   }
   const componentsToRender = currentFlow.data?.components || [];
@@ -10930,46 +10960,46 @@ var BaseSignUpContent2 = ({
     t("signup.heading"),
     t("signup.subheading")
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: [
-    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: [
+    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Card_default.Header, { className: styles.header, children: [
+      showTitle && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card_default.Content, { children: [
-      externalError && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default, { variant: "error", className: (0, import_css40.cx)(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default.Description, { children: externalError.message }) }) }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Card_default.Content, { children: [
+      externalError && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default, { variant: "error", className: (0, import_css40.cx)(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default.Description, { children: externalError.message }) }) }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         Alert_default,
         {
           variant: message.type?.toLowerCase() === "error" ? "error" : "info",
           className: (0, import_css40.cx)(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default.Description, { children: message.message })
         },
         message.id || index
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.contentContainer, children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: styles.contentContainer, children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(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__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
-    showLogo && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(BaseSignUpContent2, { showLogo, ...rest }) })
+  const content = /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { children: [
+    showLogo && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(BaseSignUpContent2, { showLogo, ...rest }) })
   ] });
   if (!preferences) return content;
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
 };
 var BaseSignUp_default2 = BaseSignUp2;
 
 // src/components/presentation/auth/SignUp/BaseSignUp.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var BaseSignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === import_browser67.Platform.AsgardeoV2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(BaseSignUp_default2, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(BaseSignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(BaseSignUp_default, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(BaseSignUp_default, { ...props });
 };
 var BaseSignUp_default3 = BaseSignUp3;
 
@@ -10978,7 +11008,7 @@ var import_browser70 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/SignUp/v1/SignUp.tsx
 var import_browser68 = require("@asgardeo/browser");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var SignUp = ({
   className,
   size = "medium",
@@ -11007,7 +11037,7 @@ var SignUp = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     BaseSignUp_default,
     {
       afterSignUpUrl,
@@ -11030,7 +11060,7 @@ var SignUp_default = SignUp;
 
 // src/components/presentation/auth/SignUp/v2/SignUp.tsx
 var import_browser69 = require("@asgardeo/browser");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var SignUp2 = ({
   className,
   size = "medium",
@@ -11068,7 +11098,7 @@ var SignUp2 = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     BaseSignUp_default2,
     {
       afterSignUpUrl,
@@ -11090,13 +11120,13 @@ var SignUp2 = ({
 var SignUp_default2 = SignUp2;
 
 // src/components/presentation/auth/SignUp/SignUp.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var SignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === import_browser70.Platform.AsgardeoV2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SignUp_default2, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(SignUp_default, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SignUp_default, { ...props });
 };
 var SignUp_default3 = SignUp3;
 
@@ -11149,7 +11179,7 @@ var useStyles18 = (theme, colorScheme) => (0, import_react69.useMemo)(() => {
 var BaseInviteUser_styles_default = useStyles18;
 
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var BaseInviteUser = ({
   onInitialize,
   onSubmit,
@@ -11453,28 +11483,28 @@ var BaseInviteUser = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className, children: children(renderProps) });
   }
   if (!isInitialized) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow && apiError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Alert_default, { variant: "error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Alert_default.Title, { children: "Error" }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Alert_default.Description, { children: apiError.message })
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Alert_default, { variant: "error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default.Title, { children: "Error" }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default.Description, { children: apiError.message })
     ] }) }) });
   }
   if (isInviteGenerated && inviteLink) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Invite Link Generated!" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Card_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Alert_default, { variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Alert_default.Description, { children: "Share this link with the user to complete their registration." }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { style: { marginTop: "1rem" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Typography_default, { variant: "body2", style: { marginBottom: "0.5rem" }, children: "Invite Link" }),
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Invite Link Generated!" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default, { variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default.Description, { children: "Share this link with the user to complete their registration." }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { style: { marginTop: "1rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "body2", style: { marginBottom: "0.5rem" }, children: "Invite Link" }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
             "div",
             {
               style: {
@@ -11487,26 +11517,26 @@ var BaseInviteUser = ({
                 wordBreak: "break-all"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Typography_default, { variant: "body2", style: { flex: 1 }, children: inviteLink }),
-                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button_default, { variant: "outline", size: "small", onClick: copyInviteLink, children: inviteLinkCopied ? "Copied!" : "Copy" })
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "body2", style: { flex: 1 }, children: inviteLink }),
+                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button_default, { variant: "outline", size: "small", onClick: copyInviteLink, children: inviteLinkCopied ? "Copied!" : "Copy" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { style: { display: "flex", gap: "0.5rem", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button_default, { variant: "outline", onClick: resetFlow, children: "Invite Another User" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: { display: "flex", gap: "0.5rem", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button_default, { variant: "outline", onClick: resetFlow, children: "Invite Another User" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: [
-    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Card_default.Header, { className: styles.header, children: [
-      showTitle && title && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && subtitle && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: [
+    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card_default.Header, { className: styles.header, children: [
+      showTitle && title && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(Card_default.Content, { children: [
-      apiError && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Alert_default, { variant: "error", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Alert_default.Description, { children: apiError.message }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
-        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Typography_default, { variant: "body1", children: "No form components available" }) }),
-        isLoading && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Spinner_default, { size: "small" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card_default.Content, { children: [
+      apiError && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default, { variant: "error", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default.Description, { children: apiError.message }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Spinner_default, { size: "small" }) })
       ] })
     ] })
   ] });
@@ -11514,7 +11544,7 @@ var BaseInviteUser = ({
 var BaseInviteUser_default = BaseInviteUser;
 
 // src/components/presentation/auth/InviteUser/v2/InviteUser.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var InviteUser = ({
   onInviteLinkGenerated,
   onError,
@@ -11558,7 +11588,7 @@ var InviteUser = ({
     });
     return response.data;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     BaseInviteUser_default,
     {
       onInitialize: handleInitialize,
@@ -11626,7 +11656,7 @@ var useStyles19 = (theme, colorScheme) => (0, import_react71.useMemo)(() => {
 var BaseAcceptInvite_styles_default = useStyles19;
 
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var BaseAcceptInvite = ({
   flowId,
   inviteToken,
@@ -11955,50 +11985,50 @@ var BaseAcceptInvite = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className, children: children(renderProps) });
   }
   if (isValidatingToken) {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { style: { alignItems: "center", display: "flex", flexDirection: "column", gap: "1rem", padding: "2rem" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Spinner_default, { size: "medium" }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Typography_default, { variant: "body1", children: "Validating your invite link..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { style: { alignItems: "center", display: "flex", flexDirection: "column", gap: "1rem", padding: "2rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Spinner_default, { size: "medium" }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Typography_default, { variant: "body1", children: "Validating your invite link..." })
     ] }) }) });
   }
   if (isTokenInvalid) {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Invalid Invite Link" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Card_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Alert_default, { variant: "error", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Alert_default.Title, { children: "Unable to verify invite" }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Alert_default.Description, { children: apiError?.message || "This invite link is invalid or has expired. Please contact your administrator for a new invite." })
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Invalid Invite Link" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Alert_default, { variant: "error", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default.Title, { children: "Unable to verify invite" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default.Description, { children: apiError?.message || "This invite link is invalid or has expired. Please contact your administrator for a new invite." })
         ] }),
-        onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button_default, { variant: "outline", onClick: onGoToSignIn, children: "Go to Sign In" }) })
+        onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button_default, { variant: "outline", onClick: onGoToSignIn, children: "Go to Sign In" }) })
       ] })
     ] });
   }
   if (isComplete) {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Account Setup Complete!" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Card_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Alert_default, { variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Alert_default.Description, { children: "Your account has been successfully set up. You can now sign in with your credentials." }) }),
-        onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button_default, { variant: "solid", color: "primary", onClick: onGoToSignIn, children: "Sign In" }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Account Setup Complete!" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default, { variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default.Description, { children: "Your account has been successfully set up. You can now sign in with your credentials." }) }),
+        onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button_default, { variant: "solid", color: "primary", onClick: onGoToSignIn, children: "Sign In" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
-    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Card_default.Header, { className: styles.header, children: [
-      showTitle && title && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && subtitle && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
+    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default.Header, { className: styles.header, children: [
+      showTitle && title && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Card_default.Content, { children: [
-      apiError && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Alert_default, { variant: "error", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Alert_default.Description, { children: apiError.message }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { children: [
-        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Typography_default, { variant: "body1", children: "No form components available" }) }),
-        isLoading && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Spinner_default, { size: "small" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default.Content, { children: [
+      apiError && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default, { variant: "error", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default.Description, { children: apiError.message }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { children: [
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Spinner_default, { size: "small" }) })
       ] }),
-      onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(Typography_default, { variant: "body2", children: [
+      onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Typography_default, { variant: "body2", children: [
         "Already have an account?",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button_default, { variant: "text", onClick: onGoToSignIn, style: { minWidth: "auto", padding: 0 }, children: "Sign In" })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button_default, { variant: "text", onClick: onGoToSignIn, style: { minWidth: "auto", padding: 0 }, children: "Sign In" })
       ] }) })
     ] })
   ] });
@@ -12006,7 +12036,7 @@ var BaseAcceptInvite = ({
 var BaseAcceptInvite_default = BaseAcceptInvite;
 
 // src/components/presentation/auth/AcceptInvite/v2/AcceptInvite.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var getUrlParams = () => {
   if (typeof window === "undefined") {
     return {};
@@ -12062,7 +12092,7 @@ var AcceptInvite = ({
     }
     return response.json();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     BaseAcceptInvite_default,
     {
       flowId,
@@ -12173,45 +12203,45 @@ var Callback = ({ onNavigate, onError }) => {
 };
 
 // src/components/presentation/User/BaseUser.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var BaseUser = ({ user, children, fallback = null }) => {
   if (!user) {
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: fallback });
+    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_jsx_runtime84.Fragment, { children: fallback });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, { children: children(user) });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_jsx_runtime84.Fragment, { children: children(user) });
 };
 BaseUser.displayName = "BaseUser";
 var BaseUser_default = BaseUser;
 
 // src/components/presentation/User/User.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var User5 = ({ children, fallback = null }) => {
   const { user } = useAsgardeo_default();
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(BaseUser_default, { user, fallback, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(BaseUser_default, { user, fallback, children });
 };
 User5.displayName = "User";
 var User_default = User5;
 
 // src/components/presentation/Organization/BaseOrganization.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var BaseOrganization = ({
   children,
   fallback = null,
   organization
 }) => {
   if (!organization) {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_jsx_runtime85.Fragment, { children: fallback });
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_jsx_runtime86.Fragment, { children: fallback });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_jsx_runtime85.Fragment, { children: children(organization) });
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_jsx_runtime86.Fragment, { children: children(organization) });
 };
 BaseOrganization.displayName = "BaseOrganization";
 var BaseOrganization_default = BaseOrganization;
 
 // src/components/presentation/Organization/Organization.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var Organization5 = ({ children, fallback = null }) => {
   const { currentOrganization } = useOrganization_default();
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(BaseOrganization_default, { organization: currentOrganization, fallback, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(BaseOrganization_default, { organization: currentOrganization, fallback, children });
 };
 Organization5.displayName = "Organization";
 var Organization_default = Organization5;
@@ -12550,7 +12580,7 @@ var useStyles21 = (theme, colorScheme, size, variant, backgroundColor) => (0, im
 var Avatar_styles_default = useStyles21;
 
 // src/components/primitives/Avatar/Avatar.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var Avatar = ({
   alt = "User avatar",
   background = "random",
@@ -12597,7 +12627,7 @@ var Avatar = ({
   const getInitials = (fullName) => fullName.split(" ").map((part) => part[0]).slice(0, 2).join("").toUpperCase();
   const renderContent = () => {
     if (imageUrl) {
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
         "img",
         {
           src: imageUrl,
@@ -12610,19 +12640,19 @@ var Avatar = ({
       return getInitials(name);
     }
     if (isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: (0, import_css47.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar", "skeleton")), styles["skeleton"]) });
+      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: (0, import_css47.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar", "skeleton")), styles["skeleton"]) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 640 640",
         className: (0, import_css47.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar", "icon")), styles["icon"]),
-        children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("path", { d: "M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z" })
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "div",
     {
       className: (0, import_css47.cx)(
@@ -12709,8 +12739,8 @@ var useStyles22 = (theme, colorScheme) => (0, import_react78.useMemo)(() => {
 var Dialog_styles_default = useStyles22;
 
 // src/components/primitives/Icons/LogOut.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
-var LogOut = (props) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+var import_jsx_runtime89 = require("react/jsx-runtime");
+var LogOut = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12724,17 +12754,17 @@ var LogOut = (props) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "m16 17 5-5-5-5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M21 12H9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" })
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "m16 17 5-5-5-5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M21 12H9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("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
-var import_jsx_runtime89 = require("react/jsx-runtime");
-var Plus = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+var import_jsx_runtime90 = require("react/jsx-runtime");
+var Plus = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12748,16 +12778,16 @@ var Plus = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M12 5v14" })
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: "M12 5v14" })
     ]
   }
 );
 var Plus_default = Plus;
 
 // src/components/primitives/Icons/User.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
-var User7 = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+var import_jsx_runtime91 = require("react/jsx-runtime");
+var User7 = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12771,16 +12801,16 @@ var User7 = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("circle", { cx: "12", cy: "7", r: "4" })
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("circle", { cx: "12", cy: "7", r: "4" })
     ]
   }
 );
 var User_default2 = User7;
 
 // src/components/primitives/Icons/X.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
-var X = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var X = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12794,15 +12824,15 @@ var X = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M18 6 6 18" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "m6 6 12 12" })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", { d: "M18 6 6 18" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", { d: "m6 6 12 12" })
     ]
   }
 );
 var X_default = X;
 
 // src/components/primitives/Dialog/Dialog.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function useDialog({
   initialOpen = false,
   open: controlledOpen,
@@ -12848,7 +12878,7 @@ var useDialogContext = () => {
 };
 function Dialog({ children, ...options }) {
   const dialog = useDialog(options);
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DialogContext.Provider, { value: dialog, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DialogContext.Provider, { value: dialog, children });
 }
 var DialogTrigger = (0, import_react80.forwardRef)(
   ({ children, asChild = false, ...props }, propRef) => {
@@ -12866,7 +12896,7 @@ var DialogTrigger = (0, import_react80.forwardRef)(
         })
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
   }
 );
 var DialogContent = (0, import_react80.forwardRef)(
@@ -12876,12 +12906,12 @@ var DialogContent = (0, import_react80.forwardRef)(
     const styles = Dialog_styles_default(theme, colorScheme);
     const ref = (0, import_react79.useMergeRefs)([context.refs.setFloating, propRef]);
     if (!floatingContext.open) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react79.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react79.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       import_react79.FloatingOverlay,
       {
         className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "overlay")), styles["overlay"]),
         lockScroll: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react79.FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react79.FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "div",
           {
             ref,
@@ -12908,8 +12938,8 @@ var DialogHeading = (0, import_react80.forwardRef)(
         context.setLabelId(void 0);
       };
     }, [id, context.setLabelId]);
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "header")), styles["header"]), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "header")), styles["header"]), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         "h2",
         {
           ...props,
@@ -12919,7 +12949,7 @@ var DialogHeading = (0, import_react80.forwardRef)(
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         Button_default,
         {
           color: "tertiary",
@@ -12930,7 +12960,7 @@ var DialogHeading = (0, import_react80.forwardRef)(
             context.setOpen(false);
           },
           "aria-label": "Close",
-          children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(X_default, { width: 16, height: 16 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(X_default, { width: 16, height: 16 })
         }
       )
     ] });
@@ -12948,7 +12978,7 @@ var DialogDescription = (0, import_react80.forwardRef)(
         context.setDescriptionId(void 0);
       };
     }, [id, context.setDescriptionId]);
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       "p",
       {
         ...props,
@@ -12977,7 +13007,7 @@ var DialogClose = (0, import_react80.forwardRef)(
         onClick: handleClick
       });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       Button_default,
       {
         ...props,
@@ -13100,7 +13130,7 @@ var useStyles23 = (theme, colorScheme, disabled, hasError, canAddMore, canRemove
 var MultiInput_styles_default = useStyles23;
 
 // src/components/primitives/MultiInput/MultiInput.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var MultiInput = ({
   label,
   error,
@@ -13123,8 +13153,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__ */ (0, import_jsx_runtime93.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: (0, import_css51.cx)(styles["icon"], iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M12 5v14M5 12h14" }) });
-  const BinIcon = ({ iconClassName }) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: (0, import_css51.cx)(styles["icon"], iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("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__ */ (0, import_jsx_runtime94.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: (0, import_css51.cx)(styles["icon"], iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M12 5v14M5 12h14" }) });
+  const BinIcon = ({ iconClassName }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: (0, import_css51.cx)(styles["icon"], iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("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 = (0, import_react82.useCallback)(
     (newValue) => {
       if (newValue.trim() !== "" && (!maxFields || values.length < maxFields)) {
@@ -13168,9 +13198,9 @@ var MultiInput = ({
       };
       switch (fieldType) {
         case "DATE_TIME":
-          return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DatePicker_default, { ...commonProps });
+          return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DatePicker_default, { ...commonProps });
         case "BOOLEAN":
-          return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             Checkbox_default,
             {
               ...commonProps,
@@ -13179,7 +13209,7 @@ var MultiInput = ({
             }
           );
         default:
-          return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(TextField_default, { ...commonProps, type });
+          return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TextField_default, { ...commonProps, type });
       }
     },
     [placeholder, disabled, startIcon, endIcon, error, fieldType, type]
@@ -13191,7 +13221,7 @@ var MultiInput = ({
       setCurrentInputValue("");
     }
   }, [currentInputValue, handleAddValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
     FormControl_default,
     {
       error,
@@ -13199,27 +13229,27 @@ var MultiInput = ({
       className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input")), className),
       style,
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(InputLabel_default, { required, error: !!error, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "container")), styles["container"]), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
+        label && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(InputLabel_default, { required, error: !!error, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "container")), styles["container"]), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
             currentInputValue,
             setCurrentInputValue,
-            canAddMore ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(PlusIcon, { iconClassName: styles["plusIcon"] }) : void 0,
+            canAddMore ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PlusIcon, { iconClassName: styles["plusIcon"] }) : void 0,
             canAddMore ? handleInputSubmit : void 0
           ) }) }),
-          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
             "div",
             {
               className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "list-item")), styles["listItem"]),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                   "span",
                   {
                     className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "list-item-text")), styles["listItemText"]),
                     children: value
                   }
                 ),
-                canRemove && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                canRemove && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
                   "button",
                   {
                     type: "button",
@@ -13230,7 +13260,7 @@ var MultiInput = ({
                       styles["removeButton"]
                     ),
                     title: "Remove value",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(BinIcon, { iconClassName: styles["icon"] })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(BinIcon, { iconClassName: styles["icon"] })
                   }
                 )
               ]
@@ -13245,7 +13275,7 @@ var MultiInput = ({
 var MultiInput_default = MultiInput;
 
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var fieldsToSkip = [
   "roles.default",
   "active",
@@ -13307,7 +13337,7 @@ var BaseUserProfile = ({
     },
     [showFields, hideFields]
   );
-  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     "svg",
     {
       width: "16",
@@ -13318,7 +13348,7 @@ var BaseUserProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
     }
   );
   const toggleFieldEdit = (0, import_react83.useCallback)((fieldName) => {
@@ -13348,12 +13378,12 @@ var BaseUserProfile = ({
   const styles = BaseUserProfile_styles_default(theme, colorScheme);
   const ObjectDisplay = ({ data }) => {
     if (!data || typeof data !== "object") return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("table", { className: styles.value, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("tr", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("td", { className: styles.objectKey, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("strong", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("table", { className: styles.value, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("tr", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { className: styles.objectKey, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("strong", { children: [
         formatLabel(key),
         ":"
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ObjectDisplay, { data: value }) : String(value) })
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ObjectDisplay, { data: value }) : String(value) })
     ] }, key)) }) });
   };
   function set(obj, path, value) {
@@ -13428,7 +13458,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__ */ (0, import_jsx_runtime94.jsx)(import_jsx_runtime94.Fragment, { children: subAttributes.map((subAttr, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_jsx_runtime95.Fragment, { 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(", ");
@@ -13437,9 +13467,9 @@ var BaseUserProfile = ({
         } else {
           displayValue2 = String(subAttr.value);
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.field, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: styles.label, children: subAttr.displayName || subAttr.description || "" }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.value, children: displayValue2 })
+        return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: styles.field, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.label, children: subAttr.displayName || subAttr.description || "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.value, children: displayValue2 })
         ] }, index);
       }) });
     }
@@ -13463,9 +13493,9 @@ var BaseUserProfile = ({
         } else {
           fieldValues = [];
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: styles.label, children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.value, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.label, children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.value, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
             MultiInput_default,
             {
               values: fieldValues,
@@ -13496,9 +13526,9 @@ var BaseUserProfile = ({
       } else {
         displayValue2 = "-";
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: styles.label, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: (0, import_css52.cx)(styles.value, !hasValues ? styles.valuePlaceholder : ""), children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: (0, import_css52.cx)(styles.value, !hasValues ? styles.valuePlaceholder : ""), children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           Button_default,
           {
             onClick: onStartEdit,
@@ -13513,7 +13543,7 @@ var BaseUserProfile = ({
       ] });
     }
     if (type === "COMPLEX" && typeof value === "object") {
-      return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ObjectDisplay, { data: value });
+      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ObjectDisplay, { data: value });
     }
     if (isEditing && onEditValue && mutability !== "READ_ONLY" && !readonlyFields.includes(name || "")) {
       let fieldValue;
@@ -13535,13 +13565,13 @@ var BaseUserProfile = ({
       let field;
       switch (type) {
         case "STRING":
-          field = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TextField_default, { ...commonProps });
           break;
         case "DATE_TIME":
-          field = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DatePicker_default, { ...commonProps });
+          field = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DatePicker_default, { ...commonProps });
           break;
         case "BOOLEAN":
-          field = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+          field = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
             Checkbox_default,
             {
               ...commonProps,
@@ -13553,7 +13583,7 @@ var BaseUserProfile = ({
           );
           break;
         case "COMPLEX":
-          field = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+          field = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
             "textarea",
             {
               value: fieldValue,
@@ -13565,11 +13595,11 @@ var BaseUserProfile = ({
           );
           break;
         default:
-          field = /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TextField_default, { ...commonProps });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: styles.label, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.value, children: field })
+      return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.value, children: field })
       ] });
     }
     const hasValue = value !== void 0 && value !== null && value !== "";
@@ -13582,9 +13612,9 @@ var BaseUserProfile = ({
     } else {
       displayValue = "-";
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: styles.label, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: (0, import_css52.cx)(styles.value, !hasValue ? styles.valuePlaceholder : ""), children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.label, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: (0, import_css52.cx)(styles.value, !hasValue ? styles.valuePlaceholder : ""), children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
         Button_default,
         {
           onClick: onStartEdit,
@@ -13607,8 +13637,8 @@ var BaseUserProfile = ({
     if (!shouldShow) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.field, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.fieldInner, children: renderSchemaField(
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: styles.field, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.fieldInner, children: renderSchemaField(
         schema,
         isFieldEditing,
         (value) => {
@@ -13618,10 +13648,10 @@ var BaseUserProfile = ({
         },
         () => toggleFieldEdit(schema.name)
       ) }),
-      editable && schema.mutability !== "READ_ONLY" && !isReadonlyField && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.fieldActions, children: [
-        isFieldEditing && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      editable && schema.mutability !== "READ_ONLY" && !isReadonlyField && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: styles.fieldActions, children: [
+        isFieldEditing && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
             Button_default,
             {
               size: "small",
@@ -13632,7 +13662,7 @@ var BaseUserProfile = ({
             }
           )
         ] }),
-        !isFieldEditing && hasValue && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        !isFieldEditing && hasValue && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           Button_default,
           {
             size: "small",
@@ -13641,7 +13671,7 @@ var BaseUserProfile = ({
             onClick: () => toggleFieldEdit(schema.name),
             title: "Edit",
             className: styles.editButton,
-            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PencilIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(PencilIcon, {})
           }
         )
       ] })
@@ -13664,9 +13694,9 @@ var BaseUserProfile = ({
       if (!shouldShowField(key)) return false;
       return value !== void 0 && value !== "" && value !== null;
     }).sort(([a], [b]) => a.localeCompare(b));
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.profileSummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: styles.profileSummary, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           Avatar,
           {
             imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -13676,32 +13706,32 @@ var BaseUserProfile = ({
             isLoading
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Typography_default, { variant: "h3", fontWeight: "medium", children: displayName }),
-        getMappedUserProfileValue_default("email", mergedMappings, currentUser) && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Typography_default, { variant: "body2", color: "textSecondary", children: getMappedUserProfileValue_default("email", mergedMappings, currentUser) })
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Typography_default, { variant: "h3", fontWeight: "medium", children: displayName }),
+        getMappedUserProfileValue_default("email", mergedMappings, currentUser) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Typography_default, { variant: "body2", color: "textSecondary", children: getMappedUserProfileValue_default("email", mergedMappings, currentUser) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Divider_default, {}),
-      profileEntries.map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: styles.sectionRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.sectionLabel, children: formatLabel(key) }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.sectionValue, children: typeof value === "object" ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ObjectDisplay, { data: value }) : String(value) })
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Divider_default, {}),
+      profileEntries.map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: styles.sectionRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.sectionLabel, children: formatLabel(key) }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.sectionValue, children: typeof value === "object" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ObjectDisplay, { data: value }) : String(value) })
         ] }),
-        index < profileEntries.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Divider_default, {})
+        index < profileEntries.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Divider_default, {})
       ] }, key))
     ] });
   };
-  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Card_default, { className: containerClasses, children: [
-    error && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Card_default, { className: containerClasses, children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
       Alert_default,
       {
         variant: "error",
         className: (0, import_css52.cx)((0, import_browser79.withVendorCSSClassPrefix)((0, import_browser79.bem)("user-profile", "alert")), styles.alert),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Alert_default.Title, { children: t("errors.heading") || "Error" }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Alert_default.Description, { children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Alert_default.Title, { children: t("errors.heading") || "Error" }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Alert_default.Description, { children: error })
         ]
       }
     ),
-    schemas && schemas.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    schemas && schemas.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       Avatar,
       {
         imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -13711,7 +13741,7 @@ var BaseUserProfile = ({
         isLoading
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.infoContainer, children: schemas && schemas.length > 0 ? schemas.filter((schema) => {
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("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;
@@ -13728,13 +13758,13 @@ var BaseUserProfile = ({
         ...schema,
         value
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.info, children: renderUserInfo(schemaWithValue) }, schema.name || index);
+      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.info, children: renderUserInfo(schemaWithValue) }, schema.name || index);
     }) : renderProfileWithoutSchemas() })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Dialog_default.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Dialog_default.Heading, { children: title ?? t("user.profile.heading") }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: styles.popup, children: profileContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Dialog_default.Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Dialog_default.Heading, { children: title ?? t("user.profile.heading") }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.popup, children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -13773,7 +13803,7 @@ var updateMeProfile = async ({ fetcher, instanceId = 0, ...requestConfig }) => {
 var updateMeProfile_default = updateMeProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var UserProfile3 = ({ preferences, ...rest }) => {
   const { baseUrl, instanceId } = useAsgardeo_default();
   const { profile, flattenedProfile, schemas, onUpdateProfile } = useUser_default();
@@ -13792,7 +13822,7 @@ var UserProfile3 = ({ preferences, ...rest }) => {
       setError(message);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     BaseUserProfile_default,
     {
       profile,
@@ -14003,7 +14033,7 @@ var useStyles24 = (theme, colorScheme) => (0, import_react85.useMemo)(() => {
 var BaseUserDropdown_styles_default = useStyles24;
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var BaseUserDropdown = ({
   fallback = null,
   className = "",
@@ -14055,14 +14085,14 @@ var BaseUserDropdown = ({
   const defaultMenuItems = [];
   if (onManageProfile) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(User_default2, { width: "16", height: "16" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(User_default2, { width: "16", height: "16" }),
       label: "Manage Profile",
       onClick: onManageProfile
     });
   }
   if (onSignOut) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(LogOut_default, { width: "16", height: "16" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(LogOut_default, { width: "16", height: "16" }),
       label: "Sign Out",
       onClick: onSignOut
     });
@@ -14074,8 +14104,8 @@ var BaseUserDropdown = ({
     }
     allMenuItems.push(...defaultMenuItems);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
       Button_default,
       {
         ref: refs.setReference,
@@ -14086,7 +14116,7 @@ var BaseUserDropdown = ({
         "data-testid": "asgardeo-user-dropdown-trigger",
         ...getReferenceProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             Avatar,
             {
               imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -14095,7 +14125,7 @@ var BaseUserDropdown = ({
               alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
             }
           ),
-          showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             Typography_default,
             {
               variant: "body2",
@@ -14106,7 +14136,7 @@ var BaseUserDropdown = ({
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react86.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react86.FloatingFocusManager, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react86.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react86.FloatingFocusManager, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
       "div",
       {
         ref: refs.setFloating,
@@ -14119,8 +14149,8 @@ var BaseUserDropdown = ({
         },
         ...getFloatingProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header"), styles["dropdownHeader"]), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header"), styles["dropdownHeader"]), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
               Avatar,
               {
                 imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -14129,8 +14159,8 @@ var BaseUserDropdown = ({
                 alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles["headerInfo"]), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles["headerInfo"]), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                 Typography_default,
                 {
                   noWrap: true,
@@ -14140,7 +14170,7 @@ var BaseUserDropdown = ({
                   children: getDisplayName_default(mergedMappings, user)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                 Typography_default,
                 {
                   noWrap: true,
@@ -14152,9 +14182,9 @@ var BaseUserDropdown = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: (() => {
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { children: (() => {
             if (item.label === "") {
-              return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                 "div",
                 {
                   className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), styles["divider"])
@@ -14162,7 +14192,7 @@ var BaseUserDropdown = ({
               );
             }
             if (item.href) {
-              return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
                 "a",
                 {
                   href: item.href,
@@ -14179,12 +14209,12 @@ var BaseUserDropdown = ({
                   onBlur: () => setHoveredItemIndex(null),
                   children: [
                     item.icon,
-                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: item.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: item.label })
                   ]
                 }
               );
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
               Button_default,
               {
                 onClick: () => handleMenuItemClick(item),
@@ -14211,7 +14241,7 @@ var BaseUserDropdown_default = BaseUserDropdown;
 
 // src/components/presentation/UserDropdown/UserDropdown.tsx
 var import_react88 = require("react");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var UserDropdown = ({
   children,
   renderTrigger,
@@ -14243,14 +14273,14 @@ var UserDropdown = ({
     user
   };
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
       children(renderProps),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
   if (renderTrigger || renderDropdown) {
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         BaseUserDropdown,
         {
           user,
@@ -14260,11 +14290,11 @@ var UserDropdown = ({
           ...rest
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       BaseUserDropdown,
       {
         user,
@@ -14274,7 +14304,7 @@ var UserDropdown = ({
         ...rest
       }
     ),
-    isProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+    isProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
   ] });
 };
 var UserDropdown_default = UserDropdown;
@@ -14510,9 +14540,9 @@ var useStyles25 = (theme, colorScheme) => (0, import_react89.useMemo)(() => {
 var BaseOrganizationSwitcher_styles_default = useStyles25;
 
 // src/components/primitives/Icons/Building.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
-var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+var import_jsx_runtime99 = require("react/jsx-runtime");
+var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     "path",
     {
       d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",
@@ -14522,30 +14552,30 @@ var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PU
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M14 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("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
-var import_jsx_runtime99 = require("react/jsx-runtime");
-var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M20 6 9 17l-5-5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var import_jsx_runtime100 = require("react/jsx-runtime");
+var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("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
-var import_jsx_runtime100 = require("react/jsx-runtime");
-var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { d: "m6 9 6 6 6-6", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var import_jsx_runtime101 = require("react/jsx-runtime");
+var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("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
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var BaseOrganizationSwitcher = ({
   organizations,
   currentOrganization,
@@ -14600,8 +14630,8 @@ var BaseOrganizationSwitcher = ({
   const switchableOrganizations = organizations.filter(
     (org) => org.id !== currentOrganization?.id
   );
-  const defaultRenderOrganization2 = (organization, isSelected) => /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  const defaultRenderOrganization2 = (organization, isSelected) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       Avatar,
       {
         variant: "square",
@@ -14611,24 +14641,24 @@ var BaseOrganizationSwitcher = ({
         alt: `${organization.name} avatar`
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: (0, import_css56.cx)(styles["organizationInfo"]), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Typography_default, { variant: "body2", fontWeight: "medium", className: (0, import_css56.cx)(styles["organizationName"]), children: organization.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: (0, import_css56.cx)(styles["organizationMeta"]), children: [
-        showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["organizationInfo"]), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "body2", fontWeight: "medium", className: (0, import_css56.cx)(styles["organizationName"]), children: organization.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["organizationMeta"]), children: [
+        showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { children: [
           organization.memberCount,
           " ",
           organization.memberCount === 1 ? t("organization.switcher.member") : t("organization.switcher.members")
         ] }),
-        showRole && organization.role && showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: " \u2022 " }),
-        showRole && organization.role && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: (0, import_css56.cx)(styles["roleCapitalized"]), children: organization.role })
+        showRole && organization.role && showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: " \u2022 " }),
+        showRole && organization.role && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: (0, import_css56.cx)(styles["roleCapitalized"]), children: organization.role })
       ] })
     ] }),
-    isSelected && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Check_default, { width: "16", height: "16", color: theme.vars.colors.text.primary })
+    isSelected && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Check_default, { width: "16", height: "16", color: theme.vars.colors.text.primary })
   ] });
-  const defaultRenderLoading2 = () => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: (0, import_css56.cx)(styles["loadingContainer"]), children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Typography_default, { variant: "caption", className: (0, import_css56.cx)(styles["loadingText"]), children: t("organization.switcher.loading.placeholder.organizations") }) });
-  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: (0, import_css56.cx)(styles["errorContainer"]), children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Typography_default, { variant: "caption", className: (0, import_css56.cx)(styles["errorText"]), children: errorMessage }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: (0, import_css56.cx)(styles["root"], className), style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+  const defaultRenderLoading2 = () => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_css56.cx)(styles["loadingContainer"]), children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "caption", className: (0, import_css56.cx)(styles["loadingText"]), children: t("organization.switcher.loading.placeholder.organizations") }) });
+  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_css56.cx)(styles["errorContainer"]), children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "caption", className: (0, import_css56.cx)(styles["errorText"]), children: errorMessage }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["root"], className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
       Button_default,
       {
         ref: refs.setReference,
@@ -14638,8 +14668,8 @@ var BaseOrganizationSwitcher = ({
         size: "medium",
         ...getReferenceProps(),
         children: [
-          currentOrganization ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          currentOrganization ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               Avatar,
               {
                 variant: "square",
@@ -14649,16 +14679,16 @@ var BaseOrganizationSwitcher = ({
                 alt: `${currentOrganization.name} avatar`
               }
             ),
-            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Typography_default, { variant: "body2", className: (0, import_css56.cx)(styles["triggerLabel"]), children: currentOrganization.name })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Building_default, { width: avatarSize, height: avatarSize }),
-            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Typography_default, { variant: "body2", className: (0, import_css56.cx)(styles["triggerLabel"]), children: t("elements.fields.organization.select.label") })
+            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "body2", className: (0, import_css56.cx)(styles["triggerLabel"]), children: currentOrganization.name })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Building_default, { width: avatarSize, height: avatarSize }),
+            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "body2", className: (0, import_css56.cx)(styles["triggerLabel"]), children: t("elements.fields.organization.select.label") })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { style: { display: "inline-flex", transform: isRTL ? "scaleX(-1)" : "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ChevronDown_default, { width: "16", height: "16" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { style: { display: "inline-flex", transform: isRTL ? "scaleX(-1)" : "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ChevronDown_default, { width: "16", height: "16" }) })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react90.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react90.FloatingFocusManager, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react90.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react90.FloatingFocusManager, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
       "div",
       {
         ref: refs.setFloating,
@@ -14666,8 +14696,8 @@ var BaseOrganizationSwitcher = ({
         style: floatingStyles,
         ...getFloatingProps(),
         children: [
-          currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: (0, import_css56.cx)(styles["header"]), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["header"]), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               Avatar,
               {
                 variant: "square",
@@ -14677,10 +14707,10 @@ var BaseOrganizationSwitcher = ({
                 alt: `${currentOrganization.name} avatar`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: (0, import_css56.cx)(styles["headerInfo"]), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Typography_default, { noWrap: true, className: (0, import_css56.cx)(styles["headerName"]), variant: "body1", fontWeight: "medium", children: currentOrganization.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: (0, import_css56.cx)(styles["headerMeta"]), children: [
-                showMemberCount && currentOrganization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["headerInfo"]), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { noWrap: true, className: (0, import_css56.cx)(styles["headerName"]), variant: "body1", fontWeight: "medium", children: currentOrganization.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["headerMeta"]), children: [
+                showMemberCount && currentOrganization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
                   Typography_default,
                   {
                     noWrap: true,
@@ -14690,17 +14720,17 @@ var BaseOrganizationSwitcher = ({
                       currentOrganization.memberCount,
                       " ",
                       currentOrganization.memberCount === 1 ? t("organization.switcher.member") : t("organization.switcher.members"),
-                      showRole && currentOrganization.role && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { children: [
+                      showRole && currentOrganization.role && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { children: [
                         " \u2022 ",
                         currentOrganization.role
                       ] })
                     ]
                   }
                 ),
-                showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Typography_default, { noWrap: true, className: (0, import_css56.cx)(styles["headerRole"]), variant: "caption", color: "secondary", children: currentOrganization.role })
+                showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { noWrap: true, className: (0, import_css56.cx)(styles["headerRole"]), variant: "caption", color: "secondary", children: currentOrganization.role })
               ] })
             ] }),
-            onManageProfile && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+            onManageProfile && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               Button_default,
               {
                 onClick: onManageProfile,
@@ -14709,7 +14739,7 @@ var BaseOrganizationSwitcher = ({
                 size: "small",
                 "aria-label": "Manage Organization Profile",
                 className: (0, import_css56.cx)(styles["manageButton"]),
-                endIcon: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+                endIcon: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
                   "svg",
                   {
                     width: "16",
@@ -14721,8 +14751,8 @@ var BaseOrganizationSwitcher = ({
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("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__ */ (0, import_jsx_runtime102.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("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" })
                     ]
                   }
                 ),
@@ -14730,27 +14760,27 @@ var BaseOrganizationSwitcher = ({
               }
             )
           ] }),
-          organizations.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          organizations.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
             "div",
             {
               className: (0, import_css56.cx)(styles["header"], styles["sectionHeaderContainer"]),
               style: {
                 borderTop: currentOrganization ? `1px solid ${theme.vars.colors.border}` : "none"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Typography_default, { variant: "caption", fontWeight: 600, className: (0, import_css56.cx)(styles["sectionHeader"]), children: t("organization.switcher.switch.organization") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "caption", fontWeight: 600, className: (0, import_css56.cx)(styles["sectionHeader"]), children: t("organization.switcher.switch.organization") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: (0, import_css56.cx)(styles["menu"]), children: (() => {
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_css56.cx)(styles["menu"]), children: (() => {
             if (loading) {
               return renderLoading ? renderLoading() : defaultRenderLoading2();
             }
             if (error) {
               return renderError ? renderError(error) : defaultRenderError2(error);
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+            return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
               switchableOrganizations.map((organization) => {
                 const isSelected = false;
-                return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                   Button_default,
                   {
                     onClick: () => handleOrganizationSwitch(organization),
@@ -14768,10 +14798,10 @@ var BaseOrganizationSwitcher = ({
                   organization.id
                 );
               }),
-              menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: (0, import_css56.cx)(styles["menuDivider"]) }),
+              menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_css56.cx)(styles["menuDivider"]) }),
                 menuItems.map(
-                  (item, index) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { children: item.href ? /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
+                  (item, index) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { children: item.href ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
                     "a",
                     {
                       href: item.href,
@@ -14785,10 +14815,10 @@ var BaseOrganizationSwitcher = ({
                       onBlur: () => setHoveredItemIndex(null),
                       children: [
                         item.icon,
-                        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: item.label })
+                        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: item.label })
                       ]
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
                     Button_default,
                     {
                       onClick: () => handleMenuItemClick(item),
@@ -14820,8 +14850,8 @@ var BaseOrganizationSwitcher_default = BaseOrganizationSwitcher;
 var import_react104 = require("react");
 
 // src/components/primitives/Icons/BuildingAlt.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
-var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+var import_jsx_runtime103 = require("react/jsx-runtime");
+var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
   "svg",
   {
     width,
@@ -14834,13 +14864,13 @@ var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ (0, import_js
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M10 6h4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M10 10h4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M10 14h4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M10 18h4" })
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M10 6h4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M10 10h4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M10 14h4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M10 18h4" })
     ]
   }
 );
@@ -14994,7 +15024,7 @@ var useStyles26 = (theme, colorScheme) => (0, import_react92.useMemo)(() => {
 var BaseCreateOrganization_styles_default = useStyles26;
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var logger8 = (0, import_browser83.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseCreateOrganization"
@@ -15084,13 +15114,13 @@ var BaseCreateOrganization = ({
       logger8.error("Form submission error:");
     }
   };
-  const createOrganizationContent = /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: (0, import_css58.cx)(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: (0, import_css58.cx)(styles["content"]), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("form", { id: "create-organization-form", className: (0, import_css58.cx)(styles["form"]), onSubmit: handleSubmit, children: [
-      error && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Alert_default.Title, { children: "Error" }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Alert_default.Description, { children: error })
+  const createOrganizationContent = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: (0, import_css58.cx)(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: (0, import_css58.cx)(styles["content"]), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("form", { id: "create-organization-form", className: (0, import_css58.cx)(styles["form"]), onSubmit: handleSubmit, children: [
+      error && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Alert_default.Title, { children: "Error" }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Alert_default.Description, { children: error })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         TextField_default,
         {
           label: `${t("elements.fields.organization.name.label")}`,
@@ -15103,7 +15133,7 @@ var BaseCreateOrganization = ({
           className: (0, import_css58.cx)(styles["input"])
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
         TextField_default,
         {
           label: `${t("elements.fields.organization.handle.label") || "Organization Handle"}`,
@@ -15117,9 +15147,9 @@ var BaseCreateOrganization = ({
           className: (0, import_css58.cx)(styles["input"])
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(FormControl_default, { error: formErrors.description, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(InputLabel_default, { required: true, children: t("elements.fields.organization.description.label") }),
-        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(FormControl_default, { error: formErrors.description, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(InputLabel_default, { required: true, children: t("elements.fields.organization.description.label") }),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
           "textarea",
           {
             className: (0, import_css58.cx)(styles["textarea"], formErrors.description && styles["textareaError"]),
@@ -15133,15 +15163,15 @@ var BaseCreateOrganization = ({
       ] }) }),
       renderAdditionalFields && renderAdditionalFields()
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: (0, import_css58.cx)(styles["actions"]), children: [
-      onCancel && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.buttons.cancel.text") }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(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__ */ (0, import_jsx_runtime104.jsxs)("div", { className: (0, import_css58.cx)(styles["actions"]), children: [
+      onCancel && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.buttons.cancel.text") }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(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__ */ (0, import_jsx_runtime103.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Dialog_default.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: styles["popup"], children: createOrganizationContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Dialog_default.Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: styles["popup"], children: createOrganizationContent })
     ] }) });
   }
   return createOrganizationContent;
@@ -15179,7 +15209,7 @@ var createOrganization = async ({
 var createOrganization_default = createOrganization;
 
 // src/components/presentation/CreateOrganization/CreateOrganization.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var CreateOrganization = ({
   onCreateOrganization,
   fallback = null,
@@ -15195,7 +15225,7 @@ var CreateOrganization = ({
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_jsx_runtime104.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_jsx_runtime105.Fragment, {});
   }
   const parentId = defaultParentId || currentOrganization?.id || "";
   const handleSubmit = async (payload) => {
@@ -15230,7 +15260,7 @@ var CreateOrganization = ({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     BaseCreateOrganization,
     {
       onSubmit: handleSubmit,
@@ -15478,20 +15508,20 @@ var useStyles27 = (theme, colorScheme) => (0, import_react95.useMemo)(() => {
 var BaseOrganizationList_styles_default = useStyles27;
 
 // src/components/presentation/OrganizationList/BaseOrganizationList.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
-var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect, showStatus) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationItem), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationContent), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Avatar, { variant: "square", name: organization.name, size: 48, alt: `${organization.name} logo` }),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationInfo), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { variant: "h6", className: (0, import_css60.cx)(styles.organizationName), children: organization.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles.organizationHandle), children: [
+var import_jsx_runtime106 = require("react/jsx-runtime");
+var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect, showStatus) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationItem), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationContent), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Avatar, { variant: "square", name: organization.name, size: 48, alt: `${organization.name} logo` }),
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationInfo), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Typography_default, { variant: "h6", className: (0, import_css60.cx)(styles.organizationName), children: organization.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles.organizationHandle), children: [
         "@",
         organization.orgHandle
       ] }),
-      showStatus && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles.organizationStatus), children: [
+      showStatus && /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles.organizationStatus), children: [
         t("organization.switcher.status.label"),
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
           "span",
           {
             className: (0, import_css60.cx)(
@@ -15504,7 +15534,7 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
       ] })
     ] })
   ] }),
-  organization.canSwitch && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles.organizationActions), children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  organization.canSwitch && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles.organizationActions), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     Button_default,
     {
       onClick: (e) => {
@@ -15517,17 +15547,17 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
     }
   ) })
 ] }, organization.id);
-var defaultRenderLoading = (t, styles) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css60.cx)(styles.loadingContainer), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Spinner_default, { size: "medium" }),
-  /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { variant: "body1", color: "textSecondary", className: (0, import_css60.cx)(styles.loadingText), children: t("organization.switcher.loading.placeholder.organizations") })
+var defaultRenderLoading = (t, styles) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles.loadingContainer), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Spinner_default, { size: "medium" }),
+  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Typography_default, { variant: "body1", color: "textSecondary", className: (0, import_css60.cx)(styles.loadingText), children: t("organization.switcher.loading.placeholder.organizations") })
 ] });
-var defaultRenderError = (errorMessage, t, styles) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles.errorContainer), children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Typography_default, { variant: "body1", color: "error", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("strong", { children: t("organization.switcher.error.prefix") }),
+var defaultRenderError = (errorMessage, t, styles) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles.errorContainer), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Typography_default, { variant: "body1", color: "error", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("strong", { children: t("organization.switcher.error.prefix") }),
   " ",
   errorMessage
 ] }) });
-var defaultRenderLoadMore = (onLoadMore, isLoadingMore, t, styles) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Button_default, { onClick: onLoadMore, disabled: isLoadingMore, className: (0, import_css60.cx)(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__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles.emptyContainer), children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { variant: "body1", color: "textSecondary", className: (0, import_css60.cx)(styles.emptyText), children: t("organization.switcher.no.organizations") }) });
+var defaultRenderLoadMore = (onLoadMore, isLoadingMore, t, styles) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button_default, { onClick: onLoadMore, disabled: isLoadingMore, className: (0, import_css60.cx)(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__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles.emptyContainer), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Typography_default, { variant: "body1", color: "textSecondary", className: (0, import_css60.cx)(styles.emptyText), children: t("organization.switcher.no.organizations") }) });
 var BaseOrganizationList = ({
   className = "",
   allOrganizations,
@@ -15571,42 +15601,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__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderLoadingWithStyles() });
+    const loadingContent = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderLoadingWithStyles() });
     if (mode === "popup") {
-      return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Dialog_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: loadingContent })
+      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Dialog_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: loadingContent })
       ] }) });
     }
     return loadingContent;
   }
   if (error && organizationsWithSwitchAccess?.length === 0) {
-    const errorContent = /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderErrorWithStyles(error) });
+    const errorContent = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderErrorWithStyles(error) });
     if (mode === "popup") {
-      return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Dialog_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: errorContent })
+      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Dialog_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: errorContent })
       ] }) });
     }
     return errorContent;
   }
   if (!isLoading && organizationsWithSwitchAccess?.length === 0) {
-    const emptyContent = /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderEmptyWithStyles() });
+    const emptyContent = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderEmptyWithStyles() });
     if (mode === "popup") {
-      return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Dialog_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: emptyContent })
+      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Dialog_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: emptyContent })
       ] }) });
     }
     return emptyContent;
   }
-  const organizationListContent = /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css60.cx)(styles["header"]), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles["headerInfo"]), children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles["subtitle"]), children: t("organization.switcher.showing.count", {
+  const organizationListContent = /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles["header"]), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["headerInfo"]), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles["subtitle"]), children: t("organization.switcher.showing.count", {
         showing: organizationsWithSwitchAccess?.length,
         total: allOrganizations?.organizations?.length || 0
       }) }) }),
-      onRefresh && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+      onRefresh && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
         Button_default,
         {
           onClick: onRefresh,
@@ -15618,16 +15648,16 @@ var BaseOrganizationList = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles["listContainer"]), children: organizationsWithSwitchAccess?.map(
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["listContainer"]), children: organizationsWithSwitchAccess?.map(
       (organization, index) => renderOrganizationWithStyles(organization, index)
     ) }),
-    error && organizationsWithSwitchAccess?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles["errorMargin"]), children: renderErrorWithStyles(error) }),
-    hasMore && fetchMore && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles["loadMoreMargin"]), children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
+    error && organizationsWithSwitchAccess?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["errorMargin"]), children: renderErrorWithStyles(error) }),
+    hasMore && fetchMore && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["loadMoreMargin"]), children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(Dialog_default.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: organizationListContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Dialog_default.Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: organizationListContent })
     ] }) });
   }
   return organizationListContent;
@@ -15697,7 +15727,7 @@ var useStyles28 = (theme, colorScheme) => (0, import_react97.useMemo)(() => {
 var OrganizationList_styles_default = useStyles28;
 
 // src/components/presentation/OrganizationList/OrganizationList.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var OrganizationList = (props) => {
   const { onOrganizationSelect, className = "", style, ...baseProps } = props;
   const { autoFetch, filter, limit, recursive, ...filteredBaseProps } = baseProps;
@@ -15712,7 +15742,7 @@ var OrganizationList = (props) => {
       setAllOrganizations(await getAllOrganizations2());
     })();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css62.cx)(styles["root"], className), style, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css62.cx)(styles["container"]), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: (0, import_css62.cx)(styles["root"], className), style, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: (0, import_css62.cx)(styles["container"]), children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     BaseOrganizationList,
     {
       allOrganizations,
@@ -16051,7 +16081,7 @@ var useStyles30 = (theme, colorScheme, disabled, readOnly, hasError) => (0, impo
 var KeyValueInput_styles_default = useStyles30;
 
 // src/components/primitives/KeyValueInput/KeyValueInput.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var KeyValueInput = ({
   className = "",
   disabled = false,
@@ -16128,18 +16158,18 @@ var KeyValueInput = ({
   const isAddDisabled = disabled || readOnly || !canAddMore || !newKey.trim() || !newValue.trim();
   const renderReadOnlyContent = () => {
     if (pairs.length === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
+      return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
     }
-    return pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+    return pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
       "div",
       {
         className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "readonly-pair")), styles["readOnlyPair"]),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("span", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "readonly-key")), styles["readOnlyKey"]), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "readonly-key")), styles["readOnlyKey"]), children: [
             pair.key,
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
             "span",
             {
               className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "readonly-value")), styles["readOnlyValue"]),
@@ -16151,10 +16181,10 @@ var KeyValueInput = ({
       `${pair.key}-${index}`
     ));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input")), styles["container"], className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("label", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "label")), styles["label"]), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input")), styles["container"], className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("label", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "label")), styles["label"]), children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+      required && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
         "span",
         {
           className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "required")), styles["requiredIndicator"]),
@@ -16162,13 +16192,13 @@ var KeyValueInput = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pairs-list")), styles["pairsList"]), children: [
-      readOnly ? renderReadOnlyContent() : pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pairs-list")), styles["pairsList"]), children: [
+      readOnly ? renderReadOnlyContent() : pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
         "div",
         {
           className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pair-row")), styles["pairRow"]),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               TextField_default,
               {
                 placeholder: keyPlaceholder,
@@ -16179,7 +16209,7 @@ var KeyValueInput = ({
                 "aria-label": `${keyLabel} ${index + 1}`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               TextField_default,
               {
                 placeholder: valuePlaceholder,
@@ -16190,7 +16220,7 @@ var KeyValueInput = ({
                 "aria-label": `${valueLabel} ${index + 1}`
               }
             ),
-            !readOnly && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+            !readOnly && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               "button",
               {
                 type: "button",
@@ -16201,15 +16231,15 @@ var KeyValueInput = ({
                   styles["removeButton"]
                 ),
                 "aria-label": `${removeButtonText} ${pair.key}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(X_default, { width: 16, height: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(X_default, { width: 16, height: 16 })
               }
             )
           ]
         },
         `${pair.key}-${index}`
       )),
-      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "add-row")), styles["addRow"]), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "add-row")), styles["addRow"]), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           TextField_default,
           {
             placeholder: keyPlaceholder,
@@ -16220,7 +16250,7 @@ var KeyValueInput = ({
             "aria-label": "New key"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           TextField_default,
           {
             placeholder: valuePlaceholder,
@@ -16236,7 +16266,7 @@ var KeyValueInput = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
           "button",
           {
             type: "button",
@@ -16244,13 +16274,13 @@ var KeyValueInput = ({
             disabled: isAddDisabled,
             className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "add-button")), styles["addButton"]),
             "aria-label": "Add new key-value pair",
-            children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Plus_default, { width: 16, height: 16 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Plus_default, { width: 16, height: 16 })
           }
         )
       ] })
     ] }),
-    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
-    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "counter")), styles["counterText"]), children: [
+    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
+    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "counter")), styles["counterText"]), children: [
       pairs.length,
       " of ",
       maxPairs,
@@ -16261,7 +16291,7 @@ var KeyValueInput = ({
 var KeyValueInput_default = KeyValueInput;
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var BaseOrganizationProfile = ({
   fallback = null,
   className = "",
@@ -16310,7 +16340,7 @@ var BaseOrganizationProfile = ({
   const styles = BaseOrganizationProfile_styles_default(theme, colorScheme);
   const [editedOrganization, setEditedOrganization] = (0, import_react102.useState)(organization);
   const [editingFields, setEditingFields] = (0, import_react102.useState)({});
-  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     "svg",
     {
       width: "16",
@@ -16321,7 +16351,7 @@ var BaseOrganizationProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
     }
   );
   const toggleFieldEdit = (0, import_react102.useCallback)((fieldName) => {
@@ -16391,7 +16421,7 @@ var BaseOrganizationProfile = ({
       let fieldInput;
       if (key === "attributes") {
         const attributesValue = typeof fieldValue === "object" && fieldValue !== null ? fieldValue : {};
-        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
           KeyValueInput_default,
           {
             value: attributesValue,
@@ -16429,26 +16459,26 @@ var BaseOrganizationProfile = ({
           }
         );
       } else {
-        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(TextField_default, { ...commonProps });
+        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(TextField_default, { ...commonProps });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: (0, import_css66.cx)(styles["label"]), children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: (0, import_css66.cx)(styles["value"]), children: fieldInput })
+      return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: (0, import_css66.cx)(styles["label"]), children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(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__ */ (0, import_jsx_runtime108.jsx)(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
+      displayValue = key === "attributes" && typeof value === "object" && value !== null ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
     } else if (isFieldEditable) {
       displayValue = getFieldPlaceholder(key);
     } else {
       displayValue = "-";
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: (0, import_css66.cx)(styles["label"]), children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: (0, import_css66.cx)(styles["value"], !hasValue && styles["valueEmpty"]), children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: (0, import_css66.cx)(styles["label"]), children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(styles["value"], !hasValue && styles["valueEmpty"]), children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
         Button_default,
         {
           onClick: onStartEdit,
@@ -16471,8 +16501,8 @@ var BaseOrganizationProfile = ({
     if (!shouldShow) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: (0, import_css66.cx)(styles["field"]), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: (0, import_css66.cx)(styles["fieldContent"]), children: renderField(
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css66.cx)(styles["field"]), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(styles["fieldContent"]), children: renderField(
         field,
         isFieldEditing,
         (value) => {
@@ -16482,8 +16512,8 @@ var BaseOrganizationProfile = ({
         },
         () => toggleFieldEdit(field.key)
       ) }),
-      isFieldEditable && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: (0, import_css66.cx)(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      isFieldEditable && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
           Button_default,
           {
             onClick: () => handleFieldSave(field.key),
@@ -16494,7 +16524,7 @@ var BaseOrganizationProfile = ({
             children: saveButtonText
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
           Button_default,
           {
             onClick: () => handleFieldCancel(field.key),
@@ -16505,7 +16535,7 @@ var BaseOrganizationProfile = ({
             children: cancelButtonText
           }
         )
-      ] }) : hasValue && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      ] }) : hasValue && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
         Button_default,
         {
           onClick: () => toggleFieldEdit(field.key),
@@ -16514,7 +16544,7 @@ var BaseOrganizationProfile = ({
           size: "small",
           title: "Edit field",
           className: (0, import_css66.cx)(styles["editButton"]),
-          children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(PencilIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(PencilIcon, {})
         }
       ) })
     ] }, field.key);
@@ -16522,23 +16552,23 @@ var BaseOrganizationProfile = ({
   if (!organization) {
     return fallback;
   }
-  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Card_default, { className: (0, import_css66.cx)(styles["root"], cardLayout && styles["card"], className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: (0, import_css66.cx)(styles["header"]), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: (0, import_css66.cx)(styles["orgInfo"]), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("h2", { className: (0, import_css66.cx)(styles["name"]), children: organization.name }),
-        organization.orgHandle && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("p", { className: (0, import_css66.cx)(styles["handle"]), children: [
+  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Card_default, { className: (0, import_css66.cx)(styles["root"], cardLayout && styles["card"], className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css66.cx)(styles["header"]), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css66.cx)(styles["orgInfo"]), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("h2", { className: (0, import_css66.cx)(styles["name"]), children: organization.name }),
+        organization.orgHandle && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("p", { className: (0, import_css66.cx)(styles["handle"]), children: [
           "@",
           organization.orgHandle
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: (0, import_css66.cx)(styles["infoContainer"]), children: fields.map((field) => renderOrganizationField(field)) })
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(styles["infoContainer"]), children: fields.map((field) => renderOrganizationField(field)) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Dialog_default.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: (0, import_css66.cx)(styles["popup"]), children: profileContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Dialog_default.Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(styles["popup"]), children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -16607,7 +16637,7 @@ var updateOrganization = async ({
 var updateOrganization_default = updateOrganization;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var logger9 = (0, import_browser89.createPackageComponentLogger)(
   "@asgardeo/react",
   "OrganizationProfile"
@@ -16665,7 +16695,7 @@ var OrganizationProfile = ({
       throw err;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     BaseOrganizationProfile_default,
     {
       organization,
@@ -16682,7 +16712,7 @@ var OrganizationProfile = ({
 var OrganizationProfile_default = OrganizationProfile;
 
 // src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var OrganizationSwitcher = ({
   currentOrganization: propCurrentOrganization,
   fallback = null,
@@ -16707,7 +16737,7 @@ var OrganizationSwitcher = ({
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_jsx_runtime110.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_jsx_runtime111.Fragment, {});
   }
   const organizations = propOrganizations || contextOrganizations || [];
   const currentOrganization = propCurrentOrganization || contextCurrentOrganization;
@@ -16721,19 +16751,19 @@ var OrganizationSwitcher = ({
   const defaultMenuItems = [];
   if (currentOrganization) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(BuildingAlt_default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(BuildingAlt_default, {}),
       label: t("organization.switcher.manage.organizations"),
       onClick: handleManageOrganizations
     });
   }
   defaultMenuItems.push({
-    icon: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("path", { d: "M12 5v14m-7-7h14" }) }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("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__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       BaseOrganizationSwitcher,
       {
         organizations,
@@ -16747,7 +16777,7 @@ var OrganizationSwitcher = ({
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       CreateOrganization,
       {
         mode: "popup",
@@ -16761,7 +16791,7 @@ var OrganizationSwitcher = ({
         }
       }
     ),
-    currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       OrganizationProfile_default,
       {
         organizationId: currentOrganization.id,
@@ -16769,11 +16799,11 @@ var OrganizationSwitcher = ({
         open: isProfileOpen,
         onOpenChange: setIsProfileOpen,
         cardLayout: true,
-        loadingFallback: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { children: t("organization.profile.loading") }),
-        errorFallback: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { children: t("organization.profile.error") })
+        loadingFallback: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { children: t("organization.profile.loading") }),
+        errorFallback: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { children: t("organization.profile.error") })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
       OrganizationList_default,
       {
         mode: "popup",
@@ -16910,7 +16940,7 @@ var useStyles31 = (theme, colorScheme) => (0, import_react105.useMemo)(() => {
 var BaseLanguageSwitcher_styles_default = useStyles31;
 
 // src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var BaseLanguageSwitcher = ({
   children,
   className,
@@ -16922,27 +16952,33 @@ var BaseLanguageSwitcher = ({
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseLanguageSwitcher_styles_default(theme, colorScheme);
   const [isOpen, setIsOpen] = (0, import_react107.useState)(false);
+  const hasMultipleLanguages = languages.length > 1;
+  (0, import_react107.useEffect)(() => {
+    if (!hasMultipleLanguages && isOpen) {
+      setIsOpen(false);
+    }
+  }, [hasMultipleLanguages, isOpen]);
   const { refs, floatingStyles, context } = (0, import_react106.useFloating)({
     middleware: [(0, import_react106.offset)(4), (0, import_react106.flip)(), (0, import_react106.shift)()],
     onOpenChange: setIsOpen,
     open: isOpen,
     whileElementsMounted: import_react106.autoUpdate
   });
-  const click = (0, import_react106.useClick)(context);
-  const dismiss = (0, import_react106.useDismiss)(context);
-  const role = (0, import_react106.useRole)(context, { role: "listbox" });
+  const click = (0, import_react106.useClick)(context, { enabled: hasMultipleLanguages });
+  const dismiss = (0, import_react106.useDismiss)(context, { enabled: hasMultipleLanguages });
+  const role = (0, import_react106.useRole)(context, { enabled: hasMultipleLanguages, role: "listbox" });
   const { getReferenceProps, getFloatingProps } = (0, import_react106.useInteractions)([click, dismiss, role]);
   const currentOption = languages.find((l) => l.code === currentLanguage);
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_jsx_runtime111.Fragment, { children: children({
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_jsx_runtime112.Fragment, { children: children({
       currentLanguage,
       isLoading,
       languages,
       onLanguageChange
     }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css68.cx)(styles["root"], className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: (0, import_css68.cx)(styles["root"], className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
       "button",
       {
         ref: refs.setReference,
@@ -16952,13 +16988,13 @@ var BaseLanguageSwitcher = ({
         ...getReferenceProps(),
         className: styles["trigger"],
         children: [
-          currentOption && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: styles["triggerEmoji"], children: currentOption.emoji }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: styles["triggerLabel"], children: currentOption?.displayName ?? currentLanguage }),
-          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ChevronDown_default, {})
+          currentOption && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: styles["triggerEmoji"], children: currentOption.emoji }),
+          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: styles["triggerLabel"], children: currentOption?.displayName ?? currentLanguage }),
+          hasMultipleLanguages && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ChevronDown_default, {})
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react106.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_react106.FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    isOpen && hasMultipleLanguages && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react106.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react106.FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
       "div",
       {
         ref: refs.setFloating,
@@ -16967,7 +17003,7 @@ var BaseLanguageSwitcher = ({
         className: styles["content"],
         role: "listbox",
         "aria-label": "Select language",
-        children: languages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
+        children: languages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
           "button",
           {
             type: "button",
@@ -16979,9 +17015,9 @@ var BaseLanguageSwitcher = ({
               setIsOpen(false);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: styles["optionEmoji"], children: lang.emoji }),
-              /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: styles["optionLabel"], children: lang.displayName }),
-              lang.code === currentLanguage && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { className: styles["checkIcon"], children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Check_default, {}) })
+              /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: styles["optionEmoji"], children: lang.emoji }),
+              /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: styles["optionLabel"], children: lang.displayName }),
+              lang.code === currentLanguage && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: styles["checkIcon"], children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Check_default, {}) })
             ]
           },
           lang.code
@@ -17008,25 +17044,30 @@ var useFlowMeta = () => {
 var useFlowMeta_default = useFlowMeta;
 
 // src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var LanguageSwitcher = ({ children, className }) => {
   const { meta, switchLanguage, isLoading } = useFlowMeta_default();
   const { currentLanguage } = useTranslation_default();
   const availableLanguageCodes = meta?.i18n?.languages ?? [];
+  const effectiveLanguageCodes = (0, import_react109.useMemo)(() => {
+    const fallbackCodes = availableLanguageCodes.length > 0 ? availableLanguageCodes : [currentLanguage];
+    return Array.from(/* @__PURE__ */ new Set([currentLanguage, ...fallbackCodes]));
+  }, [availableLanguageCodes, currentLanguage]);
   const languages = (0, import_react109.useMemo)(
-    () => availableLanguageCodes.map((code) => ({
+    () => effectiveLanguageCodes.map((code) => ({
       code,
-      displayName: (0, import_browser90.resolveLocaleDisplayName)(code, currentLanguage),
+      // Resolve each label in its own locale so option names stay stable across UI language switches.
+      displayName: (0, import_browser90.resolveLocaleDisplayName)(code, code) || code,
       emoji: (0, import_browser90.resolveLocaleEmoji)(code)
     })),
-    [availableLanguageCodes, currentLanguage]
+    [effectiveLanguageCodes]
   );
   const handleLanguageChange = (language) => {
     if (language !== currentLanguage) {
       switchLanguage(language);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     BaseLanguageSwitcher_default,
     {
       currentLanguage,