@asgardeo/react 0.22.5 → 0.23.1

package/dist/index.js

@@ -1006,17 +1006,30 @@ var BrandingProvider = ({
 };
 var BrandingProvider_default = BrandingProvider;
 
+// src/contexts/ComponentRenderer/ComponentRendererContext.ts
+import { createContext as createContext3 } from "react";
+var ComponentRendererContext = createContext3({});
+var ComponentRendererContext_default = ComponentRendererContext;
+
+// src/contexts/ComponentRenderer/ComponentRendererProvider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ComponentRendererProvider = ({
+  renderers,
+  children
+}) => /* @__PURE__ */ jsx2(ComponentRendererContext_default.Provider, { value: renderers, children });
+var ComponentRendererProvider_default = ComponentRendererProvider;
+
 // src/contexts/Flow/FlowProvider.tsx
 import { useCallback as useCallback2, useMemo, useState as useState2 } from "react";
 
 // src/contexts/Flow/FlowContext.ts
-import { createContext as createContext3 } from "react";
-var FlowContext = createContext3(void 0);
+import { createContext as createContext4 } from "react";
+var FlowContext = createContext4(void 0);
 FlowContext.displayName = "FlowContext";
 var FlowContext_default = FlowContext;
 
 // src/contexts/Flow/FlowProvider.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var FlowProvider = ({
   children,
   initialStep = null,
@@ -1125,7 +1138,7 @@ var FlowProvider = ({
       navigateToFlow
     ]
   );
-  return /* @__PURE__ */ jsx2(FlowContext_default.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx3(FlowContext_default.Provider, { value: contextValue, children });
 };
 var FlowProvider_default = FlowProvider;
 
@@ -1135,8 +1148,8 @@ import { TranslationBundleConstants } from "@asgardeo/i18n";
 import { useCallback as useCallback3, useEffect as useEffect2, useRef, useState as useState3 } from "react";
 
 // src/contexts/FlowMeta/FlowMetaContext.ts
-import { createContext as createContext4 } from "react";
-var FlowMetaContext = createContext4(null);
+import { createContext as createContext5 } from "react";
+var FlowMetaContext = createContext5(null);
 FlowMetaContext.displayName = "FlowMetaContext";
 var FlowMetaContext_default = FlowMetaContext;
 
@@ -1145,8 +1158,8 @@ import { resolveFlowTemplateLiterals } from "@asgardeo/browser";
 import { useContext } from "react";
 
 // src/contexts/I18n/I18nContext.ts
-import { createContext as createContext5 } from "react";
-var I18nContext = createContext5(null);
+import { createContext as createContext6 } from "react";
+var I18nContext = createContext6(null);
 I18nContext.displayName = "I18nContext";
 var I18nContext_default = I18nContext;
 
@@ -1186,7 +1199,7 @@ var useI18n = () => {
 var useI18n_default = useI18n;
 
 // src/contexts/FlowMeta/FlowMetaProvider.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var FlowMetaProvider = ({
   children,
   enabled = true
@@ -1294,7 +1307,7 @@ var FlowMetaProvider = ({
     meta,
     switchLanguage
   };
-  return /* @__PURE__ */ jsx3(FlowMetaContext_default.Provider, { value, children });
+  return /* @__PURE__ */ jsx4(FlowMetaContext_default.Provider, { value, children });
 };
 var FlowMetaProvider_default = FlowMetaProvider;
 
@@ -1306,7 +1319,7 @@ import {
   normalizeTranslations
 } from "@asgardeo/i18n";
 import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo2, useState as useState4 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var logger = createPackageComponentLogger(
   "@asgardeo/react",
   "I18nProvider"
@@ -1525,7 +1538,7 @@ var I18nProvider = ({
     }),
     [currentLanguage, fallbackLanguage, injectBundles, mergedBundles, setLanguage, t]
   );
-  return /* @__PURE__ */ jsx4(I18nContext_default.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx5(I18nContext_default.Provider, { value: contextValue, children });
 };
 var I18nProvider_default = I18nProvider;
 
@@ -1536,8 +1549,8 @@ import {
 import { useCallback as useCallback5, useMemo as useMemo3, useState as useState5 } from "react";
 
 // src/contexts/Organization/OrganizationContext.ts
-import { createContext as createContext6 } from "react";
-var OrganizationContext = createContext6({
+import { createContext as createContext7 } from "react";
+var OrganizationContext = createContext7({
   createOrganization: () => null,
   currentOrganization: null,
   error: null,
@@ -1554,7 +1567,7 @@ OrganizationContext.displayName = "OrganizationContext";
 var OrganizationContext_default = OrganizationContext;
 
 // src/contexts/Organization/OrganizationProvider.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var OrganizationProvider = ({
   children,
   currentOrganization,
@@ -1616,7 +1629,7 @@ var OrganizationProvider = ({
       createOrganization2
     ]
   );
-  return /* @__PURE__ */ jsx5(OrganizationContext_default.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx6(OrganizationContext_default.Provider, { value: contextValue, children });
 };
 var OrganizationProvider_default = OrganizationProvider;
 
@@ -1678,13 +1691,13 @@ var useBrandingContext = () => {
 var useBrandingContext_default = useBrandingContext;
 
 // src/contexts/Theme/ThemeContext.ts
-import { createContext as createContext7 } from "react";
-var ThemeContext = createContext7(null);
+import { createContext as createContext8 } from "react";
+var ThemeContext = createContext8(null);
 ThemeContext.displayName = "ThemeContext";
 var ThemeContext_default = ThemeContext;
 
 // src/contexts/Theme/v1/ThemeProvider.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var logger2 = createPackageComponentLogger2(
   "@asgardeo/react",
   "ThemeProvider"
@@ -1830,7 +1843,7 @@ var ThemeProvider = ({
     theme,
     toggleTheme
   };
-  return /* @__PURE__ */ jsx6(ThemeContext_default.Provider, { value, children });
+  return /* @__PURE__ */ jsx7(ThemeContext_default.Provider, { value, children });
 };
 var ThemeProvider_default = ThemeProvider;
 
@@ -1884,7 +1897,7 @@ var buildThemeConfigFromFlowMeta = (flowMetaTheme, colorScheme) => {
 var buildThemeConfigFromFlowMeta_default = buildThemeConfigFromFlowMeta;
 
 // src/contexts/Theme/v2/ThemeProvider.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var ThemeProvider2 = ({
   children,
   theme: themeOverrideProp
@@ -1954,12 +1967,12 @@ var ThemeProvider2 = ({
     theme,
     toggleTheme
   };
-  return /* @__PURE__ */ jsx7(ThemeContext_default.Provider, { value, children });
+  return /* @__PURE__ */ jsx8(ThemeContext_default.Provider, { value, children });
 };
 var ThemeProvider_default2 = ThemeProvider2;
 
 // src/contexts/Theme/ThemeProvider.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var ThemeProvider3 = ({
   children,
   theme,
@@ -1970,9 +1983,9 @@ var ThemeProvider3 = ({
   const { platform } = useAsgardeo_default();
   if (platform === Platform3.AsgardeoV2) {
     const v2Props = { theme };
-    return /* @__PURE__ */ jsx8(ThemeProvider_default2, { ...v2Props, children });
+    return /* @__PURE__ */ jsx9(ThemeProvider_default2, { ...v2Props, children });
   }
-  return /* @__PURE__ */ jsx8(ThemeProvider_default, { detection, inheritFromBranding, mode, theme, children });
+  return /* @__PURE__ */ jsx9(ThemeProvider_default, { detection, inheritFromBranding, mode, theme, children });
 };
 var ThemeProvider_default3 = ThemeProvider3;
 
@@ -1980,8 +1993,8 @@ var ThemeProvider_default3 = ThemeProvider3;
 import { useMemo as useMemo6 } from "react";
 
 // src/contexts/User/UserContext.ts
-import { createContext as createContext8 } from "react";
-var UserContext = createContext8({
+import { createContext as createContext9 } from "react";
+var UserContext = createContext9({
   flattenedProfile: null,
   onUpdateProfile: () => null,
   profile: null,
@@ -1993,7 +2006,7 @@ UserContext.displayName = "UserContext";
 var UserContext_default = UserContext;
 
 // src/contexts/User/UserProvider.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var UserProvider = ({
   children,
   profile,
@@ -2012,12 +2025,12 @@ var UserProvider = ({
     }),
     [profile, onUpdateProfile, revalidateProfile, updateProfile]
   );
-  return /* @__PURE__ */ jsx9(UserContext_default.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx10(UserContext_default.Provider, { value: contextValue, children });
 };
 var UserProvider_default = UserProvider;
 
 // src/contexts/Asgardeo/AsgardeoProvider.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var logger3 = createPackageComponentLogger3(
   "@asgardeo/react",
   "AsgardeoProvider"
@@ -2028,6 +2041,7 @@ var AsgardeoProvider = ({
   baseUrl: initialBaseUrl,
   clientId,
   children,
+  extensions,
   scopes,
   preferences,
   signInUrl,
@@ -2499,7 +2513,7 @@ var AsgardeoProvider = ({
       organizationChain
     ]
   );
-  return /* @__PURE__ */ jsx10(AsgardeoContext_default.Provider, { value, children: /* @__PURE__ */ jsx10(I18nProvider_default, { preferences: preferences?.i18n, children: /* @__PURE__ */ jsx10(FlowMetaProvider_default, { enabled: preferences?.resolveFromMeta !== false, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(AsgardeoContext_default.Provider, { value, children: /* @__PURE__ */ jsx11(I18nProvider_default, { preferences: preferences?.i18n, children: /* @__PURE__ */ jsx11(FlowMetaProvider_default, { enabled: preferences?.resolveFromMeta !== false, children: /* @__PURE__ */ jsx11(
     BrandingProvider_default,
     {
       brandingPreference,
@@ -2507,7 +2521,7 @@ var AsgardeoProvider = ({
       error: brandingError,
       enabled: preferences?.theme?.inheritFromBranding !== false,
       refetch: refetchBranding,
-      children: /* @__PURE__ */ jsx10(
+      children: /* @__PURE__ */ jsx11(
         ThemeProvider_default3,
         {
           inheritFromBranding: preferences?.theme?.inheritFromBranding,
@@ -2516,7 +2530,7 @@ var AsgardeoProvider = ({
             direction: preferences?.theme?.direction
           },
           mode: getActiveTheme(preferences?.theme?.mode),
-          children: /* @__PURE__ */ jsx10(FlowProvider_default, { children: /* @__PURE__ */ jsx10(UserProvider_default, { profile: userProfile, onUpdateProfile: handleProfileUpdate, children: /* @__PURE__ */ jsx10(
+          children: /* @__PURE__ */ jsx11(FlowProvider_default, { children: /* @__PURE__ */ jsx11(UserProvider_default, { profile: userProfile, onUpdateProfile: handleProfileUpdate, children: /* @__PURE__ */ jsx11(
             OrganizationProvider_default,
             {
               getAllOrganizations: async () => asgardeo.getAllOrganizations(),
@@ -2524,7 +2538,7 @@ var AsgardeoProvider = ({
               currentOrganization,
               onOrganizationSwitch: switchOrganization,
               revalidateMyOrganizations: async () => asgardeo.getMyOrganizations(),
-              children
+              children: /* @__PURE__ */ jsx11(ComponentRendererProvider_default, { renderers: extensions?.components?.renderers ?? {}, children })
             }
           ) }) })
         }
@@ -2584,8 +2598,8 @@ import { normalizeTranslations as normalizeTranslations2 } from "@asgardeo/i18n"
 import { useContext as useContext9, useMemo as useMemo8 } from "react";
 
 // src/contexts/I18n/ComponentPreferencesContext.ts
-import { createContext as createContext9 } from "react";
-var ComponentPreferencesContext = createContext9(void 0);
+import { createContext as createContext10 } from "react";
+var ComponentPreferencesContext = createContext10(void 0);
 var ComponentPreferencesContext_default = ComponentPreferencesContext;
 
 // src/hooks/useTranslation.ts
@@ -3273,7 +3287,7 @@ var useStyles2 = (theme, colorScheme, size, color) => useMemo10(() => {
 var Spinner_styles_default = useStyles2;
 
 // src/components/primitives/Spinner/Spinner.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var Spinner = ({ size = "medium", color, className, style }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = Spinner_styles_default(theme, colorScheme, size, color);
@@ -3285,12 +3299,12 @@ var Spinner = ({ size = "medium", color, className, style }) => {
     size === "large" && styles["spinnerLarge"],
     className
   );
-  return /* @__PURE__ */ jsx11("span", { className: spinnerClassName, style, role: "status", "aria-label": "Loading" });
+  return /* @__PURE__ */ jsx12("span", { className: spinnerClassName, style, role: "status", "aria-label": "Loading" });
 };
 var Spinner_default = Spinner;
 
 // src/components/primitives/Button/Button.tsx
-import { jsx as jsx12, jsxs } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs } from "react/jsx-runtime";
 var getSpinnerWidth = (sizeVal, spacingUnit) => {
   if (sizeVal === "small") {
     return `calc(${spacingUnit} * 1.5)`;
@@ -3355,7 +3369,7 @@ var Button = forwardRef(
         disabled: disabled || loading,
         ...rest,
         children: [
-          loading && /* @__PURE__ */ jsx12("span", { className: cx2(withVendorCSSClassPrefix2(bem2("button", "spinner")), styles["spinner"]), children: /* @__PURE__ */ jsx12(
+          loading && /* @__PURE__ */ jsx13("span", { className: cx2(withVendorCSSClassPrefix2(bem2("button", "spinner")), styles["spinner"]), children: /* @__PURE__ */ jsx13(
             Spinner_default,
             {
               size,
@@ -3366,10 +3380,10 @@ var Button = forwardRef(
               }
             }
           ) }),
-          !loading && isIconVariant && /* @__PURE__ */ jsx12("span", { className: cx2(withVendorCSSClassPrefix2(bem2("button", "icon")), styles["icon"]), children: children || startIcon || endIcon }),
-          !loading && !isIconVariant && startIcon && /* @__PURE__ */ jsx12("span", { className: cx2(withVendorCSSClassPrefix2(bem2("button", "start-icon")), styles["startIcon"]), children: startIcon }),
-          !isIconVariant && children && /* @__PURE__ */ jsx12("span", { className: cx2(withVendorCSSClassPrefix2(bem2("button", "content")), styles["content"]), children }),
-          !loading && !isIconVariant && endIcon && /* @__PURE__ */ jsx12("span", { className: cx2(withVendorCSSClassPrefix2(bem2("button", "end-icon")), styles["endIcon"]), children: endIcon })
+          !loading && isIconVariant && /* @__PURE__ */ jsx13("span", { className: cx2(withVendorCSSClassPrefix2(bem2("button", "icon")), styles["icon"]), children: children || startIcon || endIcon }),
+          !loading && !isIconVariant && startIcon && /* @__PURE__ */ jsx13("span", { className: cx2(withVendorCSSClassPrefix2(bem2("button", "start-icon")), styles["startIcon"]), children: startIcon }),
+          !isIconVariant && children && /* @__PURE__ */ jsx13("span", { className: cx2(withVendorCSSClassPrefix2(bem2("button", "content")), styles["content"]), children }),
+          !loading && !isIconVariant && endIcon && /* @__PURE__ */ jsx13("span", { className: cx2(withVendorCSSClassPrefix2(bem2("button", "end-icon")), styles["endIcon"]), children: endIcon })
         ]
       }
     );
@@ -3379,13 +3393,13 @@ Button.displayName = "Button";
 var Button_default = Button;
 
 // src/components/actions/SignInButton/BaseSignInButton.tsx
-import { Fragment, jsx as jsx13 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx14 } from "react/jsx-runtime";
 var BaseSignInButton = forwardRef2(
   ({ children, className, style, signIn, isLoading, meta, preferences, ...rest }, ref) => {
     if (typeof children === "function") {
-      return /* @__PURE__ */ jsx13(Fragment, { children: children({ isLoading, meta, signIn }) });
+      return /* @__PURE__ */ jsx14(Fragment, { children: children({ isLoading, meta, signIn }) });
     }
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       Button_default,
       {
         ref,
@@ -3406,7 +3420,7 @@ var BaseSignInButton_default = BaseSignInButton;
 // src/components/actions/SignInButton/SignInButton.tsx
 import { AsgardeoRuntimeError as AsgardeoRuntimeError4, navigate as navigate2 } from "@asgardeo/browser";
 import { forwardRef as forwardRef3, useState as useState10 } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var SignInButton = forwardRef3(
   ({ children, onClick, preferences, signInOptions: overriddenSignInOptions = {}, ...rest }, ref) => {
     const { signIn, signInUrl, signInOptions, meta } = useAsgardeo_default();
@@ -3434,7 +3448,7 @@ var SignInButton = forwardRef3(
         setIsLoading(false);
       }
     };
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       BaseSignInButton_default,
       {
         ref,
@@ -3458,13 +3472,13 @@ import { cx as cx4 } from "@emotion/css";
 import {
   forwardRef as forwardRef4
 } from "react";
-import { Fragment as Fragment2, jsx as jsx15 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx16 } from "react/jsx-runtime";
 var BaseSignOutButton = forwardRef4(
   ({ children, className, style, signOut, isLoading, meta, preferences, ...rest }, ref) => {
     if (typeof children === "function") {
-      return /* @__PURE__ */ jsx15(Fragment2, { children: children({ isLoading, meta, signOut }) });
+      return /* @__PURE__ */ jsx16(Fragment2, { children: children({ isLoading, meta, signOut }) });
     }
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       Button_default,
       {
         ref,
@@ -3485,7 +3499,7 @@ var BaseSignOutButton_default = BaseSignOutButton;
 // src/components/actions/SignOutButton/SignOutButton.tsx
 import { AsgardeoRuntimeError as AsgardeoRuntimeError5 } from "@asgardeo/browser";
 import { forwardRef as forwardRef5, useState as useState11 } from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var SignOutButton = forwardRef5(({ children, onClick, preferences, ...rest }, ref) => {
   const { signOut, meta } = useAsgardeo_default();
   const { t } = useTranslation_default(preferences?.i18n);
@@ -3508,7 +3522,7 @@ var SignOutButton = forwardRef5(({ children, onClick, preferences, ...rest }, re
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     BaseSignOutButton_default,
     {
       ref,
@@ -3531,13 +3545,13 @@ import { cx as cx5 } from "@emotion/css";
 import {
   forwardRef as forwardRef6
 } from "react";
-import { Fragment as Fragment3, jsx as jsx17 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18 } from "react/jsx-runtime";
 var BaseSignUpButton = forwardRef6(
   ({ children, className, style, signUp, isLoading, meta, preferences, ...rest }, ref) => {
     if (typeof children === "function") {
-      return /* @__PURE__ */ jsx17(Fragment3, { children: children({ isLoading, meta, signUp }) });
+      return /* @__PURE__ */ jsx18(Fragment3, { children: children({ isLoading, meta, signUp }) });
     }
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       Button_default,
       {
         ref,
@@ -3560,7 +3574,7 @@ var BaseSignUpButton_default = BaseSignUpButton;
 // src/components/actions/SignUpButton/SignUpButton.tsx
 import { AsgardeoRuntimeError as AsgardeoRuntimeError6, navigate as navigate3 } from "@asgardeo/browser";
 import { forwardRef as forwardRef7, useState as useState12 } from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var SignUpButton = forwardRef7(({ children, onClick, preferences, ...rest }, ref) => {
   const { signUp, signUpUrl, meta } = useAsgardeo_default();
   const { t } = useTranslation_default(preferences?.i18n);
@@ -3587,7 +3601,7 @@ var SignUpButton = forwardRef7(({ children, onClick, preferences, ...rest }, ref
       setIsLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     BaseSignUpButton_default,
     {
       ref,
@@ -3605,50 +3619,50 @@ SignUpButton.displayName = "SignUpButton";
 var SignUpButton_default = SignUpButton;
 
 // src/components/control/SignedIn.tsx
-import { Fragment as Fragment4, jsx as jsx19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20 } from "react/jsx-runtime";
 var SignedIn = ({
   children,
   fallback = null
 }) => {
   const { isSignedIn } = useAsgardeo_default();
   if (!isSignedIn) {
-    return /* @__PURE__ */ jsx19(Fragment4, { children: fallback });
+    return /* @__PURE__ */ jsx20(Fragment4, { children: fallback });
   }
-  return /* @__PURE__ */ jsx19(Fragment4, { children });
+  return /* @__PURE__ */ jsx20(Fragment4, { children });
 };
 SignedIn.displayName = "SignedIn";
 var SignedIn_default = SignedIn;
 
 // src/components/control/SignedOut.tsx
-import { Fragment as Fragment5, jsx as jsx20 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx21 } from "react/jsx-runtime";
 var SignedOut = ({
   children,
   fallback = null
 }) => {
   const { isSignedIn } = useAsgardeo_default();
   if (!isSignedIn) {
-    return /* @__PURE__ */ jsx20(Fragment5, { children });
+    return /* @__PURE__ */ jsx21(Fragment5, { children });
   }
-  return /* @__PURE__ */ jsx20(Fragment5, { children: fallback });
+  return /* @__PURE__ */ jsx21(Fragment5, { children: fallback });
 };
 SignedOut.displayName = "SignedOut";
 var SignedOut_default = SignedOut;
 
 // src/components/control/Loading.tsx
-import { Fragment as Fragment6, jsx as jsx21 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx22 } from "react/jsx-runtime";
 var Loading = ({ children, fallback = null }) => {
   const { isLoading } = useAsgardeo_default();
   if (!isLoading) {
-    return /* @__PURE__ */ jsx21(Fragment6, { children: fallback });
+    return /* @__PURE__ */ jsx22(Fragment6, { children: fallback });
   }
-  return /* @__PURE__ */ jsx21(Fragment6, { children });
+  return /* @__PURE__ */ jsx22(Fragment6, { children });
 };
 Loading.displayName = "Loading";
 var Loading_default = Loading;
 
 // src/components/control/OrganizationContext/OrganizationContextController.tsx
 import { useEffect as useEffect7, useRef as useRef3 } from "react";
-import { Fragment as Fragment7, jsx as jsx22 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx23 } from "react/jsx-runtime";
 var OrganizationContextController = ({
   targetOrganizationId,
   isSourceSignedIn,
@@ -3692,12 +3706,12 @@ var OrganizationContextController = ({
     };
     performOrganizationSwitch();
   }, [isInitialized, isSignedIn, isLoading, isSourceSignedIn, targetOrganizationId, switchOrganization]);
-  return /* @__PURE__ */ jsx22(Fragment7, { children });
+  return /* @__PURE__ */ jsx23(Fragment7, { children });
 };
 var OrganizationContextController_default = OrganizationContextController;
 
 // src/components/control/OrganizationContext/OrganizationContext.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var OrganizationContext2 = ({
   instanceId,
   baseUrl,
@@ -3716,7 +3730,7 @@ var OrganizationContext2 = ({
     baseUrl: sourceBaseUrl,
     clientId: sourceClientId
   } = useAsgardeo_default();
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     AsgardeoProvider_default,
     {
       instanceId,
@@ -3730,7 +3744,7 @@ var OrganizationContext2 = ({
         targetOrganizationId
       },
       ...rest,
-      children: /* @__PURE__ */ jsx23(OrganizationContextController_default, { targetOrganizationId, isSourceSignedIn, children })
+      children: /* @__PURE__ */ jsx24(OrganizationContextController_default, { targetOrganizationId, isSourceSignedIn, children })
     }
   );
 };
@@ -4126,7 +4140,7 @@ var useStyles5 = (theme, colorScheme, variant, align, color, noWrap, inline, gut
 var Typography_styles_default = useStyles5;
 
 // src/components/primitives/Typography/Typography.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var variantMapping = {
   body1: "p",
   body2: "p",
@@ -4215,12 +4229,12 @@ var Typography = ({
     gutterBottom && styles["typographyGutterBottom"],
     className
   );
-  return /* @__PURE__ */ jsx24(Component, { className: typographyClassName, style, ...rest, children });
+  return /* @__PURE__ */ jsx25(Component, { className: typographyClassName, style, ...rest, children });
 };
 var Typography_default = Typography;
 
 // src/components/primitives/FormControl/FormControl.tsx
-import { jsx as jsx25, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs2 } from "react/jsx-runtime";
 var FormControl = ({
   children,
   error,
@@ -4233,7 +4247,7 @@ var FormControl = ({
   const styles = FormControl_styles_default(theme, colorScheme, helperTextAlign, helperTextMarginLeft, !!error);
   return /* @__PURE__ */ jsxs2("div", { className: cx7(withVendorCSSClassPrefix7(bem4("form-control")), styles["formControl"], className), children: [
     children,
-    (error || helperText) && /* @__PURE__ */ jsx25(
+    (error || helperText) && /* @__PURE__ */ jsx26(
       Typography_default,
       {
         variant: "caption",
@@ -4292,7 +4306,7 @@ var useStyles6 = (theme, colorScheme, variant, error, marginBottom) => useMemo14
 var InputLabel_styles_default = useStyles6;
 
 // src/components/primitives/InputLabel/InputLabel.tsx
-import { jsx as jsx26, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs3 } from "react/jsx-runtime";
 var InputLabel = ({
   children,
   required = false,
@@ -4323,7 +4337,7 @@ var InputLabel = ({
       ...rest,
       children: [
         children,
-        required && /* @__PURE__ */ jsx26("span", { className: cx8(withVendorCSSClassPrefix8(bem5("input-label", "required")), styles["requiredIndicator"]), children: " *" })
+        required && /* @__PURE__ */ jsx27("span", { className: cx8(withVendorCSSClassPrefix8(bem5("input-label", "required")), styles["requiredIndicator"]), children: " *" })
       ]
     }
   );
@@ -4331,7 +4345,7 @@ var InputLabel = ({
 var InputLabel_default = InputLabel;
 
 // src/components/primitives/Checkbox/Checkbox.tsx
-import { jsx as jsx27, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs4 } from "react/jsx-runtime";
 var Checkbox = ({
   label,
   error,
@@ -4344,7 +4358,7 @@ var Checkbox = ({
   const { theme, colorScheme } = useTheme_default();
   const hasError = !!error;
   const styles = Checkbox_styles_default(theme, colorScheme, hasError, !!required);
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     FormControl_default,
     {
       error,
@@ -4352,7 +4366,7 @@ var Checkbox = ({
       className: cx9(withVendorCSSClassPrefix9(bem6("checkbox")), className),
       helperTextMarginLeft: `calc(${theme.vars.spacing.unit} * 3.5)`,
       children: /* @__PURE__ */ jsxs4("div", { style, className: cx9(withVendorCSSClassPrefix9(bem6("checkbox", "container")), styles["container"]), children: [
-        /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx28(
           "input",
           {
             type: "checkbox",
@@ -4364,7 +4378,7 @@ var Checkbox = ({
             ...rest
           }
         ),
-        label && /* @__PURE__ */ jsx27(
+        label && /* @__PURE__ */ jsx28(
           InputLabel_default,
           {
             required,
@@ -4452,7 +4466,7 @@ var useStyles7 = (theme, colorScheme, hasError, disabled) => useMemo15(() => {
 var DatePicker_styles_default = useStyles7;
 
 // src/components/primitives/DatePicker/DatePicker.tsx
-import { jsx as jsx28, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs5 } from "react/jsx-runtime";
 var DatePicker = ({
   label,
   error,
@@ -4475,7 +4489,7 @@ var DatePicker = ({
       className: cx10(withVendorCSSClassPrefix10(bem7("date-picker")), className),
       style,
       children: [
-        label && /* @__PURE__ */ jsx28(
+        label && /* @__PURE__ */ jsx29(
           InputLabel_default,
           {
             required,
@@ -4484,7 +4498,7 @@ var DatePicker = ({
             children: label
           }
         ),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           "input",
           {
             type: "date",
@@ -4584,7 +4598,7 @@ var useStyles8 = (theme, colorScheme, disabled, hasError, length) => useMemo16((
 var OtpField_styles_default = useStyles8;
 
 // src/components/primitives/OtpField/OtpField.tsx
-import { jsx as jsx29, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs6 } from "react/jsx-runtime";
 var OtpField = ({
   label,
   error,
@@ -4698,8 +4712,8 @@ var OtpField = ({
       helperTextAlign: "center",
       style,
       children: [
-        label && /* @__PURE__ */ jsx29(InputLabel_default, { required, error: !!error, children: label }),
-        /* @__PURE__ */ jsx29("div", { className: cx11(withVendorCSSClassPrefix11(bem8("otp-field", "input-container")), styles["inputContainer"]), children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx29(
+        label && /* @__PURE__ */ jsx30(InputLabel_default, { required, error: !!error, children: label }),
+        /* @__PURE__ */ jsx30("div", { className: cx11(withVendorCSSClassPrefix11(bem8("otp-field", "input-container")), styles["inputContainer"]), children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx30(
           "input",
           {
             ref: (el) => {
@@ -4767,7 +4781,7 @@ var useStyles9 = (theme, colorScheme, showPassword, disabled, hasError) => useMe
 var PasswordField_styles_default = useStyles9;
 
 // src/components/primitives/Icons/Eye.tsx
-import { jsx as jsx30, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs7 } from "react/jsx-runtime";
 var Eye = (props) => /* @__PURE__ */ jsxs7(
   "svg",
   {
@@ -4782,15 +4796,15 @@ var Eye = (props) => /* @__PURE__ */ jsxs7(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx30("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
-      /* @__PURE__ */ jsx30("circle", { cx: "12", cy: "12", r: "3" })
+      /* @__PURE__ */ jsx31("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
+      /* @__PURE__ */ jsx31("circle", { cx: "12", cy: "12", r: "3" })
     ]
   }
 );
 var Eye_default = Eye;
 
 // src/components/primitives/Icons/EyeOff.tsx
-import { jsx as jsx31, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs8 } from "react/jsx-runtime";
 var EyeOff = (props) => /* @__PURE__ */ jsxs8(
   "svg",
   {
@@ -4805,10 +4819,10 @@ var EyeOff = (props) => /* @__PURE__ */ jsxs8(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx31("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }),
-      /* @__PURE__ */ jsx31("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }),
-      /* @__PURE__ */ jsx31("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }),
-      /* @__PURE__ */ jsx31("path", { d: "m2 2 20 20" })
+      /* @__PURE__ */ jsx32("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }),
+      /* @__PURE__ */ jsx32("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }),
+      /* @__PURE__ */ jsx32("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }),
+      /* @__PURE__ */ jsx32("path", { d: "m2 2 20 20" })
     ]
   }
 );
@@ -4924,7 +4938,7 @@ var useStyles10 = (theme, colorScheme, disabled, hasError, hasStartIcon, hasEndI
 var TextField_styles_default = useStyles10;
 
 // src/components/primitives/TextField/TextField.tsx
-import { jsx as jsx32, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs9 } from "react/jsx-runtime";
 var TextField = ({
   label,
   error,
@@ -4965,9 +4979,9 @@ var TextField = ({
       className: cx12(withVendorCSSClassPrefix12(bem9("text-field")), className),
       style,
       children: [
-        label && /* @__PURE__ */ jsx32(InputLabel_default, { required, error: hasError, children: label }),
+        label && /* @__PURE__ */ jsx33(InputLabel_default, { required, error: hasError, children: label }),
         /* @__PURE__ */ jsxs9("div", { className: containerClassName, children: [
-          startIcon && /* @__PURE__ */ jsx32(
+          startIcon && /* @__PURE__ */ jsx33(
             "div",
             {
               className: startIconClassName,
@@ -4978,7 +4992,7 @@ var TextField = ({
               children: startIcon
             }
           ),
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             "input",
             {
               className: inputClassName,
@@ -4989,7 +5003,7 @@ var TextField = ({
               ...rest
             }
           ),
-          endIcon && /* @__PURE__ */ jsx32(
+          endIcon && /* @__PURE__ */ jsx33(
             "div",
             {
               className: endIconClassName,
@@ -5008,7 +5022,7 @@ var TextField = ({
 var TextField_default = TextField;
 
 // src/components/primitives/PasswordField/PasswordField.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var PasswordField = ({
   onChange,
   className,
@@ -5025,7 +5039,7 @@ var PasswordField = ({
     }
   };
   const IconComponent = showPassword ? EyeOff_default : Eye_default;
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     TextField_default,
     {
       ...textFieldProps,
@@ -5035,7 +5049,7 @@ var PasswordField = ({
       autoComplete: "current-password",
       disabled,
       error,
-      endIcon: /* @__PURE__ */ jsx33(
+      endIcon: /* @__PURE__ */ jsx34(
         IconComponent,
         {
           width: 16,
@@ -5136,7 +5150,7 @@ var useStyles11 = (theme, colorScheme, disabled, hasError) => useMemo19(() => {
 var Select_styles_default = useStyles11;
 
 // src/components/primitives/Select/Select.tsx
-import { jsx as jsx34, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs10 } from "react/jsx-runtime";
 var Select = ({
   label,
   error,
@@ -5166,7 +5180,7 @@ var Select = ({
       className: cx14(withVendorCSSClassPrefix14(bem11("select")), className),
       style,
       children: [
-        label && /* @__PURE__ */ jsx34(InputLabel_default, { required, error: hasError, children: label }),
+        label && /* @__PURE__ */ jsx35(InputLabel_default, { required, error: hasError, children: label }),
         /* @__PURE__ */ jsxs10(
           "select",
           {
@@ -5176,8 +5190,8 @@ var Select = ({
             "aria-required": required,
             ...rest,
             children: [
-              placeholder && /* @__PURE__ */ jsx34("option", { value: "", disabled: true, children: placeholder }),
-              options.map((option) => /* @__PURE__ */ jsx34("option", { value: option.value, className: styles["option"], children: option.label }, option.value))
+              placeholder && /* @__PURE__ */ jsx35("option", { value: "", disabled: true, children: placeholder }),
+              options.map((option) => /* @__PURE__ */ jsx35("option", { value: option.value, className: styles["option"], children: option.label }, option.value))
             ]
           }
         )
@@ -5188,7 +5202,7 @@ var Select = ({
 var Select_default = Select;
 
 // src/components/factories/FieldFactory.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var validateFieldValue = (value, type, required = false, touched = false) => {
   if (required && touched && (!value || value.trim() === "")) {
     return "This field is required";
@@ -5240,9 +5254,9 @@ var createField = (config) => {
   };
   switch (type) {
     case FieldType.Password:
-      return /* @__PURE__ */ jsx35(PasswordField_default, { ...commonProps, onChange });
+      return /* @__PURE__ */ jsx36(PasswordField_default, { ...commonProps, onChange });
     case FieldType.Text:
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         TextField_default,
         {
           ...commonProps,
@@ -5252,7 +5266,7 @@ var createField = (config) => {
         }
       );
     case FieldType.Email:
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         TextField_default,
         {
           ...commonProps,
@@ -5262,7 +5276,7 @@ var createField = (config) => {
         }
       );
     case FieldType.Tel:
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         TextField_default,
         {
           ...commonProps,
@@ -5272,10 +5286,10 @@ var createField = (config) => {
         }
       );
     case FieldType.Date:
-      return /* @__PURE__ */ jsx35(DatePicker_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
+      return /* @__PURE__ */ jsx36(DatePicker_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
     case FieldType.Checkbox: {
       const isChecked = value === "true" || value === true;
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         Checkbox_default,
         {
           ...commonProps,
@@ -5285,9 +5299,9 @@ var createField = (config) => {
       );
     }
     case FieldType.Otp:
-      return /* @__PURE__ */ jsx35(OtpField_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
+      return /* @__PURE__ */ jsx36(OtpField_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
     case FieldType.Number:
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         TextField_default,
         {
           ...commonProps,
@@ -5299,7 +5313,7 @@ var createField = (config) => {
     case FieldType.Select: {
       const fieldOptions = options.length > 0 ? options : [];
       if (fieldOptions.length > 0) {
-        return /* @__PURE__ */ jsx35(
+        return /* @__PURE__ */ jsx36(
           Select_default,
           {
             ...commonProps,
@@ -5309,7 +5323,7 @@ var createField = (config) => {
           }
         );
       }
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         TextField_default,
         {
           ...commonProps,
@@ -5321,7 +5335,7 @@ var createField = (config) => {
       );
     }
     default:
-      return /* @__PURE__ */ jsx35(
+      return /* @__PURE__ */ jsx36(
         TextField_default,
         {
           ...commonProps,
@@ -5335,7 +5349,7 @@ var createField = (config) => {
 var FieldFactory = (props) => createField(props);
 
 // src/components/presentation/auth/SignIn/v1/options/EmailOtp.tsx
-import { Fragment as Fragment8, jsx as jsx36, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx37, jsxs as jsxs11 } from "react/jsx-runtime";
 var EmailOtp = ({
   authenticator,
   formValues,
@@ -5360,7 +5374,7 @@ var EmailOtp = ({
   return /* @__PURE__ */ jsxs11(Fragment8, { children: [
     formFields.map((param) => {
       const isOtpParam = param.param.toLowerCase().includes("otp") || param.param.toLowerCase().includes("code");
-      return /* @__PURE__ */ jsx36("div", { children: isOtpParam && hasOtpField ? /* @__PURE__ */ jsx36(
+      return /* @__PURE__ */ jsx37("div", { children: isOtpParam && hasOtpField ? /* @__PURE__ */ jsx37(
         OtpField_default,
         {
           length: 6,
@@ -5381,7 +5395,7 @@ var EmailOtp = ({
         value: formValues[param.param] || ""
       }) }, param.param);
     }),
-    /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37(
       Button_default,
       {
         fullWidth: true,
@@ -5402,7 +5416,7 @@ var EmailOtp_default = EmailOtp;
 // src/components/presentation/auth/SignIn/v1/options/IdentifierFirst.tsx
 import { EmbeddedSignInFlowAuthenticatorParamType as EmbeddedSignInFlowAuthenticatorParamType2, FieldType as FieldType3 } from "@asgardeo/browser";
 import { useEffect as useEffect10 } from "react";
-import { Fragment as Fragment9, jsx as jsx37, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx38, jsxs as jsxs12 } from "react/jsx-runtime";
 var IdentifierFirst = ({
   authenticator,
   formValues,
@@ -5422,7 +5436,7 @@ var IdentifierFirst = ({
     setSubtitle(t("identifier.first.subheading"));
   }, [setTitle, setSubtitle, t]);
   return /* @__PURE__ */ jsxs12(Fragment9, { children: [
-    formFields.map((param) => /* @__PURE__ */ jsx37("div", { children: createField({
+    formFields.map((param) => /* @__PURE__ */ jsx38("div", { children: createField({
       className: inputClassName,
       disabled: isLoading,
       label: param.displayName,
@@ -5436,7 +5450,7 @@ var IdentifierFirst = ({
       type: param.type === EmbeddedSignInFlowAuthenticatorParamType2.String && param.confidential ? FieldType3.Password : FieldType3.Text,
       value: formValues[param.param] || ""
     }) }, param.param)),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       Button_default,
       {
         fullWidth: true,
@@ -5456,7 +5470,7 @@ var IdentifierFirst_default = IdentifierFirst;
 
 // src/components/presentation/auth/SignIn/v1/options/MultiOptionButton.tsx
 import { ApplicationNativeAuthenticationConstants, EmbeddedSignInFlowAuthenticatorKnownIdPType } from "@asgardeo/browser";
-import { jsx as jsx38, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs13 } from "react/jsx-runtime";
 var MultiOptionButton = ({
   authenticator,
   isLoading,
@@ -5479,7 +5493,7 @@ var MultiOptionButton = ({
     const { authenticatorId } = authenticator;
     switch (authenticatorId) {
       case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SmsOtp:
-        return /* @__PURE__ */ jsx38("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx38(
+        return /* @__PURE__ */ jsx39("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx39(
           "path",
           {
             fill: "currentColor",
@@ -5487,7 +5501,7 @@ var MultiOptionButton = ({
           }
         ) });
       case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.EmailOtp:
-        return /* @__PURE__ */ jsx38("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx38(
+        return /* @__PURE__ */ jsx39("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx39(
           "path",
           {
             fill: "currentColor",
@@ -5495,9 +5509,9 @@ var MultiOptionButton = ({
           }
         ) });
       case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Totp:
-        return /* @__PURE__ */ jsx38("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx38("path", { fill: "currentColor", d: "M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5z" }) });
+        return /* @__PURE__ */ jsx39("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx39("path", { fill: "currentColor", d: "M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5z" }) });
       case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.PushNotification:
-        return /* @__PURE__ */ jsx38("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx38(
+        return /* @__PURE__ */ jsx39("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx39(
           "path",
           {
             fill: "currentColor",
@@ -5506,15 +5520,15 @@ var MultiOptionButton = ({
         ) });
       case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Passkey:
         return /* @__PURE__ */ jsxs13("svg", { fill: "currentColor", width: "18", height: "18", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: [
-          /* @__PURE__ */ jsx38("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
-          /* @__PURE__ */ jsx38("g", { id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+          /* @__PURE__ */ jsx39("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
+          /* @__PURE__ */ jsx39("g", { id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }),
           /* @__PURE__ */ jsxs13("g", { id: "SVGRepo_iconCarrier", children: [
-            /* @__PURE__ */ jsx38("path", { d: "M7.7 4.7C9.36 3.07 12.68 2 16.17 2S23 3.06 24.6 4.7A1 1 0 0 0 26 3.3C23.6.86 19.34 0 16.16 0S8.72.87 6.3 3.3a1 1 0 0 0 1.4 1.4zM29.2 12.55C26.38 6.88 22 4 16.17 4s-10.22 2.88-13 8.55a1 1 0 0 0 .44 1.34 1 1 0 0 0 1.35-.45C7.4 8.45 11.08 6 16.15 6s8.77 2.44 11.27 7.45a1 1 0 0 0 .9.55.87.87 0 0 0 .44-.1 1 1 0 0 0 .45-1.35zM19.4 28.08c-4.13-1.77-5.8-4.5-6-6.5a2.87 2.87 0 0 1 1.13-2.75c.85-.57 2.1.24 3.87 1.52s4.13 3 6.17 1.45c1.8-1.35 2.34-3.76 1.45-6.44A10.85 10.85 0 0 0 16.16 8C7.2 8 4 15.75 4 23a1 1 0 0 0 2 0c0-3 .73-13 10.16-13 3.9 0 7 3.1 8 6 .3.87.8 3-.75 4.2-.8.6-2-.2-3.8-1.47s-4.07-2.94-6.14-1.56a4.87 4.87 0 0 0-2 4.6c.24 2.56 2.24 6 7.18 8.15A1 1 0 0 0 19 30a1 1 0 0 0 .4-1.92zM10 19.24a7.06 7.06 0 0 1 5.2-4.65c2.24-.43 4.32.6 6 3a1 1 0 1 0 1.62-1.17c-2.9-4.07-6.27-4.12-8-3.8A9.1 9.1 0 0 0 8 18.77c-1 3.94.43 8.27 4.2 12.87a1 1 0 0 0 .8.37.94.94 0 0 0 .63-.23 1 1 0 0 0 .14-1.4c-3.34-4.1-4.62-7.83-3.77-11.13zM25.3 24.3a3 3 0 0 1-3.06.63c-2.4-.57-4.78-2.7-5.3-4.25a1 1 0 1 0-1.9.64c.8 2.33 3.87 4.88 6.74 5.56a6.84 6.84 0 0 0 1.52.18 4.7 4.7 0 0 0 3.4-1.35 1 1 0 0 0-1.4-1.4z" }),
+            /* @__PURE__ */ jsx39("path", { d: "M7.7 4.7C9.36 3.07 12.68 2 16.17 2S23 3.06 24.6 4.7A1 1 0 0 0 26 3.3C23.6.86 19.34 0 16.16 0S8.72.87 6.3 3.3a1 1 0 0 0 1.4 1.4zM29.2 12.55C26.38 6.88 22 4 16.17 4s-10.22 2.88-13 8.55a1 1 0 0 0 .44 1.34 1 1 0 0 0 1.35-.45C7.4 8.45 11.08 6 16.15 6s8.77 2.44 11.27 7.45a1 1 0 0 0 .9.55.87.87 0 0 0 .44-.1 1 1 0 0 0 .45-1.35zM19.4 28.08c-4.13-1.77-5.8-4.5-6-6.5a2.87 2.87 0 0 1 1.13-2.75c.85-.57 2.1.24 3.87 1.52s4.13 3 6.17 1.45c1.8-1.35 2.34-3.76 1.45-6.44A10.85 10.85 0 0 0 16.16 8C7.2 8 4 15.75 4 23a1 1 0 0 0 2 0c0-3 .73-13 10.16-13 3.9 0 7 3.1 8 6 .3.87.8 3-.75 4.2-.8.6-2-.2-3.8-1.47s-4.07-2.94-6.14-1.56a4.87 4.87 0 0 0-2 4.6c.24 2.56 2.24 6 7.18 8.15A1 1 0 0 0 19 30a1 1 0 0 0 .4-1.92zM10 19.24a7.06 7.06 0 0 1 5.2-4.65c2.24-.43 4.32.6 6 3a1 1 0 1 0 1.62-1.17c-2.9-4.07-6.27-4.12-8-3.8A9.1 9.1 0 0 0 8 18.77c-1 3.94.43 8.27 4.2 12.87a1 1 0 0 0 .8.37.94.94 0 0 0 .63-.23 1 1 0 0 0 .14-1.4c-3.34-4.1-4.62-7.83-3.77-11.13zM25.3 24.3a3 3 0 0 1-3.06.63c-2.4-.57-4.78-2.7-5.3-4.25a1 1 0 1 0-1.9.64c.8 2.33 3.87 4.88 6.74 5.56a6.84 6.84 0 0 0 1.52.18 4.7 4.7 0 0 0 3.4-1.35 1 1 0 0 0-1.4-1.4z" }),
             " "
           ] })
         ] });
       case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.MagicLink:
-        return /* @__PURE__ */ jsx38("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx38(
+        return /* @__PURE__ */ jsx39("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx39(
           "path",
           {
             fill: "currentColor",
@@ -5522,7 +5536,7 @@ var MultiOptionButton = ({
           }
         ) });
       default:
-        return /* @__PURE__ */ jsx38("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx38(
+        return /* @__PURE__ */ jsx39("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx39(
           "path",
           {
             fill: "currentColor",
@@ -5534,7 +5548,7 @@ var MultiOptionButton = ({
   const handleClick = () => {
     onSubmit(authenticator);
   };
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     Button_default,
     {
       fullWidth: true,
@@ -5554,7 +5568,7 @@ var MultiOptionButton_default = MultiOptionButton;
 // src/components/presentation/auth/SignIn/v1/options/SmsOtp.tsx
 import { EmbeddedSignInFlowAuthenticatorParamType as EmbeddedSignInFlowAuthenticatorParamType3, FieldType as FieldType4 } from "@asgardeo/browser";
 import { useEffect as useEffect11 } from "react";
-import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx40, jsxs as jsxs14 } from "react/jsx-runtime";
 var SmsOtp = ({
   authenticator,
   formValues,
@@ -5579,7 +5593,7 @@ var SmsOtp = ({
   return /* @__PURE__ */ jsxs14(Fragment10, { children: [
     formFields.map((param) => {
       const isOtpParam = param.param.toLowerCase().includes("otp") || param.param.toLowerCase().includes("code");
-      return /* @__PURE__ */ jsx39("div", { children: isOtpParam && hasOtpField ? /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx40("div", { children: isOtpParam && hasOtpField ? /* @__PURE__ */ jsx40(
         OtpField_default,
         {
           length: 6,
@@ -5600,7 +5614,7 @@ var SmsOtp = ({
         value: formValues[param.param] || ""
       }) }, param.param);
     }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(
       Button_default,
       {
         fullWidth: true,
@@ -5619,7 +5633,7 @@ var SmsOtp = ({
 var SmsOtp_default = SmsOtp;
 
 // src/components/presentation/auth/SignIn/v1/options/SocialButton.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var SocialLogin = ({
   isLoading,
   preferences,
@@ -5627,7 +5641,7 @@ var SocialLogin = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     Button_default,
     {
       ...rest,
@@ -5636,7 +5650,7 @@ var SocialLogin = ({
       color: "secondary",
       variant: "outline",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx40("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx40(
+      startIcon: /* @__PURE__ */ jsx41("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx41(
         "path",
         {
           fill: "currentColor",
@@ -5652,7 +5666,7 @@ var SocialButton_default = SocialLogin;
 // src/components/presentation/auth/SignIn/v1/options/Totp.tsx
 import { EmbeddedSignInFlowAuthenticatorParamType as EmbeddedSignInFlowAuthenticatorParamType4, FieldType as FieldType5 } from "@asgardeo/browser";
 import { useEffect as useEffect12 } from "react";
-import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx42, jsxs as jsxs15 } from "react/jsx-runtime";
 var Totp = ({
   authenticator,
   formValues,
@@ -5677,7 +5691,7 @@ var Totp = ({
   return /* @__PURE__ */ jsxs15(Fragment11, { children: [
     formFields.map((param) => {
       const isTotpParam = param.param.toLowerCase().includes("totp") || param.param.toLowerCase().includes("token");
-      return /* @__PURE__ */ jsx41("div", { children: isTotpParam && hasTotpField ? /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsx42("div", { children: isTotpParam && hasTotpField ? /* @__PURE__ */ jsx42(
         OtpField_default,
         {
           length: 6,
@@ -5698,7 +5712,7 @@ var Totp = ({
         value: formValues[param.param] || ""
       }) }, param.param);
     }),
-    /* @__PURE__ */ jsx41(
+    /* @__PURE__ */ jsx42(
       Button_default,
       {
         fullWidth: true,
@@ -5719,7 +5733,7 @@ var Totp_default = Totp;
 // src/components/presentation/auth/SignIn/v1/options/UsernamePassword.tsx
 import { EmbeddedSignInFlowAuthenticatorParamType as EmbeddedSignInFlowAuthenticatorParamType5, FieldType as FieldType6 } from "@asgardeo/browser";
 import { useEffect as useEffect13 } from "react";
-import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx43, jsxs as jsxs16 } from "react/jsx-runtime";
 var UsernamePassword = ({
   authenticator,
   formValues,
@@ -5739,7 +5753,7 @@ var UsernamePassword = ({
     setSubtitle(t("username.password.subheading"));
   }, [setTitle, setSubtitle, t]);
   return /* @__PURE__ */ jsxs16(Fragment12, { children: [
-    formFields.map((param) => /* @__PURE__ */ jsx42("div", { children: createField({
+    formFields.map((param) => /* @__PURE__ */ jsx43("div", { children: createField({
       className: inputClassName,
       disabled: isLoading,
       label: param.displayName,
@@ -5753,7 +5767,7 @@ var UsernamePassword = ({
       type: param.type === EmbeddedSignInFlowAuthenticatorParamType5.String && param.confidential ? FieldType6.Password : FieldType6.Text,
       value: formValues[param.param] || ""
     }) }, param.param)),
-    /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx43(
       Button_default,
       {
         fullWidth: true,
@@ -5773,7 +5787,7 @@ var UsernamePassword = ({
 var UsernamePassword_default = UsernamePassword;
 
 // src/components/adapters/FacebookButton.tsx
-import { jsx as jsx43, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs17 } from "react/jsx-runtime";
 var FacebookButton = ({
   isLoading,
   preferences,
@@ -5781,7 +5795,7 @@ var FacebookButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     Button_default,
     {
       ...rest,
@@ -5791,14 +5805,14 @@ var FacebookButton = ({
       variant: "solid",
       disabled: isLoading,
       startIcon: /* @__PURE__ */ jsxs17("svg", { width: "18", height: "18", viewBox: "0 0 512 512", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           "path",
           {
             fill: "#1976D2",
             d: "M448,0H64C28.704,0,0,28.704,0,64v384c0,35.296,28.704,64,64,64h384c35.296,0,64-28.704,64-64V64C512,28.704,483.296,0,448,0z"
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           "path",
           {
             fill: "#FAFAFA",
@@ -5813,7 +5827,7 @@ var FacebookButton = ({
 var FacebookButton_default = FacebookButton;
 
 // src/components/adapters/GitHubButton.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var GitHubButton = ({
   isLoading,
   preferences,
@@ -5821,7 +5835,7 @@ var GitHubButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Button_default,
     {
       ...rest,
@@ -5830,7 +5844,7 @@ var GitHubButton = ({
       color: "secondary",
       variant: "solid",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx44("svg", { width: "18", height: "18", viewBox: "0 0 67.91 66.233", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx44("g", { transform: "translate(-386.96 658.072)", children: /* @__PURE__ */ jsx44(
+      startIcon: /* @__PURE__ */ jsx45("svg", { width: "18", height: "18", viewBox: "0 0 67.91 66.233", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx45("g", { transform: "translate(-386.96 658.072)", children: /* @__PURE__ */ jsx45(
         "path",
         {
           d: "M420.915-658.072a33.956,33.956,0,0,0-33.955,33.955,33.963,33.963,0,0,0,23.221,32.22c1.7.314,2.32-.737,2.32-1.633,0-.81-.031-3.484-.046-6.322-9.446,2.054-11.44-4.006-11.44-4.006-1.545-3.925-3.77-4.968-3.77-4.968-3.081-2.107.232-2.064.232-2.064,3.41.239,5.205,3.5,5.205,3.5,3.028,5.19,7.943,3.69,9.881,2.822a7.23,7.23,0,0,1,2.156-4.54c-7.542-.859-15.47-3.77-15.47-16.781a13.141,13.141,0,0,1,3.5-9.114,12.2,12.2,0,0,1,.329-8.986s2.851-.913,9.34,3.48a32.545,32.545,0,0,1,8.5-1.143,32.629,32.629,0,0,1,8.506,1.143c6.481-4.393,9.328-3.48,9.328-3.48a12.185,12.185,0,0,1,.333,8.986,13.115,13.115,0,0,1,3.495,9.114c0,13.042-7.943,15.913-15.5,16.754,1.218,1.054,2.3,3.12,2.3,6.288,0,4.543-.039,8.2-.039,9.318,0,.9.611,1.962,2.332,1.629a33.959,33.959,0,0,0,23.2-32.215,33.955,33.955,0,0,0-33.955-33.955",
@@ -5844,7 +5858,7 @@ var GitHubButton = ({
 var GitHubButton_default = GitHubButton;
 
 // src/components/adapters/GoogleButton.tsx
-import { jsx as jsx45, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs18 } from "react/jsx-runtime";
 var GoogleButton = ({
   isLoading,
   preferences,
@@ -5852,7 +5866,7 @@ var GoogleButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     Button_default,
     {
       ...rest,
@@ -5861,8 +5875,8 @@ var GoogleButton = ({
       color: "secondary",
       variant: "solid",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx45("svg", { width: "18", height: "18", viewBox: "0 0 67.91 67.901", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxs18("g", { transform: "translate(-0.001 -0.001)", children: [
-        /* @__PURE__ */ jsx45(
+      startIcon: /* @__PURE__ */ jsx46("svg", { width: "18", height: "18", viewBox: "0 0 67.91 67.901", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxs18("g", { transform: "translate(-0.001 -0.001)", children: [
+        /* @__PURE__ */ jsx46(
           "path",
           {
             d: "M15.049,160.965l-2.364,8.824-8.639.183a34.011,34.011,0,0,1-.25-31.7h0l7.691,1.41,3.369,7.645a20.262,20.262,0,0,0,.19,13.642Z",
@@ -5870,7 +5884,7 @@ var GoogleButton = ({
             fill: "#fbbb00"
           }
         ),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           "path",
           {
             d: "M294.24,208.176A33.939,33.939,0,0,1,282.137,241h0l-9.687-.494-1.371-8.559a20.235,20.235,0,0,0,8.706-10.333H261.628V208.176Z",
@@ -5878,7 +5892,7 @@ var GoogleButton = ({
             fill: "#518ef8"
           }
         ),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           "path",
           {
             d: "M81.668,328.8h0a33.962,33.962,0,0,1-51.161-10.387l11-9.006a20.192,20.192,0,0,0,29.1,10.338Z",
@@ -5886,7 +5900,7 @@ var GoogleButton = ({
             fill: "#28b446"
           }
         ),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx46(
           "path",
           {
             d: "M80.451,7.816l-11,9A20.19,20.19,0,0,0,39.686,27.393l-11.06-9.055h0A33.959,33.959,0,0,1,80.451,7.816Z",
@@ -5902,7 +5916,7 @@ var GoogleButton = ({
 var GoogleButton_default = GoogleButton;
 
 // src/components/adapters/LinkedInButton.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var LinkedInButton = ({
   isLoading,
   preferences,
@@ -5910,7 +5924,7 @@ var LinkedInButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     Button_default,
     {
       ...rest,
@@ -5919,7 +5933,7 @@ var LinkedInButton = ({
       color: "secondary",
       variant: "solid",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx46("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx46(
+      startIcon: /* @__PURE__ */ jsx47("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx47(
         "path",
         {
           fill: "#0077B5",
@@ -5933,7 +5947,7 @@ var LinkedInButton = ({
 var LinkedInButton_default = LinkedInButton;
 
 // src/components/adapters/MicrosoftButton.tsx
-import { jsx as jsx47, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs19 } from "react/jsx-runtime";
 var MicrosoftButton = ({
   isLoading,
   preferences,
@@ -5941,7 +5955,7 @@ var MicrosoftButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     Button_default,
     {
       ...rest,
@@ -5951,11 +5965,11 @@ var MicrosoftButton = ({
       variant: "solid",
       disabled: isLoading,
       startIcon: /* @__PURE__ */ jsxs19("svg", { width: "14", height: "14", viewBox: "0 0 23 23", xmlns: "http://www.w3.org/2000/svg", children: [
-        /* @__PURE__ */ jsx47("path", { fill: "#f3f3f3", d: "M0 0h23v23H0z" }),
-        /* @__PURE__ */ jsx47("path", { fill: "#f35325", d: "M1 1h10v10H1z" }),
-        /* @__PURE__ */ jsx47("path", { fill: "#81bc06", d: "M12 1h10v10H12z" }),
-        /* @__PURE__ */ jsx47("path", { fill: "#05a6f0", d: "M1 12h10v10H1z" }),
-        /* @__PURE__ */ jsx47("path", { fill: "#ffba08", d: "M12 12h10v10H12z" })
+        /* @__PURE__ */ jsx48("path", { fill: "#f3f3f3", d: "M0 0h23v23H0z" }),
+        /* @__PURE__ */ jsx48("path", { fill: "#f35325", d: "M1 1h10v10H1z" }),
+        /* @__PURE__ */ jsx48("path", { fill: "#81bc06", d: "M12 1h10v10H12z" }),
+        /* @__PURE__ */ jsx48("path", { fill: "#05a6f0", d: "M1 12h10v10H1z" }),
+        /* @__PURE__ */ jsx48("path", { fill: "#ffba08", d: "M12 12h10v10H12z" })
       ] }),
       children: children ?? t("elements.buttons.microsoft.text")
     }
@@ -5964,7 +5978,7 @@ var MicrosoftButton = ({
 var MicrosoftButton_default = MicrosoftButton;
 
 // src/components/adapters/SignInWithEthereumButton.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 var SignInWithEthereumButton = ({
   isLoading,
   preferences,
@@ -5972,7 +5986,7 @@ var SignInWithEthereumButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     Button_default,
     {
       ...rest,
@@ -5981,7 +5995,7 @@ var SignInWithEthereumButton = ({
       color: "secondary",
       variant: "solid",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx48("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx48(
+      startIcon: /* @__PURE__ */ jsx49("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx49(
         "path",
         {
           fill: "#627EEA",
@@ -5995,7 +6009,7 @@ var SignInWithEthereumButton = ({
 var SignInWithEthereumButton_default = SignInWithEthereumButton;
 
 // src/components/presentation/auth/SignIn/v1/options/SignInOptionFactory.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var createSignInOption = ({
   authenticator,
   onSubmit,
@@ -6006,11 +6020,11 @@ var createSignInOption = ({
   const hasParams = authenticator.metadata?.params && authenticator.metadata.params.length > 0;
   switch (authenticator.authenticatorId) {
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.UsernamePassword:
-      return /* @__PURE__ */ jsx49(UsernamePassword_default, { authenticator, preferences, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx50(UsernamePassword_default, { authenticator, preferences, onSubmit, ...rest });
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.IdentifierFirst:
-      return /* @__PURE__ */ jsx49(IdentifierFirst_default, { authenticator, preferences, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx50(IdentifierFirst_default, { authenticator, preferences, onSubmit, ...rest });
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.Google:
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx50(
         GoogleButton_default,
         {
           className: buttonClassName,
@@ -6020,7 +6034,7 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.GitHub:
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx50(
         GitHubButton_default,
         {
           preferences,
@@ -6030,7 +6044,7 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.Microsoft:
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx50(
         MicrosoftButton_default,
         {
           preferences,
@@ -6040,7 +6054,7 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.Facebook:
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx50(
         FacebookButton_default,
         {
           preferences,
@@ -6050,7 +6064,7 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.LinkedIn:
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx50(
         LinkedInButton_default,
         {
           preferences,
@@ -6060,7 +6074,7 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.SignInWithEthereum:
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx50(
         SignInWithEthereumButton_default,
         {
           preferences,
@@ -6070,14 +6084,14 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.EmailOtp:
-      return hasParams ? /* @__PURE__ */ jsx49(EmailOtp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx49(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
+      return hasParams ? /* @__PURE__ */ jsx50(EmailOtp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx50(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.Totp:
-      return hasParams ? /* @__PURE__ */ jsx49(Totp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx49(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
+      return hasParams ? /* @__PURE__ */ jsx50(Totp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx50(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.SmsOtp:
-      return hasParams ? /* @__PURE__ */ jsx49(SmsOtp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx49(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
+      return hasParams ? /* @__PURE__ */ jsx50(SmsOtp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx50(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
     default:
       if (authenticator.idp !== EmbeddedSignInFlowAuthenticatorKnownIdPType2.Local) {
-        return /* @__PURE__ */ jsx49(
+        return /* @__PURE__ */ jsx50(
           SocialButton_default,
           {
             authenticator,
@@ -6090,9 +6104,9 @@ var createSignInOption = ({
         );
       }
       if (hasParams) {
-        return /* @__PURE__ */ jsx49(UsernamePassword_default, { authenticator, preferences, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx50(UsernamePassword_default, { authenticator, preferences, onSubmit, ...rest });
       }
-      return /* @__PURE__ */ jsx49(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx50(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
   }
 };
 var createSignInOptionFromAuthenticator = (authenticator, formValues, touchedFields, isLoading, onInputChange, onSubmit, options) => createSignInOption({
@@ -6110,7 +6124,7 @@ import { withVendorCSSClassPrefix as withVendorCSSClassPrefix15, bem as bem12 }
 import { cx as cx15 } from "@emotion/css";
 import {
   forwardRef as forwardRef8,
-  createContext as createContext10,
+  createContext as createContext11,
   useContext as useContext10
 } from "react";
 
@@ -6187,7 +6201,7 @@ var useStyles12 = (theme, colorScheme, variant) => useMemo20(() => {
 var Alert_styles_default = useStyles12;
 
 // src/components/primitives/Icons/CircleAlert.tsx
-import { jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs20 } from "react/jsx-runtime";
 var CircleAlert = (props) => /* @__PURE__ */ jsxs20(
   "svg",
   {
@@ -6202,16 +6216,16 @@ var CircleAlert = (props) => /* @__PURE__ */ jsxs20(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx50("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx50("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
-      /* @__PURE__ */ jsx50("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+      /* @__PURE__ */ jsx51("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx51("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+      /* @__PURE__ */ jsx51("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
     ]
   }
 );
 var CircleAlert_default = CircleAlert;
 
 // src/components/primitives/Icons/CircleCheck.tsx
-import { jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs21 } from "react/jsx-runtime";
 var CircleCheck = (props) => /* @__PURE__ */ jsxs21(
   "svg",
   {
@@ -6226,15 +6240,15 @@ var CircleCheck = (props) => /* @__PURE__ */ jsxs21(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx51("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx51("path", { d: "m9 12 2 2 4-4" })
+      /* @__PURE__ */ jsx52("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx52("path", { d: "m9 12 2 2 4-4" })
     ]
   }
 );
 var CircleCheck_default = CircleCheck;
 
 // src/components/primitives/Icons/Info.tsx
-import { jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs22 } from "react/jsx-runtime";
 var Info = (props) => /* @__PURE__ */ jsxs22(
   "svg",
   {
@@ -6249,16 +6263,16 @@ var Info = (props) => /* @__PURE__ */ jsxs22(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx52("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx52("path", { d: "M12 16v-4" }),
-      /* @__PURE__ */ jsx52("path", { d: "M12 8h.01" })
+      /* @__PURE__ */ jsx53("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx53("path", { d: "M12 16v-4" }),
+      /* @__PURE__ */ jsx53("path", { d: "M12 8h.01" })
     ]
   }
 );
 var Info_default = Info;
 
 // src/components/primitives/Icons/TriangleAlert.tsx
-import { jsx as jsx53, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs23 } from "react/jsx-runtime";
 var TriangleAlert = (props) => /* @__PURE__ */ jsxs23(
   "svg",
   {
@@ -6273,16 +6287,16 @@ var TriangleAlert = (props) => /* @__PURE__ */ jsxs23(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx53("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
-      /* @__PURE__ */ jsx53("path", { d: "M12 9v4" }),
-      /* @__PURE__ */ jsx53("path", { d: "M12 17h.01" })
+      /* @__PURE__ */ jsx54("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+      /* @__PURE__ */ jsx54("path", { d: "M12 9v4" }),
+      /* @__PURE__ */ jsx54("path", { d: "M12 17h.01" })
     ]
   }
 );
 var TriangleAlert_default = TriangleAlert;
 
 // src/components/primitives/Alert/Alert.tsx
-import { jsx as jsx54, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs24 } from "react/jsx-runtime";
 var getDefaultIcon = (variant) => {
   switch (variant) {
     case "success":
@@ -6297,13 +6311,13 @@ var getDefaultIcon = (variant) => {
       return Info_default;
   }
 };
-var AlertVariantContext = createContext10("info");
+var AlertVariantContext = createContext11("info");
 var useAlertVariant = () => useContext10(AlertVariantContext);
 var Alert = forwardRef8(({ variant = "info", showIcon = true, children, className, style, ...rest }, ref) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = Alert_styles_default(theme, colorScheme, variant);
   const IconComponent = getDefaultIcon(variant);
-  return /* @__PURE__ */ jsx54(AlertVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx55(AlertVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxs24(
     "div",
     {
       ref,
@@ -6318,8 +6332,8 @@ var Alert = forwardRef8(({ variant = "info", showIcon = true, children, classNam
       ),
       ...rest,
       children: [
-        showIcon && /* @__PURE__ */ jsx54("div", { className: cx15(withVendorCSSClassPrefix15(bem12("alert", "icon")), styles["icon"]), children: /* @__PURE__ */ jsx54(IconComponent, {}) }),
-        /* @__PURE__ */ jsx54("div", { className: cx15(withVendorCSSClassPrefix15(bem12("alert", "content")), styles["content"]), children })
+        showIcon && /* @__PURE__ */ jsx55("div", { className: cx15(withVendorCSSClassPrefix15(bem12("alert", "icon")), styles["icon"]), children: /* @__PURE__ */ jsx55(IconComponent, {}) }),
+        /* @__PURE__ */ jsx55("div", { className: cx15(withVendorCSSClassPrefix15(bem12("alert", "content")), styles["content"]), children })
       ]
     }
   ) });
@@ -6329,7 +6343,7 @@ var AlertTitle = ({ children, className, style, ...rest }) => {
   const variant = useAlertVariant();
   const styles = Alert_styles_default(theme, colorScheme, variant);
   const { color, ...filteredRest } = rest;
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     Typography_default,
     {
       component: "h3",
@@ -6347,7 +6361,7 @@ var AlertDescription = ({ children, className, style, ...rest }) => {
   const variant = useAlertVariant();
   const styles = Alert_styles_default(theme, colorScheme, variant);
   const { color, ...filteredRest } = rest;
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     Typography_default,
     {
       component: "p",
@@ -6454,12 +6468,12 @@ var useStyles13 = (theme, colorScheme, variant, clickable) => useMemo21(() => {
 var Card_styles_default = useStyles13;
 
 // src/components/primitives/Card/Card.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 var Card = forwardRef9(
   ({ variant = "default", clickable = false, children, className, style, ...rest }, ref) => {
     const { theme, colorScheme } = useTheme_default();
     const styles = Card_styles_default(theme, colorScheme, variant, clickable);
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(
       "div",
       {
         ref,
@@ -6484,7 +6498,7 @@ var Card = forwardRef9(
 var CardHeader = forwardRef9(({ children, className, style, ...rest }, ref) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = Card_styles_default(theme, colorScheme, "default", false);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       ref,
@@ -6535,7 +6549,7 @@ var CardTitle = ({ children, level = 3, className, style, ...rest }) => {
     }
   };
   const { color, ...filteredRest } = rest;
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     Typography_default,
     {
       component: getComponentFromLevel(level),
@@ -6552,7 +6566,7 @@ var CardDescription = ({ children, className, style, ...rest }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = Card_styles_default(theme, colorScheme, "default", false);
   const { color, ...filteredRest } = rest;
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     Typography_default,
     {
       component: "p",
@@ -6568,7 +6582,7 @@ var CardDescription = ({ children, className, style, ...rest }) => {
 var CardAction = forwardRef9(({ children, className, style, ...rest }, ref) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = Card_styles_default(theme, colorScheme, "default", false);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       ref,
@@ -6582,7 +6596,7 @@ var CardAction = forwardRef9(({ children, className, style, ...rest }, ref) => {
 var CardContent = forwardRef9(({ children, className, style, ...rest }, ref) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = Card_styles_default(theme, colorScheme, "default", false);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       ref,
@@ -6596,7 +6610,7 @@ var CardContent = forwardRef9(({ children, className, style, ...rest }, ref) =>
 var CardFooter = forwardRef9(({ children, className, style, ...rest }, ref) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = Card_styles_default(theme, colorScheme, "default", false);
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       ref,
@@ -6682,7 +6696,7 @@ var useStyles14 = (theme, colorScheme, orientation, variant, color, hasChildren)
 var Divider_styles_default = useStyles14;
 
 // src/components/primitives/Divider/Divider.tsx
-import { jsx as jsx56, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs25 } from "react/jsx-runtime";
 var Divider = ({
   orientation = "horizontal",
   variant = "solid",
@@ -6695,7 +6709,7 @@ var Divider = ({
   const { theme, colorScheme } = useTheme_default();
   const styles = Divider_styles_default(theme, colorScheme, orientation, variant, color, !!children);
   if (orientation === "vertical") {
-    return /* @__PURE__ */ jsx56(
+    return /* @__PURE__ */ jsx57(
       "div",
       {
         className: cx17(
@@ -6729,8 +6743,8 @@ var Divider = ({
         "aria-orientation": "horizontal",
         ...rest,
         children: [
-          /* @__PURE__ */ jsx56("div", { className: cx17(withVendorCSSClassPrefix17(bem14("divider", "line")), styles["line"]) }),
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57("div", { className: cx17(withVendorCSSClassPrefix17(bem14("divider", "line")), styles["line"]) }),
+          /* @__PURE__ */ jsx57(
             Typography_default,
             {
               variant: "body2",
@@ -6740,12 +6754,12 @@ var Divider = ({
               children
             }
           ),
-          /* @__PURE__ */ jsx56("div", { className: cx17(withVendorCSSClassPrefix17(bem14("divider", "line")), styles["line"]) })
+          /* @__PURE__ */ jsx57("div", { className: cx17(withVendorCSSClassPrefix17(bem14("divider", "line")), styles["line"]) })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       className: cx17(
@@ -6805,7 +6819,7 @@ var useStyles15 = (theme, colorScheme, size) => useMemo23(() => {
 var Logo_styles_default = useStyles15;
 
 // src/components/primitives/Logo/Logo.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 var Logo = ({ className, src, alt, title, size = "medium" }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = Logo_styles_default(theme, colorScheme, size);
@@ -6816,7 +6830,7 @@ var Logo = ({ className, src, alt, title, size = "medium" }) => {
   if (!logoSrc) {
     return null;
   }
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     "img",
     {
       src: logoSrc,
@@ -6977,7 +6991,7 @@ var useStyles16 = (theme, colorScheme) => useMemo24(() => {
 var BaseSignIn_styles_default = useStyles16;
 
 // src/components/presentation/auth/SignIn/v1/BaseSignIn.tsx
-import { jsx as jsx58, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs26 } from "react/jsx-runtime";
 var logger5 = createPackageComponentLogger5(
   "@asgardeo/react",
   "BaseSignIn"
@@ -7527,9 +7541,9 @@ var BaseSignInContent = ({
     })();
   }, [isLoading]);
   if (!isInitialized && isLoading) {
-    return /* @__PURE__ */ jsx58(Card_default, { className: cx19(containerClasses, styles["card"]), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx58(Card_default.Content, { children: /* @__PURE__ */ jsxs26("div", { className: styles["loadingContainer"], children: [
-      /* @__PURE__ */ jsx58(Spinner_default, { size: "medium" }),
-      /* @__PURE__ */ jsx58(Typography_default, { variant: "body1", className: styles["loadingText"], children: t("messages.loading.placeholder") })
+    return /* @__PURE__ */ jsx59(Card_default, { className: cx19(containerClasses, styles["card"]), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx59(Card_default.Content, { children: /* @__PURE__ */ jsxs26("div", { className: styles["loadingContainer"], children: [
+      /* @__PURE__ */ jsx59(Spinner_default, { size: "medium" }),
+      /* @__PURE__ */ jsx59(Typography_default, { variant: "body1", className: styles["loadingText"], children: t("messages.loading.placeholder") })
     ] }) }) });
   }
   if (hasMultipleOptions() && !currentAuthenticator) {
@@ -7541,20 +7555,20 @@ var BaseSignInContent = ({
     const optionAuthenticators = availableAuthenticators.filter((auth) => !userPromptAuthenticators.includes(auth)).filter((authenticator) => !HIDDEN_AUTHENTICATORS.includes(authenticator.authenticatorId));
     return /* @__PURE__ */ jsxs26(Card_default, { className: cx19(containerClasses, styles["card"]), "data-testid": "asgardeo-signin", variant, children: [
       (showTitle || showSubtitle) && /* @__PURE__ */ jsxs26(Card_default.Header, { className: styles["header"], children: [
-        showTitle && /* @__PURE__ */ jsx58(Card_default.Title, { level: 2, className: styles["title"], children: flowTitle || t("signin.heading") }),
-        showSubtitle && /* @__PURE__ */ jsx58(Typography_default, { variant: "body1", className: styles["subtitle"], children: flowSubtitle || t("signin.subheading") })
+        showTitle && /* @__PURE__ */ jsx59(Card_default.Title, { level: 2, className: styles["title"], children: flowTitle || t("signin.heading") }),
+        showSubtitle && /* @__PURE__ */ jsx59(Typography_default, { variant: "body1", className: styles["subtitle"], children: flowSubtitle || t("signin.subheading") })
       ] }),
       /* @__PURE__ */ jsxs26(Card_default.Content, { children: [
-        flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx58("div", { className: styles["flowMessagesContainer"], children: flowMessages.map((flowMessage, index) => /* @__PURE__ */ jsx58(
+        flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx59("div", { className: styles["flowMessagesContainer"], children: flowMessages.map((flowMessage, index) => /* @__PURE__ */ jsx59(
           Alert_default,
           {
             variant: flowMessage.type,
             className: cx19(styles["flowMessageItem"], messageClasses),
-            children: /* @__PURE__ */ jsx58(Alert_default.Description, { children: flowMessage.message })
+            children: /* @__PURE__ */ jsx59(Alert_default.Description, { children: flowMessage.message })
           },
           flowMessage.id || index
         )) }),
-        messages.length > 0 && /* @__PURE__ */ jsx58("div", { className: styles["messagesContainer"], children: messages.map((message, index) => {
+        messages.length > 0 && /* @__PURE__ */ jsx59("div", { className: styles["messagesContainer"], children: messages.map((message, index) => {
           let messageVariant;
           const lowerType = message.type.toLowerCase();
           if (lowerType === "error") {
@@ -7566,24 +7580,24 @@ var BaseSignInContent = ({
           } else {
             messageVariant = "info";
           }
-          return /* @__PURE__ */ jsx58(
+          return /* @__PURE__ */ jsx59(
             Alert_default,
             {
               variant: messageVariant,
               className: cx19(styles["messageItem"], messageClasses),
-              children: /* @__PURE__ */ jsx58(Alert_default.Description, { children: message.message })
+              children: /* @__PURE__ */ jsx59(Alert_default.Description, { children: message.message })
             },
             index
           );
         }) }),
         error && /* @__PURE__ */ jsxs26(Alert_default, { variant: "error", className: cx19(styles["errorContainer"], errorClasses), children: [
-          /* @__PURE__ */ jsx58(Alert_default.Title, { children: "Error" }),
-          /* @__PURE__ */ jsx58(Alert_default.Description, { children: error })
+          /* @__PURE__ */ jsx59(Alert_default.Title, { children: "Error" }),
+          /* @__PURE__ */ jsx59(Alert_default.Description, { children: error })
         ] }),
         /* @__PURE__ */ jsxs26("div", { className: styles["contentContainer"], children: [
           userPromptAuthenticators.map((authenticator, index) => /* @__PURE__ */ jsxs26("div", { className: styles["authenticatorItem"], children: [
-            index > 0 && /* @__PURE__ */ jsx58(Divider_default, { className: styles["divider"], children: "OR" }),
-            /* @__PURE__ */ jsx58(
+            index > 0 && /* @__PURE__ */ jsx59(Divider_default, { className: styles["divider"], children: "OR" }),
+            /* @__PURE__ */ jsx59(
               "form",
               {
                 className: styles["form"],
@@ -7611,8 +7625,8 @@ var BaseSignInContent = ({
               }
             )
           ] }, authenticator.authenticatorId)),
-          userPromptAuthenticators.length > 0 && optionAuthenticators.length > 0 && /* @__PURE__ */ jsx58(Divider_default, { className: styles["divider"], children: "OR" }),
-          optionAuthenticators.map((authenticator) => /* @__PURE__ */ jsx58("div", { className: styles["authenticatorItem"], children: createSignInOptionFromAuthenticator(
+          userPromptAuthenticators.length > 0 && optionAuthenticators.length > 0 && /* @__PURE__ */ jsx59(Divider_default, { className: styles["divider"], children: "OR" }),
+          optionAuthenticators.map((authenticator) => /* @__PURE__ */ jsx59("div", { className: styles["authenticatorItem"], children: createSignInOptionFromAuthenticator(
             authenticator,
             formValues,
             touchedFields,
@@ -7630,15 +7644,15 @@ var BaseSignInContent = ({
     ] });
   }
   if (!currentAuthenticator) {
-    return /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx59(
       Card_default,
       {
         className: cx19(containerClasses, styles["noAuthenticatorCard"]),
         "data-testid": "asgardeo-signin",
         variant,
-        children: /* @__PURE__ */ jsx58(Card_default.Content, { children: error && /* @__PURE__ */ jsxs26(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
-          /* @__PURE__ */ jsx58(Alert_default.Title, { children: t("errors.heading") || "Error" }),
-          /* @__PURE__ */ jsx58(Alert_default.Description, { children: error })
+        children: /* @__PURE__ */ jsx59(Card_default.Content, { children: error && /* @__PURE__ */ jsxs26(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
+          /* @__PURE__ */ jsx59(Alert_default.Title, { children: t("errors.heading") || "Error" }),
+          /* @__PURE__ */ jsx59(Alert_default.Description, { children: error })
         ] }) })
       }
     );
@@ -7647,38 +7661,38 @@ var BaseSignInContent = ({
     useEffect14(() => {
       handleAuthenticatorSelection(currentAuthenticator);
     }, [currentAuthenticator]);
-    return /* @__PURE__ */ jsx58(Card_default, { className: cx19(containerClasses, styles["card"]), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx58(Card_default.Content, { children: /* @__PURE__ */ jsxs26("div", { className: styles["centeredContainer"], children: [
-      /* @__PURE__ */ jsx58("div", { className: styles["passkeyContainer"], children: /* @__PURE__ */ jsx58(Spinner_default, { size: "large" }) }),
-      /* @__PURE__ */ jsx58(Typography_default, { variant: "body1", children: t("passkey.authenticating") || "Authenticating with passkey..." }),
-      /* @__PURE__ */ jsx58(Typography_default, { variant: "body2", className: styles["passkeyText"], children: t("passkey.instruction") || "Please use your fingerprint, face, or security key to authenticate." })
+    return /* @__PURE__ */ jsx59(Card_default, { className: cx19(containerClasses, styles["card"]), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx59(Card_default.Content, { children: /* @__PURE__ */ jsxs26("div", { className: styles["centeredContainer"], children: [
+      /* @__PURE__ */ jsx59("div", { className: styles["passkeyContainer"], children: /* @__PURE__ */ jsx59(Spinner_default, { size: "large" }) }),
+      /* @__PURE__ */ jsx59(Typography_default, { variant: "body1", children: t("passkey.authenticating") || "Authenticating with passkey..." }),
+      /* @__PURE__ */ jsx59(Typography_default, { variant: "body2", className: styles["passkeyText"], children: t("passkey.instruction") || "Please use your fingerprint, face, or security key to authenticate." })
     ] }) }) });
   }
   return /* @__PURE__ */ jsxs26(Card_default, { className: cx19(containerClasses, styles["card"]), "data-testid": "asgardeo-signin", variant, children: [
     /* @__PURE__ */ jsxs26(Card_default.Header, { className: styles["header"], children: [
-      /* @__PURE__ */ jsx58(Card_default.Title, { level: 2, className: styles["title"], children: flowTitle || t("signin.heading") }),
-      /* @__PURE__ */ jsx58(Typography_default, { variant: "body1", className: styles["subtitle"], children: flowSubtitle || t("signin.subheading") }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx58("div", { className: styles["flowMessagesContainer"], children: flowMessages.map((flowMessage, index) => /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx59(Card_default.Title, { level: 2, className: styles["title"], children: flowTitle || t("signin.heading") }),
+      /* @__PURE__ */ jsx59(Typography_default, { variant: "body1", className: styles["subtitle"], children: flowSubtitle || t("signin.subheading") }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx59("div", { className: styles["flowMessagesContainer"], children: flowMessages.map((flowMessage, index) => /* @__PURE__ */ jsx59(
         Alert_default,
         {
           variant: flowMessage.type,
           className: cx19(styles["flowMessageItem"], messageClasses),
-          children: /* @__PURE__ */ jsx58(Alert_default.Description, { children: flowMessage.message })
+          children: /* @__PURE__ */ jsx59(Alert_default.Description, { children: flowMessage.message })
         },
         flowMessage.id || index
       )) }),
-      messages.length > 0 && /* @__PURE__ */ jsx58("div", { className: styles["messagesContainer"], children: messages.map((message, index) => {
+      messages.length > 0 && /* @__PURE__ */ jsx59("div", { className: styles["messagesContainer"], children: messages.map((message, index) => {
         const messageTypeToVariant = {
           error: "error",
           success: "success",
           warning: "warning"
         };
         const alertVariant = messageTypeToVariant[message.type.toLowerCase()] || "info";
-        return /* @__PURE__ */ jsx58(
+        return /* @__PURE__ */ jsx59(
           Alert_default,
           {
             variant: alertVariant,
             className: cx19(styles["messageItem"], messageClasses),
-            children: /* @__PURE__ */ jsx58(Alert_default.Description, { children: message.message })
+            children: /* @__PURE__ */ jsx59(Alert_default.Description, { children: message.message })
           },
           index
         );
@@ -7686,10 +7700,10 @@ var BaseSignInContent = ({
     ] }),
     /* @__PURE__ */ jsxs26(Card_default.Content, { children: [
       error && /* @__PURE__ */ jsxs26(Alert_default, { variant: "error", className: cx19(styles["errorContainer"], errorClasses), children: [
-        /* @__PURE__ */ jsx58(Alert_default.Title, { children: t("errors.heading") }),
-        /* @__PURE__ */ jsx58(Alert_default.Description, { children: error })
+        /* @__PURE__ */ jsx59(Alert_default.Title, { children: t("errors.heading") }),
+        /* @__PURE__ */ jsx59(Alert_default.Description, { children: error })
       ] }),
-      /* @__PURE__ */ jsx58(
+      /* @__PURE__ */ jsx59(
         "form",
         {
           className: styles["form"],
@@ -7723,8 +7737,8 @@ var BaseSignIn = ({ showLogo = true, ...rest }) => {
   const { theme } = useTheme_default();
   const styles = BaseSignIn_styles_default(theme, theme.vars.colors.text.primary);
   return /* @__PURE__ */ jsxs26("div", { children: [
-    showLogo && /* @__PURE__ */ jsx58("div", { className: styles["logoContainer"], children: /* @__PURE__ */ jsx58(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ jsx58(FlowProvider_default, { children: /* @__PURE__ */ jsx58(BaseSignInContent, { showLogo, ...rest }) })
+    showLogo && /* @__PURE__ */ jsx59("div", { className: styles["logoContainer"], children: /* @__PURE__ */ jsx59(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx59(FlowProvider_default, { children: /* @__PURE__ */ jsx59(BaseSignInContent, { showLogo, ...rest }) })
   ] });
 };
 var BaseSignIn_default = BaseSignIn;
@@ -7872,7 +7886,7 @@ import {
 } from "@asgardeo/browser";
 import { css as css21 } from "@emotion/css";
 import DOMPurify from "dompurify";
-import { cloneElement } from "react";
+import { cloneElement, useContext as useContext11 } from "react";
 
 // src/components/presentation/auth/OrganizationUnitPicker/v2/OrganizationUnitPicker.tsx
 import { cx as cx20 } from "@emotion/css";
@@ -8003,7 +8017,7 @@ var useStyles17 = (theme) => useMemo25(() => {
 var OrganizationUnitPicker_styles_default = useStyles17;
 
 // src/components/presentation/auth/OrganizationUnitPicker/v2/OrganizationUnitPicker.tsx
-import { Fragment as Fragment13, jsx as jsx59, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx60, jsxs as jsxs27 } from "react/jsx-runtime";
 var OrganizationUnitPicker = ({
   rootOuId,
   selectedOuId,
@@ -8095,12 +8109,12 @@ var OrganizationUnitPicker = ({
     },
     [nodeStates, loadChildren]
   );
-  const renderLoadingPlaceholders = (depth) => /* @__PURE__ */ jsx59(Fragment13, { children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx59(
+  const renderLoadingPlaceholders = (depth) => /* @__PURE__ */ jsx60(Fragment13, { children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx60(
     "div",
     {
       className: styles["loadingPlaceholder"],
       style: { paddingLeft: `${(depth + 1) * 20}px` },
-      children: /* @__PURE__ */ jsx59("div", { className: styles["skeleton"], style: { width: `${100 - i * 20}px` } })
+      children: /* @__PURE__ */ jsx60("div", { className: styles["skeleton"], style: { width: `${100 - i * 20}px` } })
     },
     `skeleton-${i}`
   )) });
@@ -8128,7 +8142,7 @@ var OrganizationUnitPicker = ({
           },
           tabIndex: 0,
           children: [
-            hasChildren ? /* @__PURE__ */ jsx59(
+            hasChildren ? /* @__PURE__ */ jsx60(
               "button",
               {
                 className: styles["toggleButton"],
@@ -8140,14 +8154,14 @@ var OrganizationUnitPicker = ({
                 type: "button",
                 children: isExpanded ? "\u25BE" : "\u25B8"
               }
-            ) : /* @__PURE__ */ jsx59("span", { className: styles["togglePlaceholder"] }),
-            /* @__PURE__ */ jsx59("span", { className: styles["nodeName"], children: ou.name })
+            ) : /* @__PURE__ */ jsx60("span", { className: styles["togglePlaceholder"] }),
+            /* @__PURE__ */ jsx60("span", { className: styles["nodeName"], children: ou.name })
           ]
         }
       ),
       isExpanded && isLoading && !state?.children.length && renderLoadingPlaceholders(depth),
       isExpanded && state?.children.map((child) => renderNode(child, depth + 1)),
-      isExpanded && state?.hasMore && /* @__PURE__ */ jsx59(
+      isExpanded && state?.hasMore && /* @__PURE__ */ jsx60(
         "button",
         {
           className: styles["loadMoreButton"],
@@ -8165,7 +8179,7 @@ var OrganizationUnitPicker = ({
   return /* @__PURE__ */ jsxs27("div", { className: cx20(styles["container"], className), role: "tree", "aria-label": "Organization unit picker", children: [
     isRootLoading && renderLoadingPlaceholders(0),
     rootState?.children.map((ou) => renderNode(ou, 0)),
-    rootState?.hasMore && /* @__PURE__ */ jsx59(
+    rootState?.hasMore && /* @__PURE__ */ jsx60(
       "button",
       {
         className: styles["loadMoreButton"],
@@ -8319,12 +8333,12 @@ var useStyles19 = (theme, colorScheme, hasError, required) => useMemo27(() => {
 var Toggle_styles_default = useStyles19;
 
 // src/components/primitives/Toggle/Toggle.tsx
-import { jsx as jsx60, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs28 } from "react/jsx-runtime";
 var Toggle = ({ label, error, className, required, helperText, style = {}, ...rest }) => {
   const { theme, colorScheme } = useTheme_default();
   const hasError = !!error;
   const styles = Toggle_styles_default(theme, colorScheme, hasError, !!required);
-  return /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61(
     FormControl_default,
     {
       error,
@@ -8332,7 +8346,7 @@ var Toggle = ({ label, error, className, required, helperText, style = {}, ...re
       className: cx21(withVendorCSSClassPrefix20(bem16("toggle")), className),
       helperTextMarginLeft: `calc(${theme.vars.spacing.unit} * 5.5)`,
       children: /* @__PURE__ */ jsxs28("label", { style, className: cx21(withVendorCSSClassPrefix20(bem16("toggle", "container")), styles["container"]), children: [
-        /* @__PURE__ */ jsx60(
+        /* @__PURE__ */ jsx61(
           "input",
           {
             type: "checkbox",
@@ -8343,8 +8357,8 @@ var Toggle = ({ label, error, className, required, helperText, style = {}, ...re
             ...rest
           }
         ),
-        /* @__PURE__ */ jsx60("div", { className: cx21(withVendorCSSClassPrefix20(bem16("toggle", "track")), styles["track"]), children: /* @__PURE__ */ jsx60("span", { className: cx21(withVendorCSSClassPrefix20(bem16("toggle", "thumb")), styles["thumb"]) }) }),
-        label && /* @__PURE__ */ jsx60(
+        /* @__PURE__ */ jsx61("div", { className: cx21(withVendorCSSClassPrefix20(bem16("toggle", "track")), styles["track"]), children: /* @__PURE__ */ jsx61("span", { className: cx21(withVendorCSSClassPrefix20(bem16("toggle", "thumb")), styles["thumb"]) }) }),
+        label && /* @__PURE__ */ jsx61(
           InputLabel_default,
           {
             required,
@@ -8363,7 +8377,7 @@ var Toggle = ({ label, error, className, required, helperText, style = {}, ...re
 var Toggle_default = Toggle;
 
 // src/components/adapters/ConsentCheckboxList.tsx
-import { Fragment as Fragment14, jsx as jsx61, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx62, jsxs as jsxs29 } from "react/jsx-runtime";
 var getConsentOptionalKey = (purposeId, attrName) => `__consent_opt__${purposeId}__${attrName}`;
 var ConsentCheckboxList = ({
   variant,
@@ -8391,9 +8405,9 @@ var ConsentCheckboxList = ({
     onInputChange(key, checked ? "true" : "false");
   };
   if (children) {
-    return /* @__PURE__ */ jsx61(Fragment14, { children: children({ attributes, handleChange, isChecked, variant }) });
+    return /* @__PURE__ */ jsx62(Fragment14, { children: children({ attributes, handleChange, isChecked, variant }) });
   }
-  return /* @__PURE__ */ jsx61("div", { className: cx22(withVendorCSSClassPrefix21(bem17("consent-checkbox-list")), styles["listContainer"]), children: attributes.map((attr) => {
+  return /* @__PURE__ */ jsx62("div", { className: cx22(withVendorCSSClassPrefix21(bem17("consent-checkbox-list")), styles["listContainer"]), children: attributes.map((attr) => {
     const inputId = `consent_${isEssential ? "ess" : "opt"}_${purpose.purposeId}_${attr}`;
     const checked = isChecked(attr);
     return /* @__PURE__ */ jsxs29(
@@ -8410,13 +8424,13 @@ var ConsentCheckboxList = ({
                   styles["labelContainer"]
                 ),
                 children: [
-                  /* @__PURE__ */ jsx61(
+                  /* @__PURE__ */ jsx62(
                     "div",
                     {
                       className: cx22(withVendorCSSClassPrefix21(bem17("consent-checkbox-list", "bullet")), styles["bullet"])
                     }
                   ),
-                  /* @__PURE__ */ jsx61(
+                  /* @__PURE__ */ jsx62(
                     Typography_default,
                     {
                       variant: "body2",
@@ -8430,7 +8444,7 @@ var ConsentCheckboxList = ({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx61(
+            /* @__PURE__ */ jsx62(
               Toggle_default,
               {
                 id: inputId,
@@ -8440,7 +8454,7 @@ var ConsentCheckboxList = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx61(
+          /* @__PURE__ */ jsx62(
             Divider_default,
             {
               className: cx22(withVendorCSSClassPrefix21(bem17("consent-checkbox-list", "divider")), styles["divider"])
@@ -8455,7 +8469,7 @@ var ConsentCheckboxList = ({
 var ConsentCheckboxList_default = ConsentCheckboxList;
 
 // src/components/adapters/Consent.tsx
-import { Fragment as Fragment15, jsx as jsx62, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx63, jsxs as jsxs30 } from "react/jsx-runtime";
 var Consent = ({ consentData, formValues, onInputChange, children }) => {
   if (!consentData) return null;
   let purposes = [];
@@ -8467,12 +8481,12 @@ var Consent = ({ consentData, formValues, onInputChange, children }) => {
   }
   if (purposes.length === 0) return null;
   if (children) {
-    return /* @__PURE__ */ jsx62(Fragment15, { children: children({ formValues, onInputChange, purposes }) });
+    return /* @__PURE__ */ jsx63(Fragment15, { children: children({ formValues, onInputChange, purposes }) });
   }
-  return /* @__PURE__ */ jsx62("div", { style: { display: "flex", flexDirection: "column", gap: "1rem", marginTop: "0.25rem" }, children: purposes.map((purpose, purposeIndex) => /* @__PURE__ */ jsxs30("div", { style: { paddingBottom: "1rem" }, children: [
+  return /* @__PURE__ */ jsx63("div", { style: { display: "flex", flexDirection: "column", gap: "1rem", marginTop: "0.25rem" }, children: purposes.map((purpose, purposeIndex) => /* @__PURE__ */ jsxs30("div", { style: { paddingBottom: "1rem" }, children: [
     purpose.essential && purpose.essential.length > 0 && /* @__PURE__ */ jsxs30("div", { style: { marginTop: "0.5rem" }, children: [
-      /* @__PURE__ */ jsx62(Typography_default, { variant: "subtitle2", fontWeight: "bold", children: "Essential Attributes" }),
-      /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsx63(Typography_default, { variant: "subtitle2", fontWeight: "bold", children: "Essential Attributes" }),
+      /* @__PURE__ */ jsx63(
         ConsentCheckboxList_default,
         {
           variant: "ESSENTIAL",
@@ -8483,8 +8497,8 @@ var Consent = ({ consentData, formValues, onInputChange, children }) => {
       )
     ] }),
     purpose.optional && purpose.optional.length > 0 && /* @__PURE__ */ jsxs30("div", { style: { marginTop: "0.5rem" }, children: [
-      /* @__PURE__ */ jsx62(Typography_default, { variant: "subtitle2", fontWeight: "bold", children: "Optional Attributes" }),
-      /* @__PURE__ */ jsx62(
+      /* @__PURE__ */ jsx63(Typography_default, { variant: "subtitle2", fontWeight: "bold", children: "Optional Attributes" }),
+      /* @__PURE__ */ jsx63(
         ConsentCheckboxList_default,
         {
           variant: "OPTIONAL",
@@ -8500,7 +8514,7 @@ var Consent_default = Consent;
 
 // src/components/adapters/FlowTimer.tsx
 import { useEffect as useEffect16, useState as useState17 } from "react";
-import { Fragment as Fragment16, jsx as jsx63 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx64 } from "react/jsx-runtime";
 var FlowTimer = ({
   expiresIn = 0,
   textTemplate = "Time remaining: {time}",
@@ -8537,16 +8551,16 @@ var FlowTimer = ({
   const isExpired = remaining <= 0;
   const formattedTime = formatTime(remaining);
   if (children) {
-    return /* @__PURE__ */ jsx63(Fragment16, { children: children({ formattedTime, isExpired, remaining }) });
+    return /* @__PURE__ */ jsx64(Fragment16, { children: children({ formattedTime, isExpired, remaining }) });
   }
   const displayText = isExpired ? "Timed out" : textTemplate.replace("{time}", formattedTime);
-  return /* @__PURE__ */ jsx63(Typography_default, { variant: "body2", children: displayText });
+  return /* @__PURE__ */ jsx64(Typography_default, { variant: "body2", children: displayText });
 };
 var FlowTimer_default = FlowTimer;
 
 // src/components/adapters/ImageComponent.tsx
 import { extractEmojiFromUri, isEmojiUri } from "@asgardeo/browser";
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 var DEFAULT_EMOJI_CONTAINER_HEIGHT = "4em";
 var ImageComponent = ({ component }) => {
   const { theme } = useTheme_default();
@@ -8577,7 +8591,7 @@ var ImageComponent = ({ component }) => {
     } else {
       containerHeight = DEFAULT_EMOJI_CONTAINER_HEIGHT;
     }
-    return /* @__PURE__ */ jsx64("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsx65("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx65(
       "span",
       {
         style: {
@@ -8588,11 +8602,11 @@ var ImageComponent = ({ component }) => {
           placeItems: "center",
           width: cssWidth
         },
-        children: /* @__PURE__ */ jsx64("span", { "aria-label": alt, role: "img", style: { fontSize: "100cqmin", lineHeight: 1 }, children: extractEmojiFromUri(src) })
+        children: /* @__PURE__ */ jsx65("span", { "aria-label": alt, role: "img", style: { fontSize: "100cqmin", lineHeight: 1 }, children: extractEmojiFromUri(src) })
       }
     ) }, component.id);
   }
-  return /* @__PURE__ */ jsx64("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx65("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx65(
     "img",
     {
       src,
@@ -8609,7 +8623,7 @@ var ImageComponent = ({ component }) => {
 var ImageComponent_default = ImageComponent;
 
 // src/components/adapters/SmsOtpButton.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 var SmsOtpButton = ({
   isLoading,
   preferences,
@@ -8617,7 +8631,7 @@ var SmsOtpButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66(
     Button_default,
     {
       ...rest,
@@ -8626,7 +8640,7 @@ var SmsOtpButton = ({
       color: "secondary",
       variant: "solid",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx65("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx65(
+      startIcon: /* @__PURE__ */ jsx66("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx66(
         "path",
         {
           fill: "currentColor",
@@ -8687,7 +8701,7 @@ var useStyles20 = (theme) => useMemo28(
 var CopyableText_styles_default = useStyles20;
 
 // src/components/primitives/CopyableText/CopyableText.tsx
-import { jsx as jsx66, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs31 } from "react/jsx-runtime";
 var CopyableText = ({ label, value }) => {
   const { theme } = useTheme_default();
   const styles = CopyableText_styles_default(theme);
@@ -8708,10 +8722,10 @@ var CopyableText = ({ label, value }) => {
     setTimeout(() => setCopied(false), 3e3);
   }, [value]);
   return /* @__PURE__ */ jsxs31("div", { className: styles["container"], children: [
-    label && /* @__PURE__ */ jsx66("span", { className: styles["label"], children: label }),
+    label && /* @__PURE__ */ jsx67("span", { className: styles["label"], children: label }),
     /* @__PURE__ */ jsxs31("div", { className: styles["valueBox"], children: [
-      /* @__PURE__ */ jsx66("span", { className: styles["valueText"], children: value }),
-      /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx67("span", { className: styles["valueText"], children: value }),
+      /* @__PURE__ */ jsx67(
         Button_default,
         {
           variant: "outline",
@@ -8729,7 +8743,7 @@ var CopyableText = ({ label, value }) => {
 var CopyableText_default = CopyableText;
 
 // src/components/primitives/Icons/ArrowLeftRight.tsx
-import { jsx as jsx67, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs32 } from "react/jsx-runtime";
 var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ jsxs32(
   "svg",
   {
@@ -8743,10 +8757,10 @@ var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx67("path", { d: "M8 3 4 7l4 4" }),
-      /* @__PURE__ */ jsx67("path", { d: "M4 7h16" }),
-      /* @__PURE__ */ jsx67("path", { d: "m16 21 4-4-4-4" }),
-      /* @__PURE__ */ jsx67("path", { d: "M20 17H4" })
+      /* @__PURE__ */ jsx68("path", { d: "M8 3 4 7l4 4" }),
+      /* @__PURE__ */ jsx68("path", { d: "M4 7h16" }),
+      /* @__PURE__ */ jsx68("path", { d: "m16 21 4-4-4-4" }),
+      /* @__PURE__ */ jsx68("path", { d: "M20 17H4" })
     ]
   }
 );
@@ -8754,7 +8768,7 @@ ArrowLeftRight.displayName = "ArrowLeftRight";
 var ArrowLeftRight_default = ArrowLeftRight;
 
 // src/components/primitives/Icons/ArrowRightLeft.tsx
-import { jsx as jsx68, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs33 } from "react/jsx-runtime";
 var ArrowRightLeft = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ jsxs33(
   "svg",
   {
@@ -8768,10 +8782,10 @@ var ArrowRightLeft = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx68("path", { d: "m16 3 4 4-4 4" }),
-      /* @__PURE__ */ jsx68("path", { d: "M20 7H4" }),
-      /* @__PURE__ */ jsx68("path", { d: "m8 21-4-4 4-4" }),
-      /* @__PURE__ */ jsx68("path", { d: "M4 17h16" })
+      /* @__PURE__ */ jsx69("path", { d: "m16 3 4 4-4 4" }),
+      /* @__PURE__ */ jsx69("path", { d: "M20 7H4" }),
+      /* @__PURE__ */ jsx69("path", { d: "m8 21-4-4 4-4" }),
+      /* @__PURE__ */ jsx69("path", { d: "M4 17h16" })
     ]
   }
 );
@@ -8786,7 +8800,7 @@ var flowIconRegistry = {
 var flowIconRegistry_default = flowIconRegistry;
 
 // src/components/presentation/auth/AuthOptionFactory.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var logger6 = createPackageComponentLogger6(
   "@asgardeo/react",
   "AuthOptionFactory"
@@ -8861,7 +8875,25 @@ var matchesSocialProvider = (actionId, eventType, buttonText, provider, authType
 };
 var createAuthComponentFromFlow = (component, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, authType, options = {}) => {
   const { theme } = useTheme_default();
+  const customRenderers = useContext11(ComponentRendererContext_default);
   const key = options.key || component.id;
+  const customRenderer = customRenderers[component.id] ?? customRenderers[component.type];
+  if (customRenderer) {
+    const renderCtx = {
+      additionalData: options.additionalData,
+      authType,
+      formErrors,
+      formValues,
+      isFormValid,
+      isLoading,
+      meta: options.meta,
+      onInputBlur: options.onInputBlur,
+      onInputChange,
+      onSubmit: options.onSubmit,
+      touchedFields
+    };
+    return customRenderer(component, renderCtx);
+  }
   const resolve = (text) => {
     if (!text || !options.t && !options.meta) {
       return text || "";
@@ -8949,27 +8981,27 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         }
       };
       if (matchesSocialProvider(actionId, eventType, buttonText, "google", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx69(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx70(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "github", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx69(GitHubButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx70(GitHubButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "facebook", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx69(FacebookButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx70(FacebookButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "microsoft", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx69(MicrosoftButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx70(MicrosoftButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "linkedin", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx69(LinkedInButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx70(LinkedInButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "ethereum", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx69(SignInWithEthereumButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx70(SignInWithEthereumButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (actionId === "prompt_mobile" || eventType === "prompt_mobile") {
-        return /* @__PURE__ */ jsx69(SmsOtpButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx70(SmsOtpButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
-      const startIconEl = component.startIcon ? /* @__PURE__ */ jsx69(
+      const startIconEl = component.startIcon ? /* @__PURE__ */ jsx70(
         "img",
         {
           src: component.startIcon,
@@ -8978,7 +9010,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
         }
       ) : null;
-      const endIconEl = component.endIcon ? /* @__PURE__ */ jsx69(
+      const endIconEl = component.endIcon ? /* @__PURE__ */ jsx70(
         "img",
         {
           src: component.endIcon,
@@ -8987,7 +9019,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
         }
       ) : null;
-      return /* @__PURE__ */ jsx69(
+      return /* @__PURE__ */ jsx70(
         Button_default,
         {
           fullWidth: true,
@@ -9006,7 +9038,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
     }
     case EmbeddedFlowComponentType.Text: {
       const variant = getTypographyVariant(component.variant);
-      return /* @__PURE__ */ jsx69(
+      return /* @__PURE__ */ jsx70(
         Typography_default,
         {
           variant,
@@ -9020,7 +9052,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       );
     }
     case EmbeddedFlowComponentType.Divider: {
-      return /* @__PURE__ */ jsx69(Divider_default, { children: resolve(component.label) || "" }, key);
+      return /* @__PURE__ */ jsx70(Divider_default, { children: resolve(component.label) || "" }, key);
     }
     case EmbeddedFlowComponentType.Select: {
       const identifier = component.ref;
@@ -9031,7 +9063,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         label: typeof opt === "string" ? opt : String(opt.label ?? opt.value ?? ""),
         value: typeof opt === "string" ? opt : String(opt.value ?? "")
       }));
-      return /* @__PURE__ */ jsx69(
+      return /* @__PURE__ */ jsx70(
         Select_default,
         {
           name: identifier,
@@ -9055,7 +9087,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         logger6.warn("OU_SELECT requires additionalData.rootOuId and fetchOrganizationUnitChildren. Skipping render.");
         return null;
       }
-      return /* @__PURE__ */ jsx69(
+      return /* @__PURE__ */ jsx70(
         OrganizationUnitPicker_default,
         {
           rootOuId,
@@ -9089,12 +9121,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
             }
           )
         ).filter(Boolean);
-        return /* @__PURE__ */ jsx69("form", { id: component.id, style: formStyles, children: blockComponents }, key);
+        return /* @__PURE__ */ jsx70("form", { id: component.id, style: formStyles, children: blockComponents }, key);
       }
       return null;
     }
     case EmbeddedFlowComponentType.RichText: {
-      return /* @__PURE__ */ jsx69(
+      return /* @__PURE__ */ jsx70(
         "div",
         {
           className: richTextClass,
@@ -9106,7 +9138,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
     case EmbeddedFlowComponentType.Image: {
       const explicitHeight = resolve(component.height?.toString());
       const explicitWidth = resolve(component.width?.toString());
-      return /* @__PURE__ */ jsx69(
+      return /* @__PURE__ */ jsx70(
         ImageComponent_default,
         {
           component: {
@@ -9136,7 +9168,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         logger6.warn(`Unknown icon name: "${iconName}". Skipping render.`);
         return null;
       }
-      return /* @__PURE__ */ jsx69(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
+      return /* @__PURE__ */ jsx70(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
     }
     case EmbeddedFlowComponentType.Stack: {
       const direction = component.direction || "row";
@@ -9168,11 +9200,11 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           }
         )
       ) : [];
-      return /* @__PURE__ */ jsx69("div", { style: stackStyle, children: stackChildren }, key);
+      return /* @__PURE__ */ jsx70("div", { style: stackStyle, children: stackChildren }, key);
     }
     case EmbeddedFlowComponentType.Consent: {
       const consentPromptRawData = options.additionalData?.["consentPrompt"];
-      return /* @__PURE__ */ jsx69(
+      return /* @__PURE__ */ jsx70(
         Consent_default,
         {
           consentData: consentPromptRawData,
@@ -9186,13 +9218,13 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       const textTemplate = resolve(component.label) || "Time remaining: {time}";
       const timeoutMs = Number(options.additionalData?.["stepTimeout"]) || 0;
       const expiresIn = timeoutMs > 0 ? Math.max(0, Math.floor((timeoutMs - Date.now()) / 1e3)) : 0;
-      return /* @__PURE__ */ jsx69(FlowTimer_default, { expiresIn, textTemplate }, key);
+      return /* @__PURE__ */ jsx70(FlowTimer_default, { expiresIn, textTemplate }, key);
     }
     case EmbeddedFlowComponentType.CopyableText: {
       const sourceKey = component.source;
       const value = sourceKey && options.additionalData ? String(options.additionalData[sourceKey] ?? "") : "";
       const labelText = resolve(component.label) || void 0;
-      return /* @__PURE__ */ jsx69(CopyableText_default, { label: labelText, value }, key);
+      return /* @__PURE__ */ jsx70(CopyableText_default, { label: labelText, value }, key);
     }
     default:
       logger6.warn(`Unsupported component type: ${component.type}. Skipping render.`);
@@ -9249,7 +9281,7 @@ var renderInviteUserComponents = (components, formValues, touchedFields, formErr
 ).filter(Boolean);
 
 // src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx
-import { jsx as jsx70, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs34 } from "react/jsx-runtime";
 var BaseSignInContent2 = ({
   components = [],
   onSubmit,
@@ -9462,43 +9494,43 @@ var BaseSignInContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ jsx70("div", { className: containerClasses, "data-testid": "asgardeo-signin", children: children(renderProps) });
+    return /* @__PURE__ */ jsx71("div", { className: containerClasses, "data-testid": "asgardeo-signin", children: children(renderProps) });
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsx70(Card_default, { className: cx23(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx70(Card_default.Content, { children: /* @__PURE__ */ jsx70("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx70(Spinner_default, {}) }) }) });
+    return /* @__PURE__ */ jsx71(Card_default, { className: cx23(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx71(Card_default.Content, { children: /* @__PURE__ */ jsx71("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx71(Spinner_default, {}) }) }) });
   }
   if (!components || components.length === 0) {
-    return /* @__PURE__ */ jsx70(Card_default, { className: cx23(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx70(Card_default.Content, { children: /* @__PURE__ */ jsx70(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx70(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
+    return /* @__PURE__ */ jsx71(Card_default, { className: cx23(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx71(Card_default.Content, { children: /* @__PURE__ */ jsx71(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx71(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
   }
-  return /* @__PURE__ */ jsx70(Card_default, { className: cx23(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsxs34(Card_default.Content, { children: [
-    externalError && /* @__PURE__ */ jsx70("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx70(Alert_default, { variant: "error", className: cx23(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx70(Alert_default.Description, { children: externalError.message }) }) }),
-    flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx70("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx70(
+  return /* @__PURE__ */ jsx71(Card_default, { className: cx23(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsxs34(Card_default.Content, { children: [
+    externalError && /* @__PURE__ */ jsx71("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx71(Alert_default, { variant: "error", className: cx23(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx71(Alert_default.Description, { children: externalError.message }) }) }),
+    flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx71("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx71(
       Alert_default,
       {
         variant: message.type === "error" ? "error" : "info",
         className: cx23(styles.flowMessageItem, messageClasses),
-        children: /* @__PURE__ */ jsx70(Alert_default.Description, { children: message.message })
+        children: /* @__PURE__ */ jsx71(Alert_default.Description, { children: message.message })
       },
       index
     )) }),
-    /* @__PURE__ */ jsx70("div", { className: styles.contentContainer, children: renderComponents(components) })
+    /* @__PURE__ */ jsx71("div", { className: styles.contentContainer, children: renderComponents(components) })
   ] }) });
 };
 var BaseSignIn2 = ({ preferences, ...rest }) => {
-  const content = /* @__PURE__ */ jsx70(FlowProvider_default, { children: /* @__PURE__ */ jsx70(BaseSignInContent2, { ...rest }) });
+  const content = /* @__PURE__ */ jsx71(FlowProvider_default, { children: /* @__PURE__ */ jsx71(BaseSignInContent2, { ...rest }) });
   if (!preferences) return content;
-  return /* @__PURE__ */ jsx70(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ jsx71(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
 };
 var BaseSignIn_default2 = BaseSignIn2;
 
 // src/components/presentation/auth/SignIn/BaseSignIn.tsx
-import { jsx as jsx71 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var BaseSignIn3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform5.AsgardeoV2) {
-    return /* @__PURE__ */ jsx71(BaseSignIn_default2, { ...props });
+    return /* @__PURE__ */ jsx72(BaseSignIn_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx71(BaseSignIn_default, { ...props });
+  return /* @__PURE__ */ jsx72(BaseSignIn_default, { ...props });
 };
 var BaseSignIn_default3 = BaseSignIn3;
 
@@ -9791,7 +9823,7 @@ var handlePasskeyAuthentication = async (challengeData) => {
 };
 
 // src/components/presentation/auth/SignIn/v2/SignIn.tsx
-import { Fragment as Fragment17, jsx as jsx72 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx73 } from "react/jsx-runtime";
 var SignIn = ({
   className,
   preferences,
@@ -10254,9 +10286,9 @@ var SignIn = ({
       meta,
       onSubmit: handleSubmit
     };
-    return /* @__PURE__ */ jsx72(Fragment17, { children: children(renderProps) });
+    return /* @__PURE__ */ jsx73(Fragment17, { children: children(renderProps) });
   }
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     BaseSignIn_default2,
     {
       additionalData,
@@ -10276,7 +10308,7 @@ var SignIn = ({
 var SignIn_default = SignIn;
 
 // src/components/presentation/auth/SignIn/SignIn.tsx
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) => {
   const { signIn, afterSignInUrl, isInitialized, isLoading, platform } = useAsgardeo_default();
   const handleInitialize = async () => await signIn({ response_mode: "direct" });
@@ -10293,7 +10325,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
     }
   };
   if (platform === Platform6.AsgardeoV2) {
-    return /* @__PURE__ */ jsx73(
+    return /* @__PURE__ */ jsx74(
       SignIn_default,
       {
         className,
@@ -10306,7 +10338,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
       }
     );
   }
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx74(
     BaseSignIn_default3,
     {
       isLoading: isLoading || !isInitialized,
@@ -10400,13 +10432,13 @@ var DateInput = ({
 var DateInput_default = DateInput;
 
 // src/components/adapters/DividerComponent.tsx
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var DividerComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
   const text = config["text"] || "";
   const variant = component.variant?.toLowerCase() || "horizontal";
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx75(
     Divider_default,
     {
       orientation: variant === "vertical" ? "vertical" : "horizontal",
@@ -10447,7 +10479,7 @@ var EmailInput = ({
 var EmailInput_default = EmailInput;
 
 // src/components/adapters/FormContainer.tsx
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var FormContainer = (props) => {
   const { component } = props;
   if (component.components && component.components.length > 0) {
@@ -10460,14 +10492,14 @@ var FormContainer = (props) => {
         props.onSubmit(submitButton, props.formValues);
       }
     };
-    return /* @__PURE__ */ jsx75("form", { onSubmit: handleFormSubmit, style: { display: "flex", flexDirection: "column" }, children: component.components.map(
+    return /* @__PURE__ */ jsx76("form", { onSubmit: handleFormSubmit, style: { display: "flex", flexDirection: "column" }, children: component.components.map(
       (childComponent) => createSignUpComponent({
         ...props,
         component: childComponent
       })
     ) }, component.id);
   }
-  return /* @__PURE__ */ jsx75("div", {}, component.id);
+  return /* @__PURE__ */ jsx76("div", {}, component.id);
 };
 var FormContainer_default = FormContainer;
 
@@ -10593,7 +10625,7 @@ var SelectInput = ({
 var SelectInput_default = SelectInput;
 
 // src/components/adapters/SubmitButton.tsx
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var ButtonComponent = ({
   component,
   isLoading,
@@ -10627,7 +10659,7 @@ var ButtonComponent = ({
       onSubmit(component);
     }
   };
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     Button_default,
     {
       type: buttonType === "submit" ? "submit" : "button",
@@ -10638,7 +10670,7 @@ var ButtonComponent = ({
       onClick: buttonType !== "submit" ? handleClick : void 0,
       className: buttonClassName,
       style: { width: "100%" },
-      children: isLoading ? /* @__PURE__ */ jsx76(Spinner_default, { size: "small" }) : buttonText
+      children: isLoading ? /* @__PURE__ */ jsx77(Spinner_default, { size: "small" }) : buttonText
     },
     component.id
   );
@@ -10646,7 +10678,7 @@ var ButtonComponent = ({
 var SubmitButton_default = ButtonComponent;
 
 // src/components/adapters/TelephoneInput.tsx
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var TelephoneInput = ({
   component,
   formValues,
@@ -10659,7 +10691,7 @@ var TelephoneInput = ({
   const fieldName = config["identifier"] || config["name"] || component.id;
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78(
     TextField_default,
     {
       name: fieldName,
@@ -10707,7 +10739,7 @@ var TextInput = ({
 var TextInput_default = TextInput;
 
 // src/components/adapters/Typography.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx79 } from "react/jsx-runtime";
 var TypographyComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
@@ -10748,7 +10780,7 @@ var TypographyComponent = ({ component }) => {
     default:
       typographyVariant = "body1";
   }
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx79(
     Typography_default,
     {
       variant: typographyVariant,
@@ -10761,69 +10793,69 @@ var TypographyComponent = ({ component }) => {
 var Typography_default2 = TypographyComponent;
 
 // src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
-import { jsx as jsx79 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
   switch (component.type) {
     case EmbeddedFlowComponentType2.Typography:
-      return /* @__PURE__ */ jsx79(Typography_default2, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx80(Typography_default2, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Input: {
       const inputVariant = component.variant?.toUpperCase();
       const inputType = component.config["type"]?.toLowerCase();
       if (inputVariant === "EMAIL" || inputType === "email") {
-        return /* @__PURE__ */ jsx79(EmailInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx80(EmailInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "PASSWORD" || inputType === "password") {
-        return /* @__PURE__ */ jsx79(PasswordInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx80(PasswordInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "TELEPHONE" || inputType === "tel") {
-        return /* @__PURE__ */ jsx79(TelephoneInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx80(TelephoneInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "NUMBER" || inputType === "number") {
-        return /* @__PURE__ */ jsx79(NumberInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx80(NumberInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "DATE" || inputType === "date") {
-        return /* @__PURE__ */ jsx79(DateInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx80(DateInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "CHECKBOX" || inputType === "checkbox") {
-        return /* @__PURE__ */ jsx79(CheckboxInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx80(CheckboxInput_default, { component, onSubmit, ...rest });
       }
-      return /* @__PURE__ */ jsx79(TextInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx80(TextInput_default, { component, onSubmit, ...rest });
     }
     case EmbeddedFlowComponentType2.Button: {
       const buttonVariant = component.variant?.toUpperCase();
       const buttonText = component.config["text"] || component.config["label"] || "";
       if (buttonVariant === "SOCIAL") {
         if (buttonText.toLowerCase().includes("google")) {
-          return /* @__PURE__ */ jsx79(GoogleButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx80(GoogleButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("github")) {
-          return /* @__PURE__ */ jsx79(GitHubButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx80(GitHubButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("microsoft")) {
-          return /* @__PURE__ */ jsx79(MicrosoftButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx80(MicrosoftButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("facebook")) {
-          return /* @__PURE__ */ jsx79(FacebookButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx80(FacebookButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("linkedin")) {
-          return /* @__PURE__ */ jsx79(LinkedInButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx80(LinkedInButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("ethereum")) {
-          return /* @__PURE__ */ jsx79(SignInWithEthereumButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx80(SignInWithEthereumButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
       }
-      return /* @__PURE__ */ jsx79(SubmitButton_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx80(SubmitButton_default, { component, onSubmit, ...rest });
     }
     case EmbeddedFlowComponentType2.Form:
-      return /* @__PURE__ */ jsx79(FormContainer_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx80(FormContainer_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Select:
-      return /* @__PURE__ */ jsx79(SelectInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx80(SelectInput_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Divider:
-      return /* @__PURE__ */ jsx79(DividerComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx80(DividerComponent_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Image:
-      return /* @__PURE__ */ jsx79(ImageComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx80(ImageComponent_default, { component, onSubmit, ...rest });
     default:
-      return /* @__PURE__ */ jsx79("div", {});
+      return /* @__PURE__ */ jsx80("div", {});
   }
 };
 var createSignUpOptionFromComponent = (component, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, options) => createSignUpComponent({
@@ -10992,7 +11024,7 @@ var useStyles21 = (theme, colorScheme) => useMemo29(() => {
 var BaseSignUp_styles_default = useStyles21;
 
 // src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
-import { jsx as jsx80, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs35 } from "react/jsx-runtime";
 var logger8 = createPackageComponentLogger7(
   "@asgardeo/react",
   "BaseSignUp"
@@ -11395,33 +11427,33 @@ var BaseSignUpContent = ({
       validateForm,
       values: formValues
     };
-    return /* @__PURE__ */ jsx80("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ jsx81("div", { className: containerClasses, children: children(renderProps) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ jsx80(Card_default, { className: cx24(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx80(Card_default.Content, { children: /* @__PURE__ */ jsx80("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx80(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx81(Card_default, { className: cx24(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx81(Card_default.Content, { children: /* @__PURE__ */ jsx81("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx81(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow) {
-    return /* @__PURE__ */ jsx80(Card_default, { className: cx24(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx80(Card_default.Content, { children: /* @__PURE__ */ jsxs35(Alert_default, { variant: "error", className: errorClasses, children: [
-      /* @__PURE__ */ jsx80(Alert_default.Title, { children: t("errors.heading") }),
-      /* @__PURE__ */ jsx80(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
+    return /* @__PURE__ */ jsx81(Card_default, { className: cx24(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx81(Card_default.Content, { children: /* @__PURE__ */ jsxs35(Alert_default, { variant: "error", className: errorClasses, children: [
+      /* @__PURE__ */ jsx81(Alert_default.Title, { children: t("errors.heading") }),
+      /* @__PURE__ */ jsx81(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
     ] }) }) });
   }
   return /* @__PURE__ */ jsxs35(Card_default, { className: cx24(containerClasses, styles.card), variant, children: [
     (showTitle || showSubtitle) && /* @__PURE__ */ jsxs35(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ jsx80(Card_default.Title, { level: 2, className: styles.title, children: flowTitle || t("signup.heading") }),
-      showSubtitle && /* @__PURE__ */ jsx80(Typography_default, { variant: "body1", className: styles.subtitle, children: flowSubtitle || t("signup.subheading") })
+      showTitle && /* @__PURE__ */ jsx81(Card_default.Title, { level: 2, className: styles.title, children: flowTitle || t("signup.heading") }),
+      showSubtitle && /* @__PURE__ */ jsx81(Typography_default, { variant: "body1", className: styles.subtitle, children: flowSubtitle || t("signup.subheading") })
     ] }),
     /* @__PURE__ */ jsxs35(Card_default.Content, { children: [
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx80("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx80(
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx81("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx81(
         Alert_default,
         {
           variant: message.type?.toLowerCase() === "error" ? "error" : "info",
           className: cx24(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ jsx80(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ jsx81(Alert_default.Description, { children: message.message })
         },
         message.id || index
       )) }),
-      /* @__PURE__ */ jsx80("div", { className: styles.contentContainer, children: currentFlow.data?.components && currentFlow.data.components.length > 0 ? renderComponents(currentFlow.data.components) : /* @__PURE__ */ jsx80(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx80(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
+      /* @__PURE__ */ jsx81("div", { className: styles.contentContainer, children: currentFlow.data?.components && currentFlow.data.components.length > 0 ? renderComponents(currentFlow.data.components) : /* @__PURE__ */ jsx81(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx81(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
     ] })
   ] });
 };
@@ -11429,8 +11461,8 @@ var BaseSignUp = ({ showLogo = true, ...rest }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
   return /* @__PURE__ */ jsxs35("div", { children: [
-    showLogo && /* @__PURE__ */ jsx80("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx80(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ jsx80(FlowProvider_default, { children: /* @__PURE__ */ jsx80(BaseSignUpContent, { showLogo, ...rest }) })
+    showLogo && /* @__PURE__ */ jsx81("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx81(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx81(FlowProvider_default, { children: /* @__PURE__ */ jsx81(BaseSignUpContent, { showLogo, ...rest }) })
   ] });
 };
 var BaseSignUp_default = BaseSignUp;
@@ -11507,7 +11539,7 @@ var getAuthComponentHeadings = (components, flowTitle, flowSubtitle, defaultTitl
 var getAuthComponentHeadings_default = getAuthComponentHeadings;
 
 // src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx
-import { jsx as jsx81, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx82, jsxs as jsxs36 } from "react/jsx-runtime";
 var logger9 = createPackageComponentLogger8(
   "@asgardeo/react",
   "BaseSignUp"
@@ -11895,7 +11927,8 @@ var BaseSignUpContent2 = ({
         actionId: passkeyState.actionId || "submit",
         executionId: passkeyState.executionId,
         flowType: currentFlow?.flowType || "REGISTRATION",
-        inputs
+        inputs,
+        ...challengeTokenRef.current ? { challengeToken: challengeTokenRef.current } : {}
       };
       const nextResponse = await onSubmit(payload);
       const processedResponse = normalizeFlowResponseLocal(nextResponse);
@@ -12045,15 +12078,15 @@ var BaseSignUpContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ jsx81("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ jsx82("div", { className: containerClasses, children: children(renderProps) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ jsx81(Card_default, { className: cx25(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx81(Card_default.Content, { children: /* @__PURE__ */ jsx81("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx81(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx82(Card_default, { className: cx25(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx82(Card_default.Content, { children: /* @__PURE__ */ jsx82("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx82(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow) {
-    return /* @__PURE__ */ jsx81(Card_default, { className: cx25(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx81(Card_default.Content, { children: /* @__PURE__ */ jsxs36(Alert_default, { variant: "error", className: errorClasses, children: [
-      /* @__PURE__ */ jsx81(Alert_default.Title, { children: t("errors.heading") }),
-      /* @__PURE__ */ jsx81(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
+    return /* @__PURE__ */ jsx82(Card_default, { className: cx25(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx82(Card_default.Content, { children: /* @__PURE__ */ jsxs36(Alert_default, { variant: "error", className: errorClasses, children: [
+      /* @__PURE__ */ jsx82(Alert_default.Title, { children: t("errors.heading") }),
+      /* @__PURE__ */ jsx82(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
     ] }) }) });
   }
   const componentsToRender = currentFlow.data?.components || [];
@@ -12066,21 +12099,21 @@ var BaseSignUpContent2 = ({
   );
   return /* @__PURE__ */ jsxs36(Card_default, { className: cx25(containerClasses, styles.card), variant, children: [
     (showTitle || showSubtitle) && /* @__PURE__ */ jsxs36(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ jsx81(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && /* @__PURE__ */ jsx81(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+      showTitle && /* @__PURE__ */ jsx82(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && /* @__PURE__ */ jsx82(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
     /* @__PURE__ */ jsxs36(Card_default.Content, { children: [
-      externalError && /* @__PURE__ */ jsx81("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx81(Alert_default, { variant: "error", className: cx25(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx81(Alert_default.Description, { children: externalError.message }) }) }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx81("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx81(
+      externalError && /* @__PURE__ */ jsx82("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx82(Alert_default, { variant: "error", className: cx25(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx82(Alert_default.Description, { children: externalError.message }) }) }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx82("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx82(
         Alert_default,
         {
           variant: message.type?.toLowerCase() === "error" ? "error" : "info",
           className: cx25(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ jsx81(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ jsx82(Alert_default.Description, { children: message.message })
         },
         message.id || index
       )) }),
-      /* @__PURE__ */ jsx81("div", { className: styles.contentContainer, children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ jsx81(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx81(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
+      /* @__PURE__ */ jsx82("div", { className: styles.contentContainer, children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ jsx82(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx82(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
     ] })
   ] });
 };
@@ -12088,22 +12121,22 @@ var BaseSignUp2 = ({ preferences, showLogo = true, ...rest }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
   const content = /* @__PURE__ */ jsxs36("div", { children: [
-    showLogo && /* @__PURE__ */ jsx81("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx81(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ jsx81(FlowProvider_default, { children: /* @__PURE__ */ jsx81(BaseSignUpContent2, { showLogo, ...rest }) })
+    showLogo && /* @__PURE__ */ jsx82("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx82(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx82(FlowProvider_default, { children: /* @__PURE__ */ jsx82(BaseSignUpContent2, { showLogo, ...rest }) })
   ] });
   if (!preferences) return content;
-  return /* @__PURE__ */ jsx81(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ jsx82(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
 };
 var BaseSignUp_default2 = BaseSignUp2;
 
 // src/components/presentation/auth/SignUp/BaseSignUp.tsx
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx83 } from "react/jsx-runtime";
 var BaseSignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform7.AsgardeoV2) {
-    return /* @__PURE__ */ jsx82(BaseSignUp_default2, { ...props });
+    return /* @__PURE__ */ jsx83(BaseSignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx82(BaseSignUp_default, { ...props });
+  return /* @__PURE__ */ jsx83(BaseSignUp_default, { ...props });
 };
 var BaseSignUp_default3 = BaseSignUp3;
 
@@ -12115,7 +12148,7 @@ import {
   EmbeddedFlowResponseType as EmbeddedFlowResponseType3,
   EmbeddedFlowType as EmbeddedFlowType2
 } from "@asgardeo/browser";
-import { jsx as jsx83 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var SignUp = ({
   className,
   size = "medium",
@@ -12144,7 +12177,7 @@ var SignUp = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ jsx83(
+  return /* @__PURE__ */ jsx84(
     BaseSignUp_default,
     {
       afterSignUpUrl,
@@ -12170,7 +12203,7 @@ import {
   EmbeddedFlowResponseType as EmbeddedFlowResponseType4,
   EmbeddedFlowType as EmbeddedFlowType3
 } from "@asgardeo/browser";
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx85 } from "react/jsx-runtime";
 var SignUp2 = ({
   className,
   size = "medium",
@@ -12208,7 +12241,7 @@ var SignUp2 = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ jsx84(
+  return /* @__PURE__ */ jsx85(
     BaseSignUp_default2,
     {
       afterSignUpUrl,
@@ -12229,13 +12262,13 @@ var SignUp2 = ({
 var SignUp_default2 = SignUp2;
 
 // src/components/presentation/auth/SignUp/SignUp.tsx
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 var SignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform8.AsgardeoV2) {
-    return /* @__PURE__ */ jsx85(SignUp_default2, { ...props });
+    return /* @__PURE__ */ jsx86(SignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx85(SignUp_default, { ...props });
+  return /* @__PURE__ */ jsx86(SignUp_default, { ...props });
 };
 var SignUp_default3 = SignUp3;
 
@@ -12292,7 +12325,7 @@ var useStyles22 = (theme, colorScheme) => useMemo30(() => {
 var BaseInviteUser_styles_default = useStyles22;
 
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx
-import { jsx as jsx86, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx87, jsxs as jsxs37 } from "react/jsx-runtime";
 var BaseInviteUser = ({
   onInitialize,
   onSubmit,
@@ -12593,30 +12626,30 @@ var BaseInviteUser = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ jsx86("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ jsx87("div", { className, children: children(renderProps) });
   }
   if (!isInitialized) {
-    return /* @__PURE__ */ jsx86(Card_default, { className: cx26(className, styles.card), variant, children: /* @__PURE__ */ jsx86(Card_default.Content, { children: /* @__PURE__ */ jsx86("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx86(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx87(Card_default, { className: cx26(className, styles.card), variant, children: /* @__PURE__ */ jsx87(Card_default.Content, { children: /* @__PURE__ */ jsx87("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx87(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ jsx86(Card_default, { className: cx26(className, styles.card), variant, children: /* @__PURE__ */ jsx86(Card_default.Content, { children: /* @__PURE__ */ jsx86("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx86(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx87(Card_default, { className: cx26(className, styles.card), variant, children: /* @__PURE__ */ jsx87(Card_default.Content, { children: /* @__PURE__ */ jsx87("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx87(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow && apiError) {
-    return /* @__PURE__ */ jsx86(Card_default, { className: cx26(className, styles.card), variant, children: /* @__PURE__ */ jsx86(Card_default.Content, { children: /* @__PURE__ */ jsxs37(Alert_default, { variant: "error", children: [
-      /* @__PURE__ */ jsx86(Alert_default.Title, { children: "Error" }),
-      /* @__PURE__ */ jsx86(Alert_default.Description, { children: apiError.message })
+    return /* @__PURE__ */ jsx87(Card_default, { className: cx26(className, styles.card), variant, children: /* @__PURE__ */ jsx87(Card_default.Content, { children: /* @__PURE__ */ jsxs37(Alert_default, { variant: "error", children: [
+      /* @__PURE__ */ jsx87(Alert_default.Title, { children: "Error" }),
+      /* @__PURE__ */ jsx87(Alert_default.Description, { children: apiError.message })
     ] }) }) });
   }
   return /* @__PURE__ */ jsxs37(Card_default, { className: cx26(className, styles.card), variant, children: [
     (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ jsxs37(Card_default.Header, { className: styles.header, children: [
-      showTitle && title && /* @__PURE__ */ jsx86(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && subtitle && /* @__PURE__ */ jsx86(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+      showTitle && title && /* @__PURE__ */ jsx87(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ jsx87(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
     /* @__PURE__ */ jsxs37(Card_default.Content, { children: [
-      apiError && /* @__PURE__ */ jsx86("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx86(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx86(Alert_default.Description, { children: apiError.message }) }) }),
+      apiError && /* @__PURE__ */ jsx87("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx87(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx87(Alert_default.Description, { children: apiError.message }) }) }),
       /* @__PURE__ */ jsxs37("div", { children: [
-        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx86(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx86(Typography_default, { variant: "body1", children: "No form components available" }) }),
-        isLoading && /* @__PURE__ */ jsx86("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx86(Spinner_default, { size: "small" }) })
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx87(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx87(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ jsx87("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx87(Spinner_default, { size: "small" }) })
       ] })
     ] })
   ] });
@@ -12624,7 +12657,7 @@ var BaseInviteUser = ({
 var BaseInviteUser_default = BaseInviteUser;
 
 // src/components/presentation/auth/InviteUser/v2/InviteUser.tsx
-import { jsx as jsx87 } from "react/jsx-runtime";
+import { jsx as jsx88 } from "react/jsx-runtime";
 var InviteUser = ({
   onError,
   onFlowChange,
@@ -12680,7 +12713,7 @@ var InviteUser = ({
     },
     [baseUrl, getAccessToken]
   );
-  return /* @__PURE__ */ jsx87(
+  return /* @__PURE__ */ jsx88(
     BaseInviteUser_default,
     {
       onInitialize: handleInitialize,
@@ -12748,7 +12781,7 @@ var useStyles23 = (theme, colorScheme) => useMemo31(() => {
 var BaseAcceptInvite_styles_default = useStyles23;
 
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx
-import { jsx as jsx88, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs38 } from "react/jsx-runtime";
 var BaseAcceptInvite = ({
   executionId,
   inviteToken,
@@ -13074,33 +13107,33 @@ var BaseAcceptInvite = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ jsx88("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ jsx89("div", { className, children: children(renderProps) });
   }
   if (isValidatingToken) {
-    return /* @__PURE__ */ jsx88(Card_default, { className: cx27(className, styles.card), variant, children: /* @__PURE__ */ jsx88(Card_default.Content, { children: /* @__PURE__ */ jsxs38("div", { style: { alignItems: "center", display: "flex", flexDirection: "column", gap: "1rem", padding: "2rem" }, children: [
-      /* @__PURE__ */ jsx88(Spinner_default, { size: "medium" }),
-      /* @__PURE__ */ jsx88(Typography_default, { variant: "body1", children: "Validating your invite link..." })
+    return /* @__PURE__ */ jsx89(Card_default, { className: cx27(className, styles.card), variant, children: /* @__PURE__ */ jsx89(Card_default.Content, { children: /* @__PURE__ */ jsxs38("div", { style: { alignItems: "center", display: "flex", flexDirection: "column", gap: "1rem", padding: "2rem" }, children: [
+      /* @__PURE__ */ jsx89(Spinner_default, { size: "medium" }),
+      /* @__PURE__ */ jsx89(Typography_default, { variant: "body1", children: "Validating your invite link..." })
     ] }) }) });
   }
   if (isTokenInvalid) {
     return /* @__PURE__ */ jsxs38(Card_default, { className: cx27(className, styles.card), variant, children: [
-      /* @__PURE__ */ jsx88(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx88(Card_default.Title, { level: 2, className: styles.title, children: "Invalid Invite Link" }) }),
+      /* @__PURE__ */ jsx89(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx89(Card_default.Title, { level: 2, className: styles.title, children: "Invalid Invite Link" }) }),
       /* @__PURE__ */ jsxs38(Card_default.Content, { children: [
         /* @__PURE__ */ jsxs38(Alert_default, { variant: "error", children: [
-          /* @__PURE__ */ jsx88(Alert_default.Title, { children: "Unable to verify invite" }),
-          /* @__PURE__ */ jsx88(Alert_default.Description, { children: apiError?.message || "This invite link is invalid or has expired. Please contact your administrator for a new invite." })
+          /* @__PURE__ */ jsx89(Alert_default.Title, { children: "Unable to verify invite" }),
+          /* @__PURE__ */ jsx89(Alert_default.Description, { children: apiError?.message || "This invite link is invalid or has expired. Please contact your administrator for a new invite." })
         ] }),
-        onGoToSignIn && /* @__PURE__ */ jsx88("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx88(Button_default, { variant: "outline", onClick: onGoToSignIn, children: "Go to Sign In" }) })
+        onGoToSignIn && /* @__PURE__ */ jsx89("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx89(Button_default, { variant: "outline", onClick: onGoToSignIn, children: "Go to Sign In" }) })
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxs38(Card_default, { className: cx27(className, styles.card), variant, children: [
     (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ jsxs38(Card_default.Header, { className: styles.header, children: [
-      showTitle && title && /* @__PURE__ */ jsx88(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && subtitle && /* @__PURE__ */ jsx88(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+      showTitle && title && /* @__PURE__ */ jsx89(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ jsx89(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
     /* @__PURE__ */ jsxs38(Card_default.Content, { children: [
-      apiError && /* @__PURE__ */ jsx88("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx88(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx88(Alert_default.Description, { children: apiError.message }) }) }),
+      apiError && /* @__PURE__ */ jsx89("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx89(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx89(Alert_default.Description, { children: apiError.message }) }) }),
       /* @__PURE__ */ jsxs38("div", { children: [
         componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderInviteUserComponents(
           componentsWithoutHeadings,
@@ -13116,13 +13149,13 @@ var BaseAcceptInvite = ({
             size,
             variant
           }
-        ) : !isLoading && /* @__PURE__ */ jsx88(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx88(Typography_default, { variant: "body1", children: "No form components available" }) }),
-        isLoading && /* @__PURE__ */ jsx88("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx88(Spinner_default, { size: "small" }) })
+        ) : !isLoading && /* @__PURE__ */ jsx89(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx89(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ jsx89("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx89(Spinner_default, { size: "small" }) })
       ] }),
-      onGoToSignIn && /* @__PURE__ */ jsx88("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ jsxs38(Typography_default, { variant: "body2", children: [
+      onGoToSignIn && /* @__PURE__ */ jsx89("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ jsxs38(Typography_default, { variant: "body2", children: [
         "Already have an account?",
         " ",
-        /* @__PURE__ */ jsx88(Button_default, { variant: "text", onClick: onGoToSignIn, style: { minWidth: "auto", padding: 0 }, children: "Sign In" })
+        /* @__PURE__ */ jsx89(Button_default, { variant: "text", onClick: onGoToSignIn, style: { minWidth: "auto", padding: 0 }, children: "Sign In" })
       ] }) })
     ] })
   ] });
@@ -13130,7 +13163,7 @@ var BaseAcceptInvite = ({
 var BaseAcceptInvite_default = BaseAcceptInvite;
 
 // src/components/presentation/auth/AcceptInvite/v2/AcceptInvite.tsx
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 var getUrlParams = () => {
   if (typeof window === "undefined") {
     return {};
@@ -13186,7 +13219,7 @@ var AcceptInvite = ({
     }
     return response.json();
   };
-  return /* @__PURE__ */ jsx89(
+  return /* @__PURE__ */ jsx90(
     BaseAcceptInvite_default,
     {
       executionId,
@@ -13297,45 +13330,45 @@ var Callback = ({ onNavigate, onError }) => {
 };
 
 // src/components/presentation/User/BaseUser.tsx
-import { Fragment as Fragment18, jsx as jsx90 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx91 } from "react/jsx-runtime";
 var BaseUser = ({ user, children, fallback = null }) => {
   if (!user) {
-    return /* @__PURE__ */ jsx90(Fragment18, { children: fallback });
+    return /* @__PURE__ */ jsx91(Fragment18, { children: fallback });
   }
-  return /* @__PURE__ */ jsx90(Fragment18, { children: children(user) });
+  return /* @__PURE__ */ jsx91(Fragment18, { children: children(user) });
 };
 BaseUser.displayName = "BaseUser";
 var BaseUser_default = BaseUser;
 
 // src/components/presentation/User/User.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var User5 = ({ children, fallback = null }) => {
   const { user } = useAsgardeo_default();
-  return /* @__PURE__ */ jsx91(BaseUser_default, { user, fallback, children });
+  return /* @__PURE__ */ jsx92(BaseUser_default, { user, fallback, children });
 };
 User5.displayName = "User";
 var User_default = User5;
 
 // src/components/presentation/Organization/BaseOrganization.tsx
-import { Fragment as Fragment19, jsx as jsx92 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx93 } from "react/jsx-runtime";
 var BaseOrganization = ({
   children,
   fallback = null,
   organization
 }) => {
   if (!organization) {
-    return /* @__PURE__ */ jsx92(Fragment19, { children: fallback });
+    return /* @__PURE__ */ jsx93(Fragment19, { children: fallback });
   }
-  return /* @__PURE__ */ jsx92(Fragment19, { children: children(organization) });
+  return /* @__PURE__ */ jsx93(Fragment19, { children: children(organization) });
 };
 BaseOrganization.displayName = "BaseOrganization";
 var BaseOrganization_default = BaseOrganization;
 
 // src/components/presentation/Organization/Organization.tsx
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx94 } from "react/jsx-runtime";
 var Organization5 = ({ children, fallback = null }) => {
   const { currentOrganization } = useOrganization_default();
-  return /* @__PURE__ */ jsx93(BaseOrganization_default, { organization: currentOrganization, fallback, children });
+  return /* @__PURE__ */ jsx94(BaseOrganization_default, { organization: currentOrganization, fallback, children });
 };
 Organization5.displayName = "Organization";
 var Organization_default = Organization5;
@@ -13674,7 +13707,7 @@ var useStyles25 = (theme, colorScheme, size, variant, backgroundColor) => useMem
 var Avatar_styles_default = useStyles25;
 
 // src/components/primitives/Avatar/Avatar.tsx
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 var Avatar = ({
   alt = "User avatar",
   background = "random",
@@ -13721,7 +13754,7 @@ var Avatar = ({
   const getInitials = (fullName) => fullName.split(" ").map((part) => part[0]).slice(0, 2).join("").toUpperCase();
   const renderContent = () => {
     if (imageUrl) {
-      return /* @__PURE__ */ jsx94(
+      return /* @__PURE__ */ jsx95(
         "img",
         {
           src: imageUrl,
@@ -13734,19 +13767,19 @@ var Avatar = ({
       return getInitials(name);
     }
     if (isLoading) {
-      return /* @__PURE__ */ jsx94("div", { className: cx28(withVendorCSSClassPrefix26(bem18("avatar", "skeleton")), styles["skeleton"]) });
+      return /* @__PURE__ */ jsx95("div", { className: cx28(withVendorCSSClassPrefix26(bem18("avatar", "skeleton")), styles["skeleton"]) });
     }
-    return /* @__PURE__ */ jsx94(
+    return /* @__PURE__ */ jsx95(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 640 640",
         className: cx28(withVendorCSSClassPrefix26(bem18("avatar", "icon")), styles["icon"]),
-        children: /* @__PURE__ */ jsx94("path", { d: "M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z" })
+        children: /* @__PURE__ */ jsx95("path", { d: "M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z" })
       }
     );
   };
-  return /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx95(
     "div",
     {
       className: cx28(
@@ -13779,10 +13812,10 @@ import {
 } from "@floating-ui/react";
 import {
   cloneElement as cloneElement2,
-  createContext as createContext11,
+  createContext as createContext12,
   forwardRef as forwardRef10,
   isValidElement,
-  useContext as useContext11,
+  useContext as useContext12,
   useLayoutEffect,
   useMemo as useMemo37,
   useState as useState25
@@ -13853,7 +13886,7 @@ var useStyles26 = (theme, colorScheme) => useMemo36(() => {
 var Dialog_styles_default = useStyles26;
 
 // src/components/primitives/Icons/LogOut.tsx
-import { jsx as jsx95, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs39 } from "react/jsx-runtime";
 var LogOut = (props) => /* @__PURE__ */ jsxs39(
   "svg",
   {
@@ -13868,16 +13901,16 @@ var LogOut = (props) => /* @__PURE__ */ jsxs39(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx95("path", { d: "m16 17 5-5-5-5" }),
-      /* @__PURE__ */ jsx95("path", { d: "M21 12H9" }),
-      /* @__PURE__ */ jsx95("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" })
+      /* @__PURE__ */ jsx96("path", { d: "m16 17 5-5-5-5" }),
+      /* @__PURE__ */ jsx96("path", { d: "M21 12H9" }),
+      /* @__PURE__ */ jsx96("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" })
     ]
   }
 );
 var LogOut_default = LogOut;
 
 // src/components/primitives/Icons/Plus.tsx
-import { jsx as jsx96, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs40 } from "react/jsx-runtime";
 var Plus = (props) => /* @__PURE__ */ jsxs40(
   "svg",
   {
@@ -13892,15 +13925,15 @@ var Plus = (props) => /* @__PURE__ */ jsxs40(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx96("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ jsx96("path", { d: "M12 5v14" })
+      /* @__PURE__ */ jsx97("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ jsx97("path", { d: "M12 5v14" })
     ]
   }
 );
 var Plus_default = Plus;
 
 // src/components/primitives/Icons/User.tsx
-import { jsx as jsx97, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs41 } from "react/jsx-runtime";
 var User7 = (props) => /* @__PURE__ */ jsxs41(
   "svg",
   {
@@ -13915,15 +13948,15 @@ var User7 = (props) => /* @__PURE__ */ jsxs41(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx97("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ jsx97("circle", { cx: "12", cy: "7", r: "4" })
+      /* @__PURE__ */ jsx98("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ jsx98("circle", { cx: "12", cy: "7", r: "4" })
     ]
   }
 );
 var User_default2 = User7;
 
 // src/components/primitives/Icons/X.tsx
-import { jsx as jsx98, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx99, jsxs as jsxs42 } from "react/jsx-runtime";
 var X = (props) => /* @__PURE__ */ jsxs42(
   "svg",
   {
@@ -13938,15 +13971,15 @@ var X = (props) => /* @__PURE__ */ jsxs42(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx98("path", { d: "M18 6 6 18" }),
-      /* @__PURE__ */ jsx98("path", { d: "m6 6 12 12" })
+      /* @__PURE__ */ jsx99("path", { d: "M18 6 6 18" }),
+      /* @__PURE__ */ jsx99("path", { d: "m6 6 12 12" })
     ]
   }
 );
 var X_default = X;
 
 // src/components/primitives/Dialog/Dialog.tsx
-import { jsx as jsx99, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx100, jsxs as jsxs43 } from "react/jsx-runtime";
 function useDialog({
   initialOpen = false,
   open: controlledOpen,
@@ -13982,9 +14015,9 @@ function useDialog({
     [open, setOpen, interactions, data, labelId, descriptionId]
   );
 }
-var DialogContext = createContext11(null);
+var DialogContext = createContext12(null);
 var useDialogContext = () => {
-  const context = useContext11(DialogContext);
+  const context = useContext12(DialogContext);
   if (context == null) {
     throw new Error("Dialog components must be wrapped in <Dialog />");
   }
@@ -13992,7 +14025,7 @@ var useDialogContext = () => {
 };
 function Dialog({ children, ...options }) {
   const dialog = useDialog(options);
-  return /* @__PURE__ */ jsx99(DialogContext.Provider, { value: dialog, children });
+  return /* @__PURE__ */ jsx100(DialogContext.Provider, { value: dialog, children });
 }
 var DialogTrigger = forwardRef10(
   ({ children, asChild = false, ...props }, propRef) => {
@@ -14010,7 +14043,7 @@ var DialogTrigger = forwardRef10(
         })
       );
     }
-    return /* @__PURE__ */ jsx99("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
+    return /* @__PURE__ */ jsx100("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
   }
 );
 var DialogContent = forwardRef10(
@@ -14020,12 +14053,12 @@ var DialogContent = forwardRef10(
     const styles = Dialog_styles_default(theme, colorScheme);
     const ref = useMergeRefs([context.refs.setFloating, propRef]);
     if (!floatingContext.open) return null;
-    return /* @__PURE__ */ jsx99(FloatingPortal, { children: /* @__PURE__ */ jsx99(
+    return /* @__PURE__ */ jsx100(FloatingPortal, { children: /* @__PURE__ */ jsx100(
       FloatingOverlay,
       {
         className: cx29(withVendorCSSClassPrefix27(bem19("dialog", "overlay")), styles["overlay"]),
         lockScroll: true,
-        children: /* @__PURE__ */ jsx99(FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ jsx99(
+        children: /* @__PURE__ */ jsx100(FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ jsx100(
           "div",
           {
             ref,
@@ -14053,7 +14086,7 @@ var DialogHeading = forwardRef10(
       };
     }, [id, context.setLabelId]);
     return /* @__PURE__ */ jsxs43("div", { className: cx29(withVendorCSSClassPrefix27(bem19("dialog", "header")), styles["header"]), children: [
-      /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsx100(
         "h2",
         {
           ...props,
@@ -14063,7 +14096,7 @@ var DialogHeading = forwardRef10(
           children
         }
       ),
-      /* @__PURE__ */ jsx99(
+      /* @__PURE__ */ jsx100(
         Button_default,
         {
           color: "tertiary",
@@ -14074,7 +14107,7 @@ var DialogHeading = forwardRef10(
             context.setOpen(false);
           },
           "aria-label": "Close",
-          children: /* @__PURE__ */ jsx99(X_default, { width: 16, height: 16 })
+          children: /* @__PURE__ */ jsx100(X_default, { width: 16, height: 16 })
         }
       )
     ] });
@@ -14092,7 +14125,7 @@ var DialogDescription = forwardRef10(
         context.setDescriptionId(void 0);
       };
     }, [id, context.setDescriptionId]);
-    return /* @__PURE__ */ jsx99(
+    return /* @__PURE__ */ jsx100(
       "p",
       {
         ...props,
@@ -14121,7 +14154,7 @@ var DialogClose = forwardRef10(
         onClick: handleClick
       });
     }
-    return /* @__PURE__ */ jsx99(
+    return /* @__PURE__ */ jsx100(
       Button_default,
       {
         ...props,
@@ -14244,7 +14277,7 @@ var useStyles27 = (theme, colorScheme, disabled, hasError, canAddMore, canRemove
 var MultiInput_styles_default = useStyles27;
 
 // src/components/primitives/MultiInput/MultiInput.tsx
-import { jsx as jsx100, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx101, jsxs as jsxs44 } from "react/jsx-runtime";
 var MultiInput = ({
   label,
   error,
@@ -14267,8 +14300,8 @@ var MultiInput = ({
   const canAddMore = !maxFields || values.length < maxFields;
   const canRemove = values.length > minFields;
   const styles = MultiInput_styles_default(theme, colorScheme, !!disabled, !!error, canAddMore, canRemove);
-  const PlusIcon = ({ iconClassName }) => /* @__PURE__ */ jsx100("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx30(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx100("path", { d: "M12 5v14M5 12h14" }) });
-  const BinIcon = ({ iconClassName }) => /* @__PURE__ */ jsx100("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx30(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx100("path", { d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14ZM10 11v6M14 11v6" }) });
+  const PlusIcon = ({ iconClassName }) => /* @__PURE__ */ jsx101("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx30(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx101("path", { d: "M12 5v14M5 12h14" }) });
+  const BinIcon = ({ iconClassName }) => /* @__PURE__ */ jsx101("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx30(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx101("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 = useCallback19(
     (newValue) => {
       if (newValue.trim() !== "" && (!maxFields || values.length < maxFields)) {
@@ -14312,9 +14345,9 @@ var MultiInput = ({
       };
       switch (fieldType) {
         case "DATE_TIME":
-          return /* @__PURE__ */ jsx100(DatePicker_default, { ...commonProps });
+          return /* @__PURE__ */ jsx101(DatePicker_default, { ...commonProps });
         case "BOOLEAN":
-          return /* @__PURE__ */ jsx100(
+          return /* @__PURE__ */ jsx101(
             Checkbox_default,
             {
               ...commonProps,
@@ -14323,7 +14356,7 @@ var MultiInput = ({
             }
           );
         default:
-          return /* @__PURE__ */ jsx100(TextField_default, { ...commonProps, type });
+          return /* @__PURE__ */ jsx101(TextField_default, { ...commonProps, type });
       }
     },
     [placeholder, disabled, startIcon, endIcon, error, fieldType, type]
@@ -14343,27 +14376,27 @@ var MultiInput = ({
       className: cx30(withVendorCSSClassPrefix28(bem20("multi-input")), className),
       style,
       children: [
-        label && /* @__PURE__ */ jsx100(InputLabel_default, { required, error: !!error, children: label }),
+        label && /* @__PURE__ */ jsx101(InputLabel_default, { required, error: !!error, children: label }),
         /* @__PURE__ */ jsxs44("div", { className: cx30(withVendorCSSClassPrefix28(bem20("multi-input", "container")), styles["container"]), children: [
-          /* @__PURE__ */ jsx100("div", { className: cx30(withVendorCSSClassPrefix28(bem20("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ jsx100("div", { className: cx30(withVendorCSSClassPrefix28(bem20("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
+          /* @__PURE__ */ jsx101("div", { className: cx30(withVendorCSSClassPrefix28(bem20("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ jsx101("div", { className: cx30(withVendorCSSClassPrefix28(bem20("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
             currentInputValue,
             setCurrentInputValue,
-            canAddMore ? /* @__PURE__ */ jsx100(PlusIcon, { iconClassName: styles["plusIcon"] }) : void 0,
+            canAddMore ? /* @__PURE__ */ jsx101(PlusIcon, { iconClassName: styles["plusIcon"] }) : void 0,
             canAddMore ? handleInputSubmit : void 0
           ) }) }),
-          values.length > 0 && /* @__PURE__ */ jsx100("div", { className: cx30(withVendorCSSClassPrefix28(bem20("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ jsxs44(
+          values.length > 0 && /* @__PURE__ */ jsx101("div", { className: cx30(withVendorCSSClassPrefix28(bem20("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ jsxs44(
             "div",
             {
               className: cx30(withVendorCSSClassPrefix28(bem20("multi-input", "list-item")), styles["listItem"]),
               children: [
-                /* @__PURE__ */ jsx100(
+                /* @__PURE__ */ jsx101(
                   "span",
                   {
                     className: cx30(withVendorCSSClassPrefix28(bem20("multi-input", "list-item-text")), styles["listItemText"]),
                     children: value
                   }
                 ),
-                canRemove && /* @__PURE__ */ jsx100(
+                canRemove && /* @__PURE__ */ jsx101(
                   "button",
                   {
                     type: "button",
@@ -14374,7 +14407,7 @@ var MultiInput = ({
                       styles["removeButton"]
                     ),
                     title: "Remove value",
-                    children: /* @__PURE__ */ jsx100(BinIcon, { iconClassName: styles["icon"] })
+                    children: /* @__PURE__ */ jsx101(BinIcon, { iconClassName: styles["icon"] })
                   }
                 )
               ]
@@ -14389,7 +14422,7 @@ var MultiInput = ({
 var MultiInput_default = MultiInput;
 
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
-import { Fragment as Fragment20, jsx as jsx101, jsxs as jsxs45 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx102, jsxs as jsxs45 } from "react/jsx-runtime";
 var fieldsToSkip = [
   "roles.default",
   "active",
@@ -14451,7 +14484,7 @@ var BaseUserProfile = ({
     },
     [showFields, hideFields]
   );
-  const PencilIcon = () => /* @__PURE__ */ jsx101(
+  const PencilIcon = () => /* @__PURE__ */ jsx102(
     "svg",
     {
       width: "16",
@@ -14462,7 +14495,7 @@ var BaseUserProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx101("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+      children: /* @__PURE__ */ jsx102("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
     }
   );
   const toggleFieldEdit = useCallback20((fieldName) => {
@@ -14492,12 +14525,12 @@ var BaseUserProfile = ({
   const styles = BaseUserProfile_styles_default(theme, colorScheme);
   const ObjectDisplay = ({ data }) => {
     if (!data || typeof data !== "object") return null;
-    return /* @__PURE__ */ jsx101("table", { className: styles.value, children: /* @__PURE__ */ jsx101("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ jsxs45("tr", { children: [
-      /* @__PURE__ */ jsx101("td", { className: styles.objectKey, children: /* @__PURE__ */ jsxs45("strong", { children: [
+    return /* @__PURE__ */ jsx102("table", { className: styles.value, children: /* @__PURE__ */ jsx102("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ jsxs45("tr", { children: [
+      /* @__PURE__ */ jsx102("td", { className: styles.objectKey, children: /* @__PURE__ */ jsxs45("strong", { children: [
         formatLabel(key),
         ":"
       ] }) }),
-      /* @__PURE__ */ jsx101("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ jsx101(ObjectDisplay, { data: value }) : String(value) })
+      /* @__PURE__ */ jsx102("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ jsx102(ObjectDisplay, { data: value }) : String(value) })
     ] }, key)) }) });
   };
   function set(obj, path, value) {
@@ -14572,7 +14605,7 @@ var BaseUserProfile = ({
     const { value, displayName, description, name, type, required, mutability, subAttributes, multiValued } = schema;
     const label = displayName || description || name || "";
     if (subAttributes && Array.isArray(subAttributes)) {
-      return /* @__PURE__ */ jsx101(Fragment20, { children: subAttributes.map((subAttr, index) => {
+      return /* @__PURE__ */ jsx102(Fragment20, { children: subAttributes.map((subAttr, index) => {
         let displayValue2;
         if (Array.isArray(subAttr.value)) {
           displayValue2 = subAttr.value.map((item) => typeof item === "object" ? JSON.stringify(item) : String(item)).join(", ");
@@ -14582,8 +14615,8 @@ var BaseUserProfile = ({
           displayValue2 = String(subAttr.value);
         }
         return /* @__PURE__ */ jsxs45("div", { className: styles.field, children: [
-          /* @__PURE__ */ jsx101("span", { className: styles.label, children: subAttr.displayName || subAttr.description || "" }),
-          /* @__PURE__ */ jsx101("div", { className: styles.value, children: displayValue2 })
+          /* @__PURE__ */ jsx102("span", { className: styles.label, children: subAttr.displayName || subAttr.description || "" }),
+          /* @__PURE__ */ jsx102("div", { className: styles.value, children: displayValue2 })
         ] }, index);
       }) });
     }
@@ -14608,8 +14641,8 @@ var BaseUserProfile = ({
           fieldValues = [];
         }
         return /* @__PURE__ */ jsxs45(Fragment20, { children: [
-          /* @__PURE__ */ jsx101("span", { className: styles.label, children: label }),
-          /* @__PURE__ */ jsx101("div", { className: styles.value, children: /* @__PURE__ */ jsx101(
+          /* @__PURE__ */ jsx102("span", { className: styles.label, children: label }),
+          /* @__PURE__ */ jsx102("div", { className: styles.value, children: /* @__PURE__ */ jsx102(
             MultiInput_default,
             {
               values: fieldValues,
@@ -14641,8 +14674,8 @@ var BaseUserProfile = ({
         displayValue2 = "-";
       }
       return /* @__PURE__ */ jsxs45(Fragment20, { children: [
-        /* @__PURE__ */ jsx101("span", { className: styles.label, children: label }),
-        /* @__PURE__ */ jsx101("div", { className: cx31(styles.value, !hasValues ? styles.valuePlaceholder : ""), children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx102("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ jsx102("div", { className: cx31(styles.value, !hasValues ? styles.valuePlaceholder : ""), children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ jsx102(
           Button_default,
           {
             onClick: onStartEdit,
@@ -14657,7 +14690,7 @@ var BaseUserProfile = ({
       ] });
     }
     if (type === "COMPLEX" && typeof value === "object") {
-      return /* @__PURE__ */ jsx101(ObjectDisplay, { data: value });
+      return /* @__PURE__ */ jsx102(ObjectDisplay, { data: value });
     }
     if (isEditing && onEditValue && mutability !== "READ_ONLY" && !readonlyFields.includes(name || "")) {
       let fieldValue;
@@ -14679,13 +14712,13 @@ var BaseUserProfile = ({
       let field;
       switch (type) {
         case "STRING":
-          field = /* @__PURE__ */ jsx101(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx102(TextField_default, { ...commonProps });
           break;
         case "DATE_TIME":
-          field = /* @__PURE__ */ jsx101(DatePicker_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx102(DatePicker_default, { ...commonProps });
           break;
         case "BOOLEAN":
-          field = /* @__PURE__ */ jsx101(
+          field = /* @__PURE__ */ jsx102(
             Checkbox_default,
             {
               ...commonProps,
@@ -14697,7 +14730,7 @@ var BaseUserProfile = ({
           );
           break;
         case "COMPLEX":
-          field = /* @__PURE__ */ jsx101(
+          field = /* @__PURE__ */ jsx102(
             "textarea",
             {
               value: fieldValue,
@@ -14709,11 +14742,11 @@ var BaseUserProfile = ({
           );
           break;
         default:
-          field = /* @__PURE__ */ jsx101(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx102(TextField_default, { ...commonProps });
       }
       return /* @__PURE__ */ jsxs45(Fragment20, { children: [
-        /* @__PURE__ */ jsx101("span", { className: styles.label, children: label }),
-        /* @__PURE__ */ jsx101("div", { className: styles.value, children: field })
+        /* @__PURE__ */ jsx102("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ jsx102("div", { className: styles.value, children: field })
       ] });
     }
     const hasValue = value !== void 0 && value !== null && value !== "";
@@ -14727,8 +14760,8 @@ var BaseUserProfile = ({
       displayValue = "-";
     }
     return /* @__PURE__ */ jsxs45(Fragment20, { children: [
-      /* @__PURE__ */ jsx101("span", { className: styles.label, children: label }),
-      /* @__PURE__ */ jsx101("div", { className: cx31(styles.value, !hasValue ? styles.valuePlaceholder : ""), children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ jsx101(
+      /* @__PURE__ */ jsx102("span", { className: styles.label, children: label }),
+      /* @__PURE__ */ jsx102("div", { className: cx31(styles.value, !hasValue ? styles.valuePlaceholder : ""), children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ jsx102(
         Button_default,
         {
           onClick: onStartEdit,
@@ -14752,7 +14785,7 @@ var BaseUserProfile = ({
       return null;
     }
     return /* @__PURE__ */ jsxs45("div", { className: styles.field, children: [
-      /* @__PURE__ */ jsx101("div", { className: styles.fieldInner, children: renderSchemaField(
+      /* @__PURE__ */ jsx102("div", { className: styles.fieldInner, children: renderSchemaField(
         schema,
         isFieldEditing,
         (value) => {
@@ -14764,8 +14797,8 @@ var BaseUserProfile = ({
       ) }),
       editable && schema.mutability !== "READ_ONLY" && !isReadonlyField && /* @__PURE__ */ jsxs45("div", { className: styles.fieldActions, children: [
         isFieldEditing && /* @__PURE__ */ jsxs45(Fragment20, { children: [
-          /* @__PURE__ */ jsx101(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
-          /* @__PURE__ */ jsx101(
+          /* @__PURE__ */ jsx102(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
+          /* @__PURE__ */ jsx102(
             Button_default,
             {
               size: "small",
@@ -14776,7 +14809,7 @@ var BaseUserProfile = ({
             }
           )
         ] }),
-        !isFieldEditing && hasValue && /* @__PURE__ */ jsx101(
+        !isFieldEditing && hasValue && /* @__PURE__ */ jsx102(
           Button_default,
           {
             size: "small",
@@ -14785,7 +14818,7 @@ var BaseUserProfile = ({
             onClick: () => toggleFieldEdit(schema.name),
             title: "Edit",
             className: styles.editButton,
-            children: /* @__PURE__ */ jsx101(PencilIcon, {})
+            children: /* @__PURE__ */ jsx102(PencilIcon, {})
           }
         )
       ] })
@@ -14810,7 +14843,7 @@ var BaseUserProfile = ({
     }).sort(([a], [b]) => a.localeCompare(b));
     return /* @__PURE__ */ jsxs45(Fragment20, { children: [
       /* @__PURE__ */ jsxs45("div", { className: styles.profileSummary, children: [
-        /* @__PURE__ */ jsx101(
+        /* @__PURE__ */ jsx102(
           Avatar,
           {
             imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -14820,16 +14853,16 @@ var BaseUserProfile = ({
             isLoading
           }
         ),
-        /* @__PURE__ */ jsx101(Typography_default, { variant: "h3", fontWeight: "medium", children: displayName }),
-        getMappedUserProfileValue_default("email", mergedMappings, currentUser) && /* @__PURE__ */ jsx101(Typography_default, { variant: "body2", color: "textSecondary", children: getMappedUserProfileValue_default("email", mergedMappings, currentUser) })
+        /* @__PURE__ */ jsx102(Typography_default, { variant: "h3", fontWeight: "medium", children: displayName }),
+        getMappedUserProfileValue_default("email", mergedMappings, currentUser) && /* @__PURE__ */ jsx102(Typography_default, { variant: "body2", color: "textSecondary", children: getMappedUserProfileValue_default("email", mergedMappings, currentUser) })
       ] }),
-      /* @__PURE__ */ jsx101(Divider_default, {}),
+      /* @__PURE__ */ jsx102(Divider_default, {}),
       profileEntries.map(([key, value], index) => /* @__PURE__ */ jsxs45("div", { children: [
         /* @__PURE__ */ jsxs45("div", { className: styles.sectionRow, children: [
-          /* @__PURE__ */ jsx101("div", { className: styles.sectionLabel, children: formatLabel(key) }),
-          /* @__PURE__ */ jsx101("div", { className: styles.sectionValue, children: typeof value === "object" ? /* @__PURE__ */ jsx101(ObjectDisplay, { data: value }) : String(value) })
+          /* @__PURE__ */ jsx102("div", { className: styles.sectionLabel, children: formatLabel(key) }),
+          /* @__PURE__ */ jsx102("div", { className: styles.sectionValue, children: typeof value === "object" ? /* @__PURE__ */ jsx102(ObjectDisplay, { data: value }) : String(value) })
         ] }),
-        index < profileEntries.length - 1 && /* @__PURE__ */ jsx101(Divider_default, {})
+        index < profileEntries.length - 1 && /* @__PURE__ */ jsx102(Divider_default, {})
       ] }, key))
     ] });
   };
@@ -14840,12 +14873,12 @@ var BaseUserProfile = ({
         variant: "error",
         className: cx31(withVendorCSSClassPrefix29(bem21("user-profile", "alert")), styles.alert),
         children: [
-          /* @__PURE__ */ jsx101(Alert_default.Title, { children: t("errors.heading") || "Error" }),
-          /* @__PURE__ */ jsx101(Alert_default.Description, { children: error })
+          /* @__PURE__ */ jsx102(Alert_default.Title, { children: t("errors.heading") || "Error" }),
+          /* @__PURE__ */ jsx102(Alert_default.Description, { children: error })
         ]
       }
     ),
-    schemas && schemas.length > 0 && /* @__PURE__ */ jsx101("div", { className: styles.header, children: /* @__PURE__ */ jsx101(
+    schemas && schemas.length > 0 && /* @__PURE__ */ jsx102("div", { className: styles.header, children: /* @__PURE__ */ jsx102(
       Avatar,
       {
         imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -14855,7 +14888,7 @@ var BaseUserProfile = ({
         isLoading
       }
     ) }),
-    /* @__PURE__ */ jsx101("div", { className: styles.infoContainer, children: schemas && schemas.length > 0 ? schemas.filter((schema) => {
+    /* @__PURE__ */ jsx102("div", { className: styles.infoContainer, children: schemas && schemas.length > 0 ? schemas.filter((schema) => {
       if (!schema.name || !shouldShowField(schema.name)) return false;
       if (!editable) {
         const value = flattenedProfile && schema.name ? flattenedProfile[schema.name] : void 0;
@@ -14872,13 +14905,13 @@ var BaseUserProfile = ({
         ...schema,
         value
       };
-      return /* @__PURE__ */ jsx101("div", { className: styles.info, children: renderUserInfo(schemaWithValue) }, schema.name || index);
+      return /* @__PURE__ */ jsx102("div", { className: styles.info, children: renderUserInfo(schemaWithValue) }, schema.name || index);
     }) : renderProfileWithoutSchemas() })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx101(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs45(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx101(Dialog_default.Heading, { children: title ?? t("user.profile.heading") }),
-      /* @__PURE__ */ jsx101("div", { className: styles.popup, children: profileContent })
+    return /* @__PURE__ */ jsx102(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs45(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx102(Dialog_default.Heading, { children: title ?? t("user.profile.heading") }),
+      /* @__PURE__ */ jsx102("div", { className: styles.popup, children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -14920,7 +14953,7 @@ var updateMeProfile = async ({ fetcher, instanceId = 0, ...requestConfig }) => {
 var updateMeProfile_default = updateMeProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var UserProfile3 = ({ preferences, ...rest }) => {
   const { baseUrl, instanceId } = useAsgardeo_default();
   const { profile, flattenedProfile, schemas, onUpdateProfile } = useUser_default();
@@ -14939,7 +14972,7 @@ var UserProfile3 = ({ preferences, ...rest }) => {
       setError(message);
     }
   };
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx103(
     BaseUserProfile_default,
     {
       profile,
@@ -15162,7 +15195,7 @@ var useStyles28 = (theme, colorScheme) => useMemo39(() => {
 var BaseUserDropdown_styles_default = useStyles28;
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.tsx
-import { jsx as jsx103, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs46 } from "react/jsx-runtime";
 var BaseUserDropdown = ({
   fallback = null,
   className = "",
@@ -15214,14 +15247,14 @@ var BaseUserDropdown = ({
   const defaultMenuItems = [];
   if (onManageProfile) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ jsx103(User_default2, { width: "16", height: "16" }),
+      icon: /* @__PURE__ */ jsx104(User_default2, { width: "16", height: "16" }),
       label: "Manage Profile",
       onClick: onManageProfile
     });
   }
   if (onSignOut) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ jsx103(LogOut_default, { width: "16", height: "16" }),
+      icon: /* @__PURE__ */ jsx104(LogOut_default, { width: "16", height: "16" }),
       label: "Sign Out",
       onClick: onSignOut
     });
@@ -15245,7 +15278,7 @@ var BaseUserDropdown = ({
         "data-testid": "asgardeo-user-dropdown-trigger",
         ...getReferenceProps(),
         children: [
-          /* @__PURE__ */ jsx103(
+          /* @__PURE__ */ jsx104(
             Avatar,
             {
               imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -15254,7 +15287,7 @@ var BaseUserDropdown = ({
               alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
             }
           ),
-          showTriggerLabel && /* @__PURE__ */ jsx103(
+          showTriggerLabel && /* @__PURE__ */ jsx104(
             Typography_default,
             {
               variant: "body2",
@@ -15265,7 +15298,7 @@ var BaseUserDropdown = ({
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx103(FloatingPortal2, { id: portalId, children: /* @__PURE__ */ jsx103(FloatingFocusManager2, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs46(
+    isOpen && /* @__PURE__ */ jsx104(FloatingPortal2, { id: portalId, children: /* @__PURE__ */ jsx104(FloatingFocusManager2, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs46(
       "div",
       {
         ref: refs.setFloating,
@@ -15279,7 +15312,7 @@ var BaseUserDropdown = ({
         ...getFloatingProps(),
         children: [
           /* @__PURE__ */ jsxs46("div", { className: cx32(withVendorCSSClassPrefix30("user-dropdown__header"), styles["dropdownHeader"]), children: [
-            /* @__PURE__ */ jsx103(
+            /* @__PURE__ */ jsx104(
               Avatar,
               {
                 imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -15289,7 +15322,7 @@ var BaseUserDropdown = ({
               }
             ),
             /* @__PURE__ */ jsxs46("div", { className: cx32(withVendorCSSClassPrefix30("user-dropdown__header-info"), styles["headerInfo"]), children: [
-              /* @__PURE__ */ jsx103(
+              /* @__PURE__ */ jsx104(
                 Typography_default,
                 {
                   noWrap: true,
@@ -15299,7 +15332,7 @@ var BaseUserDropdown = ({
                   children: getDisplayName_default(mergedMappings, user)
                 }
               ),
-              /* @__PURE__ */ jsx103(
+              /* @__PURE__ */ jsx104(
                 Typography_default,
                 {
                   noWrap: true,
@@ -15311,9 +15344,9 @@ var BaseUserDropdown = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx103("div", { className: cx32(withVendorCSSClassPrefix30("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ jsx103("div", { children: (() => {
+          /* @__PURE__ */ jsx104("div", { className: cx32(withVendorCSSClassPrefix30("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ jsx104("div", { children: (() => {
             if (item.label === "") {
-              return /* @__PURE__ */ jsx103(
+              return /* @__PURE__ */ jsx104(
                 "div",
                 {
                   className: cx32(withVendorCSSClassPrefix30("user-dropdown__menu-divider"), styles["divider"])
@@ -15338,12 +15371,12 @@ var BaseUserDropdown = ({
                   onBlur: () => setHoveredItemIndex(null),
                   children: [
                     item.icon,
-                    /* @__PURE__ */ jsx103("span", { children: item.label })
+                    /* @__PURE__ */ jsx104("span", { children: item.label })
                   ]
                 }
               );
             }
-            return /* @__PURE__ */ jsx103(
+            return /* @__PURE__ */ jsx104(
               Button_default,
               {
                 onClick: () => handleMenuItemClick(item),
@@ -15370,7 +15403,7 @@ var BaseUserDropdown_default = BaseUserDropdown;
 
 // src/components/presentation/UserDropdown/UserDropdown.tsx
 import { useState as useState30 } from "react";
-import { Fragment as Fragment21, jsx as jsx104, jsxs as jsxs47 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx105, jsxs as jsxs47 } from "react/jsx-runtime";
 var UserDropdown = ({
   children,
   renderTrigger,
@@ -15404,12 +15437,12 @@ var UserDropdown = ({
   if (children) {
     return /* @__PURE__ */ jsxs47(Fragment21, { children: [
       children(renderProps),
-      /* @__PURE__ */ jsx104(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ jsx105(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
   if (renderTrigger || renderDropdown) {
     return /* @__PURE__ */ jsxs47(Fragment21, { children: [
-      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ jsx104(
+      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ jsx105(
         BaseUserDropdown,
         {
           user,
@@ -15419,11 +15452,11 @@ var UserDropdown = ({
           ...rest
         }
       ),
-      /* @__PURE__ */ jsx104(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ jsx105(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
   return /* @__PURE__ */ jsxs47(Fragment21, { children: [
-    /* @__PURE__ */ jsx104(
+    /* @__PURE__ */ jsx105(
       BaseUserDropdown,
       {
         user,
@@ -15433,7 +15466,7 @@ var UserDropdown = ({
         ...rest
       }
     ),
-    isProfileOpen && /* @__PURE__ */ jsx104(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+    isProfileOpen && /* @__PURE__ */ jsx105(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
   ] });
 };
 var UserDropdown_default = UserDropdown;
@@ -15681,9 +15714,9 @@ var useStyles29 = (theme, colorScheme) => useMemo40(() => {
 var BaseOrganizationSwitcher_styles_default = useStyles29;
 
 // src/components/primitives/Icons/Building.tsx
-import { jsx as jsx105, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs48 } from "react/jsx-runtime";
 var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsxs48("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx105(
+  /* @__PURE__ */ jsx106(
     "path",
     {
       d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",
@@ -15693,30 +15726,30 @@ var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PU
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ jsx105("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx105("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx105("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx105("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx105("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx105("path", { d: "M14 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  /* @__PURE__ */ jsx106("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx106("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx106("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx106("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx106("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx106("path", { d: "M14 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
 ] });
 Building.displayName = "Building";
 var Building_default = Building;
 
 // src/components/primitives/Icons/Check.tsx
-import { jsx as jsx106 } from "react/jsx-runtime";
-var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx106("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx106("path", { d: "M20 6 9 17l-5-5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+import { jsx as jsx107 } from "react/jsx-runtime";
+var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx107("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx107("path", { d: "M20 6 9 17l-5-5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 Check.displayName = "Check";
 var Check_default = Check;
 
 // src/components/primitives/Icons/ChevronDown.tsx
-import { jsx as jsx107 } from "react/jsx-runtime";
-var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx107("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx107("path", { d: "m6 9 6 6 6-6", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+import { jsx as jsx108 } from "react/jsx-runtime";
+var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx108("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx108("path", { d: "m6 9 6 6 6-6", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 ChevronDown.displayName = "ChevronDown";
 var ChevronDown_default = ChevronDown;
 
 // src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.tsx
-import { Fragment as Fragment22, jsx as jsx108, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx109, jsxs as jsxs49 } from "react/jsx-runtime";
 var BaseOrganizationSwitcher = ({
   organizations,
   currentOrganization,
@@ -15772,7 +15805,7 @@ var BaseOrganizationSwitcher = ({
     (org) => org.id !== currentOrganization?.id
   );
   const defaultRenderOrganization2 = (organization, isSelected) => /* @__PURE__ */ jsxs49(Fragment22, { children: [
-    /* @__PURE__ */ jsx108(
+    /* @__PURE__ */ jsx109(
       Avatar,
       {
         variant: "square",
@@ -15783,21 +15816,21 @@ var BaseOrganizationSwitcher = ({
       }
     ),
     /* @__PURE__ */ jsxs49("div", { className: cx33(styles["organizationInfo"]), children: [
-      /* @__PURE__ */ jsx108(Typography_default, { variant: "body2", fontWeight: "medium", className: cx33(styles["organizationName"]), children: organization.name }),
+      /* @__PURE__ */ jsx109(Typography_default, { variant: "body2", fontWeight: "medium", className: cx33(styles["organizationName"]), children: organization.name }),
       /* @__PURE__ */ jsxs49("div", { className: cx33(styles["organizationMeta"]), children: [
         showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ jsxs49("span", { children: [
           organization.memberCount,
           " ",
           organization.memberCount === 1 ? t("organization.switcher.member") : t("organization.switcher.members")
         ] }),
-        showRole && organization.role && showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ jsx108("span", { children: " \u2022 " }),
-        showRole && organization.role && /* @__PURE__ */ jsx108("span", { className: cx33(styles["roleCapitalized"]), children: organization.role })
+        showRole && organization.role && showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ jsx109("span", { children: " \u2022 " }),
+        showRole && organization.role && /* @__PURE__ */ jsx109("span", { className: cx33(styles["roleCapitalized"]), children: organization.role })
       ] })
     ] }),
-    isSelected && /* @__PURE__ */ jsx108(Check_default, { width: "16", height: "16", color: theme.vars.colors.text.primary })
+    isSelected && /* @__PURE__ */ jsx109(Check_default, { width: "16", height: "16", color: theme.vars.colors.text.primary })
   ] });
-  const defaultRenderLoading2 = () => /* @__PURE__ */ jsx108("div", { className: cx33(styles["loadingContainer"]), children: /* @__PURE__ */ jsx108(Typography_default, { variant: "caption", className: cx33(styles["loadingText"]), children: t("organization.switcher.loading.placeholder.organizations") }) });
-  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ jsx108("div", { className: cx33(styles["errorContainer"]), children: /* @__PURE__ */ jsx108(Typography_default, { variant: "caption", className: cx33(styles["errorText"]), children: errorMessage }) });
+  const defaultRenderLoading2 = () => /* @__PURE__ */ jsx109("div", { className: cx33(styles["loadingContainer"]), children: /* @__PURE__ */ jsx109(Typography_default, { variant: "caption", className: cx33(styles["loadingText"]), children: t("organization.switcher.loading.placeholder.organizations") }) });
+  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ jsx109("div", { className: cx33(styles["errorContainer"]), children: /* @__PURE__ */ jsx109(Typography_default, { variant: "caption", className: cx33(styles["errorText"]), children: errorMessage }) });
   return /* @__PURE__ */ jsxs49("div", { className: cx33(styles["root"], className), style, children: [
     /* @__PURE__ */ jsxs49(
       Button_default,
@@ -15810,7 +15843,7 @@ var BaseOrganizationSwitcher = ({
         ...getReferenceProps(),
         children: [
           currentOrganization ? /* @__PURE__ */ jsxs49(Fragment22, { children: [
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(
               Avatar,
               {
                 variant: "square",
@@ -15820,16 +15853,16 @@ var BaseOrganizationSwitcher = ({
                 alt: `${currentOrganization.name} avatar`
               }
             ),
-            showTriggerLabel && /* @__PURE__ */ jsx108(Typography_default, { variant: "body2", className: cx33(styles["triggerLabel"]), children: currentOrganization.name })
+            showTriggerLabel && /* @__PURE__ */ jsx109(Typography_default, { variant: "body2", className: cx33(styles["triggerLabel"]), children: currentOrganization.name })
           ] }) : /* @__PURE__ */ jsxs49(Fragment22, { children: [
-            /* @__PURE__ */ jsx108(Building_default, { width: avatarSize, height: avatarSize }),
-            showTriggerLabel && /* @__PURE__ */ jsx108(Typography_default, { variant: "body2", className: cx33(styles["triggerLabel"]), children: t("elements.fields.organization.select.label") })
+            /* @__PURE__ */ jsx109(Building_default, { width: avatarSize, height: avatarSize }),
+            showTriggerLabel && /* @__PURE__ */ jsx109(Typography_default, { variant: "body2", className: cx33(styles["triggerLabel"]), children: t("elements.fields.organization.select.label") })
           ] }),
-          /* @__PURE__ */ jsx108("span", { style: { display: "inline-flex", transform: isRTL ? "scaleX(-1)" : "none" }, children: /* @__PURE__ */ jsx108(ChevronDown_default, { width: "16", height: "16" }) })
+          /* @__PURE__ */ jsx109("span", { style: { display: "inline-flex", transform: isRTL ? "scaleX(-1)" : "none" }, children: /* @__PURE__ */ jsx109(ChevronDown_default, { width: "16", height: "16" }) })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx108(FloatingPortal3, { id: portalId, children: /* @__PURE__ */ jsx108(FloatingFocusManager3, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs49(
+    isOpen && /* @__PURE__ */ jsx109(FloatingPortal3, { id: portalId, children: /* @__PURE__ */ jsx109(FloatingFocusManager3, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs49(
       "div",
       {
         ref: refs.setFloating,
@@ -15838,7 +15871,7 @@ var BaseOrganizationSwitcher = ({
         ...getFloatingProps(),
         children: [
           currentOrganization && /* @__PURE__ */ jsxs49("div", { className: cx33(styles["header"]), children: [
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx109(
               Avatar,
               {
                 variant: "square",
@@ -15849,7 +15882,7 @@ var BaseOrganizationSwitcher = ({
               }
             ),
             /* @__PURE__ */ jsxs49("div", { className: cx33(styles["headerInfo"]), children: [
-              /* @__PURE__ */ jsx108(Typography_default, { noWrap: true, className: cx33(styles["headerName"]), variant: "body1", fontWeight: "medium", children: currentOrganization.name }),
+              /* @__PURE__ */ jsx109(Typography_default, { noWrap: true, className: cx33(styles["headerName"]), variant: "body1", fontWeight: "medium", children: currentOrganization.name }),
               /* @__PURE__ */ jsxs49("div", { className: cx33(styles["headerMeta"]), children: [
                 showMemberCount && currentOrganization.memberCount !== void 0 && /* @__PURE__ */ jsxs49(
                   Typography_default,
@@ -15868,10 +15901,10 @@ var BaseOrganizationSwitcher = ({
                     ]
                   }
                 ),
-                showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ jsx108(Typography_default, { noWrap: true, className: cx33(styles["headerRole"]), variant: "caption", color: "secondary", children: currentOrganization.role })
+                showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ jsx109(Typography_default, { noWrap: true, className: cx33(styles["headerRole"]), variant: "caption", color: "secondary", children: currentOrganization.role })
               ] })
             ] }),
-            onManageProfile && /* @__PURE__ */ jsx108(
+            onManageProfile && /* @__PURE__ */ jsx109(
               Button_default,
               {
                 onClick: onManageProfile,
@@ -15892,8 +15925,8 @@ var BaseOrganizationSwitcher = ({
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ jsx108("circle", { cx: "12", cy: "12", r: "3" }),
-                      /* @__PURE__ */ jsx108("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__ */ jsx109("circle", { cx: "12", cy: "12", r: "3" }),
+                      /* @__PURE__ */ jsx109("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" })
                     ]
                   }
                 ),
@@ -15901,17 +15934,17 @@ var BaseOrganizationSwitcher = ({
               }
             )
           ] }),
-          organizations.length > 1 && /* @__PURE__ */ jsx108(
+          organizations.length > 1 && /* @__PURE__ */ jsx109(
             "div",
             {
               className: cx33(styles["header"], styles["sectionHeaderContainer"]),
               style: {
                 borderTop: currentOrganization ? `1px solid ${theme.vars.colors.border}` : "none"
               },
-              children: /* @__PURE__ */ jsx108(Typography_default, { variant: "caption", fontWeight: 600, className: cx33(styles["sectionHeader"]), children: t("organization.switcher.switch.organization") })
+              children: /* @__PURE__ */ jsx109(Typography_default, { variant: "caption", fontWeight: 600, className: cx33(styles["sectionHeader"]), children: t("organization.switcher.switch.organization") })
             }
           ),
-          /* @__PURE__ */ jsx108("div", { className: cx33(styles["menu"]), children: (() => {
+          /* @__PURE__ */ jsx109("div", { className: cx33(styles["menu"]), children: (() => {
             if (loading) {
               return renderLoading ? renderLoading() : defaultRenderLoading2();
             }
@@ -15921,7 +15954,7 @@ var BaseOrganizationSwitcher = ({
             return /* @__PURE__ */ jsxs49(Fragment22, { children: [
               switchableOrganizations.map((organization) => {
                 const isSelected = false;
-                return /* @__PURE__ */ jsx108(
+                return /* @__PURE__ */ jsx109(
                   Button_default,
                   {
                     onClick: () => handleOrganizationSwitch(organization),
@@ -15940,9 +15973,9 @@ var BaseOrganizationSwitcher = ({
                 );
               }),
               menuItems.length > 0 && /* @__PURE__ */ jsxs49(Fragment22, { children: [
-                /* @__PURE__ */ jsx108("div", { className: cx33(styles["menuDivider"]) }),
+                /* @__PURE__ */ jsx109("div", { className: cx33(styles["menuDivider"]) }),
                 menuItems.map(
-                  (item, index) => /* @__PURE__ */ jsx108("div", { children: item.href ? /* @__PURE__ */ jsxs49(
+                  (item, index) => /* @__PURE__ */ jsx109("div", { children: item.href ? /* @__PURE__ */ jsxs49(
                     "a",
                     {
                       href: item.href,
@@ -15956,10 +15989,10 @@ var BaseOrganizationSwitcher = ({
                       onBlur: () => setHoveredItemIndex(null),
                       children: [
                         item.icon,
-                        /* @__PURE__ */ jsx108("span", { children: item.label })
+                        /* @__PURE__ */ jsx109("span", { children: item.label })
                       ]
                     }
-                  ) : /* @__PURE__ */ jsx108(
+                  ) : /* @__PURE__ */ jsx109(
                     Button_default,
                     {
                       onClick: () => handleMenuItemClick(item),
@@ -15991,7 +16024,7 @@ var BaseOrganizationSwitcher_default = BaseOrganizationSwitcher;
 import { useState as useState38 } from "react";
 
 // src/components/primitives/Icons/BuildingAlt.tsx
-import { jsx as jsx109, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx110, jsxs as jsxs50 } from "react/jsx-runtime";
 var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ jsxs50(
   "svg",
   {
@@ -16005,13 +16038,13 @@ var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ jsxs50(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx109("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
-      /* @__PURE__ */ jsx109("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
-      /* @__PURE__ */ jsx109("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
-      /* @__PURE__ */ jsx109("path", { d: "M10 6h4" }),
-      /* @__PURE__ */ jsx109("path", { d: "M10 10h4" }),
-      /* @__PURE__ */ jsx109("path", { d: "M10 14h4" }),
-      /* @__PURE__ */ jsx109("path", { d: "M10 18h4" })
+      /* @__PURE__ */ jsx110("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+      /* @__PURE__ */ jsx110("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
+      /* @__PURE__ */ jsx110("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ jsx110("path", { d: "M10 6h4" }),
+      /* @__PURE__ */ jsx110("path", { d: "M10 10h4" }),
+      /* @__PURE__ */ jsx110("path", { d: "M10 14h4" }),
+      /* @__PURE__ */ jsx110("path", { d: "M10 18h4" })
     ]
   }
 );
@@ -16165,7 +16198,7 @@ var useStyles30 = (theme, colorScheme) => useMemo41(() => {
 var BaseCreateOrganization_styles_default = useStyles30;
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
-import { jsx as jsx110, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx111, jsxs as jsxs51 } from "react/jsx-runtime";
 var logger11 = createPackageComponentLogger9(
   "@asgardeo/react",
   "BaseCreateOrganization"
@@ -16255,13 +16288,13 @@ var BaseCreateOrganization = ({
       logger11.error("Form submission error:");
     }
   };
-  const createOrganizationContent = /* @__PURE__ */ jsx110("div", { className: cx34(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ jsxs51("div", { className: cx34(styles["content"]), children: [
+  const createOrganizationContent = /* @__PURE__ */ jsx111("div", { className: cx34(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ jsxs51("div", { className: cx34(styles["content"]), children: [
     /* @__PURE__ */ jsxs51("form", { id: "create-organization-form", className: cx34(styles["form"]), onSubmit: handleSubmit, children: [
       error && /* @__PURE__ */ jsxs51(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
-        /* @__PURE__ */ jsx110(Alert_default.Title, { children: "Error" }),
-        /* @__PURE__ */ jsx110(Alert_default.Description, { children: error })
+        /* @__PURE__ */ jsx111(Alert_default.Title, { children: "Error" }),
+        /* @__PURE__ */ jsx111(Alert_default.Description, { children: error })
       ] }),
-      /* @__PURE__ */ jsx110("div", { className: cx34(styles["fieldGroup"]), children: /* @__PURE__ */ jsx110(
+      /* @__PURE__ */ jsx111("div", { className: cx34(styles["fieldGroup"]), children: /* @__PURE__ */ jsx111(
         TextField_default,
         {
           label: `${t("elements.fields.organization.name.label")}`,
@@ -16274,7 +16307,7 @@ var BaseCreateOrganization = ({
           className: cx34(styles["input"])
         }
       ) }),
-      /* @__PURE__ */ jsx110("div", { className: cx34(styles["fieldGroup"]), children: /* @__PURE__ */ jsx110(
+      /* @__PURE__ */ jsx111("div", { className: cx34(styles["fieldGroup"]), children: /* @__PURE__ */ jsx111(
         TextField_default,
         {
           label: `${t("elements.fields.organization.handle.label") || "Organization Handle"}`,
@@ -16288,9 +16321,9 @@ var BaseCreateOrganization = ({
           className: cx34(styles["input"])
         }
       ) }),
-      /* @__PURE__ */ jsx110("div", { className: cx34(styles["fieldGroup"]), children: /* @__PURE__ */ jsxs51(FormControl_default, { error: formErrors.description, children: [
-        /* @__PURE__ */ jsx110(InputLabel_default, { required: true, children: t("elements.fields.organization.description.label") }),
-        /* @__PURE__ */ jsx110(
+      /* @__PURE__ */ jsx111("div", { className: cx34(styles["fieldGroup"]), children: /* @__PURE__ */ jsxs51(FormControl_default, { error: formErrors.description, children: [
+        /* @__PURE__ */ jsx111(InputLabel_default, { required: true, children: t("elements.fields.organization.description.label") }),
+        /* @__PURE__ */ jsx111(
           "textarea",
           {
             className: cx34(styles["textarea"], formErrors.description && styles["textareaError"]),
@@ -16305,14 +16338,14 @@ var BaseCreateOrganization = ({
       renderAdditionalFields && renderAdditionalFields()
     ] }),
     /* @__PURE__ */ jsxs51("div", { className: cx34(styles["actions"]), children: [
-      onCancel && /* @__PURE__ */ jsx110(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.buttons.cancel.text") }),
-      /* @__PURE__ */ jsx110(Button_default, { type: "submit", variant: "solid", color: "primary", disabled: loading, form: "create-organization-form", children: loading ? t("organization.create.buttons.create_organization.loading.text") : t("organization.create.buttons.create_organization.text") })
+      onCancel && /* @__PURE__ */ jsx111(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.buttons.cancel.text") }),
+      /* @__PURE__ */ jsx111(Button_default, { type: "submit", variant: "solid", color: "primary", disabled: loading, form: "create-organization-form", children: loading ? t("organization.create.buttons.create_organization.loading.text") : t("organization.create.buttons.create_organization.text") })
     ] })
   ] }) });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx110(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs51(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx110(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ jsx110("div", { className: styles["popup"], children: createOrganizationContent })
+    return /* @__PURE__ */ jsx111(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs51(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx111(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx111("div", { className: styles["popup"], children: createOrganizationContent })
     ] }) });
   }
   return createOrganizationContent;
@@ -16353,7 +16386,7 @@ var createOrganization = async ({
 var createOrganization_default = createOrganization;
 
 // src/components/presentation/CreateOrganization/CreateOrganization.tsx
-import { Fragment as Fragment23, jsx as jsx111 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx112 } from "react/jsx-runtime";
 var CreateOrganization = ({
   onCreateOrganization,
   fallback = null,
@@ -16369,7 +16402,7 @@ var CreateOrganization = ({
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ jsx111(Fragment23, {});
+    return /* @__PURE__ */ jsx112(Fragment23, {});
   }
   const parentId = defaultParentId || currentOrganization?.id || "";
   const handleSubmit = async (payload) => {
@@ -16404,7 +16437,7 @@ var CreateOrganization = ({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx112(
     BaseCreateOrganization,
     {
       onSubmit: handleSubmit,
@@ -16652,12 +16685,12 @@ var useStyles31 = (theme, colorScheme) => useMemo42(() => {
 var BaseOrganizationList_styles_default = useStyles31;
 
 // src/components/presentation/OrganizationList/BaseOrganizationList.tsx
-import { jsx as jsx112, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx113, jsxs as jsxs52 } from "react/jsx-runtime";
 var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect, showStatus) => /* @__PURE__ */ jsxs52("div", { className: cx35(styles.organizationItem), children: [
   /* @__PURE__ */ jsxs52("div", { className: cx35(styles.organizationContent), children: [
-    /* @__PURE__ */ jsx112(Avatar, { variant: "square", name: organization.name, size: 48, alt: `${organization.name} logo` }),
+    /* @__PURE__ */ jsx113(Avatar, { variant: "square", name: organization.name, size: 48, alt: `${organization.name} logo` }),
     /* @__PURE__ */ jsxs52("div", { className: cx35(styles.organizationInfo), children: [
-      /* @__PURE__ */ jsx112(Typography_default, { variant: "h6", className: cx35(styles.organizationName), children: organization.name }),
+      /* @__PURE__ */ jsx113(Typography_default, { variant: "h6", className: cx35(styles.organizationName), children: organization.name }),
       /* @__PURE__ */ jsxs52(Typography_default, { variant: "body2", color: "textSecondary", className: cx35(styles.organizationHandle), children: [
         "@",
         organization.orgHandle
@@ -16665,7 +16698,7 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
       showStatus && /* @__PURE__ */ jsxs52(Typography_default, { variant: "body2", color: "textSecondary", className: cx35(styles.organizationStatus), children: [
         t("organization.switcher.status.label"),
         " ",
-        /* @__PURE__ */ jsx112(
+        /* @__PURE__ */ jsx113(
           "span",
           {
             className: cx35(
@@ -16678,7 +16711,7 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
       ] })
     ] })
   ] }),
-  organization.canSwitch && /* @__PURE__ */ jsx112("div", { className: cx35(styles.organizationActions), children: /* @__PURE__ */ jsx112(
+  organization.canSwitch && /* @__PURE__ */ jsx113("div", { className: cx35(styles.organizationActions), children: /* @__PURE__ */ jsx113(
     Button_default,
     {
       onClick: (e) => {
@@ -16692,16 +16725,16 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
   ) })
 ] }, organization.id);
 var defaultRenderLoading = (t, styles) => /* @__PURE__ */ jsxs52("div", { className: cx35(styles.loadingContainer), children: [
-  /* @__PURE__ */ jsx112(Spinner_default, { size: "medium" }),
-  /* @__PURE__ */ jsx112(Typography_default, { variant: "body1", color: "textSecondary", className: cx35(styles.loadingText), children: t("organization.switcher.loading.placeholder.organizations") })
+  /* @__PURE__ */ jsx113(Spinner_default, { size: "medium" }),
+  /* @__PURE__ */ jsx113(Typography_default, { variant: "body1", color: "textSecondary", className: cx35(styles.loadingText), children: t("organization.switcher.loading.placeholder.organizations") })
 ] });
-var defaultRenderError = (errorMessage, t, styles) => /* @__PURE__ */ jsx112("div", { className: cx35(styles.errorContainer), children: /* @__PURE__ */ jsxs52(Typography_default, { variant: "body1", color: "error", children: [
-  /* @__PURE__ */ jsx112("strong", { children: t("organization.switcher.error.prefix") }),
+var defaultRenderError = (errorMessage, t, styles) => /* @__PURE__ */ jsx113("div", { className: cx35(styles.errorContainer), children: /* @__PURE__ */ jsxs52(Typography_default, { variant: "body1", color: "error", children: [
+  /* @__PURE__ */ jsx113("strong", { children: t("organization.switcher.error.prefix") }),
   " ",
   errorMessage
 ] }) });
-var defaultRenderLoadMore = (onLoadMore, isLoadingMore, t, styles) => /* @__PURE__ */ jsx112(Button_default, { onClick: onLoadMore, disabled: isLoadingMore, className: cx35(styles.loadMoreButton), type: "button", fullWidth: true, children: isLoadingMore ? t("organization.switcher.loading.more") : t("organization.switcher.buttons.load_more.text") });
-var defaultRenderEmpty = (t, styles) => /* @__PURE__ */ jsx112("div", { className: cx35(styles.emptyContainer), children: /* @__PURE__ */ jsx112(Typography_default, { variant: "body1", color: "textSecondary", className: cx35(styles.emptyText), children: t("organization.switcher.no.organizations") }) });
+var defaultRenderLoadMore = (onLoadMore, isLoadingMore, t, styles) => /* @__PURE__ */ jsx113(Button_default, { onClick: onLoadMore, disabled: isLoadingMore, className: cx35(styles.loadMoreButton), type: "button", fullWidth: true, children: isLoadingMore ? t("organization.switcher.loading.more") : t("organization.switcher.buttons.load_more.text") });
+var defaultRenderEmpty = (t, styles) => /* @__PURE__ */ jsx113("div", { className: cx35(styles.emptyContainer), children: /* @__PURE__ */ jsx113(Typography_default, { variant: "body1", color: "textSecondary", className: cx35(styles.emptyText), children: t("organization.switcher.no.organizations") }) });
 var BaseOrganizationList = ({
   className = "",
   allOrganizations,
@@ -16745,42 +16778,42 @@ var BaseOrganizationList = ({
   const renderLoadMoreWithStyles = renderLoadMore || ((onLoadMore, loadingMore) => defaultRenderLoadMore(onLoadMore, loadingMore, t, styles));
   const renderOrganizationWithStyles = renderOrganization || ((org) => defaultRenderOrganization(org, styles, t, onOrganizationSelect, showStatus));
   if (isLoading && organizationsWithSwitchAccess?.length === 0) {
-    const loadingContent = /* @__PURE__ */ jsx112("div", { className: cx35(styles["root"], className), style, children: renderLoadingWithStyles() });
+    const loadingContent = /* @__PURE__ */ jsx113("div", { className: cx35(styles["root"], className), style, children: renderLoadingWithStyles() });
     if (mode === "popup") {
-      return /* @__PURE__ */ jsx112(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs52(Dialog_default.Content, { children: [
-        /* @__PURE__ */ jsx112(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ jsx112("div", { className: cx35(styles["popupContent"]), children: loadingContent })
+      return /* @__PURE__ */ jsx113(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs52(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx113(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx113("div", { className: cx35(styles["popupContent"]), children: loadingContent })
       ] }) });
     }
     return loadingContent;
   }
   if (error && organizationsWithSwitchAccess?.length === 0) {
-    const errorContent = /* @__PURE__ */ jsx112("div", { className: cx35(styles["root"], className), style, children: renderErrorWithStyles(error) });
+    const errorContent = /* @__PURE__ */ jsx113("div", { className: cx35(styles["root"], className), style, children: renderErrorWithStyles(error) });
     if (mode === "popup") {
-      return /* @__PURE__ */ jsx112(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs52(Dialog_default.Content, { children: [
-        /* @__PURE__ */ jsx112(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ jsx112("div", { className: cx35(styles["popupContent"]), children: errorContent })
+      return /* @__PURE__ */ jsx113(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs52(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx113(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx113("div", { className: cx35(styles["popupContent"]), children: errorContent })
       ] }) });
     }
     return errorContent;
   }
   if (!isLoading && organizationsWithSwitchAccess?.length === 0) {
-    const emptyContent = /* @__PURE__ */ jsx112("div", { className: cx35(styles["root"], className), style, children: renderEmptyWithStyles() });
+    const emptyContent = /* @__PURE__ */ jsx113("div", { className: cx35(styles["root"], className), style, children: renderEmptyWithStyles() });
     if (mode === "popup") {
-      return /* @__PURE__ */ jsx112(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs52(Dialog_default.Content, { children: [
-        /* @__PURE__ */ jsx112(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ jsx112("div", { className: cx35(styles["popupContent"]), children: emptyContent })
+      return /* @__PURE__ */ jsx113(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs52(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx113(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx113("div", { className: cx35(styles["popupContent"]), children: emptyContent })
       ] }) });
     }
     return emptyContent;
   }
   const organizationListContent = /* @__PURE__ */ jsxs52("div", { className: cx35(styles["root"], className), style, children: [
     /* @__PURE__ */ jsxs52("div", { className: cx35(styles["header"]), children: [
-      /* @__PURE__ */ jsx112("div", { className: cx35(styles["headerInfo"]), children: /* @__PURE__ */ jsx112(Typography_default, { variant: "body2", color: "textSecondary", className: cx35(styles["subtitle"]), children: t("organization.switcher.showing.count", {
+      /* @__PURE__ */ jsx113("div", { className: cx35(styles["headerInfo"]), children: /* @__PURE__ */ jsx113(Typography_default, { variant: "body2", color: "textSecondary", className: cx35(styles["subtitle"]), children: t("organization.switcher.showing.count", {
         showing: organizationsWithSwitchAccess?.length,
         total: allOrganizations?.organizations?.length || 0
       }) }) }),
-      onRefresh && /* @__PURE__ */ jsx112(
+      onRefresh && /* @__PURE__ */ jsx113(
         Button_default,
         {
           onClick: onRefresh,
@@ -16792,16 +16825,16 @@ var BaseOrganizationList = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx112("div", { className: cx35(styles["listContainer"]), children: organizationsWithSwitchAccess?.map(
+    /* @__PURE__ */ jsx113("div", { className: cx35(styles["listContainer"]), children: organizationsWithSwitchAccess?.map(
       (organization, index) => renderOrganizationWithStyles(organization, index)
     ) }),
-    error && organizationsWithSwitchAccess?.length > 0 && /* @__PURE__ */ jsx112("div", { className: cx35(styles["errorMargin"]), children: renderErrorWithStyles(error) }),
-    hasMore && fetchMore && /* @__PURE__ */ jsx112("div", { className: cx35(styles["loadMoreMargin"]), children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
+    error && organizationsWithSwitchAccess?.length > 0 && /* @__PURE__ */ jsx113("div", { className: cx35(styles["errorMargin"]), children: renderErrorWithStyles(error) }),
+    hasMore && fetchMore && /* @__PURE__ */ jsx113("div", { className: cx35(styles["loadMoreMargin"]), children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx112(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs52(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx112(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ jsx112("div", { className: cx35(styles["popupContent"]), children: organizationListContent })
+    return /* @__PURE__ */ jsx113(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs52(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx113(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx113("div", { className: cx35(styles["popupContent"]), children: organizationListContent })
     ] }) });
   }
   return organizationListContent;
@@ -16871,7 +16904,7 @@ var useStyles32 = (theme, colorScheme) => useMemo44(() => {
 var OrganizationList_styles_default = useStyles32;
 
 // src/components/presentation/OrganizationList/OrganizationList.tsx
-import { jsx as jsx113 } from "react/jsx-runtime";
+import { jsx as jsx114 } from "react/jsx-runtime";
 var OrganizationList = (props) => {
   const { onOrganizationSelect, className = "", style, ...baseProps } = props;
   const { autoFetch, filter, limit, recursive, ...filteredBaseProps } = baseProps;
@@ -16886,7 +16919,7 @@ var OrganizationList = (props) => {
       setAllOrganizations(await getAllOrganizations2());
     })();
   }, []);
-  return /* @__PURE__ */ jsx113("div", { className: cx36(styles["root"], className), style, children: /* @__PURE__ */ jsx113("div", { className: cx36(styles["container"]), children: /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx114("div", { className: cx36(styles["root"], className), style, children: /* @__PURE__ */ jsx114("div", { className: cx36(styles["container"]), children: /* @__PURE__ */ jsx114(
     BaseOrganizationList,
     {
       allOrganizations,
@@ -17225,7 +17258,7 @@ var useStyles34 = (theme, colorScheme, disabled, readOnly, hasError) => useMemo4
 var KeyValueInput_styles_default = useStyles34;
 
 // src/components/primitives/KeyValueInput/KeyValueInput.tsx
-import { jsx as jsx114, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx115, jsxs as jsxs53 } from "react/jsx-runtime";
 var KeyValueInput = ({
   className = "",
   disabled = false,
@@ -17302,7 +17335,7 @@ var KeyValueInput = ({
   const isAddDisabled = disabled || readOnly || !canAddMore || !newKey.trim() || !newValue.trim();
   const renderReadOnlyContent = () => {
     if (pairs.length === 0) {
-      return /* @__PURE__ */ jsx114("div", { className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
+      return /* @__PURE__ */ jsx115("div", { className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
     }
     return pairs.map((pair, index) => /* @__PURE__ */ jsxs53(
       "div",
@@ -17313,7 +17346,7 @@ var KeyValueInput = ({
             pair.key,
             ":"
           ] }),
-          /* @__PURE__ */ jsx114(
+          /* @__PURE__ */ jsx115(
             "span",
             {
               className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input", "readonly-value")), styles["readOnlyValue"]),
@@ -17328,7 +17361,7 @@ var KeyValueInput = ({
   return /* @__PURE__ */ jsxs53("div", { className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input")), styles["container"], className), children: [
     label && /* @__PURE__ */ jsxs53("label", { className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input", "label")), styles["label"]), children: [
       label,
-      required && /* @__PURE__ */ jsx114(
+      required && /* @__PURE__ */ jsx115(
         "span",
         {
           className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input", "required")), styles["requiredIndicator"]),
@@ -17342,7 +17375,7 @@ var KeyValueInput = ({
         {
           className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input", "pair-row")), styles["pairRow"]),
           children: [
-            /* @__PURE__ */ jsx114(
+            /* @__PURE__ */ jsx115(
               TextField_default,
               {
                 placeholder: keyPlaceholder,
@@ -17353,7 +17386,7 @@ var KeyValueInput = ({
                 "aria-label": `${keyLabel} ${index + 1}`
               }
             ),
-            /* @__PURE__ */ jsx114(
+            /* @__PURE__ */ jsx115(
               TextField_default,
               {
                 placeholder: valuePlaceholder,
@@ -17364,7 +17397,7 @@ var KeyValueInput = ({
                 "aria-label": `${valueLabel} ${index + 1}`
               }
             ),
-            !readOnly && /* @__PURE__ */ jsx114(
+            !readOnly && /* @__PURE__ */ jsx115(
               "button",
               {
                 type: "button",
@@ -17375,7 +17408,7 @@ var KeyValueInput = ({
                   styles["removeButton"]
                 ),
                 "aria-label": `${removeButtonText} ${pair.key}`,
-                children: /* @__PURE__ */ jsx114(X_default, { width: 16, height: 16 })
+                children: /* @__PURE__ */ jsx115(X_default, { width: 16, height: 16 })
               }
             )
           ]
@@ -17383,7 +17416,7 @@ var KeyValueInput = ({
         `${pair.key}-${index}`
       )),
       !readOnly && /* @__PURE__ */ jsxs53("div", { className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input", "add-row")), styles["addRow"]), children: [
-        /* @__PURE__ */ jsx114(
+        /* @__PURE__ */ jsx115(
           TextField_default,
           {
             placeholder: keyPlaceholder,
@@ -17394,7 +17427,7 @@ var KeyValueInput = ({
             "aria-label": "New key"
           }
         ),
-        /* @__PURE__ */ jsx114(
+        /* @__PURE__ */ jsx115(
           TextField_default,
           {
             placeholder: valuePlaceholder,
@@ -17410,7 +17443,7 @@ var KeyValueInput = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx114(
+        /* @__PURE__ */ jsx115(
           "button",
           {
             type: "button",
@@ -17418,12 +17451,12 @@ var KeyValueInput = ({
             disabled: isAddDisabled,
             className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input", "add-button")), styles["addButton"]),
             "aria-label": "Add new key-value pair",
-            children: /* @__PURE__ */ jsx114(Plus_default, { width: 16, height: 16 })
+            children: /* @__PURE__ */ jsx115(Plus_default, { width: 16, height: 16 })
           }
         )
       ] })
     ] }),
-    (helperText || error) && /* @__PURE__ */ jsx114("div", { className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
+    (helperText || error) && /* @__PURE__ */ jsx115("div", { className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
     maxPairs && /* @__PURE__ */ jsxs53("div", { className: cx37(withVendorCSSClassPrefix31(bem22("key-value-input", "counter")), styles["counterText"]), children: [
       pairs.length,
       " of ",
@@ -17435,7 +17468,7 @@ var KeyValueInput = ({
 var KeyValueInput_default = KeyValueInput;
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
-import { Fragment as Fragment24, jsx as jsx115, jsxs as jsxs54 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx116, jsxs as jsxs54 } from "react/jsx-runtime";
 var BaseOrganizationProfile = ({
   fallback = null,
   className = "",
@@ -17484,7 +17517,7 @@ var BaseOrganizationProfile = ({
   const styles = BaseOrganizationProfile_styles_default(theme, colorScheme);
   const [editedOrganization, setEditedOrganization] = useState36(organization);
   const [editingFields, setEditingFields] = useState36({});
-  const PencilIcon = () => /* @__PURE__ */ jsx115(
+  const PencilIcon = () => /* @__PURE__ */ jsx116(
     "svg",
     {
       width: "16",
@@ -17495,7 +17528,7 @@ var BaseOrganizationProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx115("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+      children: /* @__PURE__ */ jsx116("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
     }
   );
   const toggleFieldEdit = useCallback22((fieldName) => {
@@ -17565,7 +17598,7 @@ var BaseOrganizationProfile = ({
       let fieldInput;
       if (key === "attributes") {
         const attributesValue = typeof fieldValue === "object" && fieldValue !== null ? fieldValue : {};
-        fieldInput = /* @__PURE__ */ jsx115(
+        fieldInput = /* @__PURE__ */ jsx116(
           KeyValueInput_default,
           {
             value: attributesValue,
@@ -17603,26 +17636,26 @@ var BaseOrganizationProfile = ({
           }
         );
       } else {
-        fieldInput = /* @__PURE__ */ jsx115(TextField_default, { ...commonProps });
+        fieldInput = /* @__PURE__ */ jsx116(TextField_default, { ...commonProps });
       }
       return /* @__PURE__ */ jsxs54(Fragment24, { children: [
-        /* @__PURE__ */ jsx115("span", { className: cx38(styles["label"]), children: label }),
-        /* @__PURE__ */ jsx115("div", { className: cx38(styles["value"]), children: fieldInput })
+        /* @__PURE__ */ jsx116("span", { className: cx38(styles["label"]), children: label }),
+        /* @__PURE__ */ jsx116("div", { className: cx38(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__ */ jsx115(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
+      displayValue = key === "attributes" && typeof value === "object" && value !== null ? /* @__PURE__ */ jsx116(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
     } else if (isFieldEditable) {
       displayValue = getFieldPlaceholder(key);
     } else {
       displayValue = "-";
     }
     return /* @__PURE__ */ jsxs54(Fragment24, { children: [
-      /* @__PURE__ */ jsx115("span", { className: cx38(styles["label"]), children: label }),
-      /* @__PURE__ */ jsx115("div", { className: cx38(styles["value"], !hasValue && styles["valueEmpty"]), children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ jsx115(
+      /* @__PURE__ */ jsx116("span", { className: cx38(styles["label"]), children: label }),
+      /* @__PURE__ */ jsx116("div", { className: cx38(styles["value"], !hasValue && styles["valueEmpty"]), children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ jsx116(
         Button_default,
         {
           onClick: onStartEdit,
@@ -17646,7 +17679,7 @@ var BaseOrganizationProfile = ({
       return null;
     }
     return /* @__PURE__ */ jsxs54("div", { className: cx38(styles["field"]), children: [
-      /* @__PURE__ */ jsx115("div", { className: cx38(styles["fieldContent"]), children: renderField(
+      /* @__PURE__ */ jsx116("div", { className: cx38(styles["fieldContent"]), children: renderField(
         field,
         isFieldEditing,
         (value) => {
@@ -17656,8 +17689,8 @@ var BaseOrganizationProfile = ({
         },
         () => toggleFieldEdit(field.key)
       ) }),
-      isFieldEditable && /* @__PURE__ */ jsx115("div", { className: cx38(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ jsxs54(Fragment24, { children: [
-        /* @__PURE__ */ jsx115(
+      isFieldEditable && /* @__PURE__ */ jsx116("div", { className: cx38(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ jsxs54(Fragment24, { children: [
+        /* @__PURE__ */ jsx116(
           Button_default,
           {
             onClick: () => handleFieldSave(field.key),
@@ -17668,7 +17701,7 @@ var BaseOrganizationProfile = ({
             children: saveButtonText
           }
         ),
-        /* @__PURE__ */ jsx115(
+        /* @__PURE__ */ jsx116(
           Button_default,
           {
             onClick: () => handleFieldCancel(field.key),
@@ -17679,7 +17712,7 @@ var BaseOrganizationProfile = ({
             children: cancelButtonText
           }
         )
-      ] }) : hasValue && /* @__PURE__ */ jsx115(
+      ] }) : hasValue && /* @__PURE__ */ jsx116(
         Button_default,
         {
           onClick: () => toggleFieldEdit(field.key),
@@ -17688,7 +17721,7 @@ var BaseOrganizationProfile = ({
           size: "small",
           title: "Edit field",
           className: cx38(styles["editButton"]),
-          children: /* @__PURE__ */ jsx115(PencilIcon, {})
+          children: /* @__PURE__ */ jsx116(PencilIcon, {})
         }
       ) })
     ] }, field.key);
@@ -17698,21 +17731,21 @@ var BaseOrganizationProfile = ({
   }
   const profileContent = /* @__PURE__ */ jsxs54(Card_default, { className: cx38(styles["root"], cardLayout && styles["card"], className), children: [
     /* @__PURE__ */ jsxs54("div", { className: cx38(styles["header"]), children: [
-      /* @__PURE__ */ jsx115(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
+      /* @__PURE__ */ jsx116(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
       /* @__PURE__ */ jsxs54("div", { className: cx38(styles["orgInfo"]), children: [
-        /* @__PURE__ */ jsx115("h2", { className: cx38(styles["name"]), children: organization.name }),
+        /* @__PURE__ */ jsx116("h2", { className: cx38(styles["name"]), children: organization.name }),
         organization.orgHandle && /* @__PURE__ */ jsxs54("p", { className: cx38(styles["handle"]), children: [
           "@",
           organization.orgHandle
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx115("div", { className: cx38(styles["infoContainer"]), children: fields.map((field) => renderOrganizationField(field)) })
+    /* @__PURE__ */ jsx116("div", { className: cx38(styles["infoContainer"]), children: fields.map((field) => renderOrganizationField(field)) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx115(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs54(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx115(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ jsx115("div", { className: cx38(styles["popup"]), children: profileContent })
+    return /* @__PURE__ */ jsx116(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs54(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx116(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx116("div", { className: cx38(styles["popup"]), children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -17788,7 +17821,7 @@ var updateOrganization = async ({
 var updateOrganization_default = updateOrganization;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx117 } from "react/jsx-runtime";
 var logger12 = createPackageComponentLogger10(
   "@asgardeo/react",
   "OrganizationProfile"
@@ -17846,7 +17879,7 @@ var OrganizationProfile = ({
       throw err;
     }
   };
-  return /* @__PURE__ */ jsx116(
+  return /* @__PURE__ */ jsx117(
     BaseOrganizationProfile_default,
     {
       organization,
@@ -17863,7 +17896,7 @@ var OrganizationProfile = ({
 var OrganizationProfile_default = OrganizationProfile;
 
 // src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
-import { Fragment as Fragment25, jsx as jsx117, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx118, jsxs as jsxs55 } from "react/jsx-runtime";
 var OrganizationSwitcher = ({
   currentOrganization: propCurrentOrganization,
   fallback = null,
@@ -17888,7 +17921,7 @@ var OrganizationSwitcher = ({
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ jsx117(Fragment25, {});
+    return /* @__PURE__ */ jsx118(Fragment25, {});
   }
   const organizations = propOrganizations || contextOrganizations || [];
   const currentOrganization = propCurrentOrganization || contextCurrentOrganization;
@@ -17902,19 +17935,19 @@ var OrganizationSwitcher = ({
   const defaultMenuItems = [];
   if (currentOrganization) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ jsx117(BuildingAlt_default, {}),
+      icon: /* @__PURE__ */ jsx118(BuildingAlt_default, {}),
       label: t("organization.switcher.manage.organizations"),
       onClick: handleManageOrganizations
     });
   }
   defaultMenuItems.push({
-    icon: /* @__PURE__ */ jsx117("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx117("path", { d: "M12 5v14m-7-7h14" }) }),
+    icon: /* @__PURE__ */ jsx118("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx118("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__ */ jsxs55(Fragment25, { children: [
-    /* @__PURE__ */ jsx117(
+    /* @__PURE__ */ jsx118(
       BaseOrganizationSwitcher,
       {
         organizations,
@@ -17928,7 +17961,7 @@ var OrganizationSwitcher = ({
         ...props
       }
     ),
-    /* @__PURE__ */ jsx117(
+    /* @__PURE__ */ jsx118(
       CreateOrganization,
       {
         mode: "popup",
@@ -17942,7 +17975,7 @@ var OrganizationSwitcher = ({
         }
       }
     ),
-    currentOrganization && /* @__PURE__ */ jsx117(
+    currentOrganization && /* @__PURE__ */ jsx118(
       OrganizationProfile_default,
       {
         organizationId: currentOrganization.id,
@@ -17950,11 +17983,11 @@ var OrganizationSwitcher = ({
         open: isProfileOpen,
         onOpenChange: setIsProfileOpen,
         cardLayout: true,
-        loadingFallback: /* @__PURE__ */ jsx117("div", { children: t("organization.profile.loading") }),
-        errorFallback: /* @__PURE__ */ jsx117("div", { children: t("organization.profile.error") })
+        loadingFallback: /* @__PURE__ */ jsx118("div", { children: t("organization.profile.loading") }),
+        errorFallback: /* @__PURE__ */ jsx118("div", { children: t("organization.profile.error") })
       }
     ),
-    /* @__PURE__ */ jsx117(
+    /* @__PURE__ */ jsx118(
       OrganizationList_default,
       {
         mode: "popup",
@@ -18103,7 +18136,7 @@ var useStyles35 = (theme, colorScheme) => useMemo47(() => {
 var BaseLanguageSwitcher_styles_default = useStyles35;
 
 // src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.tsx
-import { Fragment as Fragment26, jsx as jsx118, jsxs as jsxs56 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx119, jsxs as jsxs56 } from "react/jsx-runtime";
 var BaseLanguageSwitcher = ({
   children,
   className,
@@ -18133,7 +18166,7 @@ var BaseLanguageSwitcher = ({
   const { getReferenceProps, getFloatingProps } = useInteractions4([click, dismiss, role]);
   const currentOption = languages.find((l) => l.code === currentLanguage);
   if (children) {
-    return /* @__PURE__ */ jsx118(Fragment26, { children: children({
+    return /* @__PURE__ */ jsx119(Fragment26, { children: children({
       currentLanguage,
       isLoading,
       languages,
@@ -18151,13 +18184,13 @@ var BaseLanguageSwitcher = ({
         ...getReferenceProps(),
         className: styles["trigger"],
         children: [
-          currentOption && /* @__PURE__ */ jsx118("span", { className: styles["triggerEmoji"], children: currentOption.emoji }),
-          /* @__PURE__ */ jsx118("span", { className: styles["triggerLabel"], children: currentOption?.displayName ?? currentLanguage }),
-          hasMultipleLanguages && /* @__PURE__ */ jsx118(ChevronDown_default, {})
+          currentOption && /* @__PURE__ */ jsx119("span", { className: styles["triggerEmoji"], children: currentOption.emoji }),
+          /* @__PURE__ */ jsx119("span", { className: styles["triggerLabel"], children: currentOption?.displayName ?? currentLanguage }),
+          hasMultipleLanguages && /* @__PURE__ */ jsx119(ChevronDown_default, {})
         ]
       }
     ),
-    isOpen && hasMultipleLanguages && /* @__PURE__ */ jsx118(FloatingPortal4, { children: /* @__PURE__ */ jsx118(FloatingFocusManager4, { context, modal: false, children: /* @__PURE__ */ jsx118(
+    isOpen && hasMultipleLanguages && /* @__PURE__ */ jsx119(FloatingPortal4, { children: /* @__PURE__ */ jsx119(FloatingFocusManager4, { context, modal: false, children: /* @__PURE__ */ jsx119(
       "div",
       {
         ref: refs.setFloating,
@@ -18178,9 +18211,9 @@ var BaseLanguageSwitcher = ({
               setIsOpen(false);
             },
             children: [
-              /* @__PURE__ */ jsx118("span", { className: styles["optionEmoji"], children: lang.emoji }),
-              /* @__PURE__ */ jsx118("span", { className: styles["optionLabel"], children: lang.displayName }),
-              lang.code === currentLanguage && /* @__PURE__ */ jsx118("span", { className: styles["checkIcon"], children: /* @__PURE__ */ jsx118(Check_default, {}) })
+              /* @__PURE__ */ jsx119("span", { className: styles["optionEmoji"], children: lang.emoji }),
+              /* @__PURE__ */ jsx119("span", { className: styles["optionLabel"], children: lang.displayName }),
+              lang.code === currentLanguage && /* @__PURE__ */ jsx119("span", { className: styles["checkIcon"], children: /* @__PURE__ */ jsx119(Check_default, {}) })
             ]
           },
           lang.code
@@ -18196,9 +18229,9 @@ import { resolveLocaleDisplayName, resolveLocaleEmoji } from "@asgardeo/browser"
 import { useEffect as useEffect27, useMemo as useMemo48 } from "react";
 
 // src/contexts/FlowMeta/useFlowMeta.ts
-import { useContext as useContext12 } from "react";
+import { useContext as useContext13 } from "react";
 var useFlowMeta = () => {
-  const context = useContext12(FlowMetaContext_default);
+  const context = useContext13(FlowMetaContext_default);
   if (!context) {
     throw new Error("useFlowMeta must be used within a FlowMetaProvider");
   }
@@ -18207,7 +18240,7 @@ var useFlowMeta = () => {
 var useFlowMeta_default = useFlowMeta;
 
 // src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx
-import { jsx as jsx119 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var LanguageSwitcher = ({ children, className }) => {
   const { meta, switchLanguage, isLoading } = useFlowMeta_default();
   const { currentLanguage } = useTranslation_default();
@@ -18235,7 +18268,7 @@ var LanguageSwitcher = ({ children, className }) => {
       switchLanguage(language);
     }
   };
-  return /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx120(
     BaseLanguageSwitcher_default,
     {
       currentLanguage,