@asgardeo/react 0.13.3 → 0.14.0

package/dist/index.js

@@ -21,6 +21,7 @@ var AsgardeoContext = createContext({
   baseUrl: void 0,
   clearSession: () => {
   },
+  clientId: void 0,
   exchangeToken: null,
   getAccessToken: null,
   getDecodedIdToken: null,
@@ -737,6 +738,8 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
   async switchOrganization(organization) {
     return this.withLoading(async () => {
       try {
+        const configData = await this.asgardeo.getConfigData();
+        const sourceInstanceId = configData?.organizationChain?.sourceInstanceId;
         if (!organization.id) {
           throw new AsgardeoRuntimeError(
             "Organization ID is required for switching organizations",
@@ -756,7 +759,7 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
           },
           id: "organization-switch",
           returnsSession: true,
-          signInRequired: true
+          signInRequired: sourceInstanceId === void 0
         };
         return await this.asgardeo.exchangeToken(exchangeConfig, () => {
         });
@@ -1989,6 +1992,7 @@ var AsgardeoProvider = ({
   signInOptions,
   syncSession,
   instanceId = 0,
+  organizationChain,
   ...rest
 }) => {
   const reRenderCheckRef = useRef2(false);
@@ -2008,6 +2012,7 @@ var AsgardeoProvider = ({
     applicationId,
     baseUrl,
     clientId,
+    organizationChain,
     organizationHandle,
     scopes,
     signInOptions,
@@ -2357,6 +2362,7 @@ var AsgardeoProvider = ({
       applicationId,
       baseUrl,
       clearSession,
+      clientId,
       exchangeToken,
       getAccessToken,
       getDecodedIdToken,
@@ -2370,6 +2376,7 @@ var AsgardeoProvider = ({
       isLoading: isLoadingSync,
       isSignedIn: isSignedInSync,
       organization: currentOrganization,
+      organizationChain,
       organizationHandle: config?.organizationHandle,
       platform: config?.platform,
       reInitialize,
@@ -2391,6 +2398,7 @@ var AsgardeoProvider = ({
       signUpUrl,
       afterSignInUrl,
       baseUrl,
+      clientId,
       isInitializedSync,
       isLoadingSync,
       isSignedInSync,
@@ -2411,7 +2419,8 @@ var AsgardeoProvider = ({
       signUp,
       clearSession,
       reInitialize,
-      instanceId
+      instanceId,
+      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(
@@ -3574,6 +3583,96 @@ var Loading = ({ children, fallback = null }) => {
 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";
+var OrganizationContextController = ({
+  targetOrganizationId,
+  isSourceSignedIn,
+  children
+}) => {
+  const { isInitialized, isSignedIn, switchOrganization, isLoading } = useAsgardeo_default();
+  const hasAuthenticatedRef = useRef3(false);
+  const isAuthenticatingRef = useRef3(false);
+  useEffect7(() => {
+    const performOrganizationSwitch = async () => {
+      if (hasAuthenticatedRef.current || isAuthenticatingRef.current) {
+        return;
+      }
+      if (!isInitialized || isLoading) {
+        return;
+      }
+      if (isSignedIn) {
+        hasAuthenticatedRef.current = true;
+        return;
+      }
+      if (!isSourceSignedIn) {
+        return;
+      }
+      try {
+        isAuthenticatingRef.current = true;
+        hasAuthenticatedRef.current = true;
+        const targetOrganization = {
+          id: targetOrganizationId,
+          name: "",
+          // Name will be populated after authentication
+          orgHandle: ""
+          // Will be populated after authentication
+        };
+        await switchOrganization(targetOrganization);
+      } catch (error) {
+        console.error("Linked organization authentication failed:", error);
+        hasAuthenticatedRef.current = false;
+      } finally {
+        isAuthenticatingRef.current = false;
+      }
+    };
+    performOrganizationSwitch();
+  }, [isInitialized, isSignedIn, isLoading, isSourceSignedIn, targetOrganizationId, switchOrganization]);
+  return /* @__PURE__ */ jsx22(Fragment7, { children });
+};
+var OrganizationContextController_default = OrganizationContextController;
+
+// src/components/control/OrganizationContext/OrganizationContext.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+var OrganizationContext2 = ({
+  instanceId,
+  baseUrl,
+  clientId,
+  afterSignInUrl,
+  afterSignOutUrl,
+  targetOrganizationId,
+  sourceInstanceId,
+  scopes,
+  children,
+  ...rest
+}) => {
+  const {
+    isSignedIn: isSourceSignedIn,
+    instanceId: sourceInstanceIdFromContext,
+    baseUrl: sourceBaseUrl,
+    clientId: sourceClientId
+  } = useAsgardeo_default();
+  return /* @__PURE__ */ jsx23(
+    AsgardeoProvider_default,
+    {
+      instanceId,
+      baseUrl: baseUrl || sourceBaseUrl,
+      clientId: clientId || sourceClientId,
+      afterSignInUrl,
+      afterSignOutUrl,
+      scopes,
+      organizationChain: {
+        sourceInstanceId: sourceInstanceId || sourceInstanceIdFromContext,
+        targetOrganizationId
+      },
+      ...rest,
+      children: /* @__PURE__ */ jsx23(OrganizationContextController_default, { targetOrganizationId, isSourceSignedIn, children })
+    }
+  );
+};
+var OrganizationContext_default2 = OrganizationContext2;
+
 // src/components/presentation/auth/SignIn/BaseSignIn.tsx
 import { Platform as Platform4 } from "@asgardeo/browser";
 
@@ -3589,7 +3688,7 @@ import {
   createPackageComponentLogger as createPackageComponentLogger4
 } from "@asgardeo/browser";
 import { cx as cx19 } from "@emotion/css";
-import { useEffect as useEffect13, useState as useState15, useCallback as useCallback10, useRef as useRef4 } from "react";
+import { useEffect as useEffect14, useState as useState15, useCallback as useCallback10, useRef as useRef5 } from "react";
 
 // src/components/presentation/auth/SignIn/v1/options/SignInOptionFactory.tsx
 import {
@@ -3599,7 +3698,7 @@ import {
 
 // src/components/presentation/auth/SignIn/v1/options/EmailOtp.tsx
 import { EmbeddedSignInFlowAuthenticatorParamType, FieldType as FieldType2 } from "@asgardeo/browser";
-import { useEffect as useEffect8 } from "react";
+import { useEffect as useEffect9 } from "react";
 
 // src/components/factories/FieldFactory.tsx
 import { FieldType } from "@asgardeo/browser";
@@ -3965,7 +4064,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 jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var variantMapping = {
   body1: "p",
   body2: "p",
@@ -4054,12 +4153,12 @@ var Typography = ({
     gutterBottom && styles["typographyGutterBottom"],
     className
   );
-  return /* @__PURE__ */ jsx22(Component, { className: typographyClassName, style, ...rest, children });
+  return /* @__PURE__ */ jsx24(Component, { className: typographyClassName, style, ...rest, children });
 };
 var Typography_default = Typography;
 
 // src/components/primitives/FormControl/FormControl.tsx
-import { jsx as jsx23, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs2 } from "react/jsx-runtime";
 var FormControl = ({
   children,
   error,
@@ -4072,7 +4171,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__ */ jsx23(
+    (error || helperText) && /* @__PURE__ */ jsx25(
       Typography_default,
       {
         variant: "caption",
@@ -4131,7 +4230,7 @@ var useStyles6 = (theme, colorScheme, variant, error, marginBottom) => useMemo14
 var InputLabel_styles_default = useStyles6;
 
 // src/components/primitives/InputLabel/InputLabel.tsx
-import { jsx as jsx24, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs3 } from "react/jsx-runtime";
 var InputLabel = ({
   children,
   required = false,
@@ -4162,7 +4261,7 @@ var InputLabel = ({
       ...rest,
       children: [
         children,
-        required && /* @__PURE__ */ jsx24("span", { className: cx8(withVendorCSSClassPrefix8(bem5("input-label", "required")), styles["requiredIndicator"]), children: " *" })
+        required && /* @__PURE__ */ jsx26("span", { className: cx8(withVendorCSSClassPrefix8(bem5("input-label", "required")), styles["requiredIndicator"]), children: " *" })
       ]
     }
   );
@@ -4170,7 +4269,7 @@ var InputLabel = ({
 var InputLabel_default = InputLabel;
 
 // src/components/primitives/Checkbox/Checkbox.tsx
-import { jsx as jsx25, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs4 } from "react/jsx-runtime";
 var Checkbox = ({
   label,
   error,
@@ -4183,7 +4282,7 @@ var Checkbox = ({
   const { theme, colorScheme } = useTheme_default();
   const hasError = !!error;
   const styles = Checkbox_styles_default(theme, colorScheme, hasError, !!required);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     FormControl_default,
     {
       error,
@@ -4191,7 +4290,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__ */ jsx25(
+        /* @__PURE__ */ jsx27(
           "input",
           {
             type: "checkbox",
@@ -4203,7 +4302,7 @@ var Checkbox = ({
             ...rest
           }
         ),
-        label && /* @__PURE__ */ jsx25(
+        label && /* @__PURE__ */ jsx27(
           InputLabel_default,
           {
             required,
@@ -4291,7 +4390,7 @@ var useStyles7 = (theme, colorScheme, hasError, disabled) => useMemo15(() => {
 var DatePicker_styles_default = useStyles7;
 
 // src/components/primitives/DatePicker/DatePicker.tsx
-import { jsx as jsx26, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs5 } from "react/jsx-runtime";
 var DatePicker = ({
   label,
   error,
@@ -4314,7 +4413,7 @@ var DatePicker = ({
       className: cx10(withVendorCSSClassPrefix10(bem7("date-picker")), className),
       style,
       children: [
-        label && /* @__PURE__ */ jsx26(
+        label && /* @__PURE__ */ jsx28(
           InputLabel_default,
           {
             required,
@@ -4323,7 +4422,7 @@ var DatePicker = ({
             children: label
           }
         ),
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx28(
           "input",
           {
             type: "date",
@@ -4355,8 +4454,8 @@ var DatePicker_default = DatePicker;
 import { withVendorCSSClassPrefix as withVendorCSSClassPrefix11, bem as bem8 } from "@asgardeo/browser";
 import { cx as cx11 } from "@emotion/css";
 import {
-  useRef as useRef3,
-  useEffect as useEffect7,
+  useRef as useRef4,
+  useEffect as useEffect8,
   useState as useState13
 } from "react";
 
@@ -4423,7 +4522,7 @@ var useStyles8 = (theme, colorScheme, disabled, hasError, length) => useMemo16((
 var OtpField_styles_default = useStyles8;
 
 // src/components/primitives/OtpField/OtpField.tsx
-import { jsx as jsx27, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs6 } from "react/jsx-runtime";
 var OtpField = ({
   label,
   error,
@@ -4444,11 +4543,11 @@ var OtpField = ({
   const { theme, colorScheme } = useTheme_default();
   const styles = OtpField_styles_default(theme, colorScheme, !!disabled, !!error, length);
   const [otp, setOtp] = useState13(Array(length).fill(""));
-  const inputRefs = useRef3([]);
-  useEffect7(() => {
+  const inputRefs = useRef4([]);
+  useEffect8(() => {
     inputRefs.current = inputRefs.current.slice(0, length);
   }, [length]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (value) {
       const newOtp = value.split("").slice(0, length);
       while (newOtp.length < length) {
@@ -4459,7 +4558,7 @@ var OtpField = ({
       setOtp(Array(length).fill(""));
     }
   }, [value, length]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (autoFocus && inputRefs.current[0]) {
       inputRefs.current[0].focus();
     }
@@ -4537,8 +4636,8 @@ var OtpField = ({
       helperTextAlign: "center",
       style,
       children: [
-        label && /* @__PURE__ */ jsx27(InputLabel_default, { required, error: !!error, children: label }),
-        /* @__PURE__ */ jsx27("div", { className: cx11(withVendorCSSClassPrefix11(bem8("otp-field", "input-container")), styles["inputContainer"]), children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx27(
+        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(
           "input",
           {
             ref: (el) => {
@@ -4606,7 +4705,7 @@ var useStyles9 = (theme, colorScheme, showPassword, disabled, hasError) => useMe
 var PasswordField_styles_default = useStyles9;
 
 // src/components/primitives/Icons/Eye.tsx
-import { jsx as jsx28, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs7 } from "react/jsx-runtime";
 var Eye = (props) => /* @__PURE__ */ jsxs7(
   "svg",
   {
@@ -4621,15 +4720,15 @@ var Eye = (props) => /* @__PURE__ */ jsxs7(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx28("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__ */ jsx28("circle", { cx: "12", cy: "12", r: "3" })
+      /* @__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" })
     ]
   }
 );
 var Eye_default = Eye;
 
 // src/components/primitives/Icons/EyeOff.tsx
-import { jsx as jsx29, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs8 } from "react/jsx-runtime";
 var EyeOff = (props) => /* @__PURE__ */ jsxs8(
   "svg",
   {
@@ -4644,10 +4743,10 @@ var EyeOff = (props) => /* @__PURE__ */ jsxs8(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx29("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__ */ jsx29("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }),
-      /* @__PURE__ */ jsx29("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__ */ jsx29("path", { d: "m2 2 20 20" })
+      /* @__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" })
     ]
   }
 );
@@ -4763,7 +4862,7 @@ var useStyles10 = (theme, colorScheme, disabled, hasError, hasStartIcon, hasEndI
 var TextField_styles_default = useStyles10;
 
 // src/components/primitives/TextField/TextField.tsx
-import { jsx as jsx30, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs9 } from "react/jsx-runtime";
 var TextField = ({
   label,
   error,
@@ -4804,9 +4903,9 @@ var TextField = ({
       className: cx12(withVendorCSSClassPrefix12(bem9("text-field")), className),
       style,
       children: [
-        label && /* @__PURE__ */ jsx30(InputLabel_default, { required, error: hasError, children: label }),
+        label && /* @__PURE__ */ jsx32(InputLabel_default, { required, error: hasError, children: label }),
         /* @__PURE__ */ jsxs9("div", { className: containerClassName, children: [
-          startIcon && /* @__PURE__ */ jsx30(
+          startIcon && /* @__PURE__ */ jsx32(
             "div",
             {
               className: startIconClassName,
@@ -4817,7 +4916,7 @@ var TextField = ({
               children: startIcon
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx32(
             "input",
             {
               className: inputClassName,
@@ -4828,7 +4927,7 @@ var TextField = ({
               ...rest
             }
           ),
-          endIcon && /* @__PURE__ */ jsx30(
+          endIcon && /* @__PURE__ */ jsx32(
             "div",
             {
               className: endIconClassName,
@@ -4847,7 +4946,7 @@ var TextField = ({
 var TextField_default = TextField;
 
 // src/components/primitives/PasswordField/PasswordField.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var PasswordField = ({
   onChange,
   className,
@@ -4864,7 +4963,7 @@ var PasswordField = ({
     }
   };
   const IconComponent = showPassword ? EyeOff_default : Eye_default;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx33(
     TextField_default,
     {
       ...textFieldProps,
@@ -4874,7 +4973,7 @@ var PasswordField = ({
       autoComplete: "current-password",
       disabled,
       error,
-      endIcon: /* @__PURE__ */ jsx31(
+      endIcon: /* @__PURE__ */ jsx33(
         IconComponent,
         {
           width: 16,
@@ -4975,7 +5074,7 @@ var useStyles11 = (theme, colorScheme, disabled, hasError) => useMemo19(() => {
 var Select_styles_default = useStyles11;
 
 // src/components/primitives/Select/Select.tsx
-import { jsx as jsx32, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs10 } from "react/jsx-runtime";
 var Select = ({
   label,
   error,
@@ -5005,7 +5104,7 @@ var Select = ({
       className: cx14(withVendorCSSClassPrefix14(bem11("select")), className),
       style,
       children: [
-        label && /* @__PURE__ */ jsx32(InputLabel_default, { required, error: hasError, children: label }),
+        label && /* @__PURE__ */ jsx34(InputLabel_default, { required, error: hasError, children: label }),
         /* @__PURE__ */ jsxs10(
           "select",
           {
@@ -5015,8 +5114,8 @@ var Select = ({
             "aria-required": required,
             ...rest,
             children: [
-              placeholder && /* @__PURE__ */ jsx32("option", { value: "", disabled: true, children: placeholder }),
-              options.map((option) => /* @__PURE__ */ jsx32("option", { value: option.value, className: styles["option"], children: option.label }, option.value))
+              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))
             ]
           }
         )
@@ -5027,7 +5126,7 @@ var Select = ({
 var Select_default = Select;
 
 // src/components/factories/FieldFactory.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var validateFieldValue = (value, type, required = false, touched = false) => {
   if (required && touched && (!value || value.trim() === "")) {
     return "This field is required";
@@ -5079,9 +5178,9 @@ var createField = (config) => {
   };
   switch (type) {
     case FieldType.Password:
-      return /* @__PURE__ */ jsx33(PasswordField_default, { ...commonProps, onChange });
+      return /* @__PURE__ */ jsx35(PasswordField_default, { ...commonProps, onChange });
     case FieldType.Text:
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35(
         TextField_default,
         {
           ...commonProps,
@@ -5091,7 +5190,7 @@ var createField = (config) => {
         }
       );
     case FieldType.Email:
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35(
         TextField_default,
         {
           ...commonProps,
@@ -5101,10 +5200,10 @@ var createField = (config) => {
         }
       );
     case FieldType.Date:
-      return /* @__PURE__ */ jsx33(DatePicker_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
+      return /* @__PURE__ */ jsx35(DatePicker_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
     case FieldType.Checkbox: {
       const isChecked = value === "true" || value === true;
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35(
         Checkbox_default,
         {
           ...commonProps,
@@ -5114,9 +5213,9 @@ var createField = (config) => {
       );
     }
     case FieldType.Otp:
-      return /* @__PURE__ */ jsx33(OtpField_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
+      return /* @__PURE__ */ jsx35(OtpField_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
     case FieldType.Number:
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35(
         TextField_default,
         {
           ...commonProps,
@@ -5128,7 +5227,7 @@ var createField = (config) => {
     case FieldType.Select: {
       const fieldOptions = options.length > 0 ? options : [];
       if (fieldOptions.length > 0) {
-        return /* @__PURE__ */ jsx33(
+        return /* @__PURE__ */ jsx35(
           Select_default,
           {
             ...commonProps,
@@ -5138,7 +5237,7 @@ var createField = (config) => {
           }
         );
       }
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35(
         TextField_default,
         {
           ...commonProps,
@@ -5150,7 +5249,7 @@ var createField = (config) => {
       );
     }
     default:
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx35(
         TextField_default,
         {
           ...commonProps,
@@ -5164,7 +5263,7 @@ var createField = (config) => {
 var FieldFactory = (props) => createField(props);
 
 // src/components/presentation/auth/SignIn/v1/options/EmailOtp.tsx
-import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx36, jsxs as jsxs11 } from "react/jsx-runtime";
 var EmailOtp = ({
   authenticator,
   formValues,
@@ -5179,17 +5278,17 @@ var EmailOtp = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const { setTitle, setSubtitle } = useFlow_default();
   const formFields = authenticator.metadata?.params?.sort((a, b) => a.order - b.order) || [];
-  useEffect8(() => {
+  useEffect9(() => {
     setTitle(t("email.otp.heading"));
     setSubtitle(t("email.otp.subheading"));
   }, [setTitle, setSubtitle, t]);
   const hasOtpField = formFields.some(
     (param) => param.param.toLowerCase().includes("otp") || param.param.toLowerCase().includes("code")
   );
-  return /* @__PURE__ */ jsxs11(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment8, { children: [
     formFields.map((param) => {
       const isOtpParam = param.param.toLowerCase().includes("otp") || param.param.toLowerCase().includes("code");
-      return /* @__PURE__ */ jsx34("div", { children: isOtpParam && hasOtpField ? /* @__PURE__ */ jsx34(
+      return /* @__PURE__ */ jsx36("div", { children: isOtpParam && hasOtpField ? /* @__PURE__ */ jsx36(
         OtpField_default,
         {
           length: 6,
@@ -5210,7 +5309,7 @@ var EmailOtp = ({
         value: formValues[param.param] || ""
       }) }, param.param);
     }),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx36(
       Button_default,
       {
         fullWidth: true,
@@ -5230,8 +5329,8 @@ 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 useEffect9 } from "react";
-import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect as useEffect10 } from "react";
+import { Fragment as Fragment9, jsx as jsx37, jsxs as jsxs12 } from "react/jsx-runtime";
 var IdentifierFirst = ({
   authenticator,
   formValues,
@@ -5246,12 +5345,12 @@ var IdentifierFirst = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const { setTitle, setSubtitle } = useFlow_default();
   const formFields = authenticator.metadata?.params?.sort((a, b) => a.order - b.order) || [];
-  useEffect9(() => {
+  useEffect10(() => {
     setTitle(t("identifier.first.heading"));
     setSubtitle(t("identifier.first.subheading"));
   }, [setTitle, setSubtitle, t]);
-  return /* @__PURE__ */ jsxs12(Fragment8, { children: [
-    formFields.map((param) => /* @__PURE__ */ jsx35("div", { children: createField({
+  return /* @__PURE__ */ jsxs12(Fragment9, { children: [
+    formFields.map((param) => /* @__PURE__ */ jsx37("div", { children: createField({
       className: inputClassName,
       disabled: isLoading,
       label: param.displayName,
@@ -5265,7 +5364,7 @@ var IdentifierFirst = ({
       type: param.type === EmbeddedSignInFlowAuthenticatorParamType2.String && param.confidential ? FieldType3.Password : FieldType3.Text,
       value: formValues[param.param] || ""
     }) }, param.param)),
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx37(
       Button_default,
       {
         fullWidth: true,
@@ -5285,7 +5384,7 @@ var IdentifierFirst_default = IdentifierFirst;
 
 // src/components/presentation/auth/SignIn/v1/options/MultiOptionButton.tsx
 import { ApplicationNativeAuthenticationConstants, EmbeddedSignInFlowAuthenticatorKnownIdPType } from "@asgardeo/browser";
-import { jsx as jsx36, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs13 } from "react/jsx-runtime";
 var MultiOptionButton = ({
   authenticator,
   isLoading,
@@ -5308,7 +5407,7 @@ var MultiOptionButton = ({
     const { authenticatorId } = authenticator;
     switch (authenticatorId) {
       case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SmsOtp:
-        return /* @__PURE__ */ jsx36("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx36(
+        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",
@@ -5316,7 +5415,7 @@ var MultiOptionButton = ({
           }
         ) });
       case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.EmailOtp:
-        return /* @__PURE__ */ jsx36("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx36(
+        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",
@@ -5324,9 +5423,9 @@ var MultiOptionButton = ({
           }
         ) });
       case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Totp:
-        return /* @__PURE__ */ jsx36("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx36("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__ */ 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" }) });
       case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.PushNotification:
-        return /* @__PURE__ */ jsx36("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx36(
+        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",
@@ -5335,15 +5434,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__ */ jsx36("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
-          /* @__PURE__ */ jsx36("g", { id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+          /* @__PURE__ */ jsx38("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
+          /* @__PURE__ */ jsx38("g", { id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }),
           /* @__PURE__ */ jsxs13("g", { id: "SVGRepo_iconCarrier", children: [
-            /* @__PURE__ */ jsx36("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__ */ 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" }),
             " "
           ] })
         ] });
       case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.MagicLink:
-        return /* @__PURE__ */ jsx36("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx36(
+        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",
@@ -5351,7 +5450,7 @@ var MultiOptionButton = ({
           }
         ) });
       default:
-        return /* @__PURE__ */ jsx36("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx36(
+        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",
@@ -5363,7 +5462,7 @@ var MultiOptionButton = ({
   const handleClick = () => {
     onSubmit(authenticator);
   };
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     Button_default,
     {
       fullWidth: true,
@@ -5382,8 +5481,8 @@ 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 useEffect10 } from "react";
-import { Fragment as Fragment9, jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useEffect as useEffect11 } from "react";
+import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs14 } from "react/jsx-runtime";
 var SmsOtp = ({
   authenticator,
   formValues,
@@ -5398,17 +5497,17 @@ var SmsOtp = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const { setTitle, setSubtitle } = useFlow_default();
   const formFields = authenticator.metadata?.params?.sort((a, b) => a.order - b.order) || [];
-  useEffect10(() => {
+  useEffect11(() => {
     setTitle(t("sms.otp.heading"));
     setSubtitle(t("sms.otp.subheading"));
   }, [setTitle, setSubtitle, t]);
   const hasOtpField = formFields.some(
     (param) => param.param.toLowerCase().includes("otp") || param.param.toLowerCase().includes("code")
   );
-  return /* @__PURE__ */ jsxs14(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs14(Fragment10, { children: [
     formFields.map((param) => {
       const isOtpParam = param.param.toLowerCase().includes("otp") || param.param.toLowerCase().includes("code");
-      return /* @__PURE__ */ jsx37("div", { children: isOtpParam && hasOtpField ? /* @__PURE__ */ jsx37(
+      return /* @__PURE__ */ jsx39("div", { children: isOtpParam && hasOtpField ? /* @__PURE__ */ jsx39(
         OtpField_default,
         {
           length: 6,
@@ -5429,7 +5528,7 @@ var SmsOtp = ({
         value: formValues[param.param] || ""
       }) }, param.param);
     }),
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx39(
       Button_default,
       {
         fullWidth: true,
@@ -5448,7 +5547,7 @@ var SmsOtp = ({
 var SmsOtp_default = SmsOtp;
 
 // src/components/presentation/auth/SignIn/v1/options/SocialButton.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var SocialLogin = ({
   isLoading,
   preferences,
@@ -5456,7 +5555,7 @@ var SocialLogin = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(
     Button_default,
     {
       ...rest,
@@ -5465,7 +5564,7 @@ var SocialLogin = ({
       color: "secondary",
       variant: "outline",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx38("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx38(
+      startIcon: /* @__PURE__ */ jsx40("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx40(
         "path",
         {
           fill: "currentColor",
@@ -5480,8 +5579,8 @@ 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 useEffect11 } from "react";
-import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useEffect as useEffect12 } from "react";
+import { Fragment as Fragment11, jsx as jsx41, jsxs as jsxs15 } from "react/jsx-runtime";
 var Totp = ({
   authenticator,
   formValues,
@@ -5496,17 +5595,17 @@ var Totp = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const { setTitle, setSubtitle } = useFlow_default();
   const formFields = authenticator.metadata?.params?.sort((a, b) => a.order - b.order) || [];
-  useEffect11(() => {
+  useEffect12(() => {
     setTitle(t("totp.heading"));
     setSubtitle(t("totp.subheading"));
   }, [setTitle, setSubtitle, t]);
   const hasTotpField = formFields.some(
     (param) => param.param.toLowerCase().includes("totp") || param.param.toLowerCase().includes("token")
   );
-  return /* @__PURE__ */ jsxs15(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs15(Fragment11, { children: [
     formFields.map((param) => {
       const isTotpParam = param.param.toLowerCase().includes("totp") || param.param.toLowerCase().includes("token");
-      return /* @__PURE__ */ jsx39("div", { children: isTotpParam && hasTotpField ? /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx41("div", { children: isTotpParam && hasTotpField ? /* @__PURE__ */ jsx41(
         OtpField_default,
         {
           length: 6,
@@ -5527,7 +5626,7 @@ var Totp = ({
         value: formValues[param.param] || ""
       }) }, param.param);
     }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx41(
       Button_default,
       {
         fullWidth: true,
@@ -5547,8 +5646,8 @@ 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 useEffect12 } from "react";
-import { Fragment as Fragment11, jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useEffect as useEffect13 } from "react";
+import { Fragment as Fragment12, jsx as jsx42, jsxs as jsxs16 } from "react/jsx-runtime";
 var UsernamePassword = ({
   authenticator,
   formValues,
@@ -5563,12 +5662,12 @@ var UsernamePassword = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const { setTitle, setSubtitle } = useFlow_default();
   const formFields = authenticator.metadata?.params?.sort((a, b) => a.order - b.order)?.filter((param) => param.param !== "totp") || [];
-  useEffect12(() => {
+  useEffect13(() => {
     setTitle(t("username.password.heading"));
     setSubtitle(t("username.password.subheading"));
   }, [setTitle, setSubtitle, t]);
-  return /* @__PURE__ */ jsxs16(Fragment11, { children: [
-    formFields.map((param) => /* @__PURE__ */ jsx40("div", { children: createField({
+  return /* @__PURE__ */ jsxs16(Fragment12, { children: [
+    formFields.map((param) => /* @__PURE__ */ jsx42("div", { children: createField({
       className: inputClassName,
       disabled: isLoading,
       label: param.displayName,
@@ -5582,7 +5681,7 @@ var UsernamePassword = ({
       type: param.type === EmbeddedSignInFlowAuthenticatorParamType5.String && param.confidential ? FieldType6.Password : FieldType6.Text,
       value: formValues[param.param] || ""
     }) }, param.param)),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx42(
       Button_default,
       {
         fullWidth: true,
@@ -5602,7 +5701,7 @@ var UsernamePassword = ({
 var UsernamePassword_default = UsernamePassword;
 
 // src/components/adapters/FacebookButton.tsx
-import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs17 } from "react/jsx-runtime";
 var FacebookButton = ({
   isLoading,
   preferences,
@@ -5610,7 +5709,7 @@ var FacebookButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     Button_default,
     {
       ...rest,
@@ -5620,14 +5719,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__ */ jsx41(
+        /* @__PURE__ */ jsx43(
           "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__ */ jsx41(
+        /* @__PURE__ */ jsx43(
           "path",
           {
             fill: "#FAFAFA",
@@ -5642,7 +5741,7 @@ var FacebookButton = ({
 var FacebookButton_default = FacebookButton;
 
 // src/components/adapters/GitHubButton.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var GitHubButton = ({
   isLoading,
   preferences,
@@ -5650,7 +5749,7 @@ var GitHubButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     Button_default,
     {
       ...rest,
@@ -5659,7 +5758,7 @@ var GitHubButton = ({
       color: "secondary",
       variant: "solid",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx42("svg", { width: "18", height: "18", viewBox: "0 0 67.91 66.233", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx42("g", { transform: "translate(-386.96 658.072)", children: /* @__PURE__ */ jsx42(
+      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(
         "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",
@@ -5673,7 +5772,7 @@ var GitHubButton = ({
 var GitHubButton_default = GitHubButton;
 
 // src/components/adapters/GoogleButton.tsx
-import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs18 } from "react/jsx-runtime";
 var GoogleButton = ({
   isLoading,
   preferences,
@@ -5681,7 +5780,7 @@ var GoogleButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(
     Button_default,
     {
       ...rest,
@@ -5690,8 +5789,8 @@ var GoogleButton = ({
       color: "secondary",
       variant: "solid",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx43("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__ */ jsx43(
+      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(
           "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",
@@ -5699,7 +5798,7 @@ var GoogleButton = ({
             fill: "#fbbb00"
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx45(
           "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",
@@ -5707,7 +5806,7 @@ var GoogleButton = ({
             fill: "#518ef8"
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx45(
           "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",
@@ -5715,7 +5814,7 @@ var GoogleButton = ({
             fill: "#28b446"
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx45(
           "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",
@@ -5731,7 +5830,7 @@ var GoogleButton = ({
 var GoogleButton_default = GoogleButton;
 
 // src/components/adapters/LinkedInButton.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var LinkedInButton = ({
   isLoading,
   preferences,
@@ -5739,7 +5838,7 @@ var LinkedInButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     Button_default,
     {
       ...rest,
@@ -5748,7 +5847,7 @@ var LinkedInButton = ({
       color: "secondary",
       variant: "solid",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx44("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx44(
+      startIcon: /* @__PURE__ */ jsx46("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx46(
         "path",
         {
           fill: "#0077B5",
@@ -5762,7 +5861,7 @@ var LinkedInButton = ({
 var LinkedInButton_default = LinkedInButton;
 
 // src/components/adapters/MicrosoftButton.tsx
-import { jsx as jsx45, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs19 } from "react/jsx-runtime";
 var MicrosoftButton = ({
   isLoading,
   preferences,
@@ -5770,7 +5869,7 @@ var MicrosoftButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     Button_default,
     {
       ...rest,
@@ -5780,11 +5879,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__ */ jsx45("path", { fill: "#f3f3f3", d: "M0 0h23v23H0z" }),
-        /* @__PURE__ */ jsx45("path", { fill: "#f35325", d: "M1 1h10v10H1z" }),
-        /* @__PURE__ */ jsx45("path", { fill: "#81bc06", d: "M12 1h10v10H12z" }),
-        /* @__PURE__ */ jsx45("path", { fill: "#05a6f0", d: "M1 12h10v10H1z" }),
-        /* @__PURE__ */ jsx45("path", { fill: "#ffba08", d: "M12 12h10v10H12z" })
+        /* @__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" })
       ] }),
       children: children ?? t("elements.buttons.microsoft.text")
     }
@@ -5793,7 +5892,7 @@ var MicrosoftButton = ({
 var MicrosoftButton_default = MicrosoftButton;
 
 // src/components/adapters/SignInWithEthereumButton.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var SignInWithEthereumButton = ({
   isLoading,
   preferences,
@@ -5801,7 +5900,7 @@ var SignInWithEthereumButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     Button_default,
     {
       ...rest,
@@ -5810,7 +5909,7 @@ var SignInWithEthereumButton = ({
       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__ */ jsx48("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx48(
         "path",
         {
           fill: "#627EEA",
@@ -5824,7 +5923,7 @@ var SignInWithEthereumButton = ({
 var SignInWithEthereumButton_default = SignInWithEthereumButton;
 
 // src/components/presentation/auth/SignIn/v1/options/SignInOptionFactory.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 var createSignInOption = ({
   authenticator,
   onSubmit,
@@ -5835,11 +5934,11 @@ var createSignInOption = ({
   const hasParams = authenticator.metadata?.params && authenticator.metadata.params.length > 0;
   switch (authenticator.authenticatorId) {
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.UsernamePassword:
-      return /* @__PURE__ */ jsx47(UsernamePassword_default, { authenticator, preferences, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx49(UsernamePassword_default, { authenticator, preferences, onSubmit, ...rest });
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.IdentifierFirst:
-      return /* @__PURE__ */ jsx47(IdentifierFirst_default, { authenticator, preferences, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx49(IdentifierFirst_default, { authenticator, preferences, onSubmit, ...rest });
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.Google:
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx49(
         GoogleButton_default,
         {
           className: buttonClassName,
@@ -5849,7 +5948,7 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.GitHub:
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx49(
         GitHubButton_default,
         {
           preferences,
@@ -5859,7 +5958,7 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.Microsoft:
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx49(
         MicrosoftButton_default,
         {
           preferences,
@@ -5869,7 +5968,7 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.Facebook:
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx49(
         FacebookButton_default,
         {
           preferences,
@@ -5879,7 +5978,7 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.LinkedIn:
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx49(
         LinkedInButton_default,
         {
           preferences,
@@ -5889,7 +5988,7 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.SignInWithEthereum:
-      return /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx49(
         SignInWithEthereumButton_default,
         {
           preferences,
@@ -5899,14 +5998,14 @@ var createSignInOption = ({
         }
       );
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.EmailOtp:
-      return hasParams ? /* @__PURE__ */ jsx47(EmailOtp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx47(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
+      return hasParams ? /* @__PURE__ */ jsx49(EmailOtp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx49(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.Totp:
-      return hasParams ? /* @__PURE__ */ jsx47(Totp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx47(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
+      return hasParams ? /* @__PURE__ */ jsx49(Totp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx49(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
     case ApplicationNativeAuthenticationConstants2.SupportedAuthenticators.SmsOtp:
-      return hasParams ? /* @__PURE__ */ jsx47(SmsOtp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx47(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
+      return hasParams ? /* @__PURE__ */ jsx49(SmsOtp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ jsx49(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
     default:
       if (authenticator.idp !== EmbeddedSignInFlowAuthenticatorKnownIdPType2.Local) {
-        return /* @__PURE__ */ jsx47(
+        return /* @__PURE__ */ jsx49(
           SocialButton_default,
           {
             authenticator,
@@ -5919,9 +6018,9 @@ var createSignInOption = ({
         );
       }
       if (hasParams) {
-        return /* @__PURE__ */ jsx47(UsernamePassword_default, { authenticator, preferences, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx49(UsernamePassword_default, { authenticator, preferences, onSubmit, ...rest });
       }
-      return /* @__PURE__ */ jsx47(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx49(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
   }
 };
 var createSignInOptionFromAuthenticator = (authenticator, formValues, touchedFields, isLoading, onInputChange, onSubmit, options) => createSignInOption({
@@ -6016,7 +6115,7 @@ var useStyles12 = (theme, colorScheme, variant) => useMemo20(() => {
 var Alert_styles_default = useStyles12;
 
 // src/components/primitives/Icons/CircleAlert.tsx
-import { jsx as jsx48, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs20 } from "react/jsx-runtime";
 var CircleAlert = (props) => /* @__PURE__ */ jsxs20(
   "svg",
   {
@@ -6031,16 +6130,16 @@ var CircleAlert = (props) => /* @__PURE__ */ jsxs20(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx48("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx48("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
-      /* @__PURE__ */ jsx48("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+      /* @__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" })
     ]
   }
 );
 var CircleAlert_default = CircleAlert;
 
 // src/components/primitives/Icons/CircleCheck.tsx
-import { jsx as jsx49, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs21 } from "react/jsx-runtime";
 var CircleCheck = (props) => /* @__PURE__ */ jsxs21(
   "svg",
   {
@@ -6055,15 +6154,15 @@ var CircleCheck = (props) => /* @__PURE__ */ jsxs21(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx49("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx49("path", { d: "m9 12 2 2 4-4" })
+      /* @__PURE__ */ jsx51("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx51("path", { d: "m9 12 2 2 4-4" })
     ]
   }
 );
 var CircleCheck_default = CircleCheck;
 
 // src/components/primitives/Icons/Info.tsx
-import { jsx as jsx50, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs22 } from "react/jsx-runtime";
 var Info = (props) => /* @__PURE__ */ jsxs22(
   "svg",
   {
@@ -6078,16 +6177,16 @@ var Info = (props) => /* @__PURE__ */ jsxs22(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx50("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx50("path", { d: "M12 16v-4" }),
-      /* @__PURE__ */ jsx50("path", { d: "M12 8h.01" })
+      /* @__PURE__ */ jsx52("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ jsx52("path", { d: "M12 16v-4" }),
+      /* @__PURE__ */ jsx52("path", { d: "M12 8h.01" })
     ]
   }
 );
 var Info_default = Info;
 
 // src/components/primitives/Icons/TriangleAlert.tsx
-import { jsx as jsx51, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs23 } from "react/jsx-runtime";
 var TriangleAlert = (props) => /* @__PURE__ */ jsxs23(
   "svg",
   {
@@ -6102,16 +6201,16 @@ var TriangleAlert = (props) => /* @__PURE__ */ jsxs23(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx51("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__ */ jsx51("path", { d: "M12 9v4" }),
-      /* @__PURE__ */ jsx51("path", { d: "M12 17h.01" })
+      /* @__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" })
     ]
   }
 );
 var TriangleAlert_default = TriangleAlert;
 
 // src/components/primitives/Alert/Alert.tsx
-import { jsx as jsx52, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs24 } from "react/jsx-runtime";
 var getDefaultIcon = (variant) => {
   switch (variant) {
     case "success":
@@ -6132,7 +6231,7 @@ var Alert = forwardRef8(({ variant = "info", showIcon = true, children, classNam
   const { theme, colorScheme } = useTheme_default();
   const styles = Alert_styles_default(theme, colorScheme, variant);
   const IconComponent = getDefaultIcon(variant);
-  return /* @__PURE__ */ jsx52(AlertVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsx54(AlertVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsxs24(
     "div",
     {
       ref,
@@ -6147,8 +6246,8 @@ var Alert = forwardRef8(({ variant = "info", showIcon = true, children, classNam
       ),
       ...rest,
       children: [
-        showIcon && /* @__PURE__ */ jsx52("div", { className: cx15(withVendorCSSClassPrefix15(bem12("alert", "icon")), styles["icon"]), children: /* @__PURE__ */ jsx52(IconComponent, {}) }),
-        /* @__PURE__ */ jsx52("div", { className: cx15(withVendorCSSClassPrefix15(bem12("alert", "content")), styles["content"]), 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 })
       ]
     }
   ) });
@@ -6158,7 +6257,7 @@ var AlertTitle = ({ children, className, style, ...rest }) => {
   const variant = useAlertVariant();
   const styles = Alert_styles_default(theme, colorScheme, variant);
   const { color, ...filteredRest } = rest;
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx54(
     Typography_default,
     {
       component: "h3",
@@ -6176,7 +6275,7 @@ var AlertDescription = ({ children, className, style, ...rest }) => {
   const variant = useAlertVariant();
   const styles = Alert_styles_default(theme, colorScheme, variant);
   const { color, ...filteredRest } = rest;
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx54(
     Typography_default,
     {
       component: "p",
@@ -6283,12 +6382,12 @@ var useStyles13 = (theme, colorScheme, variant, clickable) => useMemo21(() => {
 var Card_styles_default = useStyles13;
 
 // src/components/primitives/Card/Card.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx55 } 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__ */ jsx53(
+    return /* @__PURE__ */ jsx55(
       "div",
       {
         ref,
@@ -6313,7 +6412,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__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       ref,
@@ -6364,7 +6463,7 @@ var CardTitle = ({ children, level = 3, className, style, ...rest }) => {
     }
   };
   const { color, ...filteredRest } = rest;
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     Typography_default,
     {
       component: getComponentFromLevel(level),
@@ -6381,7 +6480,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__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     Typography_default,
     {
       component: "p",
@@ -6397,7 +6496,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__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       ref,
@@ -6411,7 +6510,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__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       ref,
@@ -6425,7 +6524,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__ */ jsx53(
+  return /* @__PURE__ */ jsx55(
     "div",
     {
       ref,
@@ -6511,7 +6610,7 @@ var useStyles14 = (theme, colorScheme, orientation, variant, color, hasChildren)
 var Divider_styles_default = useStyles14;
 
 // src/components/primitives/Divider/Divider.tsx
-import { jsx as jsx54, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs25 } from "react/jsx-runtime";
 var Divider = ({
   orientation = "horizontal",
   variant = "solid",
@@ -6524,7 +6623,7 @@ var Divider = ({
   const { theme, colorScheme } = useTheme_default();
   const styles = Divider_styles_default(theme, colorScheme, orientation, variant, color, !!children);
   if (orientation === "vertical") {
-    return /* @__PURE__ */ jsx54(
+    return /* @__PURE__ */ jsx56(
       "div",
       {
         className: cx17(
@@ -6558,8 +6657,8 @@ var Divider = ({
         "aria-orientation": "horizontal",
         ...rest,
         children: [
-          /* @__PURE__ */ jsx54("div", { className: cx17(withVendorCSSClassPrefix17(bem14("divider", "line")), styles["line"]) }),
-          /* @__PURE__ */ jsx54(
+          /* @__PURE__ */ jsx56("div", { className: cx17(withVendorCSSClassPrefix17(bem14("divider", "line")), styles["line"]) }),
+          /* @__PURE__ */ jsx56(
             Typography_default,
             {
               variant: "body2",
@@ -6569,12 +6668,12 @@ var Divider = ({
               children
             }
           ),
-          /* @__PURE__ */ jsx54("div", { className: cx17(withVendorCSSClassPrefix17(bem14("divider", "line")), styles["line"]) })
+          /* @__PURE__ */ jsx56("div", { className: cx17(withVendorCSSClassPrefix17(bem14("divider", "line")), styles["line"]) })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       className: cx17(
@@ -6634,7 +6733,7 @@ var useStyles15 = (theme, colorScheme, size) => useMemo23(() => {
 var Logo_styles_default = useStyles15;
 
 // src/components/primitives/Logo/Logo.tsx
-import { jsx as jsx55 } from "react/jsx-runtime";
+import { jsx as jsx57 } 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);
@@ -6645,7 +6744,7 @@ var Logo = ({ className, src, alt, title, size = "medium" }) => {
   if (!logoSrc) {
     return null;
   }
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57(
     "img",
     {
       src: logoSrc,
@@ -6806,7 +6905,7 @@ var useStyles16 = (theme, colorScheme) => useMemo24(() => {
 var BaseSignIn_styles_default = useStyles16;
 
 // src/components/presentation/auth/SignIn/v1/BaseSignIn.tsx
-import { jsx as jsx56, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs26 } from "react/jsx-runtime";
 var logger4 = createPackageComponentLogger4(
   "@asgardeo/react",
   "BaseSignIn"
@@ -6842,7 +6941,7 @@ var BaseSignInContent = ({
   const [error, setError] = useState15(null);
   const [messages, setMessages] = useState15([]);
   const isLoading = externalIsLoading || isSignInInitializationRequestLoading;
-  const reRenderCheckRef = useRef4(false);
+  const reRenderCheckRef = useRef5(false);
   const formFields = currentAuthenticator?.metadata?.params?.map((param) => ({
     initialValue: "",
     name: param.param,
@@ -7308,7 +7407,7 @@ var BaseSignInContent = ({
   );
   const errorClasses = cx19([withVendorCSSClassPrefix19("signin__error")], errorClassName);
   const messageClasses = cx19([withVendorCSSClassPrefix19("signin__messages")], messageClassName);
-  useEffect13(() => {
+  useEffect14(() => {
     if (isLoading) {
       return;
     }
@@ -7356,9 +7455,9 @@ var BaseSignInContent = ({
     })();
   }, [isLoading]);
   if (!isInitialized && isLoading) {
-    return /* @__PURE__ */ jsx56(Card_default, { className: cx19(containerClasses, styles["card"]), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx56(Card_default.Content, { children: /* @__PURE__ */ jsxs26("div", { className: styles["loadingContainer"], children: [
-      /* @__PURE__ */ jsx56(Spinner_default, { size: "medium" }),
-      /* @__PURE__ */ jsx56(Typography_default, { variant: "body1", className: styles["loadingText"], children: t("messages.loading.placeholder") })
+    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") })
     ] }) }) });
   }
   if (hasMultipleOptions() && !currentAuthenticator) {
@@ -7370,20 +7469,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__ */ jsx56(Card_default.Title, { level: 2, className: styles["title"], children: flowTitle || t("signin.heading") }),
-        showSubtitle && /* @__PURE__ */ jsx56(Typography_default, { variant: "body1", className: styles["subtitle"], children: flowSubtitle || t("signin.subheading") })
+        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") })
       ] }),
       /* @__PURE__ */ jsxs26(Card_default.Content, { children: [
-        flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx56("div", { className: styles["flowMessagesContainer"], children: flowMessages.map((flowMessage, index) => /* @__PURE__ */ jsx56(
+        flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx58("div", { className: styles["flowMessagesContainer"], children: flowMessages.map((flowMessage, index) => /* @__PURE__ */ jsx58(
           Alert_default,
           {
             variant: flowMessage.type,
             className: cx19(styles["flowMessageItem"], messageClasses),
-            children: /* @__PURE__ */ jsx56(Alert_default.Description, { children: flowMessage.message })
+            children: /* @__PURE__ */ jsx58(Alert_default.Description, { children: flowMessage.message })
           },
           flowMessage.id || index
         )) }),
-        messages.length > 0 && /* @__PURE__ */ jsx56("div", { className: styles["messagesContainer"], children: messages.map((message, index) => {
+        messages.length > 0 && /* @__PURE__ */ jsx58("div", { className: styles["messagesContainer"], children: messages.map((message, index) => {
           let messageVariant;
           const lowerType = message.type.toLowerCase();
           if (lowerType === "error") {
@@ -7395,24 +7494,24 @@ var BaseSignInContent = ({
           } else {
             messageVariant = "info";
           }
-          return /* @__PURE__ */ jsx56(
+          return /* @__PURE__ */ jsx58(
             Alert_default,
             {
               variant: messageVariant,
               className: cx19(styles["messageItem"], messageClasses),
-              children: /* @__PURE__ */ jsx56(Alert_default.Description, { children: message.message })
+              children: /* @__PURE__ */ jsx58(Alert_default.Description, { children: message.message })
             },
             index
           );
         }) }),
         error && /* @__PURE__ */ jsxs26(Alert_default, { variant: "error", className: cx19(styles["errorContainer"], errorClasses), children: [
-          /* @__PURE__ */ jsx56(Alert_default.Title, { children: "Error" }),
-          /* @__PURE__ */ jsx56(Alert_default.Description, { children: error })
+          /* @__PURE__ */ jsx58(Alert_default.Title, { children: "Error" }),
+          /* @__PURE__ */ jsx58(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__ */ jsx56(Divider_default, { className: styles["divider"], children: "OR" }),
-            /* @__PURE__ */ jsx56(
+            index > 0 && /* @__PURE__ */ jsx58(Divider_default, { className: styles["divider"], children: "OR" }),
+            /* @__PURE__ */ jsx58(
               "form",
               {
                 className: styles["form"],
@@ -7440,8 +7539,8 @@ var BaseSignInContent = ({
               }
             )
           ] }, authenticator.authenticatorId)),
-          userPromptAuthenticators.length > 0 && optionAuthenticators.length > 0 && /* @__PURE__ */ jsx56(Divider_default, { className: styles["divider"], children: "OR" }),
-          optionAuthenticators.map((authenticator) => /* @__PURE__ */ jsx56("div", { className: styles["authenticatorItem"], children: createSignInOptionFromAuthenticator(
+          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(
             authenticator,
             formValues,
             touchedFields,
@@ -7459,55 +7558,55 @@ var BaseSignInContent = ({
     ] });
   }
   if (!currentAuthenticator) {
-    return /* @__PURE__ */ jsx56(
+    return /* @__PURE__ */ jsx58(
       Card_default,
       {
         className: cx19(containerClasses, styles["noAuthenticatorCard"]),
         "data-testid": "asgardeo-signin",
         variant,
-        children: /* @__PURE__ */ jsx56(Card_default.Content, { children: error && /* @__PURE__ */ jsxs26(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
-          /* @__PURE__ */ jsx56(Alert_default.Title, { children: t("errors.heading") || "Error" }),
-          /* @__PURE__ */ jsx56(Alert_default.Description, { children: error })
+        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 })
         ] }) })
       }
     );
   }
   if (isPasskeyAuthenticator(currentAuthenticator) && !isLoading) {
-    useEffect13(() => {
+    useEffect14(() => {
       handleAuthenticatorSelection(currentAuthenticator);
     }, [currentAuthenticator]);
-    return /* @__PURE__ */ jsx56(Card_default, { className: cx19(containerClasses, styles["card"]), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx56(Card_default.Content, { children: /* @__PURE__ */ jsxs26("div", { className: styles["centeredContainer"], children: [
-      /* @__PURE__ */ jsx56("div", { className: styles["passkeyContainer"], children: /* @__PURE__ */ jsx56(Spinner_default, { size: "large" }) }),
-      /* @__PURE__ */ jsx56(Typography_default, { variant: "body1", children: t("passkey.authenticating") || "Authenticating with passkey..." }),
-      /* @__PURE__ */ jsx56(Typography_default, { variant: "body2", className: styles["passkeyText"], children: t("passkey.instruction") || "Please use your fingerprint, face, or security key to authenticate." })
+    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__ */ jsxs26(Card_default, { className: cx19(containerClasses, styles["card"]), "data-testid": "asgardeo-signin", variant, children: [
     /* @__PURE__ */ jsxs26(Card_default.Header, { className: styles["header"], children: [
-      /* @__PURE__ */ jsx56(Card_default.Title, { level: 2, className: styles["title"], children: flowTitle || t("signin.heading") }),
-      /* @__PURE__ */ jsx56(Typography_default, { variant: "body1", className: styles["subtitle"], children: flowSubtitle || t("signin.subheading") }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx56("div", { className: styles["flowMessagesContainer"], children: flowMessages.map((flowMessage, index) => /* @__PURE__ */ jsx56(
+      /* @__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(
         Alert_default,
         {
           variant: flowMessage.type,
           className: cx19(styles["flowMessageItem"], messageClasses),
-          children: /* @__PURE__ */ jsx56(Alert_default.Description, { children: flowMessage.message })
+          children: /* @__PURE__ */ jsx58(Alert_default.Description, { children: flowMessage.message })
         },
         flowMessage.id || index
       )) }),
-      messages.length > 0 && /* @__PURE__ */ jsx56("div", { className: styles["messagesContainer"], children: messages.map((message, index) => {
+      messages.length > 0 && /* @__PURE__ */ jsx58("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__ */ jsx56(
+        return /* @__PURE__ */ jsx58(
           Alert_default,
           {
             variant: alertVariant,
             className: cx19(styles["messageItem"], messageClasses),
-            children: /* @__PURE__ */ jsx56(Alert_default.Description, { children: message.message })
+            children: /* @__PURE__ */ jsx58(Alert_default.Description, { children: message.message })
           },
           index
         );
@@ -7515,10 +7614,10 @@ var BaseSignInContent = ({
     ] }),
     /* @__PURE__ */ jsxs26(Card_default.Content, { children: [
       error && /* @__PURE__ */ jsxs26(Alert_default, { variant: "error", className: cx19(styles["errorContainer"], errorClasses), children: [
-        /* @__PURE__ */ jsx56(Alert_default.Title, { children: t("errors.heading") }),
-        /* @__PURE__ */ jsx56(Alert_default.Description, { children: error })
+        /* @__PURE__ */ jsx58(Alert_default.Title, { children: t("errors.heading") }),
+        /* @__PURE__ */ jsx58(Alert_default.Description, { children: error })
       ] }),
-      /* @__PURE__ */ jsx56(
+      /* @__PURE__ */ jsx58(
         "form",
         {
           className: styles["form"],
@@ -7552,8 +7651,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__ */ jsx56("div", { className: styles["logoContainer"], children: /* @__PURE__ */ jsx56(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ jsx56(FlowProvider_default, { children: /* @__PURE__ */ jsx56(BaseSignInContent, { showLogo, ...rest }) })
+    showLogo && /* @__PURE__ */ jsx58("div", { className: styles["logoContainer"], children: /* @__PURE__ */ jsx58(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx58(FlowProvider_default, { children: /* @__PURE__ */ jsx58(BaseSignInContent, { showLogo, ...rest }) })
   ] });
 };
 var BaseSignIn_default = BaseSignIn;
@@ -7756,7 +7855,7 @@ import DOMPurify from "dompurify";
 import { cloneElement } from "react";
 
 // src/components/adapters/ImageComponent.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var ImageComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
@@ -7773,7 +7872,7 @@ var ImageComponent = ({ component }) => {
   if (!src) {
     return null;
   }
-  return /* @__PURE__ */ jsx57("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx59("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ jsx59(
     "img",
     {
       src,
@@ -7790,7 +7889,7 @@ var ImageComponent = ({ component }) => {
 var ImageComponent_default = ImageComponent;
 
 // src/components/adapters/SmsOtpButton.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var SmsOtpButton = ({
   isLoading,
   preferences,
@@ -7798,7 +7897,7 @@ var SmsOtpButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     Button_default,
     {
       ...rest,
@@ -7807,7 +7906,7 @@ var SmsOtpButton = ({
       color: "secondary",
       variant: "solid",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ jsx58("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx58(
+      startIcon: /* @__PURE__ */ jsx60("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx60(
         "path",
         {
           fill: "currentColor",
@@ -7821,7 +7920,7 @@ var SmsOtpButton = ({
 var SmsOtpButton_default = SmsOtpButton;
 
 // src/components/primitives/Icons/ArrowLeftRight.tsx
-import { jsx as jsx59, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs27 } from "react/jsx-runtime";
 var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ jsxs27(
   "svg",
   {
@@ -7835,10 +7934,10 @@ var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx59("path", { d: "M8 3 4 7l4 4" }),
-      /* @__PURE__ */ jsx59("path", { d: "M4 7h16" }),
-      /* @__PURE__ */ jsx59("path", { d: "m16 21 4-4-4-4" }),
-      /* @__PURE__ */ jsx59("path", { d: "M20 17H4" })
+      /* @__PURE__ */ jsx61("path", { d: "M8 3 4 7l4 4" }),
+      /* @__PURE__ */ jsx61("path", { d: "M4 7h16" }),
+      /* @__PURE__ */ jsx61("path", { d: "m16 21 4-4-4-4" }),
+      /* @__PURE__ */ jsx61("path", { d: "M20 17H4" })
     ]
   }
 );
@@ -7852,7 +7951,7 @@ var flowIconRegistry = {
 var flowIconRegistry_default = flowIconRegistry;
 
 // src/components/presentation/auth/AuthOptionFactory.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var logger5 = createPackageComponentLogger5(
   "@asgardeo/react",
   "AuthOptionFactory"
@@ -7951,27 +8050,27 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         }
       };
       if (matchesSocialProvider(actionId, eventType, buttonText, "google", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx60(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx62(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "github", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx60(GitHubButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx62(GitHubButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "facebook", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx60(FacebookButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx62(FacebookButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "microsoft", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx60(MicrosoftButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx62(MicrosoftButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "linkedin", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx60(LinkedInButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx62(LinkedInButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "ethereum", authType, componentVariant)) {
-        return /* @__PURE__ */ jsx60(SignInWithEthereumButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx62(SignInWithEthereumButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (actionId === "prompt_mobile" || eventType === "prompt_mobile") {
-        return /* @__PURE__ */ jsx60(SmsOtpButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ jsx62(SmsOtpButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
-      const startIconEl = component.startIcon ? /* @__PURE__ */ jsx60(
+      const startIconEl = component.startIcon ? /* @__PURE__ */ jsx62(
         "img",
         {
           src: component.startIcon,
@@ -7980,7 +8079,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
         }
       ) : null;
-      const endIconEl = component.endIcon ? /* @__PURE__ */ jsx60(
+      const endIconEl = component.endIcon ? /* @__PURE__ */ jsx62(
         "img",
         {
           src: component.endIcon,
@@ -7989,7 +8088,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
         }
       ) : null;
-      return /* @__PURE__ */ jsx60(
+      return /* @__PURE__ */ jsx62(
         Button_default,
         {
           fullWidth: true,
@@ -8008,10 +8107,10 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
     }
     case EmbeddedFlowComponentType.Text: {
       const variant = getTypographyVariant(component.variant);
-      return /* @__PURE__ */ jsx60(Typography_default, { variant, children: resolve(component.label) }, key);
+      return /* @__PURE__ */ jsx62(Typography_default, { variant, children: resolve(component.label) }, key);
     }
     case EmbeddedFlowComponentType.Divider: {
-      return /* @__PURE__ */ jsx60(Divider_default, { children: resolve(component.label) || "" }, key);
+      return /* @__PURE__ */ jsx62(Divider_default, { children: resolve(component.label) || "" }, key);
     }
     case EmbeddedFlowComponentType.Select: {
       const identifier = component.ref;
@@ -8022,7 +8121,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__ */ jsx60(
+      return /* @__PURE__ */ jsx62(
         Select_default,
         {
           name: identifier,
@@ -8057,12 +8156,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
             }
           )
         ).filter(Boolean);
-        return /* @__PURE__ */ jsx60("form", { id: component.id, children: blockComponents }, key);
+        return /* @__PURE__ */ jsx62("form", { id: component.id, children: blockComponents }, key);
       }
       return null;
     }
     case EmbeddedFlowComponentType.RichText: {
-      return /* @__PURE__ */ jsx60(
+      return /* @__PURE__ */ jsx62(
         "div",
         {
           className: richTextClass,
@@ -8072,7 +8171,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       );
     }
     case EmbeddedFlowComponentType.Image: {
-      return /* @__PURE__ */ jsx60(
+      return /* @__PURE__ */ jsx62(
         ImageComponent_default,
         {
           component: {
@@ -8102,7 +8201,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         logger5.warn(`Unknown icon name: "${iconName}". Skipping render.`);
         return null;
       }
-      return /* @__PURE__ */ jsx60(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
+      return /* @__PURE__ */ jsx62(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
     }
     case EmbeddedFlowComponentType.Stack: {
       const direction = component.direction || "row";
@@ -8133,7 +8232,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           }
         )
       ) : [];
-      return /* @__PURE__ */ jsx60("div", { style: stackStyle, children: stackChildren }, key);
+      return /* @__PURE__ */ jsx62("div", { style: stackStyle, children: stackChildren }, key);
     }
     default:
       logger5.warn(`Unsupported component type: ${component.type}. Skipping render.`);
@@ -8190,7 +8289,7 @@ var renderInviteUserComponents = (components, formValues, touchedFields, formErr
 ).filter(Boolean);
 
 // src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx
-import { jsx as jsx61, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs28 } from "react/jsx-runtime";
 var BaseSignInContent2 = ({
   components = [],
   onSubmit,
@@ -8398,13 +8497,13 @@ var BaseSignInContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ jsx61("div", { className: containerClasses, "data-testid": "asgardeo-signin", children: children(renderProps) });
+    return /* @__PURE__ */ jsx63("div", { className: containerClasses, "data-testid": "asgardeo-signin", children: children(renderProps) });
   }
   if (isLoading) {
-    return /* @__PURE__ */ jsx61(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx61(Card_default.Content, { children: /* @__PURE__ */ jsx61("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx61(Spinner_default, {}) }) }) });
+    return /* @__PURE__ */ jsx63(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx63(Card_default.Content, { children: /* @__PURE__ */ jsx63("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx63(Spinner_default, {}) }) }) });
   }
   if (!components || components.length === 0) {
-    return /* @__PURE__ */ jsx61(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx61(Card_default.Content, { children: /* @__PURE__ */ jsx61(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx61(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
+    return /* @__PURE__ */ jsx63(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ jsx63(Card_default.Content, { children: /* @__PURE__ */ jsx63(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx63(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
   }
   const {
     title: rawTitle,
@@ -8415,21 +8514,21 @@ var BaseSignInContent2 = ({
   const subtitle = resolveVars3(rawSubtitle, { meta, t });
   return /* @__PURE__ */ jsxs28(Card_default, { className: cx20(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: [
     (showTitle || showSubtitle) && /* @__PURE__ */ jsxs28(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ jsx61(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && /* @__PURE__ */ jsx61(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+      showTitle && /* @__PURE__ */ jsx63(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && /* @__PURE__ */ jsx63(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
     /* @__PURE__ */ jsxs28(Card_default.Content, { children: [
-      externalError && /* @__PURE__ */ jsx61("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx61(Alert_default, { variant: "error", className: cx20(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx61(Alert_default.Description, { children: externalError.message }) }) }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx61("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx61(
+      externalError && /* @__PURE__ */ jsx63("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx63(Alert_default, { variant: "error", className: cx20(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx63(Alert_default.Description, { children: externalError.message }) }) }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx63("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx63(
         Alert_default,
         {
           variant: message.type === "error" ? "error" : "info",
           className: cx20(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ jsx61(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ jsx63(Alert_default.Description, { children: message.message })
         },
         index
       )) }),
-      /* @__PURE__ */ jsx61("div", { className: styles.contentContainer, children: componentsWithoutHeadings && renderComponents(componentsWithoutHeadings) })
+      /* @__PURE__ */ jsx63("div", { className: styles.contentContainer, children: componentsWithoutHeadings && renderComponents(componentsWithoutHeadings) })
     ] })
   ] });
 };
@@ -8437,22 +8536,22 @@ var BaseSignIn2 = ({ preferences, showLogo = true, ...rest }) => {
   const { theme } = useTheme_default();
   const styles = BaseSignIn_styles_default(theme, theme.vars.colors.text.primary);
   const content = /* @__PURE__ */ jsxs28("div", { children: [
-    showLogo && /* @__PURE__ */ jsx61("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx61(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ jsx61(FlowProvider_default, { children: /* @__PURE__ */ jsx61(BaseSignInContent2, { showLogo, ...rest }) })
+    showLogo && /* @__PURE__ */ jsx63("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx63(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx63(FlowProvider_default, { children: /* @__PURE__ */ jsx63(BaseSignInContent2, { showLogo, ...rest }) })
   ] });
   if (!preferences) return content;
-  return /* @__PURE__ */ jsx61(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ jsx63(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
 };
 var BaseSignIn_default2 = BaseSignIn2;
 
 // src/components/presentation/auth/SignIn/BaseSignIn.tsx
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { jsx as jsx64 } from "react/jsx-runtime";
 var BaseSignIn3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform4.AsgardeoV2) {
-    return /* @__PURE__ */ jsx62(BaseSignIn_default2, { ...props });
+    return /* @__PURE__ */ jsx64(BaseSignIn_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx62(BaseSignIn_default, { ...props });
+  return /* @__PURE__ */ jsx64(BaseSignIn_default, { ...props });
 };
 var BaseSignIn_default3 = BaseSignIn3;
 
@@ -8468,10 +8567,10 @@ import {
   EmbeddedSignInFlowStatusV2 as EmbeddedSignInFlowStatusV22,
   EmbeddedSignInFlowTypeV2
 } from "@asgardeo/browser";
-import { useState as useState17, useEffect as useEffect15, useRef as useRef6 } from "react";
+import { useState as useState17, useEffect as useEffect16, useRef as useRef7 } from "react";
 
 // src/hooks/v2/useOAuthCallback.ts
-import { useEffect as useEffect14, useRef as useRef5 } from "react";
+import { useEffect as useEffect15, useRef as useRef6 } from "react";
 function cleanupUrlParams() {
   if (typeof window === "undefined") return;
   const url = new URL(window.location.href);
@@ -8496,9 +8595,9 @@ function useOAuthCallback({
   setFlowId,
   tokenValidationAttemptedRef
 }) {
-  const internalRef = useRef5(false);
+  const internalRef = useRef6(false);
   const oauthCodeProcessedRef = processedRef ?? internalRef;
-  useEffect14(() => {
+  useEffect15(() => {
     if (!isInitialized || isSubmitting) {
       return;
     }
@@ -8744,7 +8843,7 @@ var handlePasskeyAuthentication = async (challengeData) => {
 };
 
 // src/components/presentation/auth/SignIn/v2/SignIn.tsx
-import { Fragment as Fragment12, jsx as jsx63 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx65 } from "react/jsx-runtime";
 var SignIn = ({
   className,
   preferences,
@@ -8769,9 +8868,9 @@ var SignIn = ({
     flowId: null,
     isActive: false
   });
-  const initializationAttemptedRef = useRef6(false);
-  const oauthCodeProcessedRef = useRef6(false);
-  const passkeyProcessedRef = useRef6(false);
+  const initializationAttemptedRef = useRef7(false);
+  const oauthCodeProcessedRef = useRef7(false);
+  const passkeyProcessedRef = useRef7(false);
   const setFlowId = (flowId) => {
     setCurrentFlowId(flowId);
     if (flowId) {
@@ -8903,7 +9002,7 @@ var SignIn = ({
       initializationAttemptedRef.current = false;
     }
   };
-  useEffect15(() => {
+  useEffect16(() => {
     const urlParams = getUrlParams2();
     if (urlParams.error) {
       handleOAuthError(urlParams.error, urlParams.errorDescription);
@@ -9020,7 +9119,7 @@ var SignIn = ({
     processedRef: oauthCodeProcessedRef,
     setFlowId
   });
-  useEffect15(() => {
+  useEffect16(() => {
     if (!passkeyState.isActive || !passkeyState.challenge && !passkeyState.creationOptions || !passkeyState.flowId) {
       return;
     }
@@ -9081,9 +9180,9 @@ var SignIn = ({
       meta,
       onSubmit: handleSubmit
     };
-    return /* @__PURE__ */ jsx63(Fragment12, { children: children(renderProps) });
+    return /* @__PURE__ */ jsx65(Fragment13, { children: children(renderProps) });
   }
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx65(
     BaseSignIn_default2,
     {
       components,
@@ -9101,7 +9200,7 @@ var SignIn = ({
 var SignIn_default = SignIn;
 
 // src/components/presentation/auth/SignIn/SignIn.tsx
-import { jsx as jsx64 } from "react/jsx-runtime";
+import { jsx as jsx66 } 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" });
@@ -9118,7 +9217,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
     }
   };
   if (platform === Platform5.AsgardeoV2) {
-    return /* @__PURE__ */ jsx64(
+    return /* @__PURE__ */ jsx66(
       SignIn_default,
       {
         className,
@@ -9131,7 +9230,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
       }
     );
   }
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx66(
     BaseSignIn_default3,
     {
       isLoading: isLoading || !isInitialized,
@@ -9163,7 +9262,7 @@ import {
   createPackageComponentLogger as createPackageComponentLogger6
 } from "@asgardeo/browser";
 import { cx as cx21 } from "@emotion/css";
-import { useEffect as useEffect16, useState as useState18, useCallback as useCallback12, useRef as useRef7 } from "react";
+import { useEffect as useEffect17, useState as useState18, useCallback as useCallback12, useRef as useRef8 } from "react";
 
 // src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
 import { EmbeddedFlowComponentType as EmbeddedFlowComponentType2 } from "@asgardeo/browser";
@@ -9225,13 +9324,13 @@ var DateInput = ({
 var DateInput_default = DateInput;
 
 // src/components/adapters/DividerComponent.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx67 } 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__ */ jsx65(
+  return /* @__PURE__ */ jsx67(
     Divider_default,
     {
       orientation: variant === "vertical" ? "vertical" : "horizontal",
@@ -9272,7 +9371,7 @@ var EmailInput = ({
 var EmailInput_default = EmailInput;
 
 // src/components/adapters/FormContainer.tsx
-import { jsx as jsx66 } from "react/jsx-runtime";
+import { jsx as jsx68 } from "react/jsx-runtime";
 var FormContainer = (props) => {
   const { component } = props;
   if (component.components && component.components.length > 0) {
@@ -9285,14 +9384,14 @@ var FormContainer = (props) => {
         props.onSubmit(submitButton, props.formValues);
       }
     };
-    return /* @__PURE__ */ jsx66("form", { onSubmit: handleFormSubmit, style: { display: "flex", flexDirection: "column" }, children: component.components.map(
+    return /* @__PURE__ */ jsx68("form", { onSubmit: handleFormSubmit, style: { display: "flex", flexDirection: "column" }, children: component.components.map(
       (childComponent) => createSignUpComponent({
         ...props,
         component: childComponent
       })
     ) }, component.id);
   }
-  return /* @__PURE__ */ jsx66("div", {}, component.id);
+  return /* @__PURE__ */ jsx68("div", {}, component.id);
 };
 var FormContainer_default = FormContainer;
 
@@ -9418,7 +9517,7 @@ var SelectInput = ({
 var SelectInput_default = SelectInput;
 
 // src/components/adapters/SubmitButton.tsx
-import { jsx as jsx67 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 var ButtonComponent = ({
   component,
   isLoading,
@@ -9451,7 +9550,7 @@ var ButtonComponent = ({
       onSubmit(component);
     }
   };
-  return /* @__PURE__ */ jsx67(
+  return /* @__PURE__ */ jsx69(
     Button_default,
     {
       type: buttonType === "submit" ? "submit" : "button",
@@ -9462,7 +9561,7 @@ var ButtonComponent = ({
       onClick: buttonType !== "submit" ? handleClick : void 0,
       className: buttonClassName,
       style: { width: "100%" },
-      children: isLoading ? /* @__PURE__ */ jsx67(Spinner_default, { size: "small" }) : buttonText
+      children: isLoading ? /* @__PURE__ */ jsx69(Spinner_default, { size: "small" }) : buttonText
     },
     component.id
   );
@@ -9470,7 +9569,7 @@ var ButtonComponent = ({
 var SubmitButton_default = ButtonComponent;
 
 // src/components/adapters/TelephoneInput.tsx
-import { jsx as jsx68 } from "react/jsx-runtime";
+import { jsx as jsx70 } from "react/jsx-runtime";
 var TelephoneInput = ({
   component,
   formValues,
@@ -9483,7 +9582,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__ */ jsx68(
+  return /* @__PURE__ */ jsx70(
     TextField_default,
     {
       name: fieldName,
@@ -9531,7 +9630,7 @@ var TextInput = ({
 var TextInput_default = TextInput;
 
 // src/components/adapters/Typography.tsx
-import { jsx as jsx69 } from "react/jsx-runtime";
+import { jsx as jsx71 } from "react/jsx-runtime";
 var TypographyComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
@@ -9572,7 +9671,7 @@ var TypographyComponent = ({ component }) => {
     default:
       typographyVariant = "body1";
   }
-  return /* @__PURE__ */ jsx69(
+  return /* @__PURE__ */ jsx71(
     Typography_default,
     {
       variant: typographyVariant,
@@ -9585,69 +9684,69 @@ var TypographyComponent = ({ component }) => {
 var Typography_default2 = TypographyComponent;
 
 // src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
-import { jsx as jsx70 } from "react/jsx-runtime";
+import { jsx as jsx72 } from "react/jsx-runtime";
 var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
   switch (component.type) {
     case EmbeddedFlowComponentType2.Typography:
-      return /* @__PURE__ */ jsx70(Typography_default2, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx72(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__ */ jsx70(EmailInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx72(EmailInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "PASSWORD" || inputType === "password") {
-        return /* @__PURE__ */ jsx70(PasswordInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx72(PasswordInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "TELEPHONE" || inputType === "tel") {
-        return /* @__PURE__ */ jsx70(TelephoneInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx72(TelephoneInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "NUMBER" || inputType === "number") {
-        return /* @__PURE__ */ jsx70(NumberInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx72(NumberInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "DATE" || inputType === "date") {
-        return /* @__PURE__ */ jsx70(DateInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx72(DateInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "CHECKBOX" || inputType === "checkbox") {
-        return /* @__PURE__ */ jsx70(CheckboxInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ jsx72(CheckboxInput_default, { component, onSubmit, ...rest });
       }
-      return /* @__PURE__ */ jsx70(TextInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx72(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__ */ jsx70(GoogleButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx72(GoogleButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("github")) {
-          return /* @__PURE__ */ jsx70(GitHubButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx72(GitHubButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("microsoft")) {
-          return /* @__PURE__ */ jsx70(MicrosoftButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx72(MicrosoftButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("facebook")) {
-          return /* @__PURE__ */ jsx70(FacebookButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx72(FacebookButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("linkedin")) {
-          return /* @__PURE__ */ jsx70(LinkedInButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx72(LinkedInButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("ethereum")) {
-          return /* @__PURE__ */ jsx70(SignInWithEthereumButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ jsx72(SignInWithEthereumButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
       }
-      return /* @__PURE__ */ jsx70(SubmitButton_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx72(SubmitButton_default, { component, onSubmit, ...rest });
     }
     case EmbeddedFlowComponentType2.Form:
-      return /* @__PURE__ */ jsx70(FormContainer_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx72(FormContainer_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Select:
-      return /* @__PURE__ */ jsx70(SelectInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx72(SelectInput_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Divider:
-      return /* @__PURE__ */ jsx70(DividerComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx72(DividerComponent_default, { component, onSubmit, ...rest });
     case EmbeddedFlowComponentType2.Image:
-      return /* @__PURE__ */ jsx70(ImageComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ jsx72(ImageComponent_default, { component, onSubmit, ...rest });
     default:
-      return /* @__PURE__ */ jsx70("div", {});
+      return /* @__PURE__ */ jsx72("div", {});
   }
 };
 var createSignUpOptionFromComponent = (component, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, options) => createSignUpComponent({
@@ -9816,7 +9915,7 @@ var useStyles17 = (theme, colorScheme) => useMemo25(() => {
 var BaseSignUp_styles_default = useStyles17;
 
 // src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
-import { jsx as jsx71, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx73, jsxs as jsxs29 } from "react/jsx-runtime";
 var logger6 = createPackageComponentLogger6(
   "@asgardeo/react",
   "BaseSignUp"
@@ -9881,7 +9980,7 @@ var BaseSignUpContent = ({
   const [isLoading, setIsLoading] = useState18(false);
   const [isFlowInitialized, setIsFlowInitialized] = useState18(false);
   const [currentFlow, setCurrentFlow] = useState18(null);
-  const initializationAttemptedRef = useRef7(false);
+  const initializationAttemptedRef = useRef8(false);
   const extractFormFields = useCallback12(
     (components) => {
       const fields = [];
@@ -10167,7 +10266,7 @@ var BaseSignUpContent = ({
       handleSubmit
     ]
   );
-  useEffect16(() => {
+  useEffect17(() => {
     if (isInitialized && !isFlowInitialized && !initializationAttemptedRef.current) {
       initializationAttemptedRef.current = true;
       (async () => {
@@ -10219,33 +10318,33 @@ var BaseSignUpContent = ({
       validateForm,
       values: formValues
     };
-    return /* @__PURE__ */ jsx71("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ jsx73("div", { className: containerClasses, children: children(renderProps) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ jsx71(Card_default, { className: cx21(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx71(Card_default.Content, { children: /* @__PURE__ */ jsx71("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx71(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx73(Card_default, { className: cx21(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx73(Card_default.Content, { children: /* @__PURE__ */ jsx73("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx73(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow) {
-    return /* @__PURE__ */ jsx71(Card_default, { className: cx21(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx71(Card_default.Content, { children: /* @__PURE__ */ jsxs29(Alert_default, { variant: "error", className: errorClasses, children: [
-      /* @__PURE__ */ jsx71(Alert_default.Title, { children: t("errors.heading") }),
-      /* @__PURE__ */ jsx71(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
+    return /* @__PURE__ */ jsx73(Card_default, { className: cx21(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx73(Card_default.Content, { children: /* @__PURE__ */ jsxs29(Alert_default, { variant: "error", className: errorClasses, children: [
+      /* @__PURE__ */ jsx73(Alert_default.Title, { children: t("errors.heading") }),
+      /* @__PURE__ */ jsx73(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
     ] }) }) });
   }
   return /* @__PURE__ */ jsxs29(Card_default, { className: cx21(containerClasses, styles.card), variant, children: [
     (showTitle || showSubtitle) && /* @__PURE__ */ jsxs29(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ jsx71(Card_default.Title, { level: 2, className: styles.title, children: flowTitle || t("signup.heading") }),
-      showSubtitle && /* @__PURE__ */ jsx71(Typography_default, { variant: "body1", className: styles.subtitle, children: flowSubtitle || t("signup.subheading") })
+      showTitle && /* @__PURE__ */ jsx73(Card_default.Title, { level: 2, className: styles.title, children: flowTitle || t("signup.heading") }),
+      showSubtitle && /* @__PURE__ */ jsx73(Typography_default, { variant: "body1", className: styles.subtitle, children: flowSubtitle || t("signup.subheading") })
     ] }),
     /* @__PURE__ */ jsxs29(Card_default.Content, { children: [
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx71("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx71(
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx73("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx73(
         Alert_default,
         {
           variant: message.type?.toLowerCase() === "error" ? "error" : "info",
           className: cx21(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ jsx71(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ jsx73(Alert_default.Description, { children: message.message })
         },
         message.id || index
       )) }),
-      /* @__PURE__ */ jsx71("div", { className: styles.contentContainer, children: currentFlow.data?.components && currentFlow.data.components.length > 0 ? renderComponents(currentFlow.data.components) : /* @__PURE__ */ jsx71(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx71(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
+      /* @__PURE__ */ jsx73("div", { className: styles.contentContainer, children: currentFlow.data?.components && currentFlow.data.components.length > 0 ? renderComponents(currentFlow.data.components) : /* @__PURE__ */ jsx73(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx73(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
     ] })
   ] });
 };
@@ -10253,8 +10352,8 @@ var BaseSignUp = ({ showLogo = true, ...rest }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
   return /* @__PURE__ */ jsxs29("div", { children: [
-    showLogo && /* @__PURE__ */ jsx71("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx71(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ jsx71(FlowProvider_default, { children: /* @__PURE__ */ jsx71(BaseSignUpContent, { showLogo, ...rest }) })
+    showLogo && /* @__PURE__ */ jsx73("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx73(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx73(FlowProvider_default, { children: /* @__PURE__ */ jsx73(BaseSignUpContent, { showLogo, ...rest }) })
   ] });
 };
 var BaseSignUp_default = BaseSignUp;
@@ -10268,8 +10367,8 @@ import {
   createPackageComponentLogger as createPackageComponentLogger7
 } from "@asgardeo/browser";
 import { cx as cx22 } from "@emotion/css";
-import { useEffect as useEffect17, useState as useState19, useCallback as useCallback13, useRef as useRef8 } from "react";
-import { jsx as jsx72, jsxs as jsxs30 } from "react/jsx-runtime";
+import { useEffect as useEffect18, useState as useState19, useCallback as useCallback13, useRef as useRef9 } from "react";
+import { jsx as jsx74, jsxs as jsxs30 } from "react/jsx-runtime";
 var logger7 = createPackageComponentLogger7(
   "@asgardeo/react",
   "BaseSignUp"
@@ -10310,8 +10409,8 @@ var BaseSignUpContent2 = ({
     flowId: null,
     isActive: false
   });
-  const initializationAttemptedRef = useRef8(false);
-  const passkeyProcessedRef = useRef8(false);
+  const initializationAttemptedRef = useRef9(false);
+  const passkeyProcessedRef = useRef9(false);
   const handleError = useCallback13(
     (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t);
@@ -10604,7 +10703,7 @@ var BaseSignUpContent2 = ({
       setIsLoading(false);
     }
   };
-  useEffect17(() => {
+  useEffect18(() => {
     if (!passkeyState.isActive || !passkeyState.creationOptions || !passkeyState.flowId) {
       return;
     }
@@ -10710,7 +10809,7 @@ var BaseSignUpContent2 = ({
       state: urlParams.get("state")
     };
   };
-  useEffect17(() => {
+  useEffect18(() => {
     const urlParams = getUrlParams2();
     if (urlParams.code || urlParams.state) {
       return;
@@ -10773,15 +10872,15 @@ var BaseSignUpContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ jsx72("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ jsx74("div", { className: containerClasses, children: children(renderProps) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ jsx72(Card_default, { className: cx22(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx72(Card_default.Content, { children: /* @__PURE__ */ jsx72("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx72(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx74(Card_default, { className: cx22(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx74(Card_default.Content, { children: /* @__PURE__ */ jsx74("div", { className: styles.loadingContainer, children: /* @__PURE__ */ jsx74(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow) {
-    return /* @__PURE__ */ jsx72(Card_default, { className: cx22(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx72(Card_default.Content, { children: /* @__PURE__ */ jsxs30(Alert_default, { variant: "error", className: errorClasses, children: [
-      /* @__PURE__ */ jsx72(Alert_default.Title, { children: t("errors.heading") }),
-      /* @__PURE__ */ jsx72(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
+    return /* @__PURE__ */ jsx74(Card_default, { className: cx22(containerClasses, styles.card), variant, children: /* @__PURE__ */ jsx74(Card_default.Content, { children: /* @__PURE__ */ jsxs30(Alert_default, { variant: "error", className: errorClasses, children: [
+      /* @__PURE__ */ jsx74(Alert_default.Title, { children: t("errors.heading") }),
+      /* @__PURE__ */ jsx74(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
     ] }) }) });
   }
   const componentsToRender = currentFlow.data?.components || [];
@@ -10794,21 +10893,21 @@ var BaseSignUpContent2 = ({
   );
   return /* @__PURE__ */ jsxs30(Card_default, { className: cx22(containerClasses, styles.card), variant, children: [
     (showTitle || showSubtitle) && /* @__PURE__ */ jsxs30(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ jsx72(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && /* @__PURE__ */ jsx72(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+      showTitle && /* @__PURE__ */ jsx74(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && /* @__PURE__ */ jsx74(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
     /* @__PURE__ */ jsxs30(Card_default.Content, { children: [
-      externalError && /* @__PURE__ */ jsx72("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx72(Alert_default, { variant: "error", className: cx22(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx72(Alert_default.Description, { children: externalError.message }) }) }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx72("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx72(
+      externalError && /* @__PURE__ */ jsx74("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ jsx74(Alert_default, { variant: "error", className: cx22(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ jsx74(Alert_default.Description, { children: externalError.message }) }) }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx74("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ jsx74(
         Alert_default,
         {
           variant: message.type?.toLowerCase() === "error" ? "error" : "info",
           className: cx22(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ jsx72(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ jsx74(Alert_default.Description, { children: message.message })
         },
         message.id || index
       )) }),
-      /* @__PURE__ */ jsx72("div", { className: styles.contentContainer, children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ jsx72(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx72(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
+      /* @__PURE__ */ jsx74("div", { className: styles.contentContainer, children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ jsx74(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx74(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
     ] })
   ] });
 };
@@ -10816,22 +10915,22 @@ var BaseSignUp2 = ({ preferences, showLogo = true, ...rest }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
   const content = /* @__PURE__ */ jsxs30("div", { children: [
-    showLogo && /* @__PURE__ */ jsx72("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx72(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ jsx72(FlowProvider_default, { children: /* @__PURE__ */ jsx72(BaseSignUpContent2, { showLogo, ...rest }) })
+    showLogo && /* @__PURE__ */ jsx74("div", { className: styles.logoContainer, children: /* @__PURE__ */ jsx74(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ jsx74(FlowProvider_default, { children: /* @__PURE__ */ jsx74(BaseSignUpContent2, { showLogo, ...rest }) })
   ] });
   if (!preferences) return content;
-  return /* @__PURE__ */ jsx72(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ jsx74(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
 };
 var BaseSignUp_default2 = BaseSignUp2;
 
 // src/components/presentation/auth/SignUp/BaseSignUp.tsx
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx75 } from "react/jsx-runtime";
 var BaseSignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform6.AsgardeoV2) {
-    return /* @__PURE__ */ jsx73(BaseSignUp_default2, { ...props });
+    return /* @__PURE__ */ jsx75(BaseSignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx73(BaseSignUp_default, { ...props });
+  return /* @__PURE__ */ jsx75(BaseSignUp_default, { ...props });
 };
 var BaseSignUp_default3 = BaseSignUp3;
 
@@ -10843,7 +10942,7 @@ import {
   EmbeddedFlowResponseType as EmbeddedFlowResponseType3,
   EmbeddedFlowType as EmbeddedFlowType2
 } from "@asgardeo/browser";
-import { jsx as jsx74 } from "react/jsx-runtime";
+import { jsx as jsx76 } from "react/jsx-runtime";
 var SignUp = ({
   className,
   size = "medium",
@@ -10872,7 +10971,7 @@ var SignUp = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ jsx74(
+  return /* @__PURE__ */ jsx76(
     BaseSignUp_default,
     {
       afterSignUpUrl,
@@ -10898,7 +10997,7 @@ import {
   EmbeddedFlowResponseType as EmbeddedFlowResponseType4,
   EmbeddedFlowType as EmbeddedFlowType3
 } from "@asgardeo/browser";
-import { jsx as jsx75 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 var SignUp2 = ({
   className,
   size = "medium",
@@ -10936,7 +11035,7 @@ var SignUp2 = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx77(
     BaseSignUp_default2,
     {
       afterSignUpUrl,
@@ -10958,13 +11057,13 @@ var SignUp2 = ({
 var SignUp_default2 = SignUp2;
 
 // src/components/presentation/auth/SignUp/SignUp.tsx
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 var SignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === Platform7.AsgardeoV2) {
-    return /* @__PURE__ */ jsx76(SignUp_default2, { ...props });
+    return /* @__PURE__ */ jsx78(SignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ jsx76(SignUp_default, { ...props });
+  return /* @__PURE__ */ jsx78(SignUp_default, { ...props });
 };
 var SignUp_default3 = SignUp3;
 
@@ -10974,7 +11073,7 @@ import { EmbeddedFlowType as EmbeddedFlowType5 } from "@asgardeo/browser";
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx
 import { EmbeddedFlowType as EmbeddedFlowType4 } from "@asgardeo/browser";
 import { cx as cx23 } from "@emotion/css";
-import { useCallback as useCallback14, useEffect as useEffect18, useRef as useRef9, useState as useState20 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect19, useRef as useRef10, useState as useState20 } from "react";
 
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.styles.ts
 import { css as css19 } from "@emotion/css";
@@ -11017,7 +11116,7 @@ var useStyles18 = (theme, colorScheme) => useMemo26(() => {
 var BaseInviteUser_styles_default = useStyles18;
 
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx
-import { jsx as jsx77, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs31 } from "react/jsx-runtime";
 var BaseInviteUser = ({
   onInitialize,
   onSubmit,
@@ -11047,7 +11146,7 @@ var BaseInviteUser = ({
   const [inviteLink, setInviteLink] = useState20();
   const [inviteLinkCopied, setInviteLinkCopied] = useState20(false);
   const [isFormValid, setIsFormValid] = useState20(true);
-  const initializationAttemptedRef = useRef9(false);
+  const initializationAttemptedRef = useRef10(false);
   const handleError = useCallback14(
     (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t, "components.inviteUser.errors.generic");
@@ -11210,7 +11309,7 @@ var BaseInviteUser = ({
     setInviteLinkCopied(false);
     initializationAttemptedRef.current = false;
   }, []);
-  useEffect18(() => {
+  useEffect19(() => {
     if (isInitialized && !isFlowInitialized && !initializationAttemptedRef.current) {
       initializationAttemptedRef.current = true;
       (async () => {
@@ -11237,7 +11336,7 @@ var BaseInviteUser = ({
       })();
     }
   }, [isInitialized, isFlowInitialized, onInitialize, onFlowChange, handleError, normalizeFlowResponseLocal]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (currentFlow && isFlowInitialized) {
       const components2 = currentFlow.data?.components || [];
       if (components2.length > 0) {
@@ -11321,27 +11420,27 @@ var BaseInviteUser = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ jsx77("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ jsx79("div", { className, children: children(renderProps) });
   }
   if (!isInitialized) {
-    return /* @__PURE__ */ jsx77(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx77(Card_default.Content, { children: /* @__PURE__ */ jsx77("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx77(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx79(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx79(Card_default.Content, { children: /* @__PURE__ */ jsx79("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx79(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ jsx77(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx77(Card_default.Content, { children: /* @__PURE__ */ jsx77("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx77(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ jsx79(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx79(Card_default.Content, { children: /* @__PURE__ */ jsx79("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ jsx79(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow && apiError) {
-    return /* @__PURE__ */ jsx77(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx77(Card_default.Content, { children: /* @__PURE__ */ jsxs31(Alert_default, { variant: "error", children: [
-      /* @__PURE__ */ jsx77(Alert_default.Title, { children: "Error" }),
-      /* @__PURE__ */ jsx77(Alert_default.Description, { children: apiError.message })
+    return /* @__PURE__ */ jsx79(Card_default, { className: cx23(className, styles.card), variant, children: /* @__PURE__ */ jsx79(Card_default.Content, { children: /* @__PURE__ */ jsxs31(Alert_default, { variant: "error", children: [
+      /* @__PURE__ */ jsx79(Alert_default.Title, { children: "Error" }),
+      /* @__PURE__ */ jsx79(Alert_default.Description, { children: apiError.message })
     ] }) }) });
   }
   if (isInviteGenerated && inviteLink) {
     return /* @__PURE__ */ jsxs31(Card_default, { className: cx23(className, styles.card), variant, children: [
-      /* @__PURE__ */ jsx77(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx77(Card_default.Title, { level: 2, className: styles.title, children: "Invite Link Generated!" }) }),
+      /* @__PURE__ */ jsx79(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx79(Card_default.Title, { level: 2, className: styles.title, children: "Invite Link Generated!" }) }),
       /* @__PURE__ */ jsxs31(Card_default.Content, { children: [
-        /* @__PURE__ */ jsx77(Alert_default, { variant: "success", children: /* @__PURE__ */ jsx77(Alert_default.Description, { children: "Share this link with the user to complete their registration." }) }),
+        /* @__PURE__ */ jsx79(Alert_default, { variant: "success", children: /* @__PURE__ */ jsx79(Alert_default.Description, { children: "Share this link with the user to complete their registration." }) }),
         /* @__PURE__ */ jsxs31("div", { style: { marginTop: "1rem" }, children: [
-          /* @__PURE__ */ jsx77(Typography_default, { variant: "body2", style: { marginBottom: "0.5rem" }, children: "Invite Link" }),
+          /* @__PURE__ */ jsx79(Typography_default, { variant: "body2", style: { marginBottom: "0.5rem" }, children: "Invite Link" }),
           /* @__PURE__ */ jsxs31(
             "div",
             {
@@ -11355,26 +11454,26 @@ var BaseInviteUser = ({
                 wordBreak: "break-all"
               },
               children: [
-                /* @__PURE__ */ jsx77(Typography_default, { variant: "body2", style: { flex: 1 }, children: inviteLink }),
-                /* @__PURE__ */ jsx77(Button_default, { variant: "outline", size: "small", onClick: copyInviteLink, children: inviteLinkCopied ? "Copied!" : "Copy" })
+                /* @__PURE__ */ jsx79(Typography_default, { variant: "body2", style: { flex: 1 }, children: inviteLink }),
+                /* @__PURE__ */ jsx79(Button_default, { variant: "outline", size: "small", onClick: copyInviteLink, children: inviteLinkCopied ? "Copied!" : "Copy" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsx77("div", { style: { display: "flex", gap: "0.5rem", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx77(Button_default, { variant: "outline", onClick: resetFlow, children: "Invite Another User" }) })
+        /* @__PURE__ */ jsx79("div", { style: { display: "flex", gap: "0.5rem", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx79(Button_default, { variant: "outline", onClick: resetFlow, children: "Invite Another User" }) })
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxs31(Card_default, { className: cx23(className, styles.card), variant, children: [
     (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ jsxs31(Card_default.Header, { className: styles.header, children: [
-      showTitle && title && /* @__PURE__ */ jsx77(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && subtitle && /* @__PURE__ */ jsx77(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+      showTitle && title && /* @__PURE__ */ jsx79(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ jsx79(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
     /* @__PURE__ */ jsxs31(Card_default.Content, { children: [
-      apiError && /* @__PURE__ */ jsx77("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx77(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx77(Alert_default.Description, { children: apiError.message }) }) }),
+      apiError && /* @__PURE__ */ jsx79("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx79(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx79(Alert_default.Description, { children: apiError.message }) }) }),
       /* @__PURE__ */ jsxs31("div", { children: [
-        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx77(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx77(Typography_default, { variant: "body1", children: "No form components available" }) }),
-        isLoading && /* @__PURE__ */ jsx77("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx77(Spinner_default, { size: "small" }) })
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx79(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx79(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ jsx79("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx79(Spinner_default, { size: "small" }) })
       ] })
     ] })
   ] });
@@ -11382,7 +11481,7 @@ var BaseInviteUser = ({
 var BaseInviteUser_default = BaseInviteUser;
 
 // src/components/presentation/auth/InviteUser/v2/InviteUser.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx80 } from "react/jsx-runtime";
 var InviteUser = ({
   onInviteLinkGenerated,
   onError,
@@ -11426,7 +11525,7 @@ var InviteUser = ({
     });
     return response.data;
   };
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx80(
     BaseInviteUser_default,
     {
       onInitialize: handleInitialize,
@@ -11451,7 +11550,7 @@ import { useMemo as useMemo28 } from "react";
 
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx
 import { cx as cx24 } from "@emotion/css";
-import { useCallback as useCallback15, useEffect as useEffect19, useRef as useRef10, useState as useState21 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect20, useRef as useRef11, useState as useState21 } from "react";
 
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.styles.ts
 import { css as css20 } from "@emotion/css";
@@ -11494,7 +11593,7 @@ var useStyles19 = (theme, colorScheme) => useMemo27(() => {
 var BaseAcceptInvite_styles_default = useStyles19;
 
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx
-import { jsx as jsx79, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx81, jsxs as jsxs32 } from "react/jsx-runtime";
 var BaseAcceptInvite = ({
   flowId,
   inviteToken,
@@ -11526,7 +11625,7 @@ var BaseAcceptInvite = ({
   const [touchedFields, setTouchedFields] = useState21({});
   const [isFormValid, setIsFormValid] = useState21(true);
   const [completionTitle, setCompletionTitle] = useState21(void 0);
-  const tokenValidationAttemptedRef = useRef10(false);
+  const tokenValidationAttemptedRef = useRef11(false);
   const handleError = useCallback15(
     (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t, "components.acceptInvite.errors.generic");
@@ -11706,7 +11805,7 @@ var BaseAcceptInvite = ({
       normalizeFlowResponseLocal
     ]
   );
-  useEffect19(() => {
+  useEffect20(() => {
     if (tokenValidationAttemptedRef.current) {
       return;
     }
@@ -11823,50 +11922,50 @@ var BaseAcceptInvite = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ jsx79("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ jsx81("div", { className, children: children(renderProps) });
   }
   if (isValidatingToken) {
-    return /* @__PURE__ */ jsx79(Card_default, { className: cx24(className, styles.card), variant, children: /* @__PURE__ */ jsx79(Card_default.Content, { children: /* @__PURE__ */ jsxs32("div", { style: { alignItems: "center", display: "flex", flexDirection: "column", gap: "1rem", padding: "2rem" }, children: [
-      /* @__PURE__ */ jsx79(Spinner_default, { size: "medium" }),
-      /* @__PURE__ */ jsx79(Typography_default, { variant: "body1", children: "Validating your invite link..." })
+    return /* @__PURE__ */ jsx81(Card_default, { className: cx24(className, styles.card), variant, children: /* @__PURE__ */ jsx81(Card_default.Content, { children: /* @__PURE__ */ jsxs32("div", { style: { alignItems: "center", display: "flex", flexDirection: "column", gap: "1rem", padding: "2rem" }, children: [
+      /* @__PURE__ */ jsx81(Spinner_default, { size: "medium" }),
+      /* @__PURE__ */ jsx81(Typography_default, { variant: "body1", children: "Validating your invite link..." })
     ] }) }) });
   }
   if (isTokenInvalid) {
     return /* @__PURE__ */ jsxs32(Card_default, { className: cx24(className, styles.card), variant, children: [
-      /* @__PURE__ */ jsx79(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx79(Card_default.Title, { level: 2, className: styles.title, children: "Invalid Invite Link" }) }),
+      /* @__PURE__ */ jsx81(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx81(Card_default.Title, { level: 2, className: styles.title, children: "Invalid Invite Link" }) }),
       /* @__PURE__ */ jsxs32(Card_default.Content, { children: [
         /* @__PURE__ */ jsxs32(Alert_default, { variant: "error", children: [
-          /* @__PURE__ */ jsx79(Alert_default.Title, { children: "Unable to verify invite" }),
-          /* @__PURE__ */ jsx79(Alert_default.Description, { children: apiError?.message || "This invite link is invalid or has expired. Please contact your administrator for a new invite." })
+          /* @__PURE__ */ jsx81(Alert_default.Title, { children: "Unable to verify invite" }),
+          /* @__PURE__ */ jsx81(Alert_default.Description, { children: apiError?.message || "This invite link is invalid or has expired. Please contact your administrator for a new invite." })
         ] }),
-        onGoToSignIn && /* @__PURE__ */ jsx79("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx79(Button_default, { variant: "outline", onClick: onGoToSignIn, children: "Go to Sign In" }) })
+        onGoToSignIn && /* @__PURE__ */ jsx81("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx81(Button_default, { variant: "outline", onClick: onGoToSignIn, children: "Go to Sign In" }) })
       ] })
     ] });
   }
   if (isComplete) {
     return /* @__PURE__ */ jsxs32(Card_default, { className: cx24(className, styles.card), variant, children: [
-      /* @__PURE__ */ jsx79(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx79(Card_default.Title, { level: 2, className: styles.title, children: "Account Setup Complete!" }) }),
+      /* @__PURE__ */ jsx81(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ jsx81(Card_default.Title, { level: 2, className: styles.title, children: "Account Setup Complete!" }) }),
       /* @__PURE__ */ jsxs32(Card_default.Content, { children: [
-        /* @__PURE__ */ jsx79(Alert_default, { variant: "success", children: /* @__PURE__ */ jsx79(Alert_default.Description, { children: "Your account has been successfully set up. You can now sign in with your credentials." }) }),
-        onGoToSignIn && /* @__PURE__ */ jsx79("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx79(Button_default, { variant: "solid", color: "primary", onClick: onGoToSignIn, children: "Sign In" }) })
+        /* @__PURE__ */ jsx81(Alert_default, { variant: "success", children: /* @__PURE__ */ jsx81(Alert_default.Description, { children: "Your account has been successfully set up. You can now sign in with your credentials." }) }),
+        onGoToSignIn && /* @__PURE__ */ jsx81("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ jsx81(Button_default, { variant: "solid", color: "primary", onClick: onGoToSignIn, children: "Sign In" }) })
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxs32(Card_default, { className: cx24(className, styles.card), variant, children: [
     (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ jsxs32(Card_default.Header, { className: styles.header, children: [
-      showTitle && title && /* @__PURE__ */ jsx79(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && subtitle && /* @__PURE__ */ jsx79(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+      showTitle && title && /* @__PURE__ */ jsx81(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ jsx81(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
     /* @__PURE__ */ jsxs32(Card_default.Content, { children: [
-      apiError && /* @__PURE__ */ jsx79("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx79(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx79(Alert_default.Description, { children: apiError.message }) }) }),
+      apiError && /* @__PURE__ */ jsx81("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ jsx81(Alert_default, { variant: "error", children: /* @__PURE__ */ jsx81(Alert_default.Description, { children: apiError.message }) }) }),
       /* @__PURE__ */ jsxs32("div", { children: [
-        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx79(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx79(Typography_default, { variant: "body1", children: "No form components available" }) }),
-        isLoading && /* @__PURE__ */ jsx79("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx79(Spinner_default, { size: "small" }) })
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ jsx81(Alert_default, { variant: "warning", children: /* @__PURE__ */ jsx81(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ jsx81("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ jsx81(Spinner_default, { size: "small" }) })
       ] }),
-      onGoToSignIn && /* @__PURE__ */ jsx79("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ jsxs32(Typography_default, { variant: "body2", children: [
+      onGoToSignIn && /* @__PURE__ */ jsx81("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ jsxs32(Typography_default, { variant: "body2", children: [
         "Already have an account?",
         " ",
-        /* @__PURE__ */ jsx79(Button_default, { variant: "text", onClick: onGoToSignIn, style: { minWidth: "auto", padding: 0 }, children: "Sign In" })
+        /* @__PURE__ */ jsx81(Button_default, { variant: "text", onClick: onGoToSignIn, style: { minWidth: "auto", padding: 0 }, children: "Sign In" })
       ] }) })
     ] })
   ] });
@@ -11874,7 +11973,7 @@ var BaseAcceptInvite = ({
 var BaseAcceptInvite_default = BaseAcceptInvite;
 
 // src/components/presentation/auth/AcceptInvite/v2/AcceptInvite.tsx
-import { jsx as jsx80 } from "react/jsx-runtime";
+import { jsx as jsx82 } from "react/jsx-runtime";
 var getUrlParams = () => {
   if (typeof window === "undefined") {
     return {};
@@ -11930,7 +12029,7 @@ var AcceptInvite = ({
     }
     return response.json();
   };
-  return /* @__PURE__ */ jsx80(
+  return /* @__PURE__ */ jsx82(
     BaseAcceptInvite_default,
     {
       flowId,
@@ -11953,9 +12052,9 @@ var AcceptInvite_default = AcceptInvite;
 
 // src/components/auth/Callback/Callback.tsx
 import { navigate as browserNavigate } from "@asgardeo/browser";
-import { useEffect as useEffect20, useRef as useRef11 } from "react";
+import { useEffect as useEffect21, useRef as useRef12 } from "react";
 var Callback = ({ onNavigate, onError }) => {
-  const processingRef = useRef11(false);
+  const processingRef = useRef12(false);
   const navigate6 = (path) => {
     if (onNavigate) {
       onNavigate(path);
@@ -11963,7 +12062,7 @@ var Callback = ({ onNavigate, onError }) => {
       browserNavigate(path);
     }
   };
-  useEffect20(() => {
+  useEffect21(() => {
     const processOAuthCallback = () => {
       if (processingRef.current) {
         return;
@@ -12041,45 +12140,45 @@ var Callback = ({ onNavigate, onError }) => {
 };
 
 // src/components/presentation/User/BaseUser.tsx
-import { Fragment as Fragment13, jsx as jsx81 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx83 } from "react/jsx-runtime";
 var BaseUser = ({ user, children, fallback = null }) => {
   if (!user) {
-    return /* @__PURE__ */ jsx81(Fragment13, { children: fallback });
+    return /* @__PURE__ */ jsx83(Fragment14, { children: fallback });
   }
-  return /* @__PURE__ */ jsx81(Fragment13, { children: children(user) });
+  return /* @__PURE__ */ jsx83(Fragment14, { children: children(user) });
 };
 BaseUser.displayName = "BaseUser";
 var BaseUser_default = BaseUser;
 
 // src/components/presentation/User/User.tsx
-import { jsx as jsx82 } from "react/jsx-runtime";
+import { jsx as jsx84 } from "react/jsx-runtime";
 var User5 = ({ children, fallback = null }) => {
   const { user } = useAsgardeo_default();
-  return /* @__PURE__ */ jsx82(BaseUser_default, { user, fallback, children });
+  return /* @__PURE__ */ jsx84(BaseUser_default, { user, fallback, children });
 };
 User5.displayName = "User";
 var User_default = User5;
 
 // src/components/presentation/Organization/BaseOrganization.tsx
-import { Fragment as Fragment14, jsx as jsx83 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx85 } from "react/jsx-runtime";
 var BaseOrganization = ({
   children,
   fallback = null,
   organization
 }) => {
   if (!organization) {
-    return /* @__PURE__ */ jsx83(Fragment14, { children: fallback });
+    return /* @__PURE__ */ jsx85(Fragment15, { children: fallback });
   }
-  return /* @__PURE__ */ jsx83(Fragment14, { children: children(organization) });
+  return /* @__PURE__ */ jsx85(Fragment15, { children: children(organization) });
 };
 BaseOrganization.displayName = "BaseOrganization";
 var BaseOrganization_default = BaseOrganization;
 
 // src/components/presentation/Organization/Organization.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
+import { jsx as jsx86 } from "react/jsx-runtime";
 var Organization5 = ({ children, fallback = null }) => {
   const { currentOrganization } = useOrganization_default();
-  return /* @__PURE__ */ jsx84(BaseOrganization_default, { organization: currentOrganization, fallback, children });
+  return /* @__PURE__ */ jsx86(BaseOrganization_default, { organization: currentOrganization, fallback, children });
 };
 Organization5.displayName = "Organization";
 var Organization_default = Organization5;
@@ -12418,7 +12517,7 @@ var useStyles21 = (theme, colorScheme, size, variant, backgroundColor) => useMem
 var Avatar_styles_default = useStyles21;
 
 // src/components/primitives/Avatar/Avatar.tsx
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx87 } from "react/jsx-runtime";
 var Avatar = ({
   alt = "User avatar",
   background = "random",
@@ -12465,7 +12564,7 @@ var Avatar = ({
   const getInitials = (fullName) => fullName.split(" ").map((part) => part[0]).slice(0, 2).join("").toUpperCase();
   const renderContent = () => {
     if (imageUrl) {
-      return /* @__PURE__ */ jsx85(
+      return /* @__PURE__ */ jsx87(
         "img",
         {
           src: imageUrl,
@@ -12478,19 +12577,19 @@ var Avatar = ({
       return getInitials(name);
     }
     if (isLoading) {
-      return /* @__PURE__ */ jsx85("div", { className: cx25(withVendorCSSClassPrefix24(bem16("avatar", "skeleton")), styles["skeleton"]) });
+      return /* @__PURE__ */ jsx87("div", { className: cx25(withVendorCSSClassPrefix24(bem16("avatar", "skeleton")), styles["skeleton"]) });
     }
-    return /* @__PURE__ */ jsx85(
+    return /* @__PURE__ */ jsx87(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 640 640",
         className: cx25(withVendorCSSClassPrefix24(bem16("avatar", "icon")), styles["icon"]),
-        children: /* @__PURE__ */ jsx85("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__ */ jsx87("path", { d: "M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z" })
       }
     );
   };
-  return /* @__PURE__ */ jsx85(
+  return /* @__PURE__ */ jsx87(
     "div",
     {
       className: cx25(
@@ -12597,7 +12696,7 @@ var useStyles22 = (theme, colorScheme) => useMemo32(() => {
 var Dialog_styles_default = useStyles22;
 
 // src/components/primitives/Icons/LogOut.tsx
-import { jsx as jsx86, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs33 } from "react/jsx-runtime";
 var LogOut = (props) => /* @__PURE__ */ jsxs33(
   "svg",
   {
@@ -12612,16 +12711,16 @@ var LogOut = (props) => /* @__PURE__ */ jsxs33(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx86("path", { d: "m16 17 5-5-5-5" }),
-      /* @__PURE__ */ jsx86("path", { d: "M21 12H9" }),
-      /* @__PURE__ */ jsx86("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" })
+      /* @__PURE__ */ jsx88("path", { d: "m16 17 5-5-5-5" }),
+      /* @__PURE__ */ jsx88("path", { d: "M21 12H9" }),
+      /* @__PURE__ */ jsx88("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" })
     ]
   }
 );
 var LogOut_default = LogOut;
 
 // src/components/primitives/Icons/Plus.tsx
-import { jsx as jsx87, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx89, jsxs as jsxs34 } from "react/jsx-runtime";
 var Plus = (props) => /* @__PURE__ */ jsxs34(
   "svg",
   {
@@ -12636,15 +12735,15 @@ var Plus = (props) => /* @__PURE__ */ jsxs34(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx87("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ jsx87("path", { d: "M12 5v14" })
+      /* @__PURE__ */ jsx89("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ jsx89("path", { d: "M12 5v14" })
     ]
   }
 );
 var Plus_default = Plus;
 
 // src/components/primitives/Icons/User.tsx
-import { jsx as jsx88, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx90, jsxs as jsxs35 } from "react/jsx-runtime";
 var User7 = (props) => /* @__PURE__ */ jsxs35(
   "svg",
   {
@@ -12659,15 +12758,15 @@ var User7 = (props) => /* @__PURE__ */ jsxs35(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx88("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ jsx88("circle", { cx: "12", cy: "7", r: "4" })
+      /* @__PURE__ */ jsx90("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ jsx90("circle", { cx: "12", cy: "7", r: "4" })
     ]
   }
 );
 var User_default2 = User7;
 
 // src/components/primitives/Icons/X.tsx
-import { jsx as jsx89, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx91, jsxs as jsxs36 } from "react/jsx-runtime";
 var X = (props) => /* @__PURE__ */ jsxs36(
   "svg",
   {
@@ -12682,15 +12781,15 @@ var X = (props) => /* @__PURE__ */ jsxs36(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ jsx89("path", { d: "M18 6 6 18" }),
-      /* @__PURE__ */ jsx89("path", { d: "m6 6 12 12" })
+      /* @__PURE__ */ jsx91("path", { d: "M18 6 6 18" }),
+      /* @__PURE__ */ jsx91("path", { d: "m6 6 12 12" })
     ]
   }
 );
 var X_default = X;
 
 // src/components/primitives/Dialog/Dialog.tsx
-import { jsx as jsx90, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs37 } from "react/jsx-runtime";
 function useDialog({
   initialOpen = false,
   open: controlledOpen,
@@ -12736,7 +12835,7 @@ var useDialogContext = () => {
 };
 function Dialog({ children, ...options }) {
   const dialog = useDialog(options);
-  return /* @__PURE__ */ jsx90(DialogContext.Provider, { value: dialog, children });
+  return /* @__PURE__ */ jsx92(DialogContext.Provider, { value: dialog, children });
 }
 var DialogTrigger = forwardRef10(
   ({ children, asChild = false, ...props }, propRef) => {
@@ -12754,7 +12853,7 @@ var DialogTrigger = forwardRef10(
         })
       );
     }
-    return /* @__PURE__ */ jsx90("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
+    return /* @__PURE__ */ jsx92("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
   }
 );
 var DialogContent = forwardRef10(
@@ -12764,12 +12863,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__ */ jsx90(FloatingPortal, { children: /* @__PURE__ */ jsx90(
+    return /* @__PURE__ */ jsx92(FloatingPortal, { children: /* @__PURE__ */ jsx92(
       FloatingOverlay,
       {
         className: cx26(withVendorCSSClassPrefix25(bem17("dialog", "overlay")), styles["overlay"]),
         lockScroll: true,
-        children: /* @__PURE__ */ jsx90(FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ jsx90(
+        children: /* @__PURE__ */ jsx92(FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ jsx92(
           "div",
           {
             ref,
@@ -12797,7 +12896,7 @@ var DialogHeading = forwardRef10(
       };
     }, [id, context.setLabelId]);
     return /* @__PURE__ */ jsxs37("div", { className: cx26(withVendorCSSClassPrefix25(bem17("dialog", "header")), styles["header"]), children: [
-      /* @__PURE__ */ jsx90(
+      /* @__PURE__ */ jsx92(
         "h2",
         {
           ...props,
@@ -12807,7 +12906,7 @@ var DialogHeading = forwardRef10(
           children
         }
       ),
-      /* @__PURE__ */ jsx90(
+      /* @__PURE__ */ jsx92(
         Button_default,
         {
           color: "tertiary",
@@ -12818,7 +12917,7 @@ var DialogHeading = forwardRef10(
             context.setOpen(false);
           },
           "aria-label": "Close",
-          children: /* @__PURE__ */ jsx90(X_default, { width: 16, height: 16 })
+          children: /* @__PURE__ */ jsx92(X_default, { width: 16, height: 16 })
         }
       )
     ] });
@@ -12836,7 +12935,7 @@ var DialogDescription = forwardRef10(
         context.setDescriptionId(void 0);
       };
     }, [id, context.setDescriptionId]);
-    return /* @__PURE__ */ jsx90(
+    return /* @__PURE__ */ jsx92(
       "p",
       {
         ...props,
@@ -12865,7 +12964,7 @@ var DialogClose = forwardRef10(
         onClick: handleClick
       });
     }
-    return /* @__PURE__ */ jsx90(
+    return /* @__PURE__ */ jsx92(
       Button_default,
       {
         ...props,
@@ -12988,7 +13087,7 @@ var useStyles23 = (theme, colorScheme, disabled, hasError, canAddMore, canRemove
 var MultiInput_styles_default = useStyles23;
 
 // src/components/primitives/MultiInput/MultiInput.tsx
-import { jsx as jsx91, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx93, jsxs as jsxs38 } from "react/jsx-runtime";
 var MultiInput = ({
   label,
   error,
@@ -13011,8 +13110,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__ */ jsx91("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx27(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx91("path", { d: "M12 5v14M5 12h14" }) });
-  const BinIcon = ({ iconClassName }) => /* @__PURE__ */ jsx91("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx27(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx91("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__ */ jsx93("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx27(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx93("path", { d: "M12 5v14M5 12h14" }) });
+  const BinIcon = ({ iconClassName }) => /* @__PURE__ */ jsx93("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: cx27(styles["icon"], iconClassName), children: /* @__PURE__ */ jsx93("path", { d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14ZM10 11v6M14 11v6" }) });
   const handleAddValue = useCallback16(
     (newValue) => {
       if (newValue.trim() !== "" && (!maxFields || values.length < maxFields)) {
@@ -13056,9 +13155,9 @@ var MultiInput = ({
       };
       switch (fieldType) {
         case "DATE_TIME":
-          return /* @__PURE__ */ jsx91(DatePicker_default, { ...commonProps });
+          return /* @__PURE__ */ jsx93(DatePicker_default, { ...commonProps });
         case "BOOLEAN":
-          return /* @__PURE__ */ jsx91(
+          return /* @__PURE__ */ jsx93(
             Checkbox_default,
             {
               ...commonProps,
@@ -13067,7 +13166,7 @@ var MultiInput = ({
             }
           );
         default:
-          return /* @__PURE__ */ jsx91(TextField_default, { ...commonProps, type });
+          return /* @__PURE__ */ jsx93(TextField_default, { ...commonProps, type });
       }
     },
     [placeholder, disabled, startIcon, endIcon, error, fieldType, type]
@@ -13087,27 +13186,27 @@ var MultiInput = ({
       className: cx27(withVendorCSSClassPrefix26(bem18("multi-input")), className),
       style,
       children: [
-        label && /* @__PURE__ */ jsx91(InputLabel_default, { required, error: !!error, children: label }),
+        label && /* @__PURE__ */ jsx93(InputLabel_default, { required, error: !!error, children: label }),
         /* @__PURE__ */ jsxs38("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "container")), styles["container"]), children: [
-          /* @__PURE__ */ jsx91("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ jsx91("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
+          /* @__PURE__ */ jsx93("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ jsx93("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
             currentInputValue,
             setCurrentInputValue,
-            canAddMore ? /* @__PURE__ */ jsx91(PlusIcon, { iconClassName: styles["plusIcon"] }) : void 0,
+            canAddMore ? /* @__PURE__ */ jsx93(PlusIcon, { iconClassName: styles["plusIcon"] }) : void 0,
             canAddMore ? handleInputSubmit : void 0
           ) }) }),
-          values.length > 0 && /* @__PURE__ */ jsx91("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ jsxs38(
+          values.length > 0 && /* @__PURE__ */ jsx93("div", { className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ jsxs38(
             "div",
             {
               className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "list-item")), styles["listItem"]),
               children: [
-                /* @__PURE__ */ jsx91(
+                /* @__PURE__ */ jsx93(
                   "span",
                   {
                     className: cx27(withVendorCSSClassPrefix26(bem18("multi-input", "list-item-text")), styles["listItemText"]),
                     children: value
                   }
                 ),
-                canRemove && /* @__PURE__ */ jsx91(
+                canRemove && /* @__PURE__ */ jsx93(
                   "button",
                   {
                     type: "button",
@@ -13118,7 +13217,7 @@ var MultiInput = ({
                       styles["removeButton"]
                     ),
                     title: "Remove value",
-                    children: /* @__PURE__ */ jsx91(BinIcon, { iconClassName: styles["icon"] })
+                    children: /* @__PURE__ */ jsx93(BinIcon, { iconClassName: styles["icon"] })
                   }
                 )
               ]
@@ -13133,7 +13232,7 @@ var MultiInput = ({
 var MultiInput_default = MultiInput;
 
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
-import { Fragment as Fragment15, jsx as jsx92, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx94, jsxs as jsxs39 } from "react/jsx-runtime";
 var fieldsToSkip = [
   "roles.default",
   "active",
@@ -13195,7 +13294,7 @@ var BaseUserProfile = ({
     },
     [showFields, hideFields]
   );
-  const PencilIcon = () => /* @__PURE__ */ jsx92(
+  const PencilIcon = () => /* @__PURE__ */ jsx94(
     "svg",
     {
       width: "16",
@@ -13206,7 +13305,7 @@ var BaseUserProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx92("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+      children: /* @__PURE__ */ jsx94("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
     }
   );
   const toggleFieldEdit = useCallback17((fieldName) => {
@@ -13236,12 +13335,12 @@ var BaseUserProfile = ({
   const styles = BaseUserProfile_styles_default(theme, colorScheme);
   const ObjectDisplay = ({ data }) => {
     if (!data || typeof data !== "object") return null;
-    return /* @__PURE__ */ jsx92("table", { className: styles.value, children: /* @__PURE__ */ jsx92("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ jsxs39("tr", { children: [
-      /* @__PURE__ */ jsx92("td", { className: styles.objectKey, children: /* @__PURE__ */ jsxs39("strong", { children: [
+    return /* @__PURE__ */ jsx94("table", { className: styles.value, children: /* @__PURE__ */ jsx94("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ jsxs39("tr", { children: [
+      /* @__PURE__ */ jsx94("td", { className: styles.objectKey, children: /* @__PURE__ */ jsxs39("strong", { children: [
         formatLabel(key),
         ":"
       ] }) }),
-      /* @__PURE__ */ jsx92("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ jsx92(ObjectDisplay, { data: value }) : String(value) })
+      /* @__PURE__ */ jsx94("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ jsx94(ObjectDisplay, { data: value }) : String(value) })
     ] }, key)) }) });
   };
   function set(obj, path, value) {
@@ -13316,7 +13415,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__ */ jsx92(Fragment15, { children: subAttributes.map((subAttr, index) => {
+      return /* @__PURE__ */ jsx94(Fragment16, { children: subAttributes.map((subAttr, index) => {
         let displayValue2;
         if (Array.isArray(subAttr.value)) {
           displayValue2 = subAttr.value.map((item) => typeof item === "object" ? JSON.stringify(item) : String(item)).join(", ");
@@ -13326,8 +13425,8 @@ var BaseUserProfile = ({
           displayValue2 = String(subAttr.value);
         }
         return /* @__PURE__ */ jsxs39("div", { className: styles.field, children: [
-          /* @__PURE__ */ jsx92("span", { className: styles.label, children: subAttr.displayName || subAttr.description || "" }),
-          /* @__PURE__ */ jsx92("div", { className: styles.value, children: displayValue2 })
+          /* @__PURE__ */ jsx94("span", { className: styles.label, children: subAttr.displayName || subAttr.description || "" }),
+          /* @__PURE__ */ jsx94("div", { className: styles.value, children: displayValue2 })
         ] }, index);
       }) });
     }
@@ -13351,9 +13450,9 @@ var BaseUserProfile = ({
         } else {
           fieldValues = [];
         }
-        return /* @__PURE__ */ jsxs39(Fragment15, { children: [
-          /* @__PURE__ */ jsx92("span", { className: styles.label, children: label }),
-          /* @__PURE__ */ jsx92("div", { className: styles.value, children: /* @__PURE__ */ jsx92(
+        return /* @__PURE__ */ jsxs39(Fragment16, { children: [
+          /* @__PURE__ */ jsx94("span", { className: styles.label, children: label }),
+          /* @__PURE__ */ jsx94("div", { className: styles.value, children: /* @__PURE__ */ jsx94(
             MultiInput_default,
             {
               values: fieldValues,
@@ -13384,9 +13483,9 @@ var BaseUserProfile = ({
       } else {
         displayValue2 = "-";
       }
-      return /* @__PURE__ */ jsxs39(Fragment15, { children: [
-        /* @__PURE__ */ jsx92("span", { className: styles.label, children: label }),
-        /* @__PURE__ */ jsx92("div", { className: cx28(styles.value, !hasValues ? styles.valuePlaceholder : ""), children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ jsx92(
+      return /* @__PURE__ */ jsxs39(Fragment16, { children: [
+        /* @__PURE__ */ jsx94("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ jsx94("div", { className: cx28(styles.value, !hasValues ? styles.valuePlaceholder : ""), children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ jsx94(
           Button_default,
           {
             onClick: onStartEdit,
@@ -13401,7 +13500,7 @@ var BaseUserProfile = ({
       ] });
     }
     if (type === "COMPLEX" && typeof value === "object") {
-      return /* @__PURE__ */ jsx92(ObjectDisplay, { data: value });
+      return /* @__PURE__ */ jsx94(ObjectDisplay, { data: value });
     }
     if (isEditing && onEditValue && mutability !== "READ_ONLY" && !readonlyFields.includes(name || "")) {
       let fieldValue;
@@ -13423,13 +13522,13 @@ var BaseUserProfile = ({
       let field;
       switch (type) {
         case "STRING":
-          field = /* @__PURE__ */ jsx92(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx94(TextField_default, { ...commonProps });
           break;
         case "DATE_TIME":
-          field = /* @__PURE__ */ jsx92(DatePicker_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx94(DatePicker_default, { ...commonProps });
           break;
         case "BOOLEAN":
-          field = /* @__PURE__ */ jsx92(
+          field = /* @__PURE__ */ jsx94(
             Checkbox_default,
             {
               ...commonProps,
@@ -13441,7 +13540,7 @@ var BaseUserProfile = ({
           );
           break;
         case "COMPLEX":
-          field = /* @__PURE__ */ jsx92(
+          field = /* @__PURE__ */ jsx94(
             "textarea",
             {
               value: fieldValue,
@@ -13453,11 +13552,11 @@ var BaseUserProfile = ({
           );
           break;
         default:
-          field = /* @__PURE__ */ jsx92(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ jsx94(TextField_default, { ...commonProps });
       }
-      return /* @__PURE__ */ jsxs39(Fragment15, { children: [
-        /* @__PURE__ */ jsx92("span", { className: styles.label, children: label }),
-        /* @__PURE__ */ jsx92("div", { className: styles.value, children: field })
+      return /* @__PURE__ */ jsxs39(Fragment16, { children: [
+        /* @__PURE__ */ jsx94("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ jsx94("div", { className: styles.value, children: field })
       ] });
     }
     const hasValue = value !== void 0 && value !== null && value !== "";
@@ -13470,9 +13569,9 @@ var BaseUserProfile = ({
     } else {
       displayValue = "-";
     }
-    return /* @__PURE__ */ jsxs39(Fragment15, { children: [
-      /* @__PURE__ */ jsx92("span", { className: styles.label, children: label }),
-      /* @__PURE__ */ jsx92("div", { className: cx28(styles.value, !hasValue ? styles.valuePlaceholder : ""), children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ jsx92(
+    return /* @__PURE__ */ jsxs39(Fragment16, { children: [
+      /* @__PURE__ */ jsx94("span", { className: styles.label, children: label }),
+      /* @__PURE__ */ jsx94("div", { className: cx28(styles.value, !hasValue ? styles.valuePlaceholder : ""), children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ jsx94(
         Button_default,
         {
           onClick: onStartEdit,
@@ -13496,7 +13595,7 @@ var BaseUserProfile = ({
       return null;
     }
     return /* @__PURE__ */ jsxs39("div", { className: styles.field, children: [
-      /* @__PURE__ */ jsx92("div", { className: styles.fieldInner, children: renderSchemaField(
+      /* @__PURE__ */ jsx94("div", { className: styles.fieldInner, children: renderSchemaField(
         schema,
         isFieldEditing,
         (value) => {
@@ -13507,9 +13606,9 @@ var BaseUserProfile = ({
         () => toggleFieldEdit(schema.name)
       ) }),
       editable && schema.mutability !== "READ_ONLY" && !isReadonlyField && /* @__PURE__ */ jsxs39("div", { className: styles.fieldActions, children: [
-        isFieldEditing && /* @__PURE__ */ jsxs39(Fragment15, { children: [
-          /* @__PURE__ */ jsx92(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
-          /* @__PURE__ */ jsx92(
+        isFieldEditing && /* @__PURE__ */ jsxs39(Fragment16, { children: [
+          /* @__PURE__ */ jsx94(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
+          /* @__PURE__ */ jsx94(
             Button_default,
             {
               size: "small",
@@ -13520,7 +13619,7 @@ var BaseUserProfile = ({
             }
           )
         ] }),
-        !isFieldEditing && hasValue && /* @__PURE__ */ jsx92(
+        !isFieldEditing && hasValue && /* @__PURE__ */ jsx94(
           Button_default,
           {
             size: "small",
@@ -13529,7 +13628,7 @@ var BaseUserProfile = ({
             onClick: () => toggleFieldEdit(schema.name),
             title: "Edit",
             className: styles.editButton,
-            children: /* @__PURE__ */ jsx92(PencilIcon, {})
+            children: /* @__PURE__ */ jsx94(PencilIcon, {})
           }
         )
       ] })
@@ -13552,9 +13651,9 @@ var BaseUserProfile = ({
       if (!shouldShowField(key)) return false;
       return value !== void 0 && value !== "" && value !== null;
     }).sort(([a], [b]) => a.localeCompare(b));
-    return /* @__PURE__ */ jsxs39(Fragment15, { children: [
+    return /* @__PURE__ */ jsxs39(Fragment16, { children: [
       /* @__PURE__ */ jsxs39("div", { className: styles.profileSummary, children: [
-        /* @__PURE__ */ jsx92(
+        /* @__PURE__ */ jsx94(
           Avatar,
           {
             imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -13564,16 +13663,16 @@ var BaseUserProfile = ({
             isLoading
           }
         ),
-        /* @__PURE__ */ jsx92(Typography_default, { variant: "h3", fontWeight: "medium", children: displayName }),
-        getMappedUserProfileValue_default("email", mergedMappings, currentUser) && /* @__PURE__ */ jsx92(Typography_default, { variant: "body2", color: "textSecondary", children: getMappedUserProfileValue_default("email", mergedMappings, currentUser) })
+        /* @__PURE__ */ jsx94(Typography_default, { variant: "h3", fontWeight: "medium", children: displayName }),
+        getMappedUserProfileValue_default("email", mergedMappings, currentUser) && /* @__PURE__ */ jsx94(Typography_default, { variant: "body2", color: "textSecondary", children: getMappedUserProfileValue_default("email", mergedMappings, currentUser) })
       ] }),
-      /* @__PURE__ */ jsx92(Divider_default, {}),
+      /* @__PURE__ */ jsx94(Divider_default, {}),
       profileEntries.map(([key, value], index) => /* @__PURE__ */ jsxs39("div", { children: [
         /* @__PURE__ */ jsxs39("div", { className: styles.sectionRow, children: [
-          /* @__PURE__ */ jsx92("div", { className: styles.sectionLabel, children: formatLabel(key) }),
-          /* @__PURE__ */ jsx92("div", { className: styles.sectionValue, children: typeof value === "object" ? /* @__PURE__ */ jsx92(ObjectDisplay, { data: value }) : String(value) })
+          /* @__PURE__ */ jsx94("div", { className: styles.sectionLabel, children: formatLabel(key) }),
+          /* @__PURE__ */ jsx94("div", { className: styles.sectionValue, children: typeof value === "object" ? /* @__PURE__ */ jsx94(ObjectDisplay, { data: value }) : String(value) })
         ] }),
-        index < profileEntries.length - 1 && /* @__PURE__ */ jsx92(Divider_default, {})
+        index < profileEntries.length - 1 && /* @__PURE__ */ jsx94(Divider_default, {})
       ] }, key))
     ] });
   };
@@ -13584,12 +13683,12 @@ var BaseUserProfile = ({
         variant: "error",
         className: cx28(withVendorCSSClassPrefix27(bem19("user-profile", "alert")), styles.alert),
         children: [
-          /* @__PURE__ */ jsx92(Alert_default.Title, { children: t("errors.heading") || "Error" }),
-          /* @__PURE__ */ jsx92(Alert_default.Description, { children: error })
+          /* @__PURE__ */ jsx94(Alert_default.Title, { children: t("errors.heading") || "Error" }),
+          /* @__PURE__ */ jsx94(Alert_default.Description, { children: error })
         ]
       }
     ),
-    schemas && schemas.length > 0 && /* @__PURE__ */ jsx92("div", { className: styles.header, children: /* @__PURE__ */ jsx92(
+    schemas && schemas.length > 0 && /* @__PURE__ */ jsx94("div", { className: styles.header, children: /* @__PURE__ */ jsx94(
       Avatar,
       {
         imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -13599,7 +13698,7 @@ var BaseUserProfile = ({
         isLoading
       }
     ) }),
-    /* @__PURE__ */ jsx92("div", { className: styles.infoContainer, children: schemas && schemas.length > 0 ? schemas.filter((schema) => {
+    /* @__PURE__ */ jsx94("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;
@@ -13616,13 +13715,13 @@ var BaseUserProfile = ({
         ...schema,
         value
       };
-      return /* @__PURE__ */ jsx92("div", { className: styles.info, children: renderUserInfo(schemaWithValue) }, schema.name || index);
+      return /* @__PURE__ */ jsx94("div", { className: styles.info, children: renderUserInfo(schemaWithValue) }, schema.name || index);
     }) : renderProfileWithoutSchemas() })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx92(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs39(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx92(Dialog_default.Heading, { children: title ?? t("user.profile.heading") }),
-      /* @__PURE__ */ jsx92("div", { className: styles.popup, children: profileContent })
+    return /* @__PURE__ */ jsx94(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs39(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx94(Dialog_default.Heading, { children: title ?? t("user.profile.heading") }),
+      /* @__PURE__ */ jsx94("div", { className: styles.popup, children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -13664,7 +13763,7 @@ var updateMeProfile = async ({ fetcher, instanceId = 0, ...requestConfig }) => {
 var updateMeProfile_default = updateMeProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
-import { jsx as jsx93 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 var UserProfile3 = ({ preferences, ...rest }) => {
   const { baseUrl, instanceId } = useAsgardeo_default();
   const { profile, flattenedProfile, schemas, onUpdateProfile } = useUser_default();
@@ -13683,7 +13782,7 @@ var UserProfile3 = ({ preferences, ...rest }) => {
       setError(message);
     }
   };
-  return /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsx95(
     BaseUserProfile_default,
     {
       profile,
@@ -13906,7 +14005,7 @@ var useStyles24 = (theme, colorScheme) => useMemo35(() => {
 var BaseUserDropdown_styles_default = useStyles24;
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.tsx
-import { jsx as jsx94, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx96, jsxs as jsxs40 } from "react/jsx-runtime";
 var BaseUserDropdown = ({
   fallback = null,
   className = "",
@@ -13958,14 +14057,14 @@ var BaseUserDropdown = ({
   const defaultMenuItems = [];
   if (onManageProfile) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ jsx94(User_default2, { width: "16", height: "16" }),
+      icon: /* @__PURE__ */ jsx96(User_default2, { width: "16", height: "16" }),
       label: "Manage Profile",
       onClick: onManageProfile
     });
   }
   if (onSignOut) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ jsx94(LogOut_default, { width: "16", height: "16" }),
+      icon: /* @__PURE__ */ jsx96(LogOut_default, { width: "16", height: "16" }),
       label: "Sign Out",
       onClick: onSignOut
     });
@@ -13989,7 +14088,7 @@ var BaseUserDropdown = ({
         "data-testid": "asgardeo-user-dropdown-trigger",
         ...getReferenceProps(),
         children: [
-          /* @__PURE__ */ jsx94(
+          /* @__PURE__ */ jsx96(
             Avatar,
             {
               imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -13998,7 +14097,7 @@ var BaseUserDropdown = ({
               alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
             }
           ),
-          showTriggerLabel && /* @__PURE__ */ jsx94(
+          showTriggerLabel && /* @__PURE__ */ jsx96(
             Typography_default,
             {
               variant: "body2",
@@ -14009,7 +14108,7 @@ var BaseUserDropdown = ({
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx94(FloatingPortal2, { id: portalId, children: /* @__PURE__ */ jsx94(FloatingFocusManager2, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs40(
+    isOpen && /* @__PURE__ */ jsx96(FloatingPortal2, { id: portalId, children: /* @__PURE__ */ jsx96(FloatingFocusManager2, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs40(
       "div",
       {
         ref: refs.setFloating,
@@ -14023,7 +14122,7 @@ var BaseUserDropdown = ({
         ...getFloatingProps(),
         children: [
           /* @__PURE__ */ jsxs40("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__header"), styles["dropdownHeader"]), children: [
-            /* @__PURE__ */ jsx94(
+            /* @__PURE__ */ jsx96(
               Avatar,
               {
                 imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -14033,7 +14132,7 @@ var BaseUserDropdown = ({
               }
             ),
             /* @__PURE__ */ jsxs40("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__header-info"), styles["headerInfo"]), children: [
-              /* @__PURE__ */ jsx94(
+              /* @__PURE__ */ jsx96(
                 Typography_default,
                 {
                   noWrap: true,
@@ -14043,7 +14142,7 @@ var BaseUserDropdown = ({
                   children: getDisplayName_default(mergedMappings, user)
                 }
               ),
-              /* @__PURE__ */ jsx94(
+              /* @__PURE__ */ jsx96(
                 Typography_default,
                 {
                   noWrap: true,
@@ -14055,9 +14154,9 @@ var BaseUserDropdown = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx94("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ jsx94("div", { children: (() => {
+          /* @__PURE__ */ jsx96("div", { className: cx29(withVendorCSSClassPrefix28("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ jsx96("div", { children: (() => {
             if (item.label === "") {
-              return /* @__PURE__ */ jsx94(
+              return /* @__PURE__ */ jsx96(
                 "div",
                 {
                   className: cx29(withVendorCSSClassPrefix28("user-dropdown__menu-divider"), styles["divider"])
@@ -14082,12 +14181,12 @@ var BaseUserDropdown = ({
                   onBlur: () => setHoveredItemIndex(null),
                   children: [
                     item.icon,
-                    /* @__PURE__ */ jsx94("span", { children: item.label })
+                    /* @__PURE__ */ jsx96("span", { children: item.label })
                   ]
                 }
               );
             }
-            return /* @__PURE__ */ jsx94(
+            return /* @__PURE__ */ jsx96(
               Button_default,
               {
                 onClick: () => handleMenuItemClick(item),
@@ -14114,7 +14213,7 @@ var BaseUserDropdown_default = BaseUserDropdown;
 
 // src/components/presentation/UserDropdown/UserDropdown.tsx
 import { useState as useState27 } from "react";
-import { Fragment as Fragment16, jsx as jsx95, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx97, jsxs as jsxs41 } from "react/jsx-runtime";
 var UserDropdown = ({
   children,
   renderTrigger,
@@ -14146,14 +14245,14 @@ var UserDropdown = ({
     user
   };
   if (children) {
-    return /* @__PURE__ */ jsxs41(Fragment16, { children: [
+    return /* @__PURE__ */ jsxs41(Fragment17, { children: [
       children(renderProps),
-      /* @__PURE__ */ jsx95(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ jsx97(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
   if (renderTrigger || renderDropdown) {
-    return /* @__PURE__ */ jsxs41(Fragment16, { children: [
-      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ jsx95(
+    return /* @__PURE__ */ jsxs41(Fragment17, { children: [
+      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ jsx97(
         BaseUserDropdown,
         {
           user,
@@ -14163,11 +14262,11 @@ var UserDropdown = ({
           ...rest
         }
       ),
-      /* @__PURE__ */ jsx95(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ jsx97(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
-  return /* @__PURE__ */ jsxs41(Fragment16, { children: [
-    /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsxs41(Fragment17, { children: [
+    /* @__PURE__ */ jsx97(
       BaseUserDropdown,
       {
         user,
@@ -14177,7 +14276,7 @@ var UserDropdown = ({
         ...rest
       }
     ),
-    isProfileOpen && /* @__PURE__ */ jsx95(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+    isProfileOpen && /* @__PURE__ */ jsx97(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
   ] });
 };
 var UserDropdown_default = UserDropdown;
@@ -14425,9 +14524,9 @@ var useStyles25 = (theme, colorScheme) => useMemo36(() => {
 var BaseOrganizationSwitcher_styles_default = useStyles25;
 
 // src/components/primitives/Icons/Building.tsx
-import { jsx as jsx96, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx98, jsxs as jsxs42 } from "react/jsx-runtime";
 var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsxs42("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx96(
+  /* @__PURE__ */ jsx98(
     "path",
     {
       d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",
@@ -14437,30 +14536,30 @@ var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PU
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ jsx96("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx96("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx96("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx96("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx96("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx96("path", { d: "M14 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  /* @__PURE__ */ jsx98("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx98("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx98("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx98("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx98("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx98("path", { d: "M14 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
 ] });
 Building.displayName = "Building";
 var Building_default = Building;
 
 // src/components/primitives/Icons/Check.tsx
-import { jsx as jsx97 } from "react/jsx-runtime";
-var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx97("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx97("path", { d: "M20 6 9 17l-5-5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+import { jsx as jsx99 } from "react/jsx-runtime";
+var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx99("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx99("path", { d: "M20 6 9 17l-5-5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 Check.displayName = "Check";
 var Check_default = Check;
 
 // src/components/primitives/Icons/ChevronDown.tsx
-import { jsx as jsx98 } from "react/jsx-runtime";
-var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx98("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx98("path", { d: "m6 9 6 6 6-6", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+import { jsx as jsx100 } from "react/jsx-runtime";
+var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ jsx100("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx100("path", { d: "m6 9 6 6 6-6", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 ChevronDown.displayName = "ChevronDown";
 var ChevronDown_default = ChevronDown;
 
 // src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.tsx
-import { Fragment as Fragment17, jsx as jsx99, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx101, jsxs as jsxs43 } from "react/jsx-runtime";
 var BaseOrganizationSwitcher = ({
   organizations,
   currentOrganization,
@@ -14515,8 +14614,8 @@ var BaseOrganizationSwitcher = ({
   const switchableOrganizations = organizations.filter(
     (org) => org.id !== currentOrganization?.id
   );
-  const defaultRenderOrganization2 = (organization, isSelected) => /* @__PURE__ */ jsxs43(Fragment17, { children: [
-    /* @__PURE__ */ jsx99(
+  const defaultRenderOrganization2 = (organization, isSelected) => /* @__PURE__ */ jsxs43(Fragment18, { children: [
+    /* @__PURE__ */ jsx101(
       Avatar,
       {
         variant: "square",
@@ -14527,21 +14626,21 @@ var BaseOrganizationSwitcher = ({
       }
     ),
     /* @__PURE__ */ jsxs43("div", { className: cx30(styles["organizationInfo"]), children: [
-      /* @__PURE__ */ jsx99(Typography_default, { variant: "body2", fontWeight: "medium", className: cx30(styles["organizationName"]), children: organization.name }),
+      /* @__PURE__ */ jsx101(Typography_default, { variant: "body2", fontWeight: "medium", className: cx30(styles["organizationName"]), children: organization.name }),
       /* @__PURE__ */ jsxs43("div", { className: cx30(styles["organizationMeta"]), children: [
         showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ jsxs43("span", { children: [
           organization.memberCount,
           " ",
           organization.memberCount === 1 ? t("organization.switcher.member") : t("organization.switcher.members")
         ] }),
-        showRole && organization.role && showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ jsx99("span", { children: " \u2022 " }),
-        showRole && organization.role && /* @__PURE__ */ jsx99("span", { className: cx30(styles["roleCapitalized"]), children: organization.role })
+        showRole && organization.role && showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ jsx101("span", { children: " \u2022 " }),
+        showRole && organization.role && /* @__PURE__ */ jsx101("span", { className: cx30(styles["roleCapitalized"]), children: organization.role })
       ] })
     ] }),
-    isSelected && /* @__PURE__ */ jsx99(Check_default, { width: "16", height: "16", color: theme.vars.colors.text.primary })
+    isSelected && /* @__PURE__ */ jsx101(Check_default, { width: "16", height: "16", color: theme.vars.colors.text.primary })
   ] });
-  const defaultRenderLoading2 = () => /* @__PURE__ */ jsx99("div", { className: cx30(styles["loadingContainer"]), children: /* @__PURE__ */ jsx99(Typography_default, { variant: "caption", className: cx30(styles["loadingText"]), children: t("organization.switcher.loading.placeholder.organizations") }) });
-  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ jsx99("div", { className: cx30(styles["errorContainer"]), children: /* @__PURE__ */ jsx99(Typography_default, { variant: "caption", className: cx30(styles["errorText"]), children: errorMessage }) });
+  const defaultRenderLoading2 = () => /* @__PURE__ */ jsx101("div", { className: cx30(styles["loadingContainer"]), children: /* @__PURE__ */ jsx101(Typography_default, { variant: "caption", className: cx30(styles["loadingText"]), children: t("organization.switcher.loading.placeholder.organizations") }) });
+  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ jsx101("div", { className: cx30(styles["errorContainer"]), children: /* @__PURE__ */ jsx101(Typography_default, { variant: "caption", className: cx30(styles["errorText"]), children: errorMessage }) });
   return /* @__PURE__ */ jsxs43("div", { className: cx30(styles["root"], className), style, children: [
     /* @__PURE__ */ jsxs43(
       Button_default,
@@ -14553,8 +14652,8 @@ var BaseOrganizationSwitcher = ({
         size: "medium",
         ...getReferenceProps(),
         children: [
-          currentOrganization ? /* @__PURE__ */ jsxs43(Fragment17, { children: [
-            /* @__PURE__ */ jsx99(
+          currentOrganization ? /* @__PURE__ */ jsxs43(Fragment18, { children: [
+            /* @__PURE__ */ jsx101(
               Avatar,
               {
                 variant: "square",
@@ -14564,16 +14663,16 @@ var BaseOrganizationSwitcher = ({
                 alt: `${currentOrganization.name} avatar`
               }
             ),
-            showTriggerLabel && /* @__PURE__ */ jsx99(Typography_default, { variant: "body2", className: cx30(styles["triggerLabel"]), children: currentOrganization.name })
-          ] }) : /* @__PURE__ */ jsxs43(Fragment17, { children: [
-            /* @__PURE__ */ jsx99(Building_default, { width: avatarSize, height: avatarSize }),
-            showTriggerLabel && /* @__PURE__ */ jsx99(Typography_default, { variant: "body2", className: cx30(styles["triggerLabel"]), children: t("elements.fields.organization.select.label") })
+            showTriggerLabel && /* @__PURE__ */ jsx101(Typography_default, { variant: "body2", className: cx30(styles["triggerLabel"]), children: currentOrganization.name })
+          ] }) : /* @__PURE__ */ jsxs43(Fragment18, { children: [
+            /* @__PURE__ */ jsx101(Building_default, { width: avatarSize, height: avatarSize }),
+            showTriggerLabel && /* @__PURE__ */ jsx101(Typography_default, { variant: "body2", className: cx30(styles["triggerLabel"]), children: t("elements.fields.organization.select.label") })
           ] }),
-          /* @__PURE__ */ jsx99("span", { style: { display: "inline-flex", transform: isRTL ? "scaleX(-1)" : "none" }, children: /* @__PURE__ */ jsx99(ChevronDown_default, { width: "16", height: "16" }) })
+          /* @__PURE__ */ jsx101("span", { style: { display: "inline-flex", transform: isRTL ? "scaleX(-1)" : "none" }, children: /* @__PURE__ */ jsx101(ChevronDown_default, { width: "16", height: "16" }) })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx99(FloatingPortal3, { id: portalId, children: /* @__PURE__ */ jsx99(FloatingFocusManager3, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs43(
+    isOpen && /* @__PURE__ */ jsx101(FloatingPortal3, { id: portalId, children: /* @__PURE__ */ jsx101(FloatingFocusManager3, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ jsxs43(
       "div",
       {
         ref: refs.setFloating,
@@ -14582,7 +14681,7 @@ var BaseOrganizationSwitcher = ({
         ...getFloatingProps(),
         children: [
           currentOrganization && /* @__PURE__ */ jsxs43("div", { className: cx30(styles["header"]), children: [
-            /* @__PURE__ */ jsx99(
+            /* @__PURE__ */ jsx101(
               Avatar,
               {
                 variant: "square",
@@ -14593,7 +14692,7 @@ var BaseOrganizationSwitcher = ({
               }
             ),
             /* @__PURE__ */ jsxs43("div", { className: cx30(styles["headerInfo"]), children: [
-              /* @__PURE__ */ jsx99(Typography_default, { noWrap: true, className: cx30(styles["headerName"]), variant: "body1", fontWeight: "medium", children: currentOrganization.name }),
+              /* @__PURE__ */ jsx101(Typography_default, { noWrap: true, className: cx30(styles["headerName"]), variant: "body1", fontWeight: "medium", children: currentOrganization.name }),
               /* @__PURE__ */ jsxs43("div", { className: cx30(styles["headerMeta"]), children: [
                 showMemberCount && currentOrganization.memberCount !== void 0 && /* @__PURE__ */ jsxs43(
                   Typography_default,
@@ -14612,10 +14711,10 @@ var BaseOrganizationSwitcher = ({
                     ]
                   }
                 ),
-                showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ jsx99(Typography_default, { noWrap: true, className: cx30(styles["headerRole"]), variant: "caption", color: "secondary", children: currentOrganization.role })
+                showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ jsx101(Typography_default, { noWrap: true, className: cx30(styles["headerRole"]), variant: "caption", color: "secondary", children: currentOrganization.role })
               ] })
             ] }),
-            onManageProfile && /* @__PURE__ */ jsx99(
+            onManageProfile && /* @__PURE__ */ jsx101(
               Button_default,
               {
                 onClick: onManageProfile,
@@ -14636,8 +14735,8 @@ var BaseOrganizationSwitcher = ({
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ jsx99("circle", { cx: "12", cy: "12", r: "3" }),
-                      /* @__PURE__ */ jsx99("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__ */ jsx101("circle", { cx: "12", cy: "12", r: "3" }),
+                      /* @__PURE__ */ jsx101("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
                     ]
                   }
                 ),
@@ -14645,27 +14744,27 @@ var BaseOrganizationSwitcher = ({
               }
             )
           ] }),
-          organizations.length > 1 && /* @__PURE__ */ jsx99(
+          organizations.length > 1 && /* @__PURE__ */ jsx101(
             "div",
             {
               className: cx30(styles["header"], styles["sectionHeaderContainer"]),
               style: {
                 borderTop: currentOrganization ? `1px solid ${theme.vars.colors.border}` : "none"
               },
-              children: /* @__PURE__ */ jsx99(Typography_default, { variant: "caption", fontWeight: 600, className: cx30(styles["sectionHeader"]), children: t("organization.switcher.switch.organization") })
+              children: /* @__PURE__ */ jsx101(Typography_default, { variant: "caption", fontWeight: 600, className: cx30(styles["sectionHeader"]), children: t("organization.switcher.switch.organization") })
             }
           ),
-          /* @__PURE__ */ jsx99("div", { className: cx30(styles["menu"]), children: (() => {
+          /* @__PURE__ */ jsx101("div", { className: cx30(styles["menu"]), children: (() => {
             if (loading) {
               return renderLoading ? renderLoading() : defaultRenderLoading2();
             }
             if (error) {
               return renderError ? renderError(error) : defaultRenderError2(error);
             }
-            return /* @__PURE__ */ jsxs43(Fragment17, { children: [
+            return /* @__PURE__ */ jsxs43(Fragment18, { children: [
               switchableOrganizations.map((organization) => {
                 const isSelected = false;
-                return /* @__PURE__ */ jsx99(
+                return /* @__PURE__ */ jsx101(
                   Button_default,
                   {
                     onClick: () => handleOrganizationSwitch(organization),
@@ -14683,10 +14782,10 @@ var BaseOrganizationSwitcher = ({
                   organization.id
                 );
               }),
-              menuItems.length > 0 && /* @__PURE__ */ jsxs43(Fragment17, { children: [
-                /* @__PURE__ */ jsx99("div", { className: cx30(styles["menuDivider"]) }),
+              menuItems.length > 0 && /* @__PURE__ */ jsxs43(Fragment18, { children: [
+                /* @__PURE__ */ jsx101("div", { className: cx30(styles["menuDivider"]) }),
                 menuItems.map(
-                  (item, index) => /* @__PURE__ */ jsx99("div", { children: item.href ? /* @__PURE__ */ jsxs43(
+                  (item, index) => /* @__PURE__ */ jsx101("div", { children: item.href ? /* @__PURE__ */ jsxs43(
                     "a",
                     {
                       href: item.href,
@@ -14700,10 +14799,10 @@ var BaseOrganizationSwitcher = ({
                       onBlur: () => setHoveredItemIndex(null),
                       children: [
                         item.icon,
-                        /* @__PURE__ */ jsx99("span", { children: item.label })
+                        /* @__PURE__ */ jsx101("span", { children: item.label })
                       ]
                     }
-                  ) : /* @__PURE__ */ jsx99(
+                  ) : /* @__PURE__ */ jsx101(
                     Button_default,
                     {
                       onClick: () => handleMenuItemClick(item),
@@ -14735,7 +14834,7 @@ var BaseOrganizationSwitcher_default = BaseOrganizationSwitcher;
 import { useState as useState35 } from "react";
 
 // src/components/primitives/Icons/BuildingAlt.tsx
-import { jsx as jsx100, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx102, jsxs as jsxs44 } from "react/jsx-runtime";
 var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ jsxs44(
   "svg",
   {
@@ -14749,13 +14848,13 @@ var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ jsxs44(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx100("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
-      /* @__PURE__ */ jsx100("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
-      /* @__PURE__ */ jsx100("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
-      /* @__PURE__ */ jsx100("path", { d: "M10 6h4" }),
-      /* @__PURE__ */ jsx100("path", { d: "M10 10h4" }),
-      /* @__PURE__ */ jsx100("path", { d: "M10 14h4" }),
-      /* @__PURE__ */ jsx100("path", { d: "M10 18h4" })
+      /* @__PURE__ */ jsx102("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+      /* @__PURE__ */ jsx102("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
+      /* @__PURE__ */ jsx102("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ jsx102("path", { d: "M10 6h4" }),
+      /* @__PURE__ */ jsx102("path", { d: "M10 10h4" }),
+      /* @__PURE__ */ jsx102("path", { d: "M10 14h4" }),
+      /* @__PURE__ */ jsx102("path", { d: "M10 18h4" })
     ]
   }
 );
@@ -14909,7 +15008,7 @@ var useStyles26 = (theme, colorScheme) => useMemo37(() => {
 var BaseCreateOrganization_styles_default = useStyles26;
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
-import { jsx as jsx101, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx103, jsxs as jsxs45 } from "react/jsx-runtime";
 var logger8 = createPackageComponentLogger8(
   "@asgardeo/react",
   "BaseCreateOrganization"
@@ -14999,13 +15098,13 @@ var BaseCreateOrganization = ({
       logger8.error("Form submission error:");
     }
   };
-  const createOrganizationContent = /* @__PURE__ */ jsx101("div", { className: cx31(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ jsxs45("div", { className: cx31(styles["content"]), children: [
+  const createOrganizationContent = /* @__PURE__ */ jsx103("div", { className: cx31(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ jsxs45("div", { className: cx31(styles["content"]), children: [
     /* @__PURE__ */ jsxs45("form", { id: "create-organization-form", className: cx31(styles["form"]), onSubmit: handleSubmit, children: [
       error && /* @__PURE__ */ jsxs45(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
-        /* @__PURE__ */ jsx101(Alert_default.Title, { children: "Error" }),
-        /* @__PURE__ */ jsx101(Alert_default.Description, { children: error })
+        /* @__PURE__ */ jsx103(Alert_default.Title, { children: "Error" }),
+        /* @__PURE__ */ jsx103(Alert_default.Description, { children: error })
       ] }),
-      /* @__PURE__ */ jsx101("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx101(
+      /* @__PURE__ */ jsx103("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx103(
         TextField_default,
         {
           label: `${t("elements.fields.organization.name.label")}`,
@@ -15018,7 +15117,7 @@ var BaseCreateOrganization = ({
           className: cx31(styles["input"])
         }
       ) }),
-      /* @__PURE__ */ jsx101("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx101(
+      /* @__PURE__ */ jsx103("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsx103(
         TextField_default,
         {
           label: `${t("elements.fields.organization.handle.label") || "Organization Handle"}`,
@@ -15032,9 +15131,9 @@ var BaseCreateOrganization = ({
           className: cx31(styles["input"])
         }
       ) }),
-      /* @__PURE__ */ jsx101("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsxs45(FormControl_default, { error: formErrors.description, children: [
-        /* @__PURE__ */ jsx101(InputLabel_default, { required: true, children: t("elements.fields.organization.description.label") }),
-        /* @__PURE__ */ jsx101(
+      /* @__PURE__ */ jsx103("div", { className: cx31(styles["fieldGroup"]), children: /* @__PURE__ */ jsxs45(FormControl_default, { error: formErrors.description, children: [
+        /* @__PURE__ */ jsx103(InputLabel_default, { required: true, children: t("elements.fields.organization.description.label") }),
+        /* @__PURE__ */ jsx103(
           "textarea",
           {
             className: cx31(styles["textarea"], formErrors.description && styles["textareaError"]),
@@ -15049,14 +15148,14 @@ var BaseCreateOrganization = ({
       renderAdditionalFields && renderAdditionalFields()
     ] }),
     /* @__PURE__ */ jsxs45("div", { className: cx31(styles["actions"]), children: [
-      onCancel && /* @__PURE__ */ jsx101(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.buttons.cancel.text") }),
-      /* @__PURE__ */ jsx101(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__ */ jsx103(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.buttons.cancel.text") }),
+      /* @__PURE__ */ jsx103(Button_default, { type: "submit", variant: "solid", color: "primary", disabled: loading, form: "create-organization-form", children: loading ? t("organization.create.buttons.create_organization.loading.text") : t("organization.create.buttons.create_organization.text") })
     ] })
   ] }) });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx101(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs45(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx101(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ jsx101("div", { className: styles["popup"], children: createOrganizationContent })
+    return /* @__PURE__ */ jsx103(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs45(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx103(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx103("div", { className: styles["popup"], children: createOrganizationContent })
     ] }) });
   }
   return createOrganizationContent;
@@ -15097,7 +15196,7 @@ var createOrganization = async ({
 var createOrganization_default = createOrganization;
 
 // src/components/presentation/CreateOrganization/CreateOrganization.tsx
-import { Fragment as Fragment18, jsx as jsx102 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx104 } from "react/jsx-runtime";
 var CreateOrganization = ({
   onCreateOrganization,
   fallback = null,
@@ -15113,7 +15212,7 @@ var CreateOrganization = ({
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ jsx102(Fragment18, {});
+    return /* @__PURE__ */ jsx104(Fragment19, {});
   }
   const parentId = defaultParentId || currentOrganization?.id || "";
   const handleSubmit = async (payload) => {
@@ -15148,7 +15247,7 @@ var CreateOrganization = ({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx104(
     BaseCreateOrganization,
     {
       onSubmit: handleSubmit,
@@ -15163,7 +15262,7 @@ var CreateOrganization = ({
 
 // src/components/presentation/OrganizationList/OrganizationList.tsx
 import { cx as cx33 } from "@emotion/css";
-import { useEffect as useEffect21, useState as useState31 } from "react";
+import { useEffect as useEffect22, useState as useState31 } from "react";
 
 // src/components/presentation/OrganizationList/BaseOrganizationList.tsx
 import { cx as cx32 } from "@emotion/css";
@@ -15396,12 +15495,12 @@ var useStyles27 = (theme, colorScheme) => useMemo38(() => {
 var BaseOrganizationList_styles_default = useStyles27;
 
 // src/components/presentation/OrganizationList/BaseOrganizationList.tsx
-import { jsx as jsx103, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx105, jsxs as jsxs46 } from "react/jsx-runtime";
 var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect, showStatus) => /* @__PURE__ */ jsxs46("div", { className: cx32(styles.organizationItem), children: [
   /* @__PURE__ */ jsxs46("div", { className: cx32(styles.organizationContent), children: [
-    /* @__PURE__ */ jsx103(Avatar, { variant: "square", name: organization.name, size: 48, alt: `${organization.name} logo` }),
+    /* @__PURE__ */ jsx105(Avatar, { variant: "square", name: organization.name, size: 48, alt: `${organization.name} logo` }),
     /* @__PURE__ */ jsxs46("div", { className: cx32(styles.organizationInfo), children: [
-      /* @__PURE__ */ jsx103(Typography_default, { variant: "h6", className: cx32(styles.organizationName), children: organization.name }),
+      /* @__PURE__ */ jsx105(Typography_default, { variant: "h6", className: cx32(styles.organizationName), children: organization.name }),
       /* @__PURE__ */ jsxs46(Typography_default, { variant: "body2", color: "textSecondary", className: cx32(styles.organizationHandle), children: [
         "@",
         organization.orgHandle
@@ -15409,7 +15508,7 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
       showStatus && /* @__PURE__ */ jsxs46(Typography_default, { variant: "body2", color: "textSecondary", className: cx32(styles.organizationStatus), children: [
         t("organization.switcher.status.label"),
         " ",
-        /* @__PURE__ */ jsx103(
+        /* @__PURE__ */ jsx105(
           "span",
           {
             className: cx32(
@@ -15422,7 +15521,7 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
       ] })
     ] })
   ] }),
-  organization.canSwitch && /* @__PURE__ */ jsx103("div", { className: cx32(styles.organizationActions), children: /* @__PURE__ */ jsx103(
+  organization.canSwitch && /* @__PURE__ */ jsx105("div", { className: cx32(styles.organizationActions), children: /* @__PURE__ */ jsx105(
     Button_default,
     {
       onClick: (e) => {
@@ -15436,16 +15535,16 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
   ) })
 ] }, organization.id);
 var defaultRenderLoading = (t, styles) => /* @__PURE__ */ jsxs46("div", { className: cx32(styles.loadingContainer), children: [
-  /* @__PURE__ */ jsx103(Spinner_default, { size: "medium" }),
-  /* @__PURE__ */ jsx103(Typography_default, { variant: "body1", color: "textSecondary", className: cx32(styles.loadingText), children: t("organization.switcher.loading.placeholder.organizations") })
+  /* @__PURE__ */ jsx105(Spinner_default, { size: "medium" }),
+  /* @__PURE__ */ jsx105(Typography_default, { variant: "body1", color: "textSecondary", className: cx32(styles.loadingText), children: t("organization.switcher.loading.placeholder.organizations") })
 ] });
-var defaultRenderError = (errorMessage, t, styles) => /* @__PURE__ */ jsx103("div", { className: cx32(styles.errorContainer), children: /* @__PURE__ */ jsxs46(Typography_default, { variant: "body1", color: "error", children: [
-  /* @__PURE__ */ jsx103("strong", { children: t("organization.switcher.error.prefix") }),
+var defaultRenderError = (errorMessage, t, styles) => /* @__PURE__ */ jsx105("div", { className: cx32(styles.errorContainer), children: /* @__PURE__ */ jsxs46(Typography_default, { variant: "body1", color: "error", children: [
+  /* @__PURE__ */ jsx105("strong", { children: t("organization.switcher.error.prefix") }),
   " ",
   errorMessage
 ] }) });
-var defaultRenderLoadMore = (onLoadMore, isLoadingMore, t, styles) => /* @__PURE__ */ jsx103(Button_default, { onClick: onLoadMore, disabled: isLoadingMore, className: cx32(styles.loadMoreButton), type: "button", fullWidth: true, children: isLoadingMore ? t("organization.switcher.loading.more") : t("organization.switcher.buttons.load_more.text") });
-var defaultRenderEmpty = (t, styles) => /* @__PURE__ */ jsx103("div", { className: cx32(styles.emptyContainer), children: /* @__PURE__ */ jsx103(Typography_default, { variant: "body1", color: "textSecondary", className: cx32(styles.emptyText), children: t("organization.switcher.no.organizations") }) });
+var defaultRenderLoadMore = (onLoadMore, isLoadingMore, t, styles) => /* @__PURE__ */ jsx105(Button_default, { onClick: onLoadMore, disabled: isLoadingMore, className: cx32(styles.loadMoreButton), type: "button", fullWidth: true, children: isLoadingMore ? t("organization.switcher.loading.more") : t("organization.switcher.buttons.load_more.text") });
+var defaultRenderEmpty = (t, styles) => /* @__PURE__ */ jsx105("div", { className: cx32(styles.emptyContainer), children: /* @__PURE__ */ jsx105(Typography_default, { variant: "body1", color: "textSecondary", className: cx32(styles.emptyText), children: t("organization.switcher.no.organizations") }) });
 var BaseOrganizationList = ({
   className = "",
   allOrganizations,
@@ -15489,42 +15588,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__ */ jsx103("div", { className: cx32(styles["root"], className), style, children: renderLoadingWithStyles() });
+    const loadingContent = /* @__PURE__ */ jsx105("div", { className: cx32(styles["root"], className), style, children: renderLoadingWithStyles() });
     if (mode === "popup") {
-      return /* @__PURE__ */ jsx103(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
-        /* @__PURE__ */ jsx103(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ jsx103("div", { className: cx32(styles["popupContent"]), children: loadingContent })
+      return /* @__PURE__ */ jsx105(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx105(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx105("div", { className: cx32(styles["popupContent"]), children: loadingContent })
       ] }) });
     }
     return loadingContent;
   }
   if (error && organizationsWithSwitchAccess?.length === 0) {
-    const errorContent = /* @__PURE__ */ jsx103("div", { className: cx32(styles["root"], className), style, children: renderErrorWithStyles(error) });
+    const errorContent = /* @__PURE__ */ jsx105("div", { className: cx32(styles["root"], className), style, children: renderErrorWithStyles(error) });
     if (mode === "popup") {
-      return /* @__PURE__ */ jsx103(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
-        /* @__PURE__ */ jsx103(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ jsx103("div", { className: cx32(styles["popupContent"]), children: errorContent })
+      return /* @__PURE__ */ jsx105(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx105(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx105("div", { className: cx32(styles["popupContent"]), children: errorContent })
       ] }) });
     }
     return errorContent;
   }
   if (!isLoading && organizationsWithSwitchAccess?.length === 0) {
-    const emptyContent = /* @__PURE__ */ jsx103("div", { className: cx32(styles["root"], className), style, children: renderEmptyWithStyles() });
+    const emptyContent = /* @__PURE__ */ jsx105("div", { className: cx32(styles["root"], className), style, children: renderEmptyWithStyles() });
     if (mode === "popup") {
-      return /* @__PURE__ */ jsx103(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
-        /* @__PURE__ */ jsx103(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ jsx103("div", { className: cx32(styles["popupContent"]), children: emptyContent })
+      return /* @__PURE__ */ jsx105(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
+        /* @__PURE__ */ jsx105(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ jsx105("div", { className: cx32(styles["popupContent"]), children: emptyContent })
       ] }) });
     }
     return emptyContent;
   }
   const organizationListContent = /* @__PURE__ */ jsxs46("div", { className: cx32(styles["root"], className), style, children: [
     /* @__PURE__ */ jsxs46("div", { className: cx32(styles["header"]), children: [
-      /* @__PURE__ */ jsx103("div", { className: cx32(styles["headerInfo"]), children: /* @__PURE__ */ jsx103(Typography_default, { variant: "body2", color: "textSecondary", className: cx32(styles["subtitle"]), children: t("organization.switcher.showing.count", {
+      /* @__PURE__ */ jsx105("div", { className: cx32(styles["headerInfo"]), children: /* @__PURE__ */ jsx105(Typography_default, { variant: "body2", color: "textSecondary", className: cx32(styles["subtitle"]), children: t("organization.switcher.showing.count", {
         showing: organizationsWithSwitchAccess?.length,
         total: allOrganizations?.organizations?.length || 0
       }) }) }),
-      onRefresh && /* @__PURE__ */ jsx103(
+      onRefresh && /* @__PURE__ */ jsx105(
         Button_default,
         {
           onClick: onRefresh,
@@ -15536,16 +15635,16 @@ var BaseOrganizationList = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx103("div", { className: cx32(styles["listContainer"]), children: organizationsWithSwitchAccess?.map(
+    /* @__PURE__ */ jsx105("div", { className: cx32(styles["listContainer"]), children: organizationsWithSwitchAccess?.map(
       (organization, index) => renderOrganizationWithStyles(organization, index)
     ) }),
-    error && organizationsWithSwitchAccess?.length > 0 && /* @__PURE__ */ jsx103("div", { className: cx32(styles["errorMargin"]), children: renderErrorWithStyles(error) }),
-    hasMore && fetchMore && /* @__PURE__ */ jsx103("div", { className: cx32(styles["loadMoreMargin"]), children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
+    error && organizationsWithSwitchAccess?.length > 0 && /* @__PURE__ */ jsx105("div", { className: cx32(styles["errorMargin"]), children: renderErrorWithStyles(error) }),
+    hasMore && fetchMore && /* @__PURE__ */ jsx105("div", { className: cx32(styles["loadMoreMargin"]), children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx103(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx103(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ jsx103("div", { className: cx32(styles["popupContent"]), children: organizationListContent })
+    return /* @__PURE__ */ jsx105(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs46(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx105(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx105("div", { className: cx32(styles["popupContent"]), children: organizationListContent })
     ] }) });
   }
   return organizationListContent;
@@ -15615,7 +15714,7 @@ var useStyles28 = (theme, colorScheme) => useMemo40(() => {
 var OrganizationList_styles_default = useStyles28;
 
 // src/components/presentation/OrganizationList/OrganizationList.tsx
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 var OrganizationList = (props) => {
   const { onOrganizationSelect, className = "", style, ...baseProps } = props;
   const { autoFetch, filter, limit, recursive, ...filteredBaseProps } = baseProps;
@@ -15625,12 +15724,12 @@ var OrganizationList = (props) => {
   const [allOrganizations, setAllOrganizations] = useState31({
     organizations: []
   });
-  useEffect21(() => {
+  useEffect22(() => {
     (async () => {
       setAllOrganizations(await getAllOrganizations2());
     })();
   }, []);
-  return /* @__PURE__ */ jsx104("div", { className: cx33(styles["root"], className), style, children: /* @__PURE__ */ jsx104("div", { className: cx33(styles["container"]), children: /* @__PURE__ */ jsx104(
+  return /* @__PURE__ */ jsx106("div", { className: cx33(styles["root"], className), style, children: /* @__PURE__ */ jsx106("div", { className: cx33(styles["container"]), children: /* @__PURE__ */ jsx106(
     BaseOrganizationList,
     {
       allOrganizations,
@@ -15646,7 +15745,7 @@ var OrganizationList_default = OrganizationList;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
 import { createPackageComponentLogger as createPackageComponentLogger9 } from "@asgardeo/browser";
-import { useEffect as useEffect22, useState as useState34 } from "react";
+import { useEffect as useEffect23, useState as useState34 } from "react";
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
 import { formatDate } from "@asgardeo/browser";
@@ -15969,7 +16068,7 @@ var useStyles30 = (theme, colorScheme, disabled, readOnly, hasError) => useMemo4
 var KeyValueInput_styles_default = useStyles30;
 
 // src/components/primitives/KeyValueInput/KeyValueInput.tsx
-import { jsx as jsx105, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs47 } from "react/jsx-runtime";
 var KeyValueInput = ({
   className = "",
   disabled = false,
@@ -16046,7 +16145,7 @@ var KeyValueInput = ({
   const isAddDisabled = disabled || readOnly || !canAddMore || !newKey.trim() || !newValue.trim();
   const renderReadOnlyContent = () => {
     if (pairs.length === 0) {
-      return /* @__PURE__ */ jsx105("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
+      return /* @__PURE__ */ jsx107("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
     }
     return pairs.map((pair, index) => /* @__PURE__ */ jsxs47(
       "div",
@@ -16057,7 +16156,7 @@ var KeyValueInput = ({
             pair.key,
             ":"
           ] }),
-          /* @__PURE__ */ jsx105(
+          /* @__PURE__ */ jsx107(
             "span",
             {
               className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "readonly-value")), styles["readOnlyValue"]),
@@ -16072,7 +16171,7 @@ var KeyValueInput = ({
   return /* @__PURE__ */ jsxs47("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input")), styles["container"], className), children: [
     label && /* @__PURE__ */ jsxs47("label", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "label")), styles["label"]), children: [
       label,
-      required && /* @__PURE__ */ jsx105(
+      required && /* @__PURE__ */ jsx107(
         "span",
         {
           className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "required")), styles["requiredIndicator"]),
@@ -16086,7 +16185,7 @@ var KeyValueInput = ({
         {
           className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "pair-row")), styles["pairRow"]),
           children: [
-            /* @__PURE__ */ jsx105(
+            /* @__PURE__ */ jsx107(
               TextField_default,
               {
                 placeholder: keyPlaceholder,
@@ -16097,7 +16196,7 @@ var KeyValueInput = ({
                 "aria-label": `${keyLabel} ${index + 1}`
               }
             ),
-            /* @__PURE__ */ jsx105(
+            /* @__PURE__ */ jsx107(
               TextField_default,
               {
                 placeholder: valuePlaceholder,
@@ -16108,7 +16207,7 @@ var KeyValueInput = ({
                 "aria-label": `${valueLabel} ${index + 1}`
               }
             ),
-            !readOnly && /* @__PURE__ */ jsx105(
+            !readOnly && /* @__PURE__ */ jsx107(
               "button",
               {
                 type: "button",
@@ -16119,7 +16218,7 @@ var KeyValueInput = ({
                   styles["removeButton"]
                 ),
                 "aria-label": `${removeButtonText} ${pair.key}`,
-                children: /* @__PURE__ */ jsx105(X_default, { width: 16, height: 16 })
+                children: /* @__PURE__ */ jsx107(X_default, { width: 16, height: 16 })
               }
             )
           ]
@@ -16127,7 +16226,7 @@ var KeyValueInput = ({
         `${pair.key}-${index}`
       )),
       !readOnly && /* @__PURE__ */ jsxs47("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "add-row")), styles["addRow"]), children: [
-        /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx107(
           TextField_default,
           {
             placeholder: keyPlaceholder,
@@ -16138,7 +16237,7 @@ var KeyValueInput = ({
             "aria-label": "New key"
           }
         ),
-        /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx107(
           TextField_default,
           {
             placeholder: valuePlaceholder,
@@ -16154,7 +16253,7 @@ var KeyValueInput = ({
             }
           }
         ),
-        /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx107(
           "button",
           {
             type: "button",
@@ -16162,12 +16261,12 @@ var KeyValueInput = ({
             disabled: isAddDisabled,
             className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "add-button")), styles["addButton"]),
             "aria-label": "Add new key-value pair",
-            children: /* @__PURE__ */ jsx105(Plus_default, { width: 16, height: 16 })
+            children: /* @__PURE__ */ jsx107(Plus_default, { width: 16, height: 16 })
           }
         )
       ] })
     ] }),
-    (helperText || error) && /* @__PURE__ */ jsx105("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
+    (helperText || error) && /* @__PURE__ */ jsx107("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
     maxPairs && /* @__PURE__ */ jsxs47("div", { className: cx34(withVendorCSSClassPrefix29(bem20("key-value-input", "counter")), styles["counterText"]), children: [
       pairs.length,
       " of ",
@@ -16179,7 +16278,7 @@ var KeyValueInput = ({
 var KeyValueInput_default = KeyValueInput;
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
-import { Fragment as Fragment19, jsx as jsx106, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx108, jsxs as jsxs48 } from "react/jsx-runtime";
 var BaseOrganizationProfile = ({
   fallback = null,
   className = "",
@@ -16228,7 +16327,7 @@ var BaseOrganizationProfile = ({
   const styles = BaseOrganizationProfile_styles_default(theme, colorScheme);
   const [editedOrganization, setEditedOrganization] = useState33(organization);
   const [editingFields, setEditingFields] = useState33({});
-  const PencilIcon = () => /* @__PURE__ */ jsx106(
+  const PencilIcon = () => /* @__PURE__ */ jsx108(
     "svg",
     {
       width: "16",
@@ -16239,7 +16338,7 @@ var BaseOrganizationProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ jsx106("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+      children: /* @__PURE__ */ jsx108("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
     }
   );
   const toggleFieldEdit = useCallback19((fieldName) => {
@@ -16309,7 +16408,7 @@ var BaseOrganizationProfile = ({
       let fieldInput;
       if (key === "attributes") {
         const attributesValue = typeof fieldValue === "object" && fieldValue !== null ? fieldValue : {};
-        fieldInput = /* @__PURE__ */ jsx106(
+        fieldInput = /* @__PURE__ */ jsx108(
           KeyValueInput_default,
           {
             value: attributesValue,
@@ -16347,26 +16446,26 @@ var BaseOrganizationProfile = ({
           }
         );
       } else {
-        fieldInput = /* @__PURE__ */ jsx106(TextField_default, { ...commonProps });
+        fieldInput = /* @__PURE__ */ jsx108(TextField_default, { ...commonProps });
       }
-      return /* @__PURE__ */ jsxs48(Fragment19, { children: [
-        /* @__PURE__ */ jsx106("span", { className: cx35(styles["label"]), children: label }),
-        /* @__PURE__ */ jsx106("div", { className: cx35(styles["value"]), children: fieldInput })
+      return /* @__PURE__ */ jsxs48(Fragment20, { children: [
+        /* @__PURE__ */ jsx108("span", { className: cx35(styles["label"]), children: label }),
+        /* @__PURE__ */ jsx108("div", { className: cx35(styles["value"]), children: fieldInput })
       ] });
     }
     const hasValue = value !== void 0 && value !== null && value !== "";
     const isFieldEditable = editable && fieldEditable;
     let displayValue;
     if (hasValue) {
-      displayValue = key === "attributes" && typeof value === "object" && value !== null ? /* @__PURE__ */ jsx106(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
+      displayValue = key === "attributes" && typeof value === "object" && value !== null ? /* @__PURE__ */ jsx108(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
     } else if (isFieldEditable) {
       displayValue = getFieldPlaceholder(key);
     } else {
       displayValue = "-";
     }
-    return /* @__PURE__ */ jsxs48(Fragment19, { children: [
-      /* @__PURE__ */ jsx106("span", { className: cx35(styles["label"]), children: label }),
-      /* @__PURE__ */ jsx106("div", { className: cx35(styles["value"], !hasValue && styles["valueEmpty"]), children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ jsx106(
+    return /* @__PURE__ */ jsxs48(Fragment20, { children: [
+      /* @__PURE__ */ jsx108("span", { className: cx35(styles["label"]), children: label }),
+      /* @__PURE__ */ jsx108("div", { className: cx35(styles["value"], !hasValue && styles["valueEmpty"]), children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ jsx108(
         Button_default,
         {
           onClick: onStartEdit,
@@ -16390,7 +16489,7 @@ var BaseOrganizationProfile = ({
       return null;
     }
     return /* @__PURE__ */ jsxs48("div", { className: cx35(styles["field"]), children: [
-      /* @__PURE__ */ jsx106("div", { className: cx35(styles["fieldContent"]), children: renderField(
+      /* @__PURE__ */ jsx108("div", { className: cx35(styles["fieldContent"]), children: renderField(
         field,
         isFieldEditing,
         (value) => {
@@ -16400,8 +16499,8 @@ var BaseOrganizationProfile = ({
         },
         () => toggleFieldEdit(field.key)
       ) }),
-      isFieldEditable && /* @__PURE__ */ jsx106("div", { className: cx35(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ jsxs48(Fragment19, { children: [
-        /* @__PURE__ */ jsx106(
+      isFieldEditable && /* @__PURE__ */ jsx108("div", { className: cx35(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ jsxs48(Fragment20, { children: [
+        /* @__PURE__ */ jsx108(
           Button_default,
           {
             onClick: () => handleFieldSave(field.key),
@@ -16412,7 +16511,7 @@ var BaseOrganizationProfile = ({
             children: saveButtonText
           }
         ),
-        /* @__PURE__ */ jsx106(
+        /* @__PURE__ */ jsx108(
           Button_default,
           {
             onClick: () => handleFieldCancel(field.key),
@@ -16423,7 +16522,7 @@ var BaseOrganizationProfile = ({
             children: cancelButtonText
           }
         )
-      ] }) : hasValue && /* @__PURE__ */ jsx106(
+      ] }) : hasValue && /* @__PURE__ */ jsx108(
         Button_default,
         {
           onClick: () => toggleFieldEdit(field.key),
@@ -16432,7 +16531,7 @@ var BaseOrganizationProfile = ({
           size: "small",
           title: "Edit field",
           className: cx35(styles["editButton"]),
-          children: /* @__PURE__ */ jsx106(PencilIcon, {})
+          children: /* @__PURE__ */ jsx108(PencilIcon, {})
         }
       ) })
     ] }, field.key);
@@ -16442,21 +16541,21 @@ var BaseOrganizationProfile = ({
   }
   const profileContent = /* @__PURE__ */ jsxs48(Card_default, { className: cx35(styles["root"], cardLayout && styles["card"], className), children: [
     /* @__PURE__ */ jsxs48("div", { className: cx35(styles["header"]), children: [
-      /* @__PURE__ */ jsx106(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
+      /* @__PURE__ */ jsx108(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
       /* @__PURE__ */ jsxs48("div", { className: cx35(styles["orgInfo"]), children: [
-        /* @__PURE__ */ jsx106("h2", { className: cx35(styles["name"]), children: organization.name }),
+        /* @__PURE__ */ jsx108("h2", { className: cx35(styles["name"]), children: organization.name }),
         organization.orgHandle && /* @__PURE__ */ jsxs48("p", { className: cx35(styles["handle"]), children: [
           "@",
           organization.orgHandle
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx106("div", { className: cx35(styles["infoContainer"]), children: fields.map((field) => renderOrganizationField(field)) })
+    /* @__PURE__ */ jsx108("div", { className: cx35(styles["infoContainer"]), children: fields.map((field) => renderOrganizationField(field)) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ jsx106(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs48(Dialog_default.Content, { children: [
-      /* @__PURE__ */ jsx106(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ jsx106("div", { className: cx35(styles["popup"]), children: profileContent })
+    return /* @__PURE__ */ jsx108(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ jsxs48(Dialog_default.Content, { children: [
+      /* @__PURE__ */ jsx108(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ jsx108("div", { className: cx35(styles["popup"]), children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -16532,7 +16631,7 @@ var updateOrganization = async ({
 var updateOrganization_default = updateOrganization;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
-import { jsx as jsx107 } from "react/jsx-runtime";
+import { jsx as jsx109 } from "react/jsx-runtime";
 var logger9 = createPackageComponentLogger9(
   "@asgardeo/react",
   "OrganizationProfile"
@@ -16568,7 +16667,7 @@ var OrganizationProfile = ({
       setOrganization(null);
     }
   };
-  useEffect22(() => {
+  useEffect23(() => {
     fetchOrganization();
   }, [baseUrl, organizationId]);
   const handleOrganizationUpdate = async (payload) => {
@@ -16590,7 +16689,7 @@ var OrganizationProfile = ({
       throw err;
     }
   };
-  return /* @__PURE__ */ jsx107(
+  return /* @__PURE__ */ jsx109(
     BaseOrganizationProfile_default,
     {
       organization,
@@ -16607,7 +16706,7 @@ var OrganizationProfile = ({
 var OrganizationProfile_default = OrganizationProfile;
 
 // src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
-import { Fragment as Fragment20, jsx as jsx108, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx110, jsxs as jsxs49 } from "react/jsx-runtime";
 var OrganizationSwitcher = ({
   currentOrganization: propCurrentOrganization,
   fallback = null,
@@ -16632,7 +16731,7 @@ var OrganizationSwitcher = ({
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ jsx108(Fragment20, {});
+    return /* @__PURE__ */ jsx110(Fragment21, {});
   }
   const organizations = propOrganizations || contextOrganizations || [];
   const currentOrganization = propCurrentOrganization || contextCurrentOrganization;
@@ -16646,19 +16745,19 @@ var OrganizationSwitcher = ({
   const defaultMenuItems = [];
   if (currentOrganization) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ jsx108(BuildingAlt_default, {}),
+      icon: /* @__PURE__ */ jsx110(BuildingAlt_default, {}),
       label: t("organization.switcher.manage.organizations"),
       onClick: handleManageOrganizations
     });
   }
   defaultMenuItems.push({
-    icon: /* @__PURE__ */ jsx108("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx108("path", { d: "M12 5v14m-7-7h14" }) }),
+    icon: /* @__PURE__ */ jsx110("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx110("path", { d: "M12 5v14m-7-7h14" }) }),
     label: t("organization.switcher.create.organization"),
     onClick: () => setIsCreateOrgOpen(true)
   });
   const menuItems = props.menuItems ? [...defaultMenuItems, ...props.menuItems] : defaultMenuItems;
-  return /* @__PURE__ */ jsxs49(Fragment20, { children: [
-    /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsxs49(Fragment21, { children: [
+    /* @__PURE__ */ jsx110(
       BaseOrganizationSwitcher,
       {
         organizations,
@@ -16672,7 +16771,7 @@ var OrganizationSwitcher = ({
         ...props
       }
     ),
-    /* @__PURE__ */ jsx108(
+    /* @__PURE__ */ jsx110(
       CreateOrganization,
       {
         mode: "popup",
@@ -16686,7 +16785,7 @@ var OrganizationSwitcher = ({
         }
       }
     ),
-    currentOrganization && /* @__PURE__ */ jsx108(
+    currentOrganization && /* @__PURE__ */ jsx110(
       OrganizationProfile_default,
       {
         organizationId: currentOrganization.id,
@@ -16694,11 +16793,11 @@ var OrganizationSwitcher = ({
         open: isProfileOpen,
         onOpenChange: setIsProfileOpen,
         cardLayout: true,
-        loadingFallback: /* @__PURE__ */ jsx108("div", { children: t("organization.profile.loading") }),
-        errorFallback: /* @__PURE__ */ jsx108("div", { children: t("organization.profile.error") })
+        loadingFallback: /* @__PURE__ */ jsx110("div", { children: t("organization.profile.loading") }),
+        errorFallback: /* @__PURE__ */ jsx110("div", { children: t("organization.profile.error") })
       }
     ),
-    /* @__PURE__ */ jsx108(
+    /* @__PURE__ */ jsx110(
       OrganizationList_default,
       {
         mode: "popup",
@@ -16847,7 +16946,7 @@ var useStyles31 = (theme, colorScheme) => useMemo43(() => {
 var BaseLanguageSwitcher_styles_default = useStyles31;
 
 // src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.tsx
-import { Fragment as Fragment21, jsx as jsx109, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx111, jsxs as jsxs50 } from "react/jsx-runtime";
 var BaseLanguageSwitcher = ({
   children,
   className,
@@ -16871,7 +16970,7 @@ var BaseLanguageSwitcher = ({
   const { getReferenceProps, getFloatingProps } = useInteractions4([click, dismiss, role]);
   const currentOption = languages.find((l) => l.code === currentLanguage);
   if (children) {
-    return /* @__PURE__ */ jsx109(Fragment21, { children: children({
+    return /* @__PURE__ */ jsx111(Fragment22, { children: children({
       currentLanguage,
       isLoading,
       languages,
@@ -16889,13 +16988,13 @@ var BaseLanguageSwitcher = ({
         ...getReferenceProps(),
         className: styles["trigger"],
         children: [
-          currentOption && /* @__PURE__ */ jsx109("span", { className: styles["triggerEmoji"], children: currentOption.emoji }),
-          /* @__PURE__ */ jsx109("span", { className: styles["triggerLabel"], children: currentOption?.displayName ?? currentLanguage }),
-          /* @__PURE__ */ jsx109(ChevronDown_default, {})
+          currentOption && /* @__PURE__ */ jsx111("span", { className: styles["triggerEmoji"], children: currentOption.emoji }),
+          /* @__PURE__ */ jsx111("span", { className: styles["triggerLabel"], children: currentOption?.displayName ?? currentLanguage }),
+          /* @__PURE__ */ jsx111(ChevronDown_default, {})
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsx109(FloatingPortal4, { children: /* @__PURE__ */ jsx109(FloatingFocusManager4, { context, modal: false, children: /* @__PURE__ */ jsx109(
+    isOpen && /* @__PURE__ */ jsx111(FloatingPortal4, { children: /* @__PURE__ */ jsx111(FloatingFocusManager4, { context, modal: false, children: /* @__PURE__ */ jsx111(
       "div",
       {
         ref: refs.setFloating,
@@ -16916,9 +17015,9 @@ var BaseLanguageSwitcher = ({
               setIsOpen(false);
             },
             children: [
-              /* @__PURE__ */ jsx109("span", { className: styles["optionEmoji"], children: lang.emoji }),
-              /* @__PURE__ */ jsx109("span", { className: styles["optionLabel"], children: lang.displayName }),
-              lang.code === currentLanguage && /* @__PURE__ */ jsx109("span", { className: styles["checkIcon"], children: /* @__PURE__ */ jsx109(Check_default, {}) })
+              /* @__PURE__ */ jsx111("span", { className: styles["optionEmoji"], children: lang.emoji }),
+              /* @__PURE__ */ jsx111("span", { className: styles["optionLabel"], children: lang.displayName }),
+              lang.code === currentLanguage && /* @__PURE__ */ jsx111("span", { className: styles["checkIcon"], children: /* @__PURE__ */ jsx111(Check_default, {}) })
             ]
           },
           lang.code
@@ -16945,7 +17044,7 @@ var useFlowMeta = () => {
 var useFlowMeta_default = useFlowMeta;
 
 // src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx
-import { jsx as jsx110 } from "react/jsx-runtime";
+import { jsx as jsx112 } from "react/jsx-runtime";
 var LanguageSwitcher = ({ children, className }) => {
   const { meta, switchLanguage, isLoading } = useFlowMeta_default();
   const { currentLanguage } = useTranslation_default();
@@ -16963,7 +17062,7 @@ var LanguageSwitcher = ({ children, className }) => {
       switchLanguage(language);
     }
   };
-  return /* @__PURE__ */ jsx110(
+  return /* @__PURE__ */ jsx112(
     BaseLanguageSwitcher_default,
     {
       currentLanguage,
@@ -17056,7 +17155,7 @@ export {
   MultiInput_default as MultiInput,
   MultiOptionButton_default as MultiOptionButton,
   Organization_default as Organization,
-  OrganizationContext_default as OrganizationContext,
+  OrganizationContext_default2 as OrganizationContext,
   OrganizationList_default as OrganizationList,
   OrganizationProfile_default as OrganizationProfile,
   OrganizationProvider_default as OrganizationProvider,