@asgardeo/react 0.5.3 → 0.5.4

package/dist/cjs/index.js

@@ -50,6 +50,7 @@ __export(index_exports, {
   BaseUser: () => BaseUser_default,
   BaseUserDropdown: () => BaseUserDropdown_default,
   BaseUserProfile: () => BaseUserProfile_default,
+  BuildingAlt: () => BuildingAlt_default,
   Button: () => Button_default,
   Card: () => Card_default,
   CardAction: () => CardAction,
@@ -83,6 +84,7 @@ __export(index_exports, {
   LinkedInButton: () => LinkedInButton_default,
   LogOut: () => LogOut_default,
   MicrosoftButton: () => MicrosoftButton_default,
+  MultiInput: () => MultiInput_default,
   MultiOptionButton: () => MultiOptionButton_default,
   Organization: () => Organization_default,
   OrganizationContext: () => OrganizationContext_default,
@@ -119,7 +121,7 @@ __export(index_exports, {
   UsernamePassword: () => UsernamePassword_default,
   createField: () => createField,
   createOrganization: () => createOrganization_default,
-  createPatchOperations: () => import_browser60.createPatchOperations,
+  createPatchOperations: () => import_browser61.createPatchOperations,
   createSignInOption: () => createSignInOption,
   createSignInOptionFromAuthenticator: () => createSignInOptionFromAuthenticator,
   getAllOrganizations: () => getAllOrganizations_default,
@@ -149,6 +151,8 @@ var import_react13 = require("react");
 // src/contexts/Asgardeo/AsgardeoContext.ts
 var import_react = require("react");
 var AsgardeoContext = (0, import_react.createContext)({
+  organizationHandle: void 0,
+  applicationId: void 0,
   signInUrl: void 0,
   signUpUrl: void 0,
   afterSignInUrl: void 0,
@@ -370,8 +374,8 @@ var _AuthAPI = class _AuthAPI {
    * @return {Promise<DecodedIDTokenPayloadInterface>} - A Promise that resolves with
    * the decoded payload of the id token.
    */
-  async getDecodedIdToken() {
-    return this._client.getDecodedIdToken();
+  async getDecodedIdToken(sessionId) {
+    return this._client.getDecodedIdToken(sessionId);
   }
   /**
    * This method decodes the payload of the idp id token and returns it.
@@ -598,12 +602,22 @@ var AsgardeoReactClient = class extends import_browser5.AsgardeoBrowserClient {
     this.asgardeo = new api_default();
   }
   initialize(config) {
-    return this.asgardeo.init(config);
+    let resolvedOrganizationHandle = config?.organizationHandle;
+    if (!resolvedOrganizationHandle) {
+      resolvedOrganizationHandle = (0, import_browser5.deriveOrganizationHandleFromBaseUrl)(config?.baseUrl);
+    }
+    return this.asgardeo.init({ ...config, organizationHandle: resolvedOrganizationHandle });
   }
-  async getUser() {
+  async updateUserProfile(payload, userId) {
+    throw new Error("Not implemented");
+  }
+  async getUser(options) {
     try {
-      const configData = await this.asgardeo.getConfigData();
-      const baseUrl = configData?.baseUrl;
+      let baseUrl = options?.baseUrl;
+      if (!baseUrl) {
+        const configData = await this.asgardeo.getConfigData();
+        baseUrl = configData?.baseUrl;
+      }
       const profile = await getScim2Me_default({ baseUrl });
       const schemas = await getSchemas_default({ baseUrl });
       return (0, import_browser5.generateUserProfile)(profile, (0, import_browser5.flattenUserSchema)(schemas));
@@ -611,10 +625,16 @@ var AsgardeoReactClient = class extends import_browser5.AsgardeoBrowserClient {
       return this.asgardeo.getDecodedIdToken();
     }
   }
-  async getUserProfile() {
+  async getDecodedIdToken(sessionId) {
+    return this.asgardeo.getDecodedIdToken(sessionId);
+  }
+  async getUserProfile(options) {
     try {
-      const configData = await this.asgardeo.getConfigData();
-      const baseUrl = configData?.baseUrl;
+      let baseUrl = options?.baseUrl;
+      if (!baseUrl) {
+        const configData = await this.asgardeo.getConfigData();
+        baseUrl = configData?.baseUrl;
+      }
       const profile = await getScim2Me_default({ baseUrl });
       const schemas = await getSchemas_default({ baseUrl });
       const processedSchemas = (0, import_browser5.flattenUserSchema)(schemas);
@@ -632,10 +652,13 @@ var AsgardeoReactClient = class extends import_browser5.AsgardeoBrowserClient {
       };
     }
   }
-  async getOrganizations() {
+  async getOrganizations(options) {
     try {
-      const configData = await this.asgardeo.getConfigData();
-      const baseUrl = configData?.baseUrl;
+      let baseUrl = options?.baseUrl;
+      if (!baseUrl) {
+        const configData = await this.asgardeo.getConfigData();
+        baseUrl = configData?.baseUrl;
+      }
       const organizations = await getMeOrganizations_default({ baseUrl });
       return organizations;
     } catch (error) {
@@ -716,7 +739,7 @@ var AsgardeoReactClient = class extends import_browser5.AsgardeoBrowserClient {
         url: arg2.url
       });
     }
-    return this.asgardeo.signIn(arg1);
+    return await this.asgardeo.signIn(arg1);
   }
   async signOut(...args) {
     if (args[1] && typeof args[1] !== "function") {
@@ -1099,6 +1122,7 @@ var OrganizationProvider = ({
   const [switchableOrgIds, setSwitchableOrgIds] = (0, import_react8.useState)(/* @__PURE__ */ new Set());
   const [currentPage, setCurrentPage] = (0, import_react8.useState)(1);
   const [currentFilter, setCurrentFilter] = (0, import_react8.useState)({});
+  const [isFetching, setIsFetching] = (0, import_react8.useState)(false);
   const fetchOrganizations = (0, import_react8.useCallback)(async () => {
     if (!isSignedIn) {
       return;
@@ -1161,9 +1185,10 @@ var OrganizationProvider = ({
   const fetchPaginatedOrganizations = (0, import_react8.useCallback)(
     async (config = {}) => {
       const { filter = "", limit = 10, recursive = false, reset = false } = config;
-      if (!isSignedIn || !baseUrl) {
+      if (!isSignedIn || !baseUrl || isFetching) {
         return;
       }
+      setIsFetching(true);
       try {
         if (reset) {
           setIsLoading(true);
@@ -1194,7 +1219,23 @@ var OrganizationProvider = ({
           filter,
           limit,
           recursive,
-          ...reset ? {} : { startIndex: (currentPage - 1) * limit }
+          ...reset ? {} : { startIndex: (currentPage - 1) * limit },
+          fetcher: async (url, config2) => {
+            try {
+              const response2 = await fetch(url, config2);
+              if (response2.status === 401 || response2.status === 403) {
+                const error2 = new Error("Insufficient permissions");
+                error2.status = response2.status;
+                throw error2;
+              }
+              return response2;
+            } catch (error2) {
+              if (error2.status === 401 || error2.status === 403) {
+                error2.noRetry = true;
+              }
+              throw error2;
+            }
+          }
         });
         const organizationsWithAccess = response.organizations.map(
           (org) => ({
@@ -1214,14 +1255,22 @@ var OrganizationProvider = ({
         setHasMore(response.hasMore || false);
         setTotalCount(response.totalCount || organizationsWithAccess.length);
       } catch (fetchError) {
-        const errorMessage = fetchError.message || "Failed to fetch paginated organizations";
+        const isAuthError = fetchError.status === 403 || fetchError.status === 401 || fetchError.noRetry === true;
+        const errorMessage = isAuthError ? "Insufficient permissions to fetch organizations" : fetchError.message || "Failed to fetch paginated organizations";
         setError(errorMessage);
+        if (isAuthError) {
+          setHasMore(false);
+          setIsLoadingMore(false);
+          setIsLoading(false);
+          return;
+        }
         if (onError) {
           onError(errorMessage);
         }
       } finally {
         setIsLoading(false);
         setIsLoadingMore(false);
+        setIsFetching(false);
       }
     },
     [baseUrl, isSignedIn, onError, switchableOrgIds, currentPage]
@@ -1294,13 +1343,46 @@ var applyThemeToDOM = (theme) => {
 var ThemeProvider = ({
   children,
   theme: themeConfig,
-  defaultColorScheme = "light"
+  mode = "system",
+  detection = {}
 }) => {
-  const [colorScheme, setColorScheme] = (0, import_react10.useState)(defaultColorScheme);
+  const [colorScheme, setColorScheme] = (0, import_react10.useState)(() => {
+    if (mode === "light" || mode === "dark") {
+      return mode;
+    }
+    return (0, import_browser11.detectThemeMode)(mode, detection);
+  });
   const theme = (0, import_react10.useMemo)(() => (0, import_browser11.createTheme)(themeConfig, colorScheme === "dark"), [themeConfig, colorScheme]);
-  const toggleTheme = () => {
+  const handleThemeChange = (0, import_react10.useCallback)((isDark) => {
+    setColorScheme(isDark ? "dark" : "light");
+  }, []);
+  const toggleTheme = (0, import_react10.useCallback)(() => {
     setColorScheme((prev) => prev === "light" ? "dark" : "light");
-  };
+  }, []);
+  (0, import_react10.useEffect)(() => {
+    let observer = null;
+    let mediaQuery = null;
+    if (mode === "class") {
+      const targetElement = detection.targetElement || document.documentElement;
+      if (targetElement) {
+        observer = (0, import_browser11.createClassObserver)(targetElement, handleThemeChange, detection);
+      }
+    } else if (mode === "system") {
+      mediaQuery = (0, import_browser11.createMediaQueryListener)(handleThemeChange);
+    }
+    return () => {
+      if (observer) {
+        observer.disconnect();
+      }
+      if (mediaQuery) {
+        if (mediaQuery.removeEventListener) {
+          mediaQuery.removeEventListener("change", handleThemeChange);
+        } else {
+          mediaQuery.removeListener(handleThemeChange);
+        }
+      }
+    };
+  }, [mode, detection, handleThemeChange]);
   (0, import_react10.useEffect)(() => {
     applyThemeToDOM(theme);
   }, [theme]);
@@ -1322,7 +1404,9 @@ var UserContext = (0, import_react11.createContext)({
   profile: null,
   schemas: null,
   flattenedProfile: null,
-  revalidateProfile: () => null
+  revalidateProfile: () => null,
+  updateProfile: () => null,
+  onUpdateProfile: () => null
 });
 UserContext.displayName = "UserContext";
 var UserContext_default = UserContext;
@@ -1332,16 +1416,20 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 var UserProvider = ({
   children,
   profile,
-  revalidateProfile
+  revalidateProfile,
+  onUpdateProfile,
+  updateProfile
 }) => {
   const contextValue = (0, import_react12.useMemo)(
     () => ({
       schemas: profile?.schemas,
       profile: profile?.profile,
       flattenedProfile: profile?.flattenedProfile,
-      revalidateProfile
+      revalidateProfile,
+      updateProfile,
+      onUpdateProfile
     }),
-    [profile]
+    [profile, onUpdateProfile, revalidateProfile, updateProfile]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(UserContext_default.Provider, { value: contextValue, children });
 };
@@ -1352,13 +1440,15 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 var AsgardeoProvider = ({
   afterSignInUrl = window.location.origin,
   afterSignOutUrl = window.location.origin,
-  baseUrl,
+  baseUrl: _baseUrl,
   clientId,
   children,
   scopes,
   preferences,
   signInUrl,
   signUpUrl,
+  organizationHandle,
+  applicationId,
   ...rest
 }) => {
   const reRenderCheckRef = (0, import_react13.useRef)(false);
@@ -1369,18 +1459,26 @@ var AsgardeoProvider = ({
   const [isSignedInSync, setIsSignedInSync] = (0, import_react13.useState)(false);
   const [isInitializedSync, setIsInitializedSync] = (0, import_react13.useState)(false);
   const [userProfile, setUserProfile] = (0, import_react13.useState)(null);
+  const [baseUrl, setBaseUrl] = (0, import_react13.useState)(_baseUrl);
+  const [config, setConfig] = (0, import_react13.useState)({
+    applicationId,
+    organizationHandle,
+    afterSignInUrl,
+    afterSignOutUrl,
+    baseUrl,
+    clientId,
+    scopes,
+    signUpUrl,
+    signInUrl,
+    ...rest
+  });
+  (0, import_react13.useEffect)(() => {
+    setBaseUrl(_baseUrl);
+  }, [_baseUrl]);
   (0, import_react13.useEffect)(() => {
     (async () => {
-      await asgardeo.initialize({
-        afterSignInUrl,
-        afterSignOutUrl,
-        baseUrl,
-        clientId,
-        scopes,
-        signUpUrl,
-        signInUrl,
-        ...rest
-      });
+      await asgardeo.initialize(config);
+      setConfig(await asgardeo.getConfiguration());
     })();
   }, []);
   (0, import_react13.useEffect)(() => {
@@ -1390,9 +1488,7 @@ var AsgardeoProvider = ({
     reRenderCheckRef.current = true;
     (async () => {
       if (await asgardeo.isSignedIn()) {
-        setUser(await asgardeo.getUser());
-        setUserProfile(await asgardeo.getUserProfile());
-        setCurrentOrganization(await asgardeo.getCurrentOrganization());
+        await updateSession();
         return;
       }
       if (hasAuthParams(new URL(window.location.href), afterSignInUrl)) {
@@ -1445,13 +1541,21 @@ var AsgardeoProvider = ({
       }
     })();
   }, [asgardeo]);
+  const updateSession = async () => {
+    let _baseUrl2 = baseUrl;
+    if ((await asgardeo.getDecodedIdToken())?.["user_org"]) {
+      _baseUrl2 = `${(await asgardeo.getConfiguration()).baseUrl}/o`;
+      setBaseUrl(_baseUrl2);
+    }
+    setUser(await asgardeo.getUser({ baseUrl: _baseUrl2 }));
+    setUserProfile(await asgardeo.getUserProfile({ baseUrl: _baseUrl2 }));
+    setCurrentOrganization(await asgardeo.getCurrentOrganization());
+  };
   const signIn = async (...args) => {
     try {
       const response = await asgardeo.signIn(...args);
       if (await asgardeo.isSignedIn()) {
-        setUser(await asgardeo.getUser());
-        setUserProfile(await asgardeo.getUserProfile());
-        setCurrentOrganization(await asgardeo.getCurrentOrganization());
+        await updateSession();
       }
       return response;
     } catch (error) {
@@ -1475,9 +1579,7 @@ var AsgardeoProvider = ({
     try {
       await asgardeo.switchOrganization(organization);
       if (await asgardeo.isSignedIn()) {
-        setUser(await asgardeo.getUser());
-        setUserProfile(await asgardeo.getUserProfile());
-        setCurrentOrganization(await asgardeo.getCurrentOrganization());
+        await updateSession();
       }
     } catch (error) {
       throw new import_browser12.AsgardeoRuntimeError(
@@ -1494,10 +1596,20 @@ var AsgardeoProvider = ({
     }
     return preferences.theme.mode === "dark";
   }, [preferences?.theme?.mode]);
+  const handleProfileUpdate = (payload) => {
+    setUser(payload);
+    setUserProfile((prev) => ({
+      ...prev,
+      profile: payload,
+      flattenedProfile: (0, import_browser12.generateFlattenedUserProfile)(payload, prev?.schemas)
+    }));
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     AsgardeoContext_default.Provider,
     {
       value: {
+        applicationId,
+        organizationHandle: config?.organizationHandle,
         signInUrl,
         signUpUrl,
         afterSignInUrl,
@@ -1511,22 +1623,15 @@ var AsgardeoProvider = ({
         signUp,
         user
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(I18nProvider_default, { preferences: preferences?.i18n, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ThemeProvider_default, { theme: preferences?.theme?.overrides, defaultColorScheme: isDarkMode ? "dark" : "light", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        UserProvider_default,
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(I18nProvider_default, { preferences: preferences?.i18n, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ThemeProvider_default, { theme: preferences?.theme?.overrides, mode: isDarkMode ? "dark" : "light", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(UserProvider_default, { profile: userProfile, onUpdateProfile: handleProfileUpdate, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        OrganizationProvider_default,
         {
-          profile: userProfile,
-          revalidateProfile: async () => setUserProfile(await asgardeo.getUserProfile()),
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            OrganizationProvider_default,
-            {
-              getOrganizations: async () => asgardeo.getOrganizations(),
-              currentOrganization,
-              onOrganizationSwitch: switchOrganization,
-              children
-            }
-          )
+          getOrganizations: async () => asgardeo.getOrganizations(),
+          currentOrganization,
+          onOrganizationSwitch: switchOrganization,
+          children
         }
-      ) }) }) })
+      ) }) }) }) })
     }
   );
 };
@@ -4341,8 +4446,7 @@ var useCardStyles = (variant, clickable) => {
       },
       outlined: {
         ...baseStyles,
-        border: `1px solid ${theme.colors.border}`,
-        backgroundColor: "transparent"
+        border: `1px solid ${theme.colors.border}`
       },
       elevated: {
         ...baseStyles,
@@ -5508,7 +5612,7 @@ var BaseSignIn_default = BaseSignIn;
 
 // src/components/presentation/SignIn/SignIn.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var SignIn = ({ className, size = "medium", variant = "outlined" }) => {
+var SignIn = ({ className, size = "medium", ...rest }) => {
   const { signIn, afterSignInUrl, isInitialized, isLoading } = useAsgardeo_default();
   const handleInitialize = async () => {
     return await signIn({ response_mode: "direct" });
@@ -5537,7 +5641,7 @@ var SignIn = ({ className, size = "medium", variant = "outlined" }) => {
       onSuccess: handleSuccess,
       className,
       size,
-      variant
+      ...rest
     }
   );
 };
@@ -6489,11 +6593,11 @@ var import_jsx_runtime62 = require("react/jsx-runtime");
 var SignUp = ({
   className,
   size = "medium",
-  variant = "outlined",
   afterSignUpUrl,
   onError,
   onComplete,
-  shouldRedirectAfterSignUp = true
+  shouldRedirectAfterSignUp = true,
+  ...rest
 }) => {
   const { signUp, isInitialized } = useAsgardeo_default();
   const handleInitialize = async (payload) => await signUp(
@@ -6522,8 +6626,8 @@ var SignUp = ({
       onComplete: handleComplete,
       className,
       size,
-      variant,
-      isInitialized
+      isInitialized,
+      ...rest
     }
   );
 };
@@ -6570,9 +6674,9 @@ Organization5.displayName = "Organization";
 var Organization_default = Organization5;
 
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
-var import_browser51 = require("@asgardeo/browser");
-var import_clsx19 = __toESM(require("clsx"), 1);
-var import_react43 = require("react");
+var import_browser52 = require("@asgardeo/browser");
+var import_clsx20 = __toESM(require("clsx"), 1);
+var import_react44 = require("react");
 
 // src/utils/getMappedUserProfileValue.ts
 var import_browser48 = require("@asgardeo/browser");
@@ -7095,8 +7199,238 @@ var LegacyPopover = ({ isOpen, children, onClose, className = "", mode = "modal"
 LegacyPopover.Header = LegacyPopoverHeader;
 LegacyPopover.Content = LegacyPopoverContent;
 
-// src/components/presentation/UserProfile/BaseUserProfile.tsx
+// src/components/primitives/MultiInput/MultiInput.tsx
+var import_react43 = require("react");
+var import_clsx19 = __toESM(require("clsx"), 1);
+var import_browser51 = require("@asgardeo/browser");
 var import_jsx_runtime73 = require("react/jsx-runtime");
+var useStyles4 = () => {
+  const { theme } = useTheme_default();
+  return (0, import_react43.useMemo)(
+    () => ({
+      container: {
+        display: "flex",
+        flexDirection: "column",
+        gap: `${theme.spacing.unit}px`
+      },
+      inputRow: {
+        display: "flex",
+        alignItems: "center",
+        gap: `${theme.spacing.unit}px`,
+        position: "relative"
+      },
+      inputWrapper: {
+        flex: 1
+      },
+      plusIcon: {
+        background: "var(--asgardeo-color-secondary-main)",
+        borderRadius: "50%",
+        outline: "4px var(--asgardeo-color-secondary-main) auto",
+        color: "var(--asgardeo-color-secondary-contrastText)"
+      },
+      listContainer: {
+        display: "flex",
+        flexDirection: "column",
+        gap: `${theme.spacing.unit / 2}px`
+      },
+      listItem: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        padding: `${theme.spacing.unit}px ${theme.spacing.unit * 1.5}px`,
+        backgroundColor: theme.colors.background.surface,
+        border: `1px solid ${theme.colors.border}`,
+        borderRadius: theme.borderRadius.medium,
+        fontSize: "1rem",
+        color: theme.colors.text.primary
+      },
+      removeButton: {
+        padding: `${theme.spacing.unit / 2}px`,
+        minWidth: "auto",
+        color: theme.colors.error.main
+      }
+    }),
+    [theme]
+  );
+};
+var MultiInput = ({
+  label,
+  error,
+  required,
+  className,
+  disabled,
+  helperText,
+  placeholder = "Enter value",
+  values = [],
+  onChange,
+  style = {},
+  type = "text",
+  fieldType = "STRING",
+  startIcon,
+  endIcon,
+  minFields = 1,
+  maxFields
+}) => {
+  const styles = useStyles4();
+  const PlusIcon = ({ style: style2 }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style: style2,
+      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M12 5v14M5 12h14" })
+    }
+  );
+  const BinIcon = () => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ (0, import_jsx_runtime73.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_react43.useCallback)(
+    (newValue) => {
+      if (newValue.trim() !== "" && (!maxFields || values.length < maxFields)) {
+        onChange([...values, newValue.trim()]);
+      }
+    },
+    [values, onChange, maxFields]
+  );
+  const handleRemoveValue = (0, import_react43.useCallback)(
+    (index) => {
+      if (values.length > minFields) {
+        const updatedValues = values.filter((_, i) => i !== index);
+        onChange(updatedValues);
+      }
+    },
+    [values, onChange, minFields]
+  );
+  const renderInputField = (0, import_react43.useCallback)(
+    (value, onValueChange, attachedEndIcon, onEndIconClick) => {
+      const handleInputChange = (e) => {
+        const newValue = e.target ? e.target.value : e;
+        onValueChange(newValue);
+      };
+      const handleKeyDown = (e) => {
+        if (e.key === "Enter" && onEndIconClick) {
+          e.preventDefault();
+          onEndIconClick();
+        }
+      };
+      const finalEndIcon = attachedEndIcon || endIcon;
+      const commonProps = {
+        value,
+        onChange: handleInputChange,
+        onKeyDown: handleKeyDown,
+        placeholder,
+        disabled,
+        startIcon,
+        endIcon: finalEndIcon,
+        onEndIconClick,
+        error
+      };
+      switch (fieldType) {
+        case "DATE_TIME":
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DatePicker_default, { ...commonProps });
+        case "BOOLEAN":
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            Checkbox_default,
+            {
+              ...commonProps,
+              checked: value === "true" || Boolean(value),
+              onChange: (e) => onValueChange(e.target.checked ? "true" : "false")
+            }
+          );
+        default:
+          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TextField_default, { ...commonProps, type });
+      }
+    },
+    [placeholder, disabled, startIcon, endIcon, error, fieldType, type]
+  );
+  const canAddMore = !maxFields || values.length < maxFields;
+  const canRemove = values.length > minFields;
+  const [currentInputValue, setCurrentInputValue] = (0, import_react43.useState)("");
+  const handleInputSubmit = (0, import_react43.useCallback)(() => {
+    if (currentInputValue.trim() !== "") {
+      handleAddValue(currentInputValue);
+      setCurrentInputValue("");
+    }
+  }, [currentInputValue, handleAddValue]);
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+    FormControl_default,
+    {
+      error,
+      helperText,
+      className: (0, import_clsx19.default)((0, import_browser51.withVendorCSSClassPrefix)("multi-input"), className),
+      style,
+      children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(InputLabel_default, { required, error: !!error, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { style: styles.container, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: styles.inputRow, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: styles.inputWrapper, children: renderInputField(
+            currentInputValue,
+            setCurrentInputValue,
+            canAddMore ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PlusIcon, { style: styles.plusIcon }) : void 0,
+            canAddMore ? handleInputSubmit : void 0
+          ) }) }),
+          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: styles.listContainer, children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { style: styles.listItem, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: value }),
+            canRemove && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              Button_default,
+              {
+                size: "small",
+                color: "secondary",
+                variant: "text",
+                onClick: () => handleRemoveValue(index),
+                disabled,
+                title: "Remove value",
+                style: styles.removeButton,
+                children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(BinIcon, {})
+              }
+            )
+          ] }, index)) })
+        ] })
+      ]
+    }
+  );
+};
+var MultiInput_default = MultiInput;
+
+// src/components/presentation/UserProfile/BaseUserProfile.tsx
+var import_jsx_runtime74 = require("react/jsx-runtime");
+var fieldsToSkip = [
+  "roles.default",
+  "active",
+  "groups",
+  "profileUrl",
+  "accountLocked",
+  "accountDisabled",
+  "oneTimePassword",
+  "userSourceId",
+  "idpType",
+  "localCredentialExists",
+  "active",
+  "ResourceType",
+  "ExternalID",
+  "MetaData",
+  "verifiedMobileNumbers",
+  "verifiedEmailAddresses",
+  "phoneNumbers.mobile",
+  "emailAddresses"
+];
+var readonlyFields = ["username", "userName", "user_name"];
 var BaseUserProfile = ({
   fallback = null,
   className = "",
@@ -7117,10 +7451,10 @@ var BaseUserProfile = ({
   cancelButtonText = "Cancel"
 }) => {
   const { theme } = useTheme_default();
-  const [editedUser, setEditedUser] = (0, import_react43.useState)(flattenedProfile || profile);
-  const [editingFields, setEditingFields] = (0, import_react43.useState)({});
-  const triggerRef = (0, import_react43.useRef)(null);
-  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  const [editedUser, setEditedUser] = (0, import_react44.useState)(flattenedProfile || profile);
+  const [editingFields, setEditingFields] = (0, import_react44.useState)({});
+  const triggerRef = (0, import_react44.useRef)(null);
+  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "svg",
     {
       width: "16",
@@ -7131,16 +7465,16 @@ var BaseUserProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime74.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_react43.useCallback)((fieldName) => {
+  const toggleFieldEdit = (0, import_react44.useCallback)((fieldName) => {
     setEditingFields((prev) => ({
       ...prev,
       [fieldName]: !prev[fieldName]
     }));
   }, []);
-  const getFieldPlaceholder = (0, import_react43.useCallback)((schema) => {
+  const getFieldPlaceholder = (0, import_react44.useCallback)((schema) => {
     const { type, displayName, description, name } = schema;
     const fieldLabel = displayName || description || name || "value";
     switch (type) {
@@ -7156,12 +7490,12 @@ var BaseUserProfile = ({
   }, []);
   const ObjectDisplay = ({ data }) => {
     if (!data || typeof data !== "object") return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("table", { style: { width: "100%", borderCollapse: "collapse" }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("tr", { style: { borderBottom: `1px solid ${theme.colors.border}` }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("td", { style: { padding: `${theme.spacing.unit}px`, verticalAlign: "top" }, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("strong", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("table", { style: { width: "100%", borderCollapse: "collapse" }, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("tr", { style: { borderBottom: `1px solid ${theme.colors.border}` }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("td", { style: { padding: `${theme.spacing.unit}px`, verticalAlign: "top" }, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("strong", { children: [
         formatLabel(key),
         ":"
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("td", { style: { padding: `${theme.spacing.unit}px`, verticalAlign: "top" }, children: typeof value === "object" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ObjectDisplay, { data: value }) : String(value) })
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("td", { style: { padding: `${theme.spacing.unit}px`, verticalAlign: "top" }, children: typeof value === "object" ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ObjectDisplay, { data: value }) : String(value) })
     ] }, key)) }) });
   };
   function set(obj, path, value) {
@@ -7179,13 +7513,16 @@ var BaseUserProfile = ({
       }
     }
   }
-  const handleFieldSave = (0, import_react43.useCallback)(
+  const handleFieldSave = (0, import_react44.useCallback)(
     (schema) => {
       if (!onUpdate || !schema.name) return;
       const fieldName = schema.name;
-      const fieldValue = editedUser && fieldName && editedUser[fieldName] !== void 0 ? editedUser[fieldName] : flattenedProfile && flattenedProfile[fieldName] !== void 0 ? flattenedProfile[fieldName] : "";
+      let fieldValue = editedUser && fieldName && editedUser[fieldName] !== void 0 ? editedUser[fieldName] : flattenedProfile && flattenedProfile[fieldName] !== void 0 ? flattenedProfile[fieldName] : "";
+      if (Array.isArray(fieldValue)) {
+        fieldValue = fieldValue.filter((v) => v !== void 0 && v !== null && v !== "");
+      }
       let payload = {};
-      if (schema.schemaId && schema.schemaId !== import_browser51.WellKnownSchemaIds.User) {
+      if (schema.schemaId && schema.schemaId !== import_browser52.WellKnownSchemaIds.User) {
         payload = {
           [schema.schemaId]: {
             [fieldName]: fieldValue
@@ -7199,7 +7536,7 @@ var BaseUserProfile = ({
     },
     [editedUser, flattenedProfile, onUpdate, toggleFieldEdit]
   );
-  const handleFieldCancel = (0, import_react43.useCallback)(
+  const handleFieldCancel = (0, import_react44.useCallback)(
     (fieldName) => {
       const currentUser2 = flattenedProfile || profile;
       setEditedUser((prev) => ({
@@ -7210,12 +7547,12 @@ var BaseUserProfile = ({
     },
     [flattenedProfile, profile, toggleFieldEdit]
   );
-  const formatLabel = (0, import_react43.useCallback)(
+  const formatLabel = (0, import_react44.useCallback)(
     (key) => key.split(/(?=[A-Z])|_/).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" "),
     []
   );
-  const styles = useStyles4();
-  const buttonStyle = (0, import_react43.useMemo)(
+  const styles = useStyles5();
+  const buttonStyle = (0, import_react44.useMemo)(
     () => ({
       padding: `${theme.spacing.unit}px ${theme.spacing.unit * 2}px`,
       margin: `${theme.spacing.unit}px`,
@@ -7227,7 +7564,7 @@ var BaseUserProfile = ({
     }),
     [theme]
   );
-  const saveButtonStyle = (0, import_react43.useMemo)(
+  const saveButtonStyle = (0, import_react44.useMemo)(
     () => ({
       ...buttonStyle,
       backgroundColor: theme.colors.primary.main,
@@ -7235,7 +7572,7 @@ var BaseUserProfile = ({
     }),
     [theme, buttonStyle]
   );
-  const cancelButtonStyle = (0, import_react43.useMemo)(
+  const cancelButtonStyle = (0, import_react44.useMemo)(
     () => ({
       ...buttonStyle,
       backgroundColor: theme.colors.secondary.main,
@@ -7253,28 +7590,66 @@ var BaseUserProfile = ({
   const mergedMappings = { ...defaultAttributeMappings, ...attributeMapping };
   const renderSchemaField = (schema, isEditing, onEditValue, onStartEdit) => {
     if (!schema) return null;
-    const { value, displayName, description, name, type, required, mutability, subAttributes } = schema;
+    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_runtime73.jsx)(import_jsx_runtime73.Fragment, { children: subAttributes.map((subAttr, index) => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { style: styles.field, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { style: styles.label, children: subAttr.displayName || subAttr.description || "" }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: styles.value, children: Array.isArray(subAttr.value) ? subAttr.value.map((item) => typeof item === "object" ? JSON.stringify(item) : String(item)).join(", ") : typeof subAttr.value === "object" ? JSON.stringify(subAttr.value) : String(subAttr.value) })
+      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: subAttributes.map((subAttr, index) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { style: styles.field, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { style: styles.label, children: subAttr.displayName || subAttr.description || "" }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: styles.value, children: Array.isArray(subAttr.value) ? subAttr.value.map((item) => typeof item === "object" ? JSON.stringify(item) : String(item)).join(", ") : typeof subAttr.value === "object" ? JSON.stringify(subAttr.value) : String(subAttr.value) })
       ] }, index)) });
     }
-    if (Array.isArray(value)) {
-      const hasValues = value.length > 0;
-      const isEditable2 = editable && mutability !== "READ_ONLY";
+    if (Array.isArray(value) || multiValued) {
+      const hasValues = Array.isArray(value) ? value.length > 0 : value !== void 0 && value !== null && value !== "";
+      const isEditable2 = editable && mutability !== "READ_ONLY" && !readonlyFields.includes(name || "");
+      if (isEditing && onEditValue && isEditable2) {
+        const currentValue = editedUser && name && editedUser[name] !== void 0 ? editedUser[name] : flattenedProfile && name && flattenedProfile[name] !== void 0 ? flattenedProfile[name] : value;
+        let fieldValues;
+        if (Array.isArray(currentValue)) {
+          fieldValues = currentValue.map(String);
+        } else if (currentValue !== void 0 && currentValue !== null && currentValue !== "") {
+          fieldValues = [String(currentValue)];
+        } else {
+          fieldValues = [];
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { style: styles.label, children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: styles.value, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+            MultiInput_default,
+            {
+              values: fieldValues,
+              onChange: (newValues) => {
+                if (multiValued || Array.isArray(currentValue)) {
+                  onEditValue(newValues);
+                } else {
+                  onEditValue(newValues[0] || "");
+                }
+              },
+              placeholder: getFieldPlaceholder(schema),
+              fieldType: type,
+              type: type === "DATE_TIME" ? "date" : type === "STRING" ? "text" : "text",
+              required,
+              style: {
+                marginBottom: 0
+              }
+            }
+          ) })
+        ] });
+      }
       let displayValue2;
       if (hasValues) {
-        displayValue2 = value.map((item) => typeof item === "object" ? JSON.stringify(item) : String(item)).join(", ");
+        if (Array.isArray(value)) {
+          displayValue2 = value.map((item) => typeof item === "object" ? JSON.stringify(item) : String(item)).join(", ");
+        } else {
+          displayValue2 = String(value);
+        }
       } else if (isEditable2) {
         displayValue2 = getFieldPlaceholder(schema);
       } else {
         displayValue2 = "-";
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { style: styles.label, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: { ...styles.value, fontStyle: hasValues ? "normal" : "italic", opacity: hasValues ? 1 : 0.7 }, children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { style: styles.label, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: { ...styles.value, fontStyle: hasValues ? "normal" : "italic", opacity: hasValues ? 1 : 0.7 }, children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "button",
           {
             onClick: onStartEdit,
@@ -7296,9 +7671,9 @@ var BaseUserProfile = ({
       ] });
     }
     if (type === "COMPLEX" && typeof value === "object") {
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ObjectDisplay, { data: value });
+      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ObjectDisplay, { data: value });
     }
-    if (isEditing && onEditValue && mutability !== "READ_ONLY") {
+    if (isEditing && onEditValue && mutability !== "READ_ONLY" && !readonlyFields.includes(name || "")) {
       const fieldValue = editedUser && name && editedUser[name] !== void 0 ? editedUser[name] : flattenedProfile && name && flattenedProfile[name] !== void 0 ? flattenedProfile[name] : value || "";
       const commonProps = {
         label: void 0,
@@ -7314,16 +7689,16 @@ var BaseUserProfile = ({
       let field;
       switch (type) {
         case "STRING":
-          field = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TextField_default, { ...commonProps });
           break;
         case "DATE_TIME":
-          field = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DatePicker_default, { ...commonProps });
+          field = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(DatePicker_default, { ...commonProps });
           break;
         case "BOOLEAN":
-          field = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Checkbox_default, { ...commonProps, checked: !!fieldValue, onChange: (e) => onEditValue(e.target.checked) });
+          field = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Checkbox_default, { ...commonProps, checked: !!fieldValue, onChange: (e) => onEditValue(e.target.checked) });
           break;
         case "COMPLEX":
-          field = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          field = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             "textarea",
             {
               value: fieldValue,
@@ -7343,15 +7718,15 @@ var BaseUserProfile = ({
           );
           break;
         default:
-          field = /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TextField_default, { ...commonProps });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { style: styles.label, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: styles.value, children: field })
+      return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { style: styles.label, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: styles.value, children: field })
       ] });
     }
     const hasValue = value !== void 0 && value !== null && value !== "";
-    const isEditable = editable && mutability !== "READ_ONLY";
+    const isEditable = editable && mutability !== "READ_ONLY" && !readonlyFields.includes(name || "");
     let displayValue;
     if (hasValue) {
       displayValue = String(value);
@@ -7360,9 +7735,9 @@ var BaseUserProfile = ({
     } else {
       displayValue = "-";
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { style: styles.label, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: { ...styles.value, fontStyle: hasValue ? "normal" : "italic", opacity: hasValue ? 1 : 0.7 }, children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { style: styles.label, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: { ...styles.value, fontStyle: hasValue ? "normal" : "italic", opacity: hasValue ? 1 : 0.7 }, children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
         "button",
         {
           onClick: onStartEdit,
@@ -7387,6 +7762,7 @@ var BaseUserProfile = ({
     if (!schema || !schema.name) return null;
     const hasValue = schema.value !== void 0 && schema.value !== "" && schema.value !== null;
     const isFieldEditing = editingFields[schema.name];
+    const isReadonlyField = readonlyFields.includes(schema.name);
     const shouldShow = hasValue || isFieldEditing || editable && schema.mutability === "READ_WRITE";
     if (!shouldShow) {
       return null;
@@ -7397,8 +7773,8 @@ var BaseUserProfile = ({
       alignItems: "center",
       gap: `${theme.spacing.unit}px`
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { style: fieldStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: { flex: 1, display: "flex", alignItems: "center", gap: `${theme.spacing.unit}px` }, children: renderSchemaField(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { style: fieldStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: { flex: 1, display: "flex", alignItems: "center", gap: `${theme.spacing.unit}px` }, children: renderSchemaField(
         schema,
         isFieldEditing,
         (value) => {
@@ -7408,7 +7784,7 @@ var BaseUserProfile = ({
         },
         () => toggleFieldEdit(schema.name)
       ) }),
-      editable && schema.mutability !== "READ_ONLY" && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+      editable && schema.mutability !== "READ_ONLY" && !isReadonlyField && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
         "div",
         {
           style: {
@@ -7418,9 +7794,9 @@ var BaseUserProfile = ({
             marginLeft: `${theme.spacing.unit}px`
           },
           children: [
-            isFieldEditing && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
-              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            isFieldEditing && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(import_jsx_runtime74.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
+              /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                 Button_default,
                 {
                   size: "small",
@@ -7431,7 +7807,7 @@ var BaseUserProfile = ({
                 }
               )
             ] }),
-            !isFieldEditing && hasValue && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            !isFieldEditing && hasValue && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
               Button_default,
               {
                 size: "small",
@@ -7442,7 +7818,7 @@ var BaseUserProfile = ({
                 style: {
                   padding: `${theme.spacing.unit / 2}px`
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PencilIcon, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PencilIcon, {})
               }
             )
           ]
@@ -7469,9 +7845,8 @@ var BaseUserProfile = ({
   const currentUser = flattenedProfile || profile;
   const avatarAttributes = ["picture"];
   const excludedProps = avatarAttributes.map((attr) => mergedMappings[attr] || attr);
-  const fieldsToSkip = ["verifiedMobileNumbers", "verifiedEmailAddresses"];
-  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(Card_default, { style: containerStyle, className: (0, import_clsx19.default)((0, import_browser51.withVendorCSSClassPrefix)("user-profile"), className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card_default, { style: containerStyle, className: (0, import_clsx20.default)((0, import_browser52.withVendorCSSClassPrefix)("user-profile"), className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       Avatar,
       {
         imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -7480,7 +7855,7 @@ var BaseUserProfile = ({
         alt: `${getDisplayName()}'s avatar`
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: styles.infoContainer, children: schemas.filter((schema) => {
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: styles.infoContainer, children: schemas.filter((schema) => {
       if (!schema.name || schema.name === "profileUrl") return false;
       if (fieldsToSkip.includes(schema.name)) return false;
       if (!editable) {
@@ -7498,20 +7873,20 @@ var BaseUserProfile = ({
         ...schema,
         value
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { children: renderUserInfo(schemaWithValue) }, schema.name || index);
+      return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { children: renderUserInfo(schemaWithValue) }, schema.name || index);
     }) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DialogHeading, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: { padding: "1rem" }, children: profileContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(DialogHeading, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: { padding: "1rem" }, children: profileContent })
     ] }) });
   }
   return profileContent;
 };
-var useStyles4 = () => {
+var useStyles5 = () => {
   const { theme, colorScheme } = useTheme_default();
-  return (0, import_react43.useMemo)(
+  return (0, import_react44.useMemo)(
     () => ({
       root: {
         padding: `${theme.spacing.unit * 4}px`,
@@ -7568,7 +7943,7 @@ var useStyles4 = () => {
         gap: `${theme.spacing.unit}px`,
         overflow: "hidden",
         minHeight: "32px",
-        "& input, & .MuiInputBase-root": {
+        "& input": {
           height: "32px",
           margin: 0
         },
@@ -7592,8 +7967,8 @@ var useStyles4 = () => {
 var BaseUserProfile_default = BaseUserProfile;
 
 // src/api/updateMeProfile.ts
-var import_browser52 = require("@asgardeo/browser");
-var httpClient5 = import_browser52.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser52.AsgardeoSPAClient.getInstance());
+var import_browser53 = require("@asgardeo/browser");
+var httpClient5 = import_browser53.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser53.AsgardeoSPAClient.getInstance());
 var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient5({
@@ -7610,7 +7985,7 @@ var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser52.updateMeProfile)({
+  return (0, import_browser53.updateMeProfile)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -7618,15 +7993,15 @@ var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
 var updateMeProfile_default = updateMeProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var UserProfile3 = ({ ...rest }) => {
   const { baseUrl } = useAsgardeo_default();
-  const { profile, flattenedProfile, schemas, revalidateProfile } = useUser_default();
+  const { profile, flattenedProfile, schemas, onUpdateProfile } = useUser_default();
   const handleProfileUpdate = async (payload) => {
-    await updateMeProfile_default({ baseUrl, payload });
-    await revalidateProfile();
+    const response = await updateMeProfile_default({ baseUrl, payload });
+    onUpdateProfile(response);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     BaseUserProfile_default,
     {
       profile,
@@ -7640,14 +8015,14 @@ var UserProfile3 = ({ ...rest }) => {
 var UserProfile_default = UserProfile3;
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.tsx
-var import_browser53 = require("@asgardeo/browser");
-var import_react44 = require("@floating-ui/react");
-var import_clsx20 = __toESM(require("clsx"), 1);
-var import_react45 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
-var useStyles5 = () => {
+var import_browser54 = require("@asgardeo/browser");
+var import_react45 = require("@floating-ui/react");
+var import_clsx21 = __toESM(require("clsx"), 1);
+var import_react46 = require("react");
+var import_jsx_runtime76 = require("react/jsx-runtime");
+var useStyles6 = () => {
   const { theme, colorScheme } = useTheme_default();
-  return (0, import_react45.useMemo)(
+  return (0, import_react46.useMemo)(
     () => ({
       trigger: {
         display: "inline-flex",
@@ -7785,22 +8160,22 @@ var BaseUserDropdown = ({
   onSignOut,
   attributeMapping = {}
 }) => {
-  const styles = useStyles5();
-  const [isOpen, setIsOpen] = (0, import_react45.useState)(false);
-  const [hoveredItemIndex, setHoveredItemIndex] = (0, import_react45.useState)(null);
+  const styles = useStyles6();
+  const [isOpen, setIsOpen] = (0, import_react46.useState)(false);
+  const [hoveredItemIndex, setHoveredItemIndex] = (0, import_react46.useState)(null);
   const { theme, colorScheme } = useTheme_default();
   const hoverBackgroundColor = colorScheme === "dark" ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.04)";
-  const { refs, floatingStyles, context } = (0, import_react44.useFloating)({
+  const { refs, floatingStyles, context } = (0, import_react45.useFloating)({
     open: isOpen,
     onOpenChange: setIsOpen,
     placement: "bottom-end",
-    middleware: [(0, import_react44.offset)(5), (0, import_react44.flip)({ fallbackAxisSideDirection: "end" }), (0, import_react44.shift)({ padding: 5 })],
-    whileElementsMounted: import_react44.autoUpdate
+    middleware: [(0, import_react45.offset)(5), (0, import_react45.flip)({ fallbackAxisSideDirection: "end" }), (0, import_react45.shift)({ padding: 5 })],
+    whileElementsMounted: import_react45.autoUpdate
   });
-  const click = (0, import_react44.useClick)(context);
-  const dismiss = (0, import_react44.useDismiss)(context);
-  const role = (0, import_react44.useRole)(context);
-  const { getReferenceProps, getFloatingProps } = (0, import_react44.useInteractions)([click, dismiss, role]);
+  const click = (0, import_react45.useClick)(context);
+  const dismiss = (0, import_react45.useDismiss)(context);
+  const role = (0, import_react45.useRole)(context);
+  const { getReferenceProps, getFloatingProps } = (0, import_react45.useInteractions)([click, dismiss, role]);
   const defaultAttributeMappings = {
     picture: ["profile", "profileUrl", "picture", "URL"],
     firstName: ["name.givenName", "given_name"],
@@ -7831,14 +8206,14 @@ var BaseUserDropdown = ({
     defaultMenuItems.push({
       label: "Manage Profile",
       onClick: onManageProfile,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(User_default2, { width: "16", height: "16" })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(User_default2, { width: "16", height: "16" })
     });
   }
   if (onSignOut) {
     defaultMenuItems.push({
       label: "Sign Out",
       onClick: onSignOut,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(LogOut_default, { width: "16", height: "16" })
+      icon: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(LogOut_default, { width: "16", height: "16" })
     });
   }
   const allMenuItems = [...menuItems];
@@ -7848,19 +8223,19 @@ var BaseUserDropdown = ({
     }
     allMenuItems.push(...defaultMenuItems);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: (0, import_clsx20.default)((0, import_browser53.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: (0, import_clsx21.default)((0, import_browser54.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       Button_default,
       {
         ref: refs.setReference,
-        className: (0, import_browser53.withVendorCSSClassPrefix)("user-dropdown__trigger"),
+        className: (0, import_browser54.withVendorCSSClassPrefix)("user-dropdown__trigger"),
         style: styles.trigger,
         color: "tertiary",
         variant: "text",
         size: "medium",
         ...getReferenceProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             Avatar,
             {
               imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -7869,11 +8244,11 @@ var BaseUserDropdown = ({
               alt: `${getDisplayName()}'s avatar`
             }
           ),
-          showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             Typography_default,
             {
               variant: "body2",
-              className: (0, import_browser53.withVendorCSSClassPrefix)("user-dropdown__trigger-label"),
+              className: (0, import_browser54.withVendorCSSClassPrefix)("user-dropdown__trigger-label"),
               style: styles.userName,
               children: getDisplayName()
             }
@@ -7881,16 +8256,16 @@ var BaseUserDropdown = ({
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react44.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react44.FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react45.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react45.FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
       "div",
       {
         ref: refs.setFloating,
-        className: (0, import_browser53.withVendorCSSClassPrefix)("user-dropdown__content"),
+        className: (0, import_browser54.withVendorCSSClassPrefix)("user-dropdown__content"),
         style: { ...floatingStyles, ...styles.dropdownContent },
         ...getFloatingProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: (0, import_browser53.withVendorCSSClassPrefix)("user-dropdown__header"), style: styles.dropdownHeader, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: (0, import_browser54.withVendorCSSClassPrefix)("user-dropdown__header"), style: styles.dropdownHeader, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
               Avatar,
               {
                 imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -7899,22 +8274,22 @@ var BaseUserDropdown = ({
                 alt: `${getDisplayName()}'s avatar`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: (0, import_browser53.withVendorCSSClassPrefix)("user-dropdown__header-info"), style: styles.headerInfo, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: (0, import_browser54.withVendorCSSClassPrefix)("user-dropdown__header-info"), style: styles.headerInfo, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                 Typography_default,
                 {
                   noWrap: true,
-                  className: (0, import_browser53.withVendorCSSClassPrefix)("user-dropdown__header-name"),
+                  className: (0, import_browser54.withVendorCSSClassPrefix)("user-dropdown__header-name"),
                   variant: "body1",
                   fontWeight: "medium",
                   children: getDisplayName()
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                 Typography_default,
                 {
                   noWrap: true,
-                  className: (0, import_browser53.withVendorCSSClassPrefix)("user-dropdown__header-email"),
+                  className: (0, import_browser54.withVendorCSSClassPrefix)("user-dropdown__header-email"),
                   variant: "caption",
                   color: "secondary",
                   children: getMappedUserProfileValue_default("username", mergedMappings, user) || getMappedUserProfileValue_default("email", mergedMappings, user)
@@ -7922,10 +8297,10 @@ var BaseUserDropdown = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: (0, import_browser53.withVendorCSSClassPrefix)("user-dropdown__menu"), style: styles.dropdownMenu, children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { children: item.label === "" ? (
+          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: (0, import_browser54.withVendorCSSClassPrefix)("user-dropdown__menu"), style: styles.dropdownMenu, children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: item.label === "" ? (
             // Render divider for empty label placeholder
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: (0, import_browser53.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), style: styles.divider })
-          ) : item.href ? /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: (0, import_browser54.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), style: styles.divider })
+          ) : item.href ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
             "a",
             {
               href: item.href,
@@ -7933,17 +8308,17 @@ var BaseUserDropdown = ({
                 ...styles.menuItemAnchor,
                 backgroundColor: hoveredItemIndex === index ? hoverBackgroundColor : "transparent"
               },
-              className: (0, import_browser53.withVendorCSSClassPrefix)("user-dropdown__menu-item"),
+              className: (0, import_browser54.withVendorCSSClassPrefix)("user-dropdown__menu-item"),
               onMouseEnter: () => setHoveredItemIndex(index),
               onMouseLeave: () => setHoveredItemIndex(null),
               onFocus: () => setHoveredItemIndex(index),
               onBlur: () => setHoveredItemIndex(null),
               children: [
                 item.icon,
-                /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: item.label })
+                /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: item.label })
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             Button_default,
             {
               onClick: () => handleMenuItemClick(item),
@@ -7951,7 +8326,7 @@ var BaseUserDropdown = ({
                 ...styles.menuItem,
                 backgroundColor: hoveredItemIndex === index ? hoverBackgroundColor : "transparent"
               },
-              className: (0, import_browser53.withVendorCSSClassPrefix)("user-dropdown__menu-item"),
+              className: (0, import_browser54.withVendorCSSClassPrefix)("user-dropdown__menu-item"),
               color: "tertiary",
               variant: "text",
               size: "small",
@@ -7969,8 +8344,8 @@ var BaseUserDropdown = ({
 var BaseUserDropdown_default = BaseUserDropdown;
 
 // src/components/presentation/UserDropdown/UserDropdown.tsx
-var import_react46 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_react47 = require("react");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var UserDropdown = ({
   children,
   renderTrigger,
@@ -7979,7 +8354,7 @@ var UserDropdown = ({
   ...rest
 }) => {
   const { user, isLoading, signOut } = useAsgardeo_default();
-  const [isProfileOpen, setIsProfileOpen] = (0, import_react46.useState)(false);
+  const [isProfileOpen, setIsProfileOpen] = (0, import_react47.useState)(false);
   const handleManageProfile = () => {
     setIsProfileOpen(true);
   };
@@ -7999,14 +8374,14 @@ var UserDropdown = ({
     closeProfile
   };
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
       children(renderProps),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
   if (renderTrigger || renderDropdown) {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
-      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         BaseUserDropdown_default,
         {
           user,
@@ -8016,11 +8391,11 @@ var UserDropdown = ({
           ...rest
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       BaseUserDropdown_default,
       {
         user,
@@ -8030,21 +8405,21 @@ var UserDropdown = ({
         ...rest
       }
     ),
-    isProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+    isProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
   ] });
 };
 var UserDropdown_default = UserDropdown;
 
 // src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.tsx
-var import_browser54 = require("@asgardeo/browser");
-var import_react47 = require("@floating-ui/react");
-var import_clsx21 = __toESM(require("clsx"), 1);
-var import_react48 = require("react");
+var import_browser55 = require("@asgardeo/browser");
+var import_react48 = require("@floating-ui/react");
+var import_clsx22 = __toESM(require("clsx"), 1);
+var import_react49 = require("react");
 
 // src/components/primitives/Icons/Building.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
-var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var import_jsx_runtime78 = require("react/jsx-runtime");
+var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     "path",
     {
       d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",
@@ -8054,33 +8429,33 @@ var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PU
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M14 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime78 = require("react/jsx-runtime");
-var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { d: "M20 6 9 17l-5-5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var import_jsx_runtime79 = require("react/jsx-runtime");
+var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79 = require("react/jsx-runtime");
-var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", { d: "m6 9 6 6 6-6", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var import_jsx_runtime80 = require("react/jsx-runtime");
+var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80 = require("react/jsx-runtime");
-var useStyles6 = () => {
+var import_jsx_runtime81 = require("react/jsx-runtime");
+var useStyles7 = () => {
   const { theme, colorScheme } = useTheme_default();
-  return (0, import_react48.useMemo)(
+  return (0, import_react49.useMemo)(
     () => ({
       trigger: {
         display: "inline-flex",
@@ -8236,23 +8611,23 @@ var BaseOrganizationSwitcher = ({
   avatarSize = 24,
   fallback = null
 }) => {
-  const styles = useStyles6();
-  const [isOpen, setIsOpen] = (0, import_react48.useState)(false);
-  const [hoveredItemIndex, setHoveredItemIndex] = (0, import_react48.useState)(null);
+  const styles = useStyles7();
+  const [isOpen, setIsOpen] = (0, import_react49.useState)(false);
+  const [hoveredItemIndex, setHoveredItemIndex] = (0, import_react49.useState)(null);
   const { theme, colorScheme } = useTheme_default();
   const { t } = useTranslation_default();
   const hoverBackgroundColor = colorScheme === "dark" ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.04)";
-  const { refs, floatingStyles, context } = (0, import_react47.useFloating)({
+  const { refs, floatingStyles, context } = (0, import_react48.useFloating)({
     open: isOpen,
     onOpenChange: setIsOpen,
     placement: "bottom-end",
-    middleware: [(0, import_react47.offset)(5), (0, import_react47.flip)({ fallbackAxisSideDirection: "end" }), (0, import_react47.shift)({ padding: 5 })],
-    whileElementsMounted: import_react47.autoUpdate
+    middleware: [(0, import_react48.offset)(5), (0, import_react48.flip)({ fallbackAxisSideDirection: "end" }), (0, import_react48.shift)({ padding: 5 })],
+    whileElementsMounted: import_react48.autoUpdate
   });
-  const click = (0, import_react47.useClick)(context);
-  const dismiss = (0, import_react47.useDismiss)(context);
-  const role = (0, import_react47.useRole)(context);
-  const { getReferenceProps, getFloatingProps } = (0, import_react47.useInteractions)([click, dismiss, role]);
+  const click = (0, import_react48.useClick)(context);
+  const dismiss = (0, import_react48.useDismiss)(context);
+  const role = (0, import_react48.useRole)(context);
+  const { getReferenceProps, getFloatingProps } = (0, import_react48.useInteractions)([click, dismiss, role]);
   if (fallback && !currentOrganization && !loading && organizations.length === 0) {
     return fallback;
   }
@@ -8269,8 +8644,8 @@ var BaseOrganizationSwitcher = ({
   const switchableOrganizations = organizations.filter(
     (org) => org.id !== currentOrganization?.id
   );
-  const defaultRenderOrganization2 = (organization, isSelected) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  const defaultRenderOrganization2 = (organization, isSelected) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       Avatar,
       {
         variant: "square",
@@ -8280,36 +8655,36 @@ var BaseOrganizationSwitcher = ({
         alt: `${organization.name} avatar`
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { style: styles.organizationInfo, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "body2", fontWeight: "medium", style: styles.organizationName, children: organization.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { style: styles.organizationMeta, children: [
-        showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { style: styles.organizationInfo, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Typography_default, { variant: "body2", fontWeight: "medium", style: styles.organizationName, children: organization.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { style: styles.organizationMeta, children: [
+        showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime80.jsx)("span", { children: " \u2022 " }),
-        showRole && organization.role && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { style: styles.roleCapitalized, children: organization.role })
+        showRole && organization.role && showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: " \u2022 " }),
+        showRole && organization.role && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { style: styles.roleCapitalized, children: organization.role })
       ] })
     ] }),
-    isSelected && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Check_default, { width: "16", height: "16", color: theme.colors.text.primary })
+    isSelected && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Check_default, { width: "16", height: "16", color: theme.colors.text.primary })
   ] });
-  const defaultRenderLoading2 = () => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "caption", style: styles.loadingText, children: t("organization.switcher.loading.organizations") }) });
-  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: styles.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "caption", style: styles.errorText, children: errorMessage }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: (0, import_clsx21.default)((0, import_browser54.withVendorCSSClassPrefix)("organization-switcher"), className), style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  const defaultRenderLoading2 = () => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { style: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Typography_default, { variant: "caption", style: styles.loadingText, children: t("organization.switcher.loading.organizations") }) });
+  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { style: styles.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Typography_default, { variant: "caption", style: styles.errorText, children: errorMessage }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: (0, import_clsx22.default)((0, import_browser55.withVendorCSSClassPrefix)("organization-switcher"), className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       Button_default,
       {
         ref: refs.setReference,
-        className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__trigger"),
+        className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__trigger"),
         style: styles.trigger,
         color: "tertiary",
         variant: "outline",
         size: "medium",
         ...getReferenceProps(),
         children: [
-          currentOrganization ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          currentOrganization ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
               Avatar,
               {
                 variant: "square",
@@ -8319,46 +8694,46 @@ var BaseOrganizationSwitcher = ({
                 alt: `${currentOrganization.name} avatar`
               }
             ),
-            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
               Typography_default,
               {
                 variant: "body2",
-                className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__trigger-label"),
+                className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__trigger-label"),
                 style: styles.orgName,
                 children: currentOrganization.name
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Building_default, { width: avatarSize, height: avatarSize }),
-            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Building_default, { width: avatarSize, height: avatarSize }),
+            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
               Typography_default,
               {
                 variant: "body2",
-                className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__trigger-label"),
+                className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__trigger-label"),
                 style: styles.orgName,
                 children: t("organization.switcher.select.organization")
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ChevronDown_default, { width: "16", height: "16" })
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ChevronDown_default, { width: "16", height: "16" })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react47.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react47.FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react48.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react48.FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
       "div",
       {
         ref: refs.setFloating,
-        className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__content"),
+        className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__content"),
         style: { ...floatingStyles, ...styles.dropdownContent },
         ...getFloatingProps(),
         children: [
-          currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+          currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
             "div",
             {
-              className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__header"),
+              className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__header"),
               style: styles.dropdownHeader,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                   Avatar,
                   {
                     variant: "square",
@@ -8368,47 +8743,47 @@ var BaseOrganizationSwitcher = ({
                     alt: `${currentOrganization.name} avatar`
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
                   "div",
                   {
-                    className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__header-info"),
+                    className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__header-info"),
                     style: styles.organizationInfo,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                         Typography_default,
                         {
                           noWrap: true,
-                          className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__header-name"),
+                          className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__header-name"),
                           variant: "body1",
                           fontWeight: "medium",
                           style: styles.organizationName,
                           children: currentOrganization.name
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { style: styles.organizationMeta, children: [
-                        showMemberCount && currentOrganization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { style: styles.organizationMeta, children: [
+                        showMemberCount && currentOrganization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
                           Typography_default,
                           {
                             noWrap: true,
-                            className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__header-meta"),
+                            className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__header-meta"),
                             variant: "caption",
                             color: "secondary",
                             children: [
                               currentOrganization.memberCount,
                               " ",
                               currentOrganization.memberCount === 1 ? t("organization.switcher.member") : t("organization.switcher.members"),
-                              showRole && currentOrganization.role && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("span", { children: [
+                              showRole && currentOrganization.role && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { children: [
                                 " \u2022 ",
                                 currentOrganization.role
                               ] })
                             ]
                           }
                         ),
-                        showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                        showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                           Typography_default,
                           {
                             noWrap: true,
-                            className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__header-role"),
+                            className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__header-role"),
                             variant: "caption",
                             color: "secondary",
                             style: styles.roleCapitalized,
@@ -8419,7 +8794,7 @@ var BaseOrganizationSwitcher = ({
                     ]
                   }
                 ),
-                onManageProfile && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                onManageProfile && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                   Button_default,
                   {
                     onClick: onManageProfile,
@@ -8428,7 +8803,7 @@ var BaseOrganizationSwitcher = ({
                     size: "small",
                     "aria-label": "Manage Organization Profile",
                     style: styles.manageButton,
-                    endIcon: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+                    endIcon: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
                       "svg",
                       {
                         width: "16",
@@ -8440,8 +8815,8 @@ var BaseOrganizationSwitcher = ({
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime81.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime81.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" })
                         ]
                       }
                     ),
@@ -8451,7 +8826,7 @@ var BaseOrganizationSwitcher = ({
               ]
             }
           ),
-          organizations.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+          organizations.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
             "div",
             {
               style: {
@@ -8459,17 +8834,17 @@ var BaseOrganizationSwitcher = ({
                 ...styles.sectionHeaderContainer,
                 borderTop: currentOrganization ? `1px solid ${theme.colors.border}` : "none"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "caption", fontWeight: 600, style: styles.sectionHeader, children: t("organization.switcher.switch.organization") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Typography_default, { variant: "caption", fontWeight: 600, style: styles.sectionHeader, children: t("organization.switcher.switch.organization") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__menu"), style: styles.dropdownMenu, children: loading ? renderLoading ? renderLoading() : defaultRenderLoading2() : error ? renderError ? renderError(error) : defaultRenderError2(error) : /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__menu"), style: styles.dropdownMenu, children: loading ? renderLoading ? renderLoading() : defaultRenderLoading2() : error ? renderError ? renderError(error) : defaultRenderError2(error) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
             switchableOrganizations.map((organization) => {
               const isSelected = false;
-              return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                 Button_default,
                 {
                   onClick: () => handleOrganizationSwitch(organization),
-                  className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__menu-item"),
+                  className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__menu-item"),
                   color: "tertiary",
                   variant: "text",
                   size: "small",
@@ -8484,16 +8859,16 @@ var BaseOrganizationSwitcher = ({
                 organization.id
               );
             }),
-            menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+            menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                 "div",
                 {
-                  className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__menu-divider"),
+                  className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__menu-divider"),
                   style: styles.divider
                 }
               ),
               menuItems.map(
-                (item, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: item.href ? /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+                (item, index) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: item.href ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
                   "a",
                   {
                     href: item.href,
@@ -8501,17 +8876,17 @@ var BaseOrganizationSwitcher = ({
                       ...styles.menuItem,
                       backgroundColor: hoveredItemIndex === switchableOrganizations.length + index ? hoverBackgroundColor : "transparent"
                     },
-                    className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__menu-item"),
+                    className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__menu-item"),
                     onMouseEnter: () => setHoveredItemIndex(switchableOrganizations.length + index),
                     onMouseLeave: () => setHoveredItemIndex(null),
                     onFocus: () => setHoveredItemIndex(switchableOrganizations.length + index),
                     onBlur: () => setHoveredItemIndex(null),
                     children: [
                       item.icon,
-                      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: item.label })
+                      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: item.label })
                     ]
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                   Button_default,
                   {
                     onClick: () => handleMenuItemClick(item),
@@ -8519,7 +8894,7 @@ var BaseOrganizationSwitcher = ({
                       ...styles.menuItem,
                       backgroundColor: hoveredItemIndex === switchableOrganizations.length + index ? hoverBackgroundColor : "transparent"
                     },
-                    className: (0, import_browser54.withVendorCSSClassPrefix)("organization-switcher__menu-item"),
+                    className: (0, import_browser55.withVendorCSSClassPrefix)("organization-switcher__menu-item"),
                     color: "tertiary",
                     variant: "text",
                     size: "small",
@@ -8540,19 +8915,19 @@ var BaseOrganizationSwitcher = ({
 var BaseOrganizationSwitcher_default = BaseOrganizationSwitcher;
 
 // src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 
 // src/components/presentation/CreateOrganization/CreateOrganization.tsx
-var import_react50 = require("react");
+var import_react51 = require("react");
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
-var import_browser55 = require("@asgardeo/browser");
-var import_clsx22 = __toESM(require("clsx"), 1);
-var import_react49 = require("react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
-var useStyles7 = () => {
+var import_browser56 = require("@asgardeo/browser");
+var import_clsx23 = __toESM(require("clsx"), 1);
+var import_react50 = require("react");
+var import_jsx_runtime82 = require("react/jsx-runtime");
+var useStyles8 = () => {
   const { theme, colorScheme } = useTheme_default();
-  return (0, import_react49.useMemo)(
+  return (0, import_react50.useMemo)(
     () => ({
       root: {
         padding: `${theme.spacing.unit * 4}px`,
@@ -8661,16 +9036,16 @@ var BaseCreateOrganization = ({
   style,
   title = "Create Organization"
 }) => {
-  const styles = useStyles7();
+  const styles = useStyles8();
   const { theme } = useTheme_default();
   const { t } = useTranslation_default();
-  const [formData, setFormData] = (0, import_react49.useState)({
+  const [formData, setFormData] = (0, import_react50.useState)({
     description: "",
     handle: "",
     name: "",
     ...initialValues
   });
-  const [formErrors, setFormErrors] = (0, import_react49.useState)({});
+  const [formErrors, setFormErrors] = (0, import_react50.useState)({});
   const validateForm = () => {
     const errors = {};
     if (!formData.name.trim()) {
@@ -8734,21 +9109,21 @@ var BaseCreateOrganization = ({
     ...styles.root,
     ...cardLayout ? styles.card : {}
   };
-  const createOrganizationContent = /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  const createOrganizationContent = /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     "div",
     {
-      className: (0, import_clsx22.default)((0, import_browser55.withVendorCSSClassPrefix)("create-organization"), className),
+      className: (0, import_clsx23.default)((0, import_browser56.withVendorCSSClassPrefix)("create-organization"), className),
       style: { ...containerStyle, ...style },
-      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: (0, import_browser55.withVendorCSSClassPrefix)("create-organization__content"), style: styles.content, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: (0, import_browser56.withVendorCSSClassPrefix)("create-organization__content"), style: styles.content, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
           "form",
           {
             id: "create-organization-form",
-            className: (0, import_browser55.withVendorCSSClassPrefix)("create-organization__form"),
+            className: (0, import_browser56.withVendorCSSClassPrefix)("create-organization__form"),
             style: styles.form,
             onSubmit: handleSubmit,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: (0, import_browser55.withVendorCSSClassPrefix)("create-organization__field-group"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: (0, import_browser56.withVendorCSSClassPrefix)("create-organization__field-group"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 TextField_default,
                 {
                   label: `${t("organization.create.name.label")}`,
@@ -8758,10 +9133,10 @@ var BaseCreateOrganization = ({
                   disabled: loading,
                   required: true,
                   error: formErrors.name,
-                  className: (0, import_browser55.withVendorCSSClassPrefix)("create-organization__input")
+                  className: (0, import_browser56.withVendorCSSClassPrefix)("create-organization__input")
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: (0, import_browser55.withVendorCSSClassPrefix)("create-organization__field-group"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: (0, import_browser56.withVendorCSSClassPrefix)("create-organization__field-group"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 TextField_default,
                 {
                   label: `${t("organization.create.handle.label") || "Organization Handle"}`,
@@ -8772,15 +9147,15 @@ var BaseCreateOrganization = ({
                   required: true,
                   error: formErrors.handle,
                   helperText: "This will be your organization's unique identifier. Only lowercase letters, numbers, and hyphens are allowed.",
-                  className: (0, import_browser55.withVendorCSSClassPrefix)("create-organization__input")
+                  className: (0, import_browser56.withVendorCSSClassPrefix)("create-organization__input")
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: (0, import_browser55.withVendorCSSClassPrefix)("create-organization__field-group"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(FormControl_default, { error: formErrors.description, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(InputLabel_default, { required: true, children: t("organization.create.description.label") }),
-                /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: (0, import_browser56.withVendorCSSClassPrefix)("create-organization__field-group"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(FormControl_default, { error: formErrors.description, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(InputLabel_default, { required: true, children: t("organization.create.description.label") }),
+                /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                   "textarea",
                   {
-                    className: (0, import_browser55.withVendorCSSClassPrefix)("create-organization__textarea"),
+                    className: (0, import_browser56.withVendorCSSClassPrefix)("create-organization__textarea"),
                     style: {
                       ...styles.textarea,
                       borderColor: formErrors.description ? theme.colors.error.main : theme.colors.border
@@ -8794,29 +9169,29 @@ var BaseCreateOrganization = ({
                 )
               ] }) }),
               renderAdditionalFields && renderAdditionalFields(),
-              error && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Typography_default, { variant: "body2", style: { color: theme.colors.error.main, fontSize: "0.875rem" }, children: error })
+              error && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Typography_default, { variant: "body2", style: { color: theme.colors.error.main, fontSize: "0.875rem" }, children: error })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: (0, import_browser55.withVendorCSSClassPrefix)("create-organization__actions"), style: styles.actions, children: [
-          onCancel && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.cancel") }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Button_default, { type: "submit", variant: "solid", color: "primary", disabled: loading, form: "create-organization-form", children: loading ? t("organization.create.creating") : t("organization.create.button") })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: (0, import_browser56.withVendorCSSClassPrefix)("create-organization__actions"), style: styles.actions, children: [
+          onCancel && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button_default, { type: "submit", variant: "solid", color: "primary", disabled: loading, form: "create-organization-form", children: loading ? t("organization.create.creating") : t("organization.create.button") })
         ] })
       ] })
     }
   );
   if (mode === "popup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(DialogHeading, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { style: { padding: "1rem" }, children: createOrganizationContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(DialogHeading, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { padding: "1rem" }, children: createOrganizationContent })
     ] }) });
   }
   return createOrganizationContent;
 };
 
 // src/api/createOrganization.ts
-var import_browser56 = require("@asgardeo/browser");
-var httpClient6 = import_browser56.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser56.AsgardeoSPAClient.getInstance());
+var import_browser57 = require("@asgardeo/browser");
+var httpClient6 = import_browser57.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser57.AsgardeoSPAClient.getInstance());
 var createOrganization = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient6({
@@ -8833,7 +9208,7 @@ var createOrganization = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser56.createOrganization)({
+  return (0, import_browser57.createOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -8841,7 +9216,7 @@ var createOrganization = async ({ fetcher, ...requestConfig }) => {
 var createOrganization_default = createOrganization;
 
 // src/components/presentation/CreateOrganization/CreateOrganization.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var CreateOrganization = ({
   onCreateOrganization,
   fallback = null,
@@ -8851,13 +9226,13 @@ var CreateOrganization = ({
 }) => {
   const { isSignedIn, baseUrl } = useAsgardeo_default();
   const { currentOrganization, revalidateOrganizations } = useOrganization_default();
-  const [loading, setLoading] = (0, import_react50.useState)(false);
-  const [error, setError] = (0, import_react50.useState)(null);
+  const [loading, setLoading] = (0, import_react51.useState)(false);
+  const [error, setError] = (0, import_react51.useState)(null);
   if (!isSignedIn && fallback) {
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_jsx_runtime82.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(import_jsx_runtime83.Fragment, {});
   }
   const parentId = defaultParentId || currentOrganization?.id || "";
   const handleSubmit = async (payload) => {
@@ -8891,7 +9266,7 @@ var CreateOrganization = ({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     BaseCreateOrganization,
     {
       onSubmit: handleSubmit,
@@ -8905,18 +9280,18 @@ var CreateOrganization = ({
 };
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
+var import_browser59 = require("@asgardeo/browser");
+var import_clsx25 = __toESM(require("clsx"), 1);
+var import_react53 = require("react");
+
+// src/components/primitives/KeyValueInput/KeyValueInput.tsx
 var import_browser58 = require("@asgardeo/browser");
 var import_clsx24 = __toESM(require("clsx"), 1);
 var import_react52 = require("react");
-
-// src/components/primitives/KeyValueInput/KeyValueInput.tsx
-var import_browser57 = require("@asgardeo/browser");
-var import_clsx23 = __toESM(require("clsx"), 1);
-var import_react51 = require("react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var KeyValueInput = ({
   className = "",
   disabled = false,
@@ -8938,10 +9313,10 @@ var KeyValueInput = ({
 }) => {
   const { theme } = useTheme_default();
   const initialPairs = Array.isArray(value) ? value : Object.entries(value).map(([key, val]) => ({ key, value: String(val) }));
-  const [pairs, setPairs] = (0, import_react51.useState)(initialPairs);
-  const [newKey, setNewKey] = (0, import_react51.useState)("");
-  const [newValue, setNewValue] = (0, import_react51.useState)("");
-  const handleAddPair = (0, import_react51.useCallback)(() => {
+  const [pairs, setPairs] = (0, import_react52.useState)(initialPairs);
+  const [newKey, setNewKey] = (0, import_react52.useState)("");
+  const [newValue, setNewValue] = (0, import_react52.useState)("");
+  const handleAddPair = (0, import_react52.useCallback)(() => {
     if (!newKey.trim() || !newValue.trim()) return;
     if (maxPairs && pairs.length >= maxPairs) return;
     const newPair = {
@@ -8959,7 +9334,7 @@ var KeyValueInput = ({
       onAdd(newPair);
     }
   }, [newKey, newValue, pairs, maxPairs, onChange, onAdd]);
-  const handleRemovePair = (0, import_react51.useCallback)(
+  const handleRemovePair = (0, import_react52.useCallback)(
     (index) => {
       const pairToRemove = pairs[index];
       const updatedPairs = pairs.filter((_, i) => i !== index);
@@ -8973,7 +9348,7 @@ var KeyValueInput = ({
     },
     [pairs, onChange, onRemove]
   );
-  const handleUpdatePair = (0, import_react51.useCallback)(
+  const handleUpdatePair = (0, import_react52.useCallback)(
     (index, field, newVal) => {
       const updatedPairs = pairs.map((pair, i) => {
         if (i === index) {
@@ -9100,20 +9475,20 @@ var KeyValueInput = ({
       flex: 1
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: (0, import_clsx23.default)((0, import_browser57.withVendorCSSClassPrefix)("key-value-input"), className), style: styles.container, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("label", { style: styles.label, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: (0, import_clsx24.default)((0, import_browser58.withVendorCSSClassPrefix)("key-value-input"), className), style: styles.container, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("label", { style: styles.label, children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { style: { color: theme.colors.error.main }, children: " *" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { style: { color: theme.colors.error.main }, children: " *" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { style: styles.pairsList, children: [
-      pairs.length === 0 && readOnly ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { style: styles.emptyState, children: "No attributes defined" }) : readOnly ? pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { style: styles.readOnlyPair, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { style: styles.readOnlyKey, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { style: styles.pairsList, children: [
+      pairs.length === 0 && readOnly ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { style: styles.emptyState, children: "No attributes defined" }) : readOnly ? pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { style: styles.readOnlyPair, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { style: styles.readOnlyKey, children: [
           pair.key,
           ":"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { style: styles.readOnlyValue, children: pair.value })
-      ] }, `${pair.key}-${index}`)) : pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { style: styles.pairRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { style: styles.readOnlyValue, children: pair.value })
+      ] }, `${pair.key}-${index}`)) : pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { style: styles.pairRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           TextField_default,
           {
             placeholder: keyPlaceholder,
@@ -9124,7 +9499,7 @@ var KeyValueInput = ({
             "aria-label": `${keyLabel} ${index + 1}`
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           TextField_default,
           {
             placeholder: valuePlaceholder,
@@ -9135,7 +9510,7 @@ var KeyValueInput = ({
             "aria-label": `${valueLabel} ${index + 1}`
           }
         ),
-        !readOnly && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        !readOnly && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           Button_default,
           {
             variant: "outline",
@@ -9144,12 +9519,12 @@ var KeyValueInput = ({
             disabled,
             style: styles.removeButton,
             "aria-label": `${removeButtonText} ${pair.key}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(X_default, { width: 16, height: 16 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(X_default, { width: 16, height: 16 })
           }
         )
       ] }, `${pair.key}-${index}`)),
-      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { style: styles.addRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { style: styles.addRow, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           TextField_default,
           {
             placeholder: keyPlaceholder,
@@ -9160,7 +9535,7 @@ var KeyValueInput = ({
             "aria-label": "New key"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           TextField_default,
           {
             placeholder: valuePlaceholder,
@@ -9176,7 +9551,7 @@ var KeyValueInput = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           Button_default,
           {
             variant: "solid",
@@ -9185,13 +9560,13 @@ var KeyValueInput = ({
             disabled: isAddDisabled,
             style: styles.addButton,
             "aria-label": "Add new key-value pair",
-            children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Plus_default, { width: 16, height: 16 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Plus_default, { width: 16, height: 16 })
           }
         )
       ] })
     ] }),
-    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { style: styles.helperText, children: error || helperText }),
-    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { style: styles.helperText, children: [
+    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { style: styles.helperText, children: error || helperText }),
+    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { style: styles.helperText, children: [
       pairs.length,
       " of ",
       maxPairs,
@@ -9202,7 +9577,7 @@ var KeyValueInput = ({
 var KeyValueInput_default = KeyValueInput;
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var formatDate = (dateString) => {
   if (!dateString) return "-";
   try {
@@ -9262,10 +9637,10 @@ var BaseOrganizationProfile = ({
   ]
 }) => {
   const { theme } = useTheme_default();
-  const [editedOrganization, setEditedOrganization] = (0, import_react52.useState)(organization);
-  const [editingFields, setEditingFields] = (0, import_react52.useState)({});
-  const triggerRef = (0, import_react52.useRef)(null);
-  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+  const [editedOrganization, setEditedOrganization] = (0, import_react53.useState)(organization);
+  const [editingFields, setEditingFields] = (0, import_react53.useState)({});
+  const triggerRef = (0, import_react53.useRef)(null);
+  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     "svg",
     {
       width: "16",
@@ -9276,16 +9651,16 @@ var BaseOrganizationProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime84.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_runtime85.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_react52.useCallback)((fieldName) => {
+  const toggleFieldEdit = (0, import_react53.useCallback)((fieldName) => {
     setEditingFields((prev) => ({
       ...prev,
       [fieldName]: !prev[fieldName]
     }));
   }, []);
-  const getFieldPlaceholder = (0, import_react52.useCallback)((fieldKey) => {
+  const getFieldPlaceholder = (0, import_react53.useCallback)((fieldKey) => {
     const fieldLabels = {
       name: "organization name",
       description: "organization description",
@@ -9296,7 +9671,7 @@ var BaseOrganizationProfile = ({
     const fieldLabel = fieldLabels[fieldKey] || fieldKey.toLowerCase();
     return `Enter ${fieldLabel}`;
   }, []);
-  const handleFieldSave = (0, import_react52.useCallback)(
+  const handleFieldSave = (0, import_react53.useCallback)(
     (fieldKey) => {
       if (!onUpdate || !fieldKey) return;
       const fieldValue = editedOrganization && fieldKey && editedOrganization[fieldKey] !== void 0 ? editedOrganization[fieldKey] : organization && organization[fieldKey] !== void 0 ? organization[fieldKey] : "";
@@ -9308,7 +9683,7 @@ var BaseOrganizationProfile = ({
     },
     [editedOrganization, organization, onUpdate, toggleFieldEdit]
   );
-  const handleFieldCancel = (0, import_react52.useCallback)(
+  const handleFieldCancel = (0, import_react53.useCallback)(
     (fieldKey) => {
       setEditedOrganization((prev) => ({
         ...prev,
@@ -9335,8 +9710,8 @@ var BaseOrganizationProfile = ({
     if (!name) return "ORG";
     return name.split(" ").map((word) => word.charAt(0)).join("").toUpperCase().slice(0, 2);
   };
-  const styles = useStyles8();
-  const buttonStyle = (0, import_react52.useMemo)(
+  const styles = useStyles9();
+  const buttonStyle = (0, import_react53.useMemo)(
     () => ({
       padding: `${theme.spacing.unit}px ${theme.spacing.unit * 2}px`,
       margin: `${theme.spacing.unit}px`,
@@ -9348,7 +9723,7 @@ var BaseOrganizationProfile = ({
     }),
     [theme]
   );
-  const saveButtonStyle = (0, import_react52.useMemo)(
+  const saveButtonStyle = (0, import_react53.useMemo)(
     () => ({
       ...buttonStyle,
       backgroundColor: theme.colors.primary.main,
@@ -9356,7 +9731,7 @@ var BaseOrganizationProfile = ({
     }),
     [theme, buttonStyle]
   );
-  const cancelButtonStyle = (0, import_react52.useMemo)(
+  const cancelButtonStyle = (0, import_react53.useMemo)(
     () => ({
       ...buttonStyle,
       backgroundColor: theme.colors.secondary.main,
@@ -9383,7 +9758,7 @@ var BaseOrganizationProfile = ({
       let fieldInput;
       if (key === "attributes") {
         const attributesValue = typeof fieldValue === "object" && fieldValue !== null ? fieldValue : {};
-        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           KeyValueInput_default,
           {
             value: attributesValue,
@@ -9421,26 +9796,26 @@ var BaseOrganizationProfile = ({
           }
         );
       } else {
-        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TextField_default, { ...commonProps });
+        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(TextField_default, { ...commonProps });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { style: styles.label, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { style: styles.value, children: fieldInput })
+      return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { style: styles.label, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: 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_runtime84.jsx)(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
+      displayValue = key === "attributes" && typeof value === "object" && value !== null ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
     } else if (isFieldEditable) {
       displayValue = getFieldPlaceholder(key);
     } else {
       displayValue = "-";
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { style: styles.label, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { style: styles.label, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         "div",
         {
           style: {
@@ -9448,7 +9823,7 @@ var BaseOrganizationProfile = ({
             fontStyle: hasValue ? "normal" : "italic",
             opacity: hasValue ? 1 : 0.7
           },
-          children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
             "button",
             {
               onClick: onStartEdit,
@@ -9486,8 +9861,8 @@ var BaseOrganizationProfile = ({
       alignItems: "center",
       gap: `${theme.spacing.unit}px`
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { style: fieldStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { style: { flex: 1, display: "flex", alignItems: "center", gap: `${theme.spacing.unit}px` }, children: renderField(
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { style: fieldStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { flex: 1, display: "flex", alignItems: "center", gap: `${theme.spacing.unit}px` }, children: renderField(
         field,
         isFieldEditing,
         (value) => {
@@ -9497,12 +9872,12 @@ var BaseOrganizationProfile = ({
         },
         () => toggleFieldEdit(field.key)
       ) }),
-      isFieldEditable && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { style: { display: "flex", alignItems: "center", gap: `${theme.spacing.unit / 2}px` }, children: isFieldEditing ? /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(import_jsx_runtime84.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { onClick: () => handleFieldSave(field.key), style: saveButtonStyle, title: "Save changes", children: saveButtonText }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { onClick: () => handleFieldCancel(field.key), style: cancelButtonStyle, title: "Cancel editing", children: cancelButtonText })
+      isFieldEditable && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { display: "flex", alignItems: "center", gap: `${theme.spacing.unit / 2}px` }, children: isFieldEditing ? /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { onClick: () => handleFieldSave(field.key), style: saveButtonStyle, title: "Save changes", children: saveButtonText }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { onClick: () => handleFieldCancel(field.key), style: cancelButtonStyle, title: "Cancel editing", children: cancelButtonText })
       ] }) : (
         // Only show pencil icon when there's a value
-        hasValue && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        hasValue && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "button",
           {
             onClick: () => toggleFieldEdit(field.key),
@@ -9518,7 +9893,7 @@ var BaseOrganizationProfile = ({
               color: theme.colors.text.secondary
             },
             title: "Edit field",
-            children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(PencilIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(PencilIcon, {})
           }
         )
       ) })
@@ -9531,30 +9906,30 @@ var BaseOrganizationProfile = ({
     ...styles.root,
     ...cardLayout ? styles.card : {}
   };
-  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(Card_default, { style: containerStyle, className: (0, import_clsx24.default)((0, import_browser58.withVendorCSSClassPrefix)("organization-profile"), className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { style: styles.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { style: styles.orgInfo, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h2", { style: styles.name, children: organization.name }),
-        organization.orgHandle && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("p", { style: styles.handle, children: [
+  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Card_default, { style: containerStyle, className: (0, import_clsx25.default)((0, import_browser59.withVendorCSSClassPrefix)("organization-profile"), className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { style: styles.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { style: styles.orgInfo, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h2", { style: styles.name, children: organization.name }),
+        organization.orgHandle && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("p", { style: styles.handle, children: [
           "@",
           organization.orgHandle
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { style: styles.infoContainer, children: fields.map((field, index) => renderOrganizationField(field)) })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: styles.infoContainer, children: fields.map((field, index) => renderOrganizationField(field)) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(DialogHeading, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { style: { padding: "1rem" }, children: profileContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DialogHeading, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { padding: "1rem" }, children: profileContent })
     ] }) });
   }
   return profileContent;
 };
-var useStyles8 = () => {
+var useStyles9 = () => {
   const { theme, colorScheme } = useTheme_default();
-  return (0, import_react52.useMemo)(
+  return (0, import_react53.useMemo)(
     () => ({
       root: {
         padding: `${theme.spacing.unit * 4}px`,
@@ -9674,8 +10049,8 @@ var useStyles8 = () => {
 var BaseOrganizationProfile_default = BaseOrganizationProfile;
 
 // src/api/getOrganization.ts
-var import_browser59 = require("@asgardeo/browser");
-var httpClient7 = import_browser59.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser59.AsgardeoSPAClient.getInstance());
+var import_browser60 = require("@asgardeo/browser");
+var httpClient7 = import_browser60.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser60.AsgardeoSPAClient.getInstance());
 var getOrganization = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient7({
@@ -9691,7 +10066,7 @@ var getOrganization = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser59.getOrganization)({
+  return (0, import_browser60.getOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -9699,8 +10074,8 @@ var getOrganization = async ({ fetcher, ...requestConfig }) => {
 var getOrganization_default = getOrganization;
 
 // src/api/updateOrganization.ts
-var import_browser60 = require("@asgardeo/browser");
-var httpClient8 = import_browser60.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser60.AsgardeoSPAClient.getInstance());
+var import_browser61 = require("@asgardeo/browser");
+var httpClient8 = import_browser61.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser61.AsgardeoSPAClient.getInstance());
 var updateOrganization = async ({
   fetcher,
   ...requestConfig
@@ -9720,7 +10095,7 @@ var updateOrganization = async ({
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser60.updateOrganization)({
+  return (0, import_browser61.updateOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -9728,7 +10103,7 @@ var updateOrganization = async ({
 var updateOrganization_default = updateOrganization;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var OrganizationProfile = ({
   organizationId,
   mode = "default",
@@ -9736,15 +10111,15 @@ var OrganizationProfile = ({
   onOpenChange,
   onUpdate,
   popupTitle,
-  loadingFallback = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: "Loading organization..." }),
-  errorFallback = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: "Failed to load organization data" }),
+  loadingFallback = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { children: "Loading organization..." }),
+  errorFallback = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { children: "Failed to load organization data" }),
   ...rest
 }) => {
   const { baseUrl } = useAsgardeo_default();
   const { t } = useTranslation_default();
-  const [organization, setOrganization] = (0, import_react53.useState)(null);
-  const [loading, setLoading] = (0, import_react53.useState)(true);
-  const [error, setError] = (0, import_react53.useState)(false);
+  const [organization, setOrganization] = (0, import_react54.useState)(null);
+  const [loading, setLoading] = (0, import_react54.useState)(true);
+  const [error, setError] = (0, import_react54.useState)(false);
   const fetchOrganization = async () => {
     if (!baseUrl || !organizationId) {
       setLoading(false);
@@ -9767,13 +10142,13 @@ var OrganizationProfile = ({
       setLoading(false);
     }
   };
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     fetchOrganization();
   }, [baseUrl, organizationId]);
   const handleOrganizationUpdate = async (payload) => {
     if (!baseUrl || !organizationId) return;
     try {
-      const operations = (0, import_browser60.createPatchOperations)(payload);
+      const operations = (0, import_browser61.createPatchOperations)(payload);
       await updateOrganization_default({
         baseUrl,
         organizationId,
@@ -9788,19 +10163,7 @@ var OrganizationProfile = ({
       throw err;
     }
   };
-  if (loading) {
-    return mode === "popup" ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DialogHeading, { children: popupTitle || t("organization.profile.title") }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { padding: "1rem" }, children: loadingFallback })
-    ] }) }) : loadingFallback;
-  }
-  if (error) {
-    return mode === "popup" ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DialogHeading, { children: popupTitle || t("organization.profile.title") }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { padding: "1rem" }, children: errorFallback })
-    ] }) }) : errorFallback;
-  }
-  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     BaseOrganizationProfile_default,
     {
       organization,
@@ -9812,36 +10175,35 @@ var OrganizationProfile = ({
       ...rest
     }
   );
-  return profileContent;
 };
 var OrganizationProfile_default = OrganizationProfile;
 
 // src/components/presentation/OrganizationList/OrganizationList.tsx
-var import_react55 = require("react");
+var import_react56 = require("react");
 
 // src/components/presentation/OrganizationList/BaseOrganizationList.tsx
-var import_browser61 = require("@asgardeo/browser");
-var import_clsx25 = __toESM(require("clsx"), 1);
-var import_react54 = require("react");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_browser62 = require("@asgardeo/browser");
+var import_clsx26 = __toESM(require("clsx"), 1);
+var import_react55 = require("react");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var defaultRenderOrganization = (organization, styles) => {
   const getOrgInitials = (name) => {
     if (!name) return "ORG";
     return name.split(" ").map((word) => word.charAt(0)).join("").toUpperCase().slice(0, 2);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { style: styles.organizationItem, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { style: styles.organizationContent, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Avatar, { name: getOrgInitials(organization.name), size: 48, alt: `${organization.name} logo` }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { style: styles.organizationInfo, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h3", { style: styles.organizationName, children: organization.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("p", { style: styles.organizationHandle, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { style: styles.organizationItem, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { style: styles.organizationContent, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Avatar, { name: getOrgInitials(organization.name), size: 48, alt: `${organization.name} logo` }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { style: styles.organizationInfo, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h3", { style: styles.organizationName, children: organization.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { style: styles.organizationHandle, children: [
           "@",
           organization.orgHandle
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("p", { style: styles.organizationStatus, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { style: styles.organizationStatus, children: [
           "Status:",
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "span",
             {
               style: {
@@ -9854,16 +10216,16 @@ var defaultRenderOrganization = (organization, styles) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.organizationActions, children: organization.canSwitch ? /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { style: { ...styles.badge, ...styles.successBadge }, children: "Can Switch" }) : /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { style: { ...styles.badge, ...styles.errorBadge }, children: "No Access" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.organizationActions, children: organization.canSwitch ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { style: { ...styles.badge, ...styles.successBadge }, children: "Can Switch" }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { style: { ...styles.badge, ...styles.errorBadge }, children: "No Access" }) })
   ] }, organization.id);
 };
-var defaultRenderLoading = (styles) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.loadingText, children: "Loading organizations..." }) });
-var defaultRenderError = (error, styles) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { style: styles.errorContainer, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("strong", { children: "Error:" }),
+var defaultRenderLoading = (styles) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.loadingText, children: "Loading organizations..." }) });
+var defaultRenderError = (error, styles) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { style: styles.errorContainer, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("strong", { children: "Error:" }),
   " ",
   error
 ] });
-var defaultRenderLoadMore = (onLoadMore, isLoading, styles) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+var defaultRenderLoadMore = (onLoadMore, isLoading, styles) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
   "button",
   {
     onClick: onLoadMore,
@@ -9876,7 +10238,7 @@ var defaultRenderLoadMore = (onLoadMore, isLoading, styles) => /* @__PURE__ */ (
     children: isLoading ? "Loading..." : "Load More Organizations"
   }
 );
-var defaultRenderEmpty = (styles) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.emptyContainer, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.emptyText, children: "No organizations found" }) });
+var defaultRenderEmpty = (styles) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.emptyContainer, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.emptyText, children: "No organizations found" }) });
 var BaseOrganizationList = ({
   className = "",
   data,
@@ -9898,68 +10260,68 @@ var BaseOrganizationList = ({
   title = "Organizations",
   totalCount
 }) => {
-  const styles = useStyles9();
+  const styles = useStyles10();
   const renderLoadingWithStyles = renderLoading || (() => defaultRenderLoading(styles));
   const renderErrorWithStyles = renderError || ((error2) => defaultRenderError(error2, styles));
   const renderEmptyWithStyles = renderEmpty || (() => defaultRenderEmpty(styles));
   const renderLoadMoreWithStyles = renderLoadMore || ((onLoadMore, isLoading2) => defaultRenderLoadMore(onLoadMore, isLoading2, styles));
   const renderOrganizationWithStyles = renderOrganization || ((org) => defaultRenderOrganization(org, styles));
   if (isLoading && data.length === 0) {
-    const loadingContent = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    const loadingContent = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
-        className: (0, import_clsx25.default)((0, import_browser61.withVendorCSSClassPrefix)("organization-list"), className),
+        className: (0, import_clsx26.default)((0, import_browser62.withVendorCSSClassPrefix)("organization-list"), className),
         style: { ...styles.root, ...style },
         children: renderLoadingWithStyles()
       }
     );
     if (mode === "popup") {
-      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(DialogContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DialogHeading, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.popupContent, children: loadingContent })
+      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DialogHeading, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.popupContent, children: loadingContent })
       ] }) });
     }
     return loadingContent;
   }
   if (error && data.length === 0) {
-    const errorContent = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    const errorContent = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
-        className: (0, import_clsx25.default)((0, import_browser61.withVendorCSSClassPrefix)("organization-list"), className),
+        className: (0, import_clsx26.default)((0, import_browser62.withVendorCSSClassPrefix)("organization-list"), className),
         style: { ...styles.root, ...style },
         children: renderErrorWithStyles(error)
       }
     );
     if (mode === "popup") {
-      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(DialogContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DialogHeading, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.popupContent, children: errorContent })
+      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DialogHeading, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.popupContent, children: errorContent })
       ] }) });
     }
     return errorContent;
   }
   if (!isLoading && data.length === 0) {
-    const emptyContent = /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+    const emptyContent = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
       "div",
       {
-        className: (0, import_clsx25.default)((0, import_browser61.withVendorCSSClassPrefix)("organization-list"), className),
+        className: (0, import_clsx26.default)((0, import_browser62.withVendorCSSClassPrefix)("organization-list"), className),
         style: { ...styles.root, ...style },
         children: renderEmptyWithStyles()
       }
     );
     if (mode === "popup") {
-      return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(DialogContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DialogHeading, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.popupContent, children: emptyContent })
+      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(DialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DialogHeading, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.popupContent, children: emptyContent })
       ] }) });
     }
     return emptyContent;
   }
-  const organizationListContent = /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: (0, import_clsx25.default)((0, import_browser61.withVendorCSSClassPrefix)("organization-list"), className), style: { ...styles.root, ...style }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { style: styles.header, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { style: styles.headerInfo, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("h2", { style: styles.title, children: "Organizations" }),
-        totalCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("p", { style: styles.subtitle, children: [
+  const organizationListContent = /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: (0, import_clsx26.default)((0, import_browser62.withVendorCSSClassPrefix)("organization-list"), className), style: { ...styles.root, ...style }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { style: styles.header, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { style: styles.headerInfo, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h2", { style: styles.title, children: "Organizations" }),
+        totalCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { style: styles.subtitle, children: [
           "Showing ",
           data.length,
           " of ",
@@ -9967,25 +10329,25 @@ var BaseOrganizationList = ({
           " organizations"
         ] })
       ] }),
-      onRefresh && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("button", { onClick: onRefresh, style: styles.refreshButton, type: "button", children: "Refresh" })
+      onRefresh && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { onClick: onRefresh, style: styles.refreshButton, type: "button", children: "Refresh" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.listContainer, children: data.map(
+    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.listContainer, children: data.map(
       (organization, index) => renderOrganizationWithStyles(organization, index)
     ) }),
-    error && data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.errorMargin, children: renderErrorWithStyles(error) }),
-    hasMore && fetchMore && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.loadMoreMargin, children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
+    error && data.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.errorMargin, children: renderErrorWithStyles(error) }),
+    hasMore && fetchMore && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.loadMoreMargin, children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(DialogContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DialogHeading, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { style: styles.popupContent, children: organizationListContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(DialogContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DialogHeading, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: styles.popupContent, children: organizationListContent })
     ] }) });
   }
   return organizationListContent;
 };
-var useStyles9 = () => {
+var useStyles10 = () => {
   const { theme, colorScheme } = useTheme_default();
-  return (0, import_react54.useMemo)(
+  return (0, import_react55.useMemo)(
     () => ({
       root: {
         padding: `${theme.spacing.unit * 4}px`,
@@ -10149,7 +10511,7 @@ var useStyles9 = () => {
 var BaseOrganizationList_default = BaseOrganizationList;
 
 // src/components/presentation/OrganizationList/OrganizationList.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var OrganizationList = ({
   autoFetch = true,
   filter = "",
@@ -10168,7 +10530,7 @@ var OrganizationList = ({
     totalCount,
     fetchPaginatedOrganizations
   } = useOrganization_default();
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (autoFetch) {
       fetchPaginatedOrganizations({
         filter,
@@ -10178,7 +10540,7 @@ var OrganizationList = ({
       });
     }
   }, [autoFetch, filter, limit, recursive, fetchPaginatedOrganizations]);
-  const enhancedRenderOrganization = baseProps.renderOrganization ? baseProps.renderOrganization : onOrganizationSelect ? (organization, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+  const enhancedRenderOrganization = baseProps.renderOrganization ? baseProps.renderOrganization : onOrganizationSelect ? (organization, index) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
     "div",
     {
       onClick: () => onOrganizationSelect(organization),
@@ -10200,19 +10562,19 @@ var OrganizationList = ({
         e.currentTarget.style.borderColor = "#e5e7eb";
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h3", { style: { fontSize: "18px", fontWeight: "bold", margin: "0 0 8px 0" }, children: organization.name }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { style: { color: "#6b7280", fontSize: "14px", margin: "0" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h3", { style: { fontSize: "18px", fontWeight: "bold", margin: "0 0 8px 0" }, children: organization.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("p", { style: { color: "#6b7280", fontSize: "14px", margin: "0" }, children: [
             "Handle: ",
             organization.orgHandle
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("p", { style: { color: "#6b7280", fontSize: "14px", margin: "4px 0 0 0" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("p", { style: { color: "#6b7280", fontSize: "14px", margin: "4px 0 0 0" }, children: [
             "Status:",
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { style: { color: organization.status === "ACTIVE" ? "#10b981" : "#ef4444" }, children: organization.status })
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { style: { color: organization.status === "ACTIVE" ? "#10b981" : "#ef4444" }, children: organization.status })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { style: { alignItems: "center", display: "flex" }, children: organization.canSwitch ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { style: { alignItems: "center", display: "flex" }, children: organization.canSwitch ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           "span",
           {
             style: {
@@ -10225,7 +10587,7 @@ var OrganizationList = ({
             },
             children: "Can Switch"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
           "span",
           {
             style: {
@@ -10251,7 +10613,7 @@ var OrganizationList = ({
       reset: true
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     BaseOrganizationList_default,
     {
       data: paginatedOrganizations,
@@ -10270,8 +10632,8 @@ var OrganizationList = ({
 var OrganizationList_default = OrganizationList;
 
 // src/components/primitives/Icons/BuildingAlt.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
-var BuildingAlt = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+var import_jsx_runtime89 = require("react/jsx-runtime");
+var BuildingAlt = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
   "svg",
   {
     width,
@@ -10284,13 +10646,13 @@ var BuildingAlt = ({ color = "currentColor", height = 24, width = 24 }) => /* @_
     "stroke-linecap": "round",
     "stroke-linejoin": "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M10 6h4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M10 10h4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M10 14h4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M10 18h4" })
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M10 6h4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M10 10h4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M10 14h4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M10 18h4" })
     ]
   }
 );
@@ -10298,7 +10660,7 @@ BuildingAlt.displayName = "BuildingAlt";
 var BuildingAlt_default = BuildingAlt;
 
 // src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var OrganizationSwitcher = ({
   currentOrganization: propCurrentOrganization,
   fallback = null,
@@ -10314,15 +10676,15 @@ var OrganizationSwitcher = ({
     isLoading,
     error
   } = useOrganization_default();
-  const [isCreateOrgOpen, setIsCreateOrgOpen] = (0, import_react56.useState)(false);
-  const [isProfileOpen, setIsProfileOpen] = (0, import_react56.useState)(false);
-  const [isOrganizationListOpen, setIsOrganizationListOpen] = (0, import_react56.useState)(false);
+  const [isCreateOrgOpen, setIsCreateOrgOpen] = (0, import_react57.useState)(false);
+  const [isProfileOpen, setIsProfileOpen] = (0, import_react57.useState)(false);
+  const [isOrganizationListOpen, setIsOrganizationListOpen] = (0, import_react57.useState)(false);
   const { t } = useTranslation_default();
   if (!isSignedIn && fallback) {
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_jsx_runtime89.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_jsx_runtime90.Fragment, {});
   }
   const organizations = propOrganizations || contextOrganizations || [];
   const currentOrganization = propCurrentOrganization || contextCurrentOrganization;
@@ -10336,19 +10698,19 @@ var OrganizationSwitcher = ({
   const defaultMenuItems = [];
   if (currentOrganization) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(BuildingAlt_default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BuildingAlt_default, {}),
       label: t("organization.switcher.manage.organizations"),
       onClick: handleManageOrganizations
     });
   }
   defaultMenuItems.push({
-    icon: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M12 5v14m-7-7h14" }) }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_jsx_runtime90.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       BaseOrganizationSwitcher_default,
       {
         organizations,
@@ -10361,7 +10723,7 @@ var OrganizationSwitcher = ({
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       CreateOrganization,
       {
         mode: "popup",
@@ -10375,7 +10737,7 @@ var OrganizationSwitcher = ({
         }
       }
     ),
-    currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       OrganizationProfile_default,
       {
         organizationId: currentOrganization.id,
@@ -10383,11 +10745,11 @@ var OrganizationSwitcher = ({
         open: isProfileOpen,
         onOpenChange: setIsProfileOpen,
         cardLayout: true,
-        loadingFallback: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { children: t("organization.profile.loading") }),
-        errorFallback: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { children: t("organization.profile.error") })
+        loadingFallback: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: t("organization.profile.loading") }),
+        errorFallback: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: t("organization.profile.error") })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       OrganizationList_default,
       {
         mode: "popup",