@asgardeo/react 0.5.24 → 0.5.26

package/dist/cjs/index.js

@@ -36,7 +36,7 @@ __export(index_exports, {
   AlertTitle: () => AlertTitle,
   AsgardeoContext: () => AsgardeoContext_default,
   AsgardeoProvider: () => AsgardeoProvider_default,
-  AsgardeoRuntimeError: () => import_browser69.AsgardeoRuntimeError,
+  AsgardeoRuntimeError: () => import_browser68.AsgardeoRuntimeError,
   BaseCreateOrganization: () => BaseCreateOrganization,
   BaseOrganization: () => BaseOrganization_default,
   BaseOrganizationList: () => BaseOrganizationList_default,
@@ -125,16 +125,16 @@ __export(index_exports, {
   UsernamePassword: () => UsernamePassword_default,
   createField: () => createField,
   createOrganization: () => createOrganization_default,
-  createPatchOperations: () => import_browser68.createPatchOperations,
+  createPatchOperations: () => import_browser67.createPatchOperations,
   createSignInOption: () => createSignInOption,
   createSignInOptionFromAuthenticator: () => createSignInOptionFromAuthenticator,
-  getActiveTheme: () => import_browser69.getActiveTheme,
+  getActiveTheme: () => import_browser68.getActiveTheme,
   getAllOrganizations: () => getAllOrganizations_default,
   getMeOrganizations: () => getMeOrganizations_default,
   getMeProfile: () => getScim2Me_default,
   getOrganization: () => getOrganization_default,
   getSchemas: () => getSchemas_default,
-  http: () => import_browser69.http,
+  http: () => import_browser68.http,
   updateMeProfile: () => updateMeProfile_default,
   updateOrganization: () => updateOrganization_default,
   useAlertVariant: () => useAlertVariant,
@@ -154,7 +154,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/contexts/Asgardeo/AsgardeoProvider.tsx
-var import_browser13 = require("@asgardeo/browser");
+var import_browser12 = require("@asgardeo/browser");
 var import_react15 = require("react");
 
 // src/contexts/Asgardeo/AsgardeoContext.ts
@@ -183,7 +183,8 @@ var AsgardeoContext = (0, import_react.createContext)({
   getDecodedIdToken: null,
   getAccessToken: null,
   exchangeToken: null,
-  storage: "sessionStorage"
+  storage: "sessionStorage",
+  reInitialize: null
 });
 AsgardeoContext.displayName = "AsgardeoContext";
 var AsgardeoContext_default = AsgardeoContext;
@@ -663,6 +664,23 @@ var AsgardeoReactClient = class extends import_browser6.AsgardeoBrowserClient {
       return this.asgardeo.init({ ...config, organizationHandle: resolvedOrganizationHandle });
     });
   }
+  reInitialize(config) {
+    return this.withLoading(async () => {
+      let isInitialized;
+      try {
+        await this.asgardeo.reInitialize(config);
+        isInitialized = true;
+      } catch (error) {
+        throw new import_browser6.AsgardeoRuntimeError(
+          `Failed to check if the client is initialized: ${error instanceof Error ? error.message : String(error)}`,
+          "AsgardeoReactClient-reInitialize-RuntimeError-001",
+          "react",
+          "An error occurred while checking the initialization status of the client."
+        );
+      }
+      return isInitialized;
+    });
+  }
   async updateUserProfile(payload, userId) {
     throw new Error("Not implemented");
   }
@@ -995,8 +1013,8 @@ var FlowProvider_default = FlowProvider;
 
 // src/contexts/I18n/I18nProvider.tsx
 var import_react5 = require("react");
+var import_i18n = require("@asgardeo/i18n");
 var import_browser8 = require("@asgardeo/browser");
-var import_browser9 = require("@asgardeo/browser");
 
 // src/contexts/I18n/I18nContext.ts
 var import_react4 = require("react");
@@ -1036,7 +1054,7 @@ var I18nProvider = ({
   children,
   preferences
 }) => {
-  const defaultBundles = (0, import_browser9.getI18nBundles)();
+  const defaultBundles = (0, import_i18n.getDefaultI18nBundles)();
   const determineInitialLanguage = () => {
     const configLanguage = preferences?.language;
     const storedLanguage = getStoredLanguage();
@@ -1122,7 +1140,7 @@ var I18nProvider = ({
 var I18nProvider_default = I18nProvider;
 
 // src/contexts/Organization/OrganizationProvider.tsx
-var import_browser10 = require("@asgardeo/browser");
+var import_browser9 = require("@asgardeo/browser");
 var import_react7 = require("react");
 
 // src/contexts/Organization/OrganizationContext.ts
@@ -1160,7 +1178,7 @@ var OrganizationProvider = ({
   const switchOrganization = (0, import_react7.useCallback)(
     async (organization) => {
       if (!onOrganizationSwitch) {
-        throw new import_browser10.AsgardeoRuntimeError(
+        throw new import_browser9.AsgardeoRuntimeError(
           "onOrganizationSwitch callback is required",
           "OrganizationProvider-SwitchError-001",
           "react",
@@ -1212,7 +1230,7 @@ var OrganizationProvider_default = OrganizationProvider;
 
 // src/contexts/Theme/ThemeProvider.tsx
 var import_react11 = require("react");
-var import_browser11 = require("@asgardeo/browser");
+var import_browser10 = require("@asgardeo/browser");
 
 // src/contexts/Theme/ThemeContext.ts
 var import_react8 = require("react");
@@ -1249,7 +1267,7 @@ var applyThemeToDOM = (theme) => {
 var ThemeProvider = ({
   children,
   theme: themeConfig,
-  mode = import_browser11.DEFAULT_THEME,
+  mode = import_browser10.DEFAULT_THEME,
   detection = {},
   inheritFromBranding = true
 }) => {
@@ -1258,9 +1276,9 @@ var ThemeProvider = ({
       return mode;
     }
     if (mode === "branding") {
-      return (0, import_browser11.detectThemeMode)("system", detection);
+      return (0, import_browser10.detectThemeMode)("system", detection);
     }
-    return (0, import_browser11.detectThemeMode)(mode, detection);
+    return (0, import_browser10.detectThemeMode)(mode, detection);
   });
   let brandingTheme = null;
   let brandingActiveTheme = null;
@@ -1329,7 +1347,7 @@ var ThemeProvider = ({
       }
     };
   }, [inheritFromBranding, brandingTheme, themeConfig]);
-  const theme = (0, import_react11.useMemo)(() => (0, import_browser11.createTheme)(finalThemeConfig, colorScheme === "dark"), [finalThemeConfig, colorScheme]);
+  const theme = (0, import_react11.useMemo)(() => (0, import_browser10.createTheme)(finalThemeConfig, colorScheme === "dark"), [finalThemeConfig, colorScheme]);
   const handleThemeChange = (0, import_react11.useCallback)((isDark) => {
     setColorScheme(isDark ? "dark" : "light");
   }, []);
@@ -1345,11 +1363,11 @@ var ThemeProvider = ({
     if (mode === "class") {
       const targetElement = detection.targetElement || document.documentElement;
       if (targetElement) {
-        observer = (0, import_browser11.createClassObserver)(targetElement, handleThemeChange, detection);
+        observer = (0, import_browser10.createClassObserver)(targetElement, handleThemeChange, detection);
       }
     } else if (mode === "system") {
       if (!inheritFromBranding || !brandingActiveTheme) {
-        mediaQuery = (0, import_browser11.createMediaQueryListener)(handleThemeChange);
+        mediaQuery = (0, import_browser10.createMediaQueryListener)(handleThemeChange);
       }
     }
     return () => {
@@ -1382,7 +1400,7 @@ var ThemeProvider_default = ThemeProvider;
 
 // src/contexts/Branding/BrandingProvider.tsx
 var import_react12 = require("react");
-var import_browser12 = require("@asgardeo/browser");
+var import_browser11 = require("@asgardeo/browser");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var BrandingProvider = ({
   children,
@@ -1410,7 +1428,7 @@ var BrandingProvider = ({
       }
     }
     setActiveTheme(extractedActiveTheme);
-    const transformedTheme = (0, import_browser12.transformBrandingPreferenceToTheme)(externalBrandingPreference, forceTheme);
+    const transformedTheme = (0, import_browser11.transformBrandingPreferenceToTheme)(externalBrandingPreference, forceTheme);
     setTheme(transformedTheme);
   }, [externalBrandingPreference, forceTheme, enabled]);
   (0, import_react12.useEffect)(() => {
@@ -1658,7 +1676,7 @@ var AsgardeoProvider = ({
         locale: preferences?.i18n?.language
         // Add other branding config options as needed
       };
-      const brandingData = await (0, import_browser13.getBrandingPreference)(getBrandingConfig);
+      const brandingData = await (0, import_browser12.getBrandingPreference)(getBrandingConfig);
       setBrandingPreference(brandingData);
       setHasFetchedBranding(true);
     } catch (err) {
@@ -1713,7 +1731,7 @@ var AsgardeoProvider = ({
       }
       return response;
     } catch (error) {
-      throw new import_browser13.AsgardeoRuntimeError(
+      throw new import_browser12.AsgardeoRuntimeError(
         `Error while signing in silently: ${error.message || error}`,
         "asgardeo-signInSilently-Error",
         "react",
@@ -1733,7 +1751,7 @@ var AsgardeoProvider = ({
         await updateSession();
       }
     } catch (error) {
-      throw new import_browser13.AsgardeoRuntimeError(
+      throw new import_browser12.AsgardeoRuntimeError(
         `Failed to switch organization: ${error.message || error}`,
         "asgardeo-switchOrganization-Error",
         "react",
@@ -1749,7 +1767,7 @@ var AsgardeoProvider = ({
     setUserProfile((prev) => ({
       ...prev,
       profile: payload,
-      flattenedProfile: (0, import_browser13.generateFlattenedUserProfile)(payload, prev?.schemas)
+      flattenedProfile: (0, import_browser12.generateFlattenedUserProfile)(payload, prev?.schemas)
     }));
   };
   const value = (0, import_react15.useMemo)(
@@ -1774,6 +1792,7 @@ var AsgardeoProvider = ({
         request: asgardeo.request.bind(asgardeo),
         requestAll: asgardeo.requestAll.bind(asgardeo)
       },
+      reInitialize: asgardeo.reInitialize.bind(asgardeo),
       signInOptions,
       getDecodedIdToken: asgardeo.getDecodedIdToken.bind(asgardeo),
       exchangeToken: asgardeo.exchangeToken.bind(asgardeo),
@@ -1811,7 +1830,7 @@ var AsgardeoProvider = ({
         {
           inheritFromBranding: preferences?.theme?.inheritFromBranding,
           theme: preferences?.theme?.overrides,
-          mode: (0, import_browser13.getActiveTheme)(preferences.theme.mode),
+          mode: (0, import_browser12.getActiveTheme)(preferences.theme.mode),
           children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(UserProvider_default, { profile: userProfile, onUpdateProfile: handleProfileUpdate, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             OrganizationProvider_default,
             {
@@ -1900,7 +1919,7 @@ var useTheme_default = useTheme;
 
 // src/hooks/useTranslation.ts
 var import_react22 = require("react");
-var import_browser14 = require("@asgardeo/browser");
+var import_browser13 = require("@asgardeo/browser");
 var useTranslation = (componentPreferences) => {
   const context = (0, import_react22.useContext)(I18nContext_default);
   if (!context) {
@@ -1921,7 +1940,7 @@ var useTranslation = (componentPreferences) => {
       if (merged[key]) {
         merged[key] = {
           ...merged[key],
-          translations: (0, import_browser14.deepMerge)(merged[key].translations, componentBundle.translations),
+          translations: (0, import_browser13.deepMerge)(merged[key].translations, componentBundle.translations),
           metadata: componentBundle.metadata ? { ...merged[key].metadata, ...componentBundle.metadata } : merged[key].metadata
         };
       } else {
@@ -2182,17 +2201,17 @@ var useBranding = (config = {}) => {
 var useBranding_default = useBranding;
 
 // src/components/actions/SignInButton/BaseSignInButton.tsx
-var import_browser17 = require("@asgardeo/browser");
+var import_browser16 = require("@asgardeo/browser");
 var import_css5 = require("@emotion/css");
 var import_react27 = require("react");
 
 // src/components/primitives/Button/Button.tsx
 var import_react26 = require("react");
-var import_browser16 = require("@asgardeo/browser");
+var import_browser15 = require("@asgardeo/browser");
 var import_css4 = require("@emotion/css");
 
 // src/components/primitives/Spinner/Spinner.tsx
-var import_browser15 = require("@asgardeo/browser");
+var import_browser14 = require("@asgardeo/browser");
 var import_css2 = require("@emotion/css");
 
 // src/components/primitives/Spinner/Spinner.styles.ts
@@ -2252,7 +2271,7 @@ var Spinner = ({ size = "medium", color, className, style }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = Spinner_styles_default(theme, colorScheme, size, color);
   const spinnerClassName = (0, import_css2.cx)(
-    (0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("spinner")),
+    (0, import_browser14.withVendorCSSClassPrefix)((0, import_browser14.bem)("spinner")),
     styles.spinner,
     size === "small" && styles.spinnerSmall,
     size === "medium" && styles.spinnerMedium,
@@ -2606,14 +2625,14 @@ var Button = (0, import_react26.forwardRef)(
         ref,
         style,
         className: (0, import_css4.cx)(
-          (0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button")),
-          (0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", variant)),
-          (0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", color)),
-          (0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", size)),
-          (0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", shape)),
-          fullWidth ? (0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", "fullWidth")) : void 0,
-          loading ? (0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", "loading")) : void 0,
-          disabled || loading ? (0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", "disabled")) : void 0,
+          (0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button")),
+          (0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", variant)),
+          (0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", color)),
+          (0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", size)),
+          (0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", shape)),
+          fullWidth ? (0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", "fullWidth")) : void 0,
+          loading ? (0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", "loading")) : void 0,
+          disabled || loading ? (0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", "disabled")) : void 0,
           styles.button,
           styles.size,
           styles.variant,
@@ -2625,7 +2644,7 @@ var Button = (0, import_react26.forwardRef)(
         disabled: disabled || loading,
         ...rest,
         children: [
-          loading && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_css4.cx)((0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", "spinner")), styles.spinner), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          loading && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_css4.cx)((0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", "spinner")), styles.spinner), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             Spinner_default,
             {
               size,
@@ -2636,10 +2655,10 @@ var Button = (0, import_react26.forwardRef)(
               }
             }
           ) }),
-          !loading && isIconVariant && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_css4.cx)((0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", "icon")), styles.icon), children: children || startIcon || endIcon }),
-          !loading && !isIconVariant && startIcon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_css4.cx)((0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", "start-icon")), styles.startIcon), children: startIcon }),
-          !isIconVariant && children && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_css4.cx)((0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", "content")), styles.content), children }),
-          !loading && !isIconVariant && endIcon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_css4.cx)((0, import_browser16.withVendorCSSClassPrefix)((0, import_browser16.bem)("button", "end-icon")), styles.endIcon), children: endIcon })
+          !loading && isIconVariant && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_css4.cx)((0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", "icon")), styles.icon), children: children || startIcon || endIcon }),
+          !loading && !isIconVariant && startIcon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_css4.cx)((0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", "start-icon")), styles.startIcon), children: startIcon }),
+          !isIconVariant && children && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_css4.cx)((0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", "content")), styles.content), children }),
+          !loading && !isIconVariant && endIcon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_css4.cx)((0, import_browser15.withVendorCSSClassPrefix)((0, import_browser15.bem)("button", "end-icon")), styles.endIcon), children: endIcon })
         ]
       }
     );
@@ -2659,7 +2678,7 @@ var BaseSignInButton = (0, import_react27.forwardRef)(
       Button_default,
       {
         ref,
-        className: (0, import_css5.cx)((0, import_browser17.withVendorCSSClassPrefix)("sign-in-button"), className),
+        className: (0, import_css5.cx)((0, import_browser16.withVendorCSSClassPrefix)("sign-in-button"), className),
         style,
         disabled: isLoading,
         loading: isLoading,
@@ -2674,7 +2693,7 @@ BaseSignInButton.displayName = "BaseSignInButton";
 var BaseSignInButton_default = BaseSignInButton;
 
 // src/components/actions/SignInButton/SignInButton.tsx
-var import_browser18 = require("@asgardeo/browser");
+var import_browser17 = require("@asgardeo/browser");
 var import_react28 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var SignInButton = (0, import_react28.forwardRef)(({ children, onClick, preferences, signInOptions: overriddenSignInOptions = {}, ...rest }, ref) => {
@@ -2685,7 +2704,7 @@ var SignInButton = (0, import_react28.forwardRef)(({ children, onClick, preferen
     try {
       setIsLoading(true);
       if (signInUrl) {
-        (0, import_browser18.navigate)(signInUrl);
+        (0, import_browser17.navigate)(signInUrl);
       } else {
         await signIn(overriddenSignInOptions ?? signInOptions);
       }
@@ -2693,7 +2712,7 @@ var SignInButton = (0, import_react28.forwardRef)(({ children, onClick, preferen
         onClick(e);
       }
     } catch (error) {
-      throw new import_browser18.AsgardeoRuntimeError(
+      throw new import_browser17.AsgardeoRuntimeError(
         `Sign in failed: ${error instanceof Error ? error.message : String(JSON.stringify(error))}`,
         "SignInButton-handleSignIn-RuntimeError-001",
         "react",
@@ -2720,7 +2739,7 @@ SignInButton.displayName = "SignInButton";
 var SignInButton_default = SignInButton;
 
 // src/components/actions/SignOutButton/BaseSignOutButton.tsx
-var import_browser19 = require("@asgardeo/browser");
+var import_browser18 = require("@asgardeo/browser");
 var import_css6 = require("@emotion/css");
 var import_react29 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
@@ -2733,7 +2752,7 @@ var BaseSignOutButton = (0, import_react29.forwardRef)(
       Button_default,
       {
         ref,
-        className: (0, import_css6.cx)((0, import_browser19.withVendorCSSClassPrefix)("sign-out-button"), className),
+        className: (0, import_css6.cx)((0, import_browser18.withVendorCSSClassPrefix)("sign-out-button"), className),
         style,
         disabled: isLoading,
         loading: isLoading,
@@ -2748,7 +2767,7 @@ BaseSignOutButton.displayName = "BaseSignOutButton";
 var BaseSignOutButton_default = BaseSignOutButton;
 
 // src/components/actions/SignOutButton/SignOutButton.tsx
-var import_browser20 = require("@asgardeo/browser");
+var import_browser19 = require("@asgardeo/browser");
 var import_react30 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var SignOutButton = (0, import_react30.forwardRef)(({ children, onClick, preferences, ...rest }, ref) => {
@@ -2763,7 +2782,7 @@ var SignOutButton = (0, import_react30.forwardRef)(({ children, onClick, prefere
         onClick(e);
       }
     } catch (error) {
-      throw new import_browser20.AsgardeoRuntimeError(
+      throw new import_browser19.AsgardeoRuntimeError(
         `Sign out failed: ${error instanceof Error ? error.message : String(error)}`,
         "SignOutButton-handleSignOut-RuntimeError-001",
         "react",
@@ -2790,7 +2809,7 @@ SignOutButton.displayName = "SignOutButton";
 var SignOutButton_default = SignOutButton;
 
 // src/components/actions/SignUpButton/BaseSignUpButton.tsx
-var import_browser21 = require("@asgardeo/browser");
+var import_browser20 = require("@asgardeo/browser");
 var import_css7 = require("@emotion/css");
 var import_react31 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
@@ -2803,7 +2822,7 @@ var BaseSignUpButton = (0, import_react31.forwardRef)(
       Button_default,
       {
         ref,
-        className: (0, import_css7.cx)((0, import_browser21.withVendorCSSClassPrefix)("sign-up-button"), className),
+        className: (0, import_css7.cx)((0, import_browser20.withVendorCSSClassPrefix)("sign-up-button"), className),
         style,
         disabled: isLoading,
         loading: isLoading,
@@ -2820,8 +2839,8 @@ BaseSignUpButton.displayName = "BaseSignUpButton";
 var BaseSignUpButton_default = BaseSignUpButton;
 
 // src/components/actions/SignUpButton/SignUpButton.tsx
+var import_browser21 = require("@asgardeo/browser");
 var import_browser22 = require("@asgardeo/browser");
-var import_browser23 = require("@asgardeo/browser");
 var import_react32 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var SignUpButton = (0, import_react32.forwardRef)(({ children, onClick, preferences, ...rest }, ref) => {
@@ -2832,7 +2851,7 @@ var SignUpButton = (0, import_react32.forwardRef)(({ children, onClick, preferen
     try {
       setIsLoading(true);
       if (signUpUrl) {
-        (0, import_browser23.navigate)(signUpUrl);
+        (0, import_browser22.navigate)(signUpUrl);
       } else {
         await signUp();
       }
@@ -2840,7 +2859,7 @@ var SignUpButton = (0, import_react32.forwardRef)(({ children, onClick, preferen
         onClick(e);
       }
     } catch (error) {
-      throw new import_browser22.AsgardeoRuntimeError(
+      throw new import_browser21.AsgardeoRuntimeError(
         `Sign up failed: ${error instanceof Error ? error.message : String(error)}`,
         "SignUpButton-handleSignUp-RuntimeError-001",
         "react",
@@ -2909,15 +2928,15 @@ Loading.displayName = "Loading";
 var Loading_default = Loading;
 
 // src/components/presentation/SignIn/BaseSignIn.tsx
-var import_browser45 = require("@asgardeo/browser");
+var import_browser44 = require("@asgardeo/browser");
 var import_css35 = require("@emotion/css");
 var import_react56 = require("react");
 
 // src/components/presentation/SignIn/options/SignInOptionFactory.tsx
-var import_browser40 = require("@asgardeo/browser");
+var import_browser39 = require("@asgardeo/browser");
 
 // src/components/presentation/SignIn/options/UsernamePassword.tsx
-var import_browser34 = require("@asgardeo/browser");
+var import_browser33 = require("@asgardeo/browser");
 var import_react44 = require("react");
 
 // src/components/primitives/TextField/TextField.tsx
@@ -2925,11 +2944,11 @@ var import_css15 = require("@emotion/css");
 
 // src/components/primitives/FormControl/FormControl.tsx
 var import_css11 = require("@emotion/css");
-var import_browser25 = require("@asgardeo/browser");
+var import_browser24 = require("@asgardeo/browser");
 
 // src/components/primitives/Typography/Typography.tsx
 var import_css9 = require("@emotion/css");
-var import_browser24 = require("@asgardeo/browser");
+var import_browser23 = require("@asgardeo/browser");
 
 // src/components/primitives/Typography/Typography.styles.ts
 var import_css8 = require("@emotion/css");
@@ -3277,8 +3296,8 @@ var Typography = ({
     }
   };
   const typographyClassName = (0, import_css9.cx)(
-    (0, import_browser24.withVendorCSSClassPrefix)((0, import_browser24.bem)("typography")),
-    (0, import_browser24.withVendorCSSClassPrefix)((0, import_browser24.bem)("typography", variant)),
+    (0, import_browser23.withVendorCSSClassPrefix)((0, import_browser23.bem)("typography")),
+    (0, import_browser23.withVendorCSSClassPrefix)((0, import_browser23.bem)("typography", variant)),
     styles.typography,
     getVariantClass(variant),
     noWrap && styles.typographyNoWrap,
@@ -3328,15 +3347,15 @@ var FormControl = ({
 }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = FormControl_styles_default(theme, colorScheme, helperTextAlign, helperTextMarginLeft, !!error);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_css11.cx)((0, import_browser25.withVendorCSSClassPrefix)((0, import_browser25.bem)("form-control")), styles.formControl, className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_css11.cx)((0, import_browser24.withVendorCSSClassPrefix)((0, import_browser24.bem)("form-control")), styles.formControl, className), children: [
     children,
     (error || helperText) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       Typography_default,
       {
         variant: "caption",
         color: error ? "error" : "textSecondary",
-        className: (0, import_css11.cx)((0, import_browser25.withVendorCSSClassPrefix)((0, import_browser25.bem)("form-control", "helper-text")), styles.helperText, {
-          [(0, import_browser25.withVendorCSSClassPrefix)((0, import_browser25.bem)("form-control", "helper-text", "error"))]: !!error,
+        className: (0, import_css11.cx)((0, import_browser24.withVendorCSSClassPrefix)((0, import_browser24.bem)("form-control", "helper-text")), styles.helperText, {
+          [(0, import_browser24.withVendorCSSClassPrefix)((0, import_browser24.bem)("form-control", "helper-text", "error"))]: !!error,
           [styles.helperTextError]: !!error
         }),
         children: error || helperText
@@ -3348,7 +3367,7 @@ var FormControl_default = FormControl;
 
 // src/components/primitives/InputLabel/InputLabel.tsx
 var import_css13 = require("@emotion/css");
-var import_browser26 = require("@asgardeo/browser");
+var import_browser25 = require("@asgardeo/browser");
 
 // src/components/primitives/InputLabel/InputLabel.styles.ts
 var import_css12 = require("@emotion/css");
@@ -3407,12 +3426,12 @@ var InputLabel = ({
     "label",
     {
       className: (0, import_css13.cx)(
-        (0, import_browser26.withVendorCSSClassPrefix)((0, import_browser26.bem)("input-label")),
-        (0, import_browser26.withVendorCSSClassPrefix)((0, import_browser26.bem)("input-label", variant)),
+        (0, import_browser25.withVendorCSSClassPrefix)((0, import_browser25.bem)("input-label")),
+        (0, import_browser25.withVendorCSSClassPrefix)((0, import_browser25.bem)("input-label", variant)),
         styles.label,
         variant === "block" ? styles.block : styles.inline,
         {
-          [(0, import_browser26.withVendorCSSClassPrefix)((0, import_browser26.bem)("input-label", "error"))]: error,
+          [(0, import_browser25.withVendorCSSClassPrefix)((0, import_browser25.bem)("input-label", "error"))]: error,
           [styles.error]: error
         },
         className
@@ -3421,7 +3440,7 @@ var InputLabel = ({
       ...rest,
       children: [
         children,
-        required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: (0, import_css13.cx)((0, import_browser26.withVendorCSSClassPrefix)((0, import_browser26.bem)("input-label", "required")), styles.requiredIndicator), children: " *" })
+        required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: (0, import_css13.cx)((0, import_browser25.withVendorCSSClassPrefix)((0, import_browser25.bem)("input-label", "required")), styles.requiredIndicator), children: " *" })
       ]
     }
   );
@@ -3429,7 +3448,7 @@ var InputLabel = ({
 var InputLabel_default = InputLabel;
 
 // src/components/primitives/TextField/TextField.tsx
-var import_browser27 = require("@asgardeo/browser");
+var import_browser26 = require("@asgardeo/browser");
 
 // src/components/primitives/TextField/TextField.styles.ts
 var import_css14 = require("@emotion/css");
@@ -3558,20 +3577,20 @@ var TextField = ({
   const hasEndIcon = !!endIcon;
   const styles = TextField_styles_default(theme, colorScheme, disabled, hasError, hasStartIcon, hasEndIcon);
   const inputClassName = (0, import_css15.cx)(
-    (0, import_browser27.withVendorCSSClassPrefix)((0, import_browser27.bem)("text-field", "input")),
+    (0, import_browser26.withVendorCSSClassPrefix)((0, import_browser26.bem)("text-field", "input")),
     styles.input,
     hasError && styles.inputError,
     disabled && styles.inputDisabled
   );
-  const containerClassName = (0, import_css15.cx)((0, import_browser27.withVendorCSSClassPrefix)((0, import_browser27.bem)("text-field", "container")), styles.inputContainer);
-  const startIconClassName = (0, import_css15.cx)((0, import_browser27.withVendorCSSClassPrefix)((0, import_browser27.bem)("text-field", "start-icon")), styles.startIcon);
-  const endIconClassName = (0, import_css15.cx)((0, import_browser27.withVendorCSSClassPrefix)((0, import_browser27.bem)("text-field", "end-icon")), styles.endIcon);
+  const containerClassName = (0, import_css15.cx)((0, import_browser26.withVendorCSSClassPrefix)((0, import_browser26.bem)("text-field", "container")), styles.inputContainer);
+  const startIconClassName = (0, import_css15.cx)((0, import_browser26.withVendorCSSClassPrefix)((0, import_browser26.bem)("text-field", "start-icon")), styles.startIcon);
+  const endIconClassName = (0, import_css15.cx)((0, import_browser26.withVendorCSSClassPrefix)((0, import_browser26.bem)("text-field", "end-icon")), styles.endIcon);
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     FormControl_default,
     {
       error,
       helperText,
-      className: (0, import_css15.cx)((0, import_browser27.withVendorCSSClassPrefix)((0, import_browser27.bem)("text-field")), className),
+      className: (0, import_css15.cx)((0, import_browser26.withVendorCSSClassPrefix)((0, import_browser26.bem)("text-field")), className),
       style,
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(InputLabel_default, { required, error: hasError, children: label }),
@@ -3618,7 +3637,7 @@ var TextField_default = TextField;
 
 // src/components/primitives/Select/Select.tsx
 var import_css17 = require("@emotion/css");
-var import_browser28 = require("@asgardeo/browser");
+var import_browser27 = require("@asgardeo/browser");
 
 // src/components/primitives/Select/Select.styles.ts
 var import_css16 = require("@emotion/css");
@@ -3716,7 +3735,7 @@ var Select = ({
   const hasError = !!error;
   const styles = Select_styles_default(theme, colorScheme, disabled, hasError);
   const selectClassName = (0, import_css17.cx)(
-    (0, import_browser28.withVendorCSSClassPrefix)((0, import_browser28.bem)("select", "input")),
+    (0, import_browser27.withVendorCSSClassPrefix)((0, import_browser27.bem)("select", "input")),
     styles.select,
     hasError && styles.selectError,
     disabled && styles.selectDisabled
@@ -3726,7 +3745,7 @@ var Select = ({
     {
       error,
       helperText,
-      className: (0, import_css17.cx)((0, import_browser28.withVendorCSSClassPrefix)((0, import_browser28.bem)("select")), className),
+      className: (0, import_css17.cx)((0, import_browser27.withVendorCSSClassPrefix)((0, import_browser27.bem)("select")), className),
       style,
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(InputLabel_default, { required, error: hasError, children: label }),
@@ -3750,7 +3769,7 @@ var Select_default = Select;
 // src/components/primitives/OtpField/OtpField.tsx
 var import_react39 = require("react");
 var import_css19 = require("@emotion/css");
-var import_browser29 = require("@asgardeo/browser");
+var import_browser28 = require("@asgardeo/browser");
 
 // src/components/primitives/OtpField/OtpField.styles.ts
 var import_css18 = require("@emotion/css");
@@ -3926,12 +3945,12 @@ var OtpField = ({
     {
       error,
       helperText,
-      className: (0, import_css19.cx)((0, import_browser29.withVendorCSSClassPrefix)((0, import_browser29.bem)("otp-field")), className),
+      className: (0, import_css19.cx)((0, import_browser28.withVendorCSSClassPrefix)((0, import_browser28.bem)("otp-field")), className),
       helperTextAlign: "center",
       style,
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(InputLabel_default, { required, error: !!error, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: (0, import_css19.cx)((0, import_browser29.withVendorCSSClassPrefix)((0, import_browser29.bem)("otp-field", "input-container")), styles.inputContainer), children: Array.from({ length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: (0, import_css19.cx)((0, import_browser28.withVendorCSSClassPrefix)((0, import_browser28.bem)("otp-field", "input-container")), styles.inputContainer), children: Array.from({ length }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "input",
           {
             ref: (el) => {
@@ -3943,10 +3962,10 @@ var OtpField = ({
             onChange: (event) => handleChange(index, event),
             onKeyDown: (event) => handleKeyDown(index, event),
             onPaste: handlePaste,
-            className: (0, import_css19.cx)((0, import_browser29.withVendorCSSClassPrefix)((0, import_browser29.bem)("otp-field", "input")), styles.input, {
-              [(0, import_browser29.withVendorCSSClassPrefix)((0, import_browser29.bem)("otp-field", "input", "error"))]: !!error,
+            className: (0, import_css19.cx)((0, import_browser28.withVendorCSSClassPrefix)((0, import_browser28.bem)("otp-field", "input")), styles.input, {
+              [(0, import_browser28.withVendorCSSClassPrefix)((0, import_browser28.bem)("otp-field", "input", "error"))]: !!error,
               [styles.inputError]: !!error,
-              [(0, import_browser29.withVendorCSSClassPrefix)((0, import_browser29.bem)("otp-field", "input", "disabled"))]: !!disabled,
+              [(0, import_browser28.withVendorCSSClassPrefix)((0, import_browser28.bem)("otp-field", "input", "disabled"))]: !!disabled,
               [styles.inputDisabled]: !!disabled
             }),
             maxLength: 1,
@@ -3968,7 +3987,7 @@ var OtpField_default = OtpField;
 // src/components/primitives/PasswordField/PasswordField.tsx
 var import_react41 = require("react");
 var import_css21 = require("@emotion/css");
-var import_browser30 = require("@asgardeo/browser");
+var import_browser29 = require("@asgardeo/browser");
 
 // src/components/primitives/Icons/Eye.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
@@ -4064,7 +4083,7 @@ var PasswordField = ({ onChange, className, disabled, error, ...textFieldProps }
     TextField_default,
     {
       ...textFieldProps,
-      className: (0, import_css21.cx)((0, import_browser30.withVendorCSSClassPrefix)((0, import_browser30.bem)("password-field")), className),
+      className: (0, import_css21.cx)((0, import_browser29.withVendorCSSClassPrefix)((0, import_browser29.bem)("password-field")), className),
       type: showPassword ? "text" : "password",
       onChange: (e) => onChange(e.target.value),
       autoComplete: "current-password",
@@ -4076,7 +4095,7 @@ var PasswordField = ({ onChange, className, disabled, error, ...textFieldProps }
           width: 16,
           height: 16,
           className: (0, import_css21.cx)(
-            (0, import_browser30.withVendorCSSClassPrefix)((0, import_browser30.bem)("password-field", "toggle-icon")),
+            (0, import_browser29.withVendorCSSClassPrefix)((0, import_browser29.bem)("password-field", "toggle-icon")),
             styles.toggleIcon,
             showPassword ? styles.visibleIcon : styles.hiddenIcon
           )
@@ -4090,7 +4109,7 @@ var PasswordField_default = PasswordField;
 
 // src/components/primitives/DatePicker/DatePicker.tsx
 var import_css23 = require("@emotion/css");
-var import_browser31 = require("@asgardeo/browser");
+var import_browser30 = require("@asgardeo/browser");
 
 // src/components/primitives/DatePicker/DatePicker.styles.ts
 var import_css22 = require("@emotion/css");
@@ -4179,7 +4198,7 @@ var DatePicker = ({
     {
       error,
       helperText,
-      className: (0, import_css23.cx)((0, import_browser31.withVendorCSSClassPrefix)((0, import_browser31.bem)("date-picker")), className),
+      className: (0, import_css23.cx)((0, import_browser30.withVendorCSSClassPrefix)((0, import_browser30.bem)("date-picker")), className),
       style,
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
@@ -4187,7 +4206,7 @@ var DatePicker = ({
           {
             required,
             error: hasError,
-            className: (0, import_css23.cx)((0, import_browser31.withVendorCSSClassPrefix)((0, import_browser31.bem)("date-picker", "label")), styles.label),
+            className: (0, import_css23.cx)((0, import_browser30.withVendorCSSClassPrefix)((0, import_browser30.bem)("date-picker", "label")), styles.label),
             children: label
           }
         ),
@@ -4198,13 +4217,13 @@ var DatePicker = ({
             pattern: "\\d{4}-\\d{2}-\\d{2}",
             placeholder: dateFormat,
             className: (0, import_css23.cx)(
-              (0, import_browser31.withVendorCSSClassPrefix)((0, import_browser31.bem)("date-picker", "input")),
+              (0, import_browser30.withVendorCSSClassPrefix)((0, import_browser30.bem)("date-picker", "input")),
               styles.input,
               styles.errorInput,
               styles.disabledInput,
               {
-                [(0, import_browser31.withVendorCSSClassPrefix)((0, import_browser31.bem)("date-picker", "input", "error"))]: hasError,
-                [(0, import_browser31.withVendorCSSClassPrefix)((0, import_browser31.bem)("date-picker", "input", "disabled"))]: disabled
+                [(0, import_browser30.withVendorCSSClassPrefix)((0, import_browser30.bem)("date-picker", "input", "error"))]: hasError,
+                [(0, import_browser30.withVendorCSSClassPrefix)((0, import_browser30.bem)("date-picker", "input", "disabled"))]: disabled
               }
             ),
             disabled,
@@ -4221,7 +4240,7 @@ var DatePicker_default = DatePicker;
 
 // src/components/primitives/Checkbox/Checkbox.tsx
 var import_css25 = require("@emotion/css");
-var import_browser32 = require("@asgardeo/browser");
+var import_browser31 = require("@asgardeo/browser");
 
 // src/components/primitives/Checkbox/Checkbox.styles.ts
 var import_css24 = require("@emotion/css");
@@ -4294,15 +4313,15 @@ var Checkbox = ({ label, error, className, required, helperText, style = {}, ...
     {
       error,
       helperText,
-      className: (0, import_css25.cx)((0, import_browser32.withVendorCSSClassPrefix)((0, import_browser32.bem)("checkbox")), className),
+      className: (0, import_css25.cx)((0, import_browser31.withVendorCSSClassPrefix)((0, import_browser31.bem)("checkbox")), className),
       helperTextMarginLeft: `calc(${theme.vars.spacing.unit} * 3.5)`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style, className: (0, import_css25.cx)((0, import_browser32.withVendorCSSClassPrefix)((0, import_browser32.bem)("checkbox", "container")), styles.container), children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { style, className: (0, import_css25.cx)((0, import_browser31.withVendorCSSClassPrefix)((0, import_browser31.bem)("checkbox", "container")), styles.container), children: [
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           "input",
           {
             type: "checkbox",
-            className: (0, import_css25.cx)((0, import_browser32.withVendorCSSClassPrefix)((0, import_browser32.bem)("checkbox", "input")), styles.input, styles.errorInput, {
-              [(0, import_browser32.withVendorCSSClassPrefix)((0, import_browser32.bem)("checkbox", "input", "error"))]: hasError
+            className: (0, import_css25.cx)((0, import_browser31.withVendorCSSClassPrefix)((0, import_browser31.bem)("checkbox", "input")), styles.input, styles.errorInput, {
+              [(0, import_browser31.withVendorCSSClassPrefix)((0, import_browser31.bem)("checkbox", "input", "error"))]: hasError
             }),
             "aria-invalid": hasError,
             "aria-required": required,
@@ -4315,8 +4334,8 @@ var Checkbox = ({ label, error, className, required, helperText, style = {}, ...
             required,
             error: hasError,
             variant: "inline",
-            className: (0, import_css25.cx)((0, import_browser32.withVendorCSSClassPrefix)((0, import_browser32.bem)("checkbox", "label")), styles.label, styles.errorLabel, {
-              [(0, import_browser32.withVendorCSSClassPrefix)((0, import_browser32.bem)("checkbox", "label", "error"))]: hasError
+            className: (0, import_css25.cx)((0, import_browser31.withVendorCSSClassPrefix)((0, import_browser31.bem)("checkbox", "label")), styles.label, styles.errorLabel, {
+              [(0, import_browser31.withVendorCSSClassPrefix)((0, import_browser31.bem)("checkbox", "label", "error"))]: hasError
             }),
             children: label
           }
@@ -4328,7 +4347,7 @@ var Checkbox = ({ label, error, className, required, helperText, style = {}, ...
 var Checkbox_default = Checkbox;
 
 // src/components/factories/FieldFactory.tsx
-var import_browser33 = require("@asgardeo/browser");
+var import_browser32 = require("@asgardeo/browser");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var validateFieldValue = (value, type, required = false, touched = false) => {
   if (required && touched && (!value || value.trim() === "")) {
@@ -4338,7 +4357,7 @@ var validateFieldValue = (value, type, required = false, touched = false) => {
     return null;
   }
   switch (type) {
-    case import_browser33.FieldType.Number:
+    case import_browser32.FieldType.Number:
       const numValue = parseInt(value, 10);
       if (isNaN(numValue)) {
         return "Please enter a valid number";
@@ -4374,20 +4393,20 @@ var createField = (config) => {
     placeholder
   };
   switch (type) {
-    case import_browser33.FieldType.Password:
+    case import_browser32.FieldType.Password:
       return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PasswordField_default, { ...commonProps, onChange });
-    case import_browser33.FieldType.Text:
+    case import_browser32.FieldType.Text:
       return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TextField_default, { ...commonProps, type: "text", onChange: (e) => onChange(e.target.value), autoComplete: "off" });
-    case import_browser33.FieldType.Email:
+    case import_browser32.FieldType.Email:
       return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TextField_default, { ...commonProps, type: "email", onChange: (e) => onChange(e.target.value), autoComplete: "email" });
-    case import_browser33.FieldType.Date:
+    case import_browser32.FieldType.Date:
       return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DatePicker_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
-    case import_browser33.FieldType.Checkbox:
+    case import_browser32.FieldType.Checkbox:
       const isChecked = value === "true" || value === true;
       return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Checkbox_default, { ...commonProps, checked: isChecked, onChange: (e) => onChange(e.target.checked.toString()) });
-    case import_browser33.FieldType.Otp:
+    case import_browser32.FieldType.Otp:
       return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(OtpField_default, { ...commonProps, onChange: (e) => onChange(e.target.value) });
-    case import_browser33.FieldType.Number:
+    case import_browser32.FieldType.Number:
       return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         TextField_default,
         {
@@ -4397,7 +4416,7 @@ var createField = (config) => {
           helperText: "Enter a numeric value"
         }
       );
-    case import_browser33.FieldType.Select:
+    case import_browser32.FieldType.Select:
       const fieldOptions = options.length > 0 ? options : [];
       if (fieldOptions.length > 0) {
         return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
@@ -4460,7 +4479,7 @@ var UsernamePassword = ({
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
     formFields.map((param) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: createField({
       name: param.param,
-      type: param.type === import_browser34.EmbeddedSignInFlowAuthenticatorParamType.String ? param.confidential ? import_browser34.FieldType.Password : import_browser34.FieldType.Text : import_browser34.FieldType.Text,
+      type: param.type === import_browser33.EmbeddedSignInFlowAuthenticatorParamType.String ? param.confidential ? import_browser33.FieldType.Password : import_browser33.FieldType.Text : import_browser33.FieldType.Text,
       label: param.displayName,
       required: authenticator.requiredParams.includes(param.param),
       value: formValues[param.param] || "",
@@ -4491,7 +4510,7 @@ var UsernamePassword = ({
 var UsernamePassword_default = UsernamePassword;
 
 // src/components/presentation/SignIn/options/IdentifierFirst.tsx
-var import_browser35 = require("@asgardeo/browser");
+var import_browser34 = require("@asgardeo/browser");
 var import_react45 = require("react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var IdentifierFirst = ({
@@ -4516,7 +4535,7 @@ var IdentifierFirst = ({
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
     formFields.map((param) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: createField({
       name: param.param,
-      type: param.type === import_browser35.EmbeddedSignInFlowAuthenticatorParamType.String ? param.confidential ? import_browser35.FieldType.Password : import_browser35.FieldType.Text : import_browser35.FieldType.Text,
+      type: param.type === import_browser34.EmbeddedSignInFlowAuthenticatorParamType.String ? param.confidential ? import_browser34.FieldType.Password : import_browser34.FieldType.Text : import_browser34.FieldType.Text,
       label: param.displayName,
       required: authenticator.requiredParams.includes(param.param),
       value: formValues[param.param] || "",
@@ -4769,7 +4788,7 @@ var SignInWithEthereumButton = ({
 var SignInWithEthereumButton_default = SignInWithEthereumButton;
 
 // src/components/presentation/SignIn/options/EmailOtp.tsx
-var import_browser36 = require("@asgardeo/browser");
+var import_browser35 = require("@asgardeo/browser");
 var import_react46 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var EmailOtp = ({
@@ -4808,7 +4827,7 @@ var EmailOtp = ({
         }
       ) : createField({
         name: param.param,
-        type: param.type === import_browser36.EmbeddedSignInFlowAuthenticatorParamType.String ? param.confidential ? import_browser36.FieldType.Password : import_browser36.FieldType.Text : import_browser36.FieldType.Text,
+        type: param.type === import_browser35.EmbeddedSignInFlowAuthenticatorParamType.String ? param.confidential ? import_browser35.FieldType.Password : import_browser35.FieldType.Text : import_browser35.FieldType.Text,
         label: param.displayName,
         required: authenticator.requiredParams.includes(param.param),
         value: formValues[param.param] || "",
@@ -4837,7 +4856,7 @@ var EmailOtp = ({
 var EmailOtp_default = EmailOtp;
 
 // src/components/presentation/SignIn/options/Totp.tsx
-var import_browser37 = require("@asgardeo/browser");
+var import_browser36 = require("@asgardeo/browser");
 var import_react47 = require("react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var Totp = ({
@@ -4876,7 +4895,7 @@ var Totp = ({
         }
       ) : createField({
         name: param.param,
-        type: param.type === import_browser37.EmbeddedSignInFlowAuthenticatorParamType.String ? param.confidential ? import_browser37.FieldType.Password : import_browser37.FieldType.Text : import_browser37.FieldType.Text,
+        type: param.type === import_browser36.EmbeddedSignInFlowAuthenticatorParamType.String ? param.confidential ? import_browser36.FieldType.Password : import_browser36.FieldType.Text : import_browser36.FieldType.Text,
         label: param.displayName,
         required: authenticator.requiredParams.includes(param.param),
         value: formValues[param.param] || "",
@@ -4905,7 +4924,7 @@ var Totp = ({
 var Totp_default = Totp;
 
 // src/components/presentation/SignIn/options/SmsOtp.tsx
-var import_browser38 = require("@asgardeo/browser");
+var import_browser37 = require("@asgardeo/browser");
 var import_react48 = require("react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var SmsOtp = ({
@@ -4944,7 +4963,7 @@ var SmsOtp = ({
         }
       ) : createField({
         name: param.param,
-        type: param.type === import_browser38.EmbeddedSignInFlowAuthenticatorParamType.String ? param.confidential ? import_browser38.FieldType.Password : import_browser38.FieldType.Text : import_browser38.FieldType.Text,
+        type: param.type === import_browser37.EmbeddedSignInFlowAuthenticatorParamType.String ? param.confidential ? import_browser37.FieldType.Password : import_browser37.FieldType.Text : import_browser37.FieldType.Text,
         label: param.displayName,
         required: authenticator.requiredParams.includes(param.param),
         value: formValues[param.param] || "",
@@ -5004,7 +5023,7 @@ var SocialLogin = ({
 var SocialButton_default = SocialLogin;
 
 // src/components/presentation/SignIn/options/MultiOptionButton.tsx
-var import_browser39 = require("@asgardeo/browser");
+var import_browser38 = require("@asgardeo/browser");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var MultiOptionButton = ({
   authenticator,
@@ -5016,7 +5035,7 @@ var MultiOptionButton = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const getDisplayName = () => {
     let authenticatorName = authenticator.authenticator;
-    if (authenticator.idp !== import_browser39.EmbeddedSignInFlowAuthenticatorKnownIdPType.Local) {
+    if (authenticator.idp !== import_browser38.EmbeddedSignInFlowAuthenticatorKnownIdPType.Local) {
       authenticatorName = authenticator.idp;
     }
     switch (authenticatorName) {
@@ -5027,7 +5046,7 @@ var MultiOptionButton = ({
   const getIcon = () => {
     const authenticatorId = authenticator.authenticatorId;
     switch (authenticatorId) {
-      case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SmsOtp:
+      case import_browser38.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SmsOtp:
         return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "path",
           {
@@ -5035,7 +5054,7 @@ var MultiOptionButton = ({
             d: "M20 15.5c-1.25 0-2.45-.2-3.57-.57a1.02 1.02 0 0 0-1.02.24l-2.2 2.2a15.074 15.074 0 0 1-6.59-6.59l2.2-2.2c.27-.27.35-.67.24-1.02A11.36 11.36 0 0 1 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1M12 3v10l3-3h6V3z"
           }
         ) });
-      case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.EmailOtp:
+      case import_browser38.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.EmailOtp:
         return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "path",
           {
@@ -5043,9 +5062,9 @@ var MultiOptionButton = ({
             d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4l-8 5l-8-5V6l8 5l8-5z"
           }
         ) });
-      case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Totp:
+      case import_browser38.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Totp:
         return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fill: "currentColor", d: "M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5z" }) });
-      case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.PushNotification:
+      case import_browser38.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.PushNotification:
         return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "path",
           {
@@ -5053,7 +5072,7 @@ var MultiOptionButton = ({
             d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m1-13h-2v6h2zm0 8h-2v2h2z"
           }
         ) });
-      case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Passkey:
+      case import_browser38.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Passkey:
         return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("svg", { fill: "currentColor", width: "18", height: "18", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("g", { id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }),
@@ -5062,7 +5081,7 @@ var MultiOptionButton = ({
             " "
           ] })
         ] });
-      case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.MagicLink:
+      case import_browser38.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.MagicLink:
         return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "path",
           {
@@ -5111,11 +5130,11 @@ var createSignInOption = ({
 }) => {
   const hasParams = authenticator.metadata?.params && authenticator.metadata.params.length > 0;
   switch (authenticator.authenticatorId) {
-    case import_browser40.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.UsernamePassword:
+    case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.UsernamePassword:
       return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(UsernamePassword_default, { authenticator, preferences, onSubmit, ...rest });
-    case import_browser40.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.IdentifierFirst:
+    case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.IdentifierFirst:
       return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(IdentifierFirst_default, { authenticator, preferences, onSubmit, ...rest });
-    case import_browser40.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Google:
+    case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Google:
       return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         GoogleButton_default,
         {
@@ -5126,7 +5145,7 @@ var createSignInOption = ({
           ...rest
         }
       );
-    case import_browser40.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.GitHub:
+    case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.GitHub:
       return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         GitHubButton_default,
         {
@@ -5137,7 +5156,7 @@ var createSignInOption = ({
           ...rest
         }
       );
-    case import_browser40.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Microsoft:
+    case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Microsoft:
       return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         MicrosoftButton_default,
         {
@@ -5148,7 +5167,7 @@ var createSignInOption = ({
           ...rest
         }
       );
-    case import_browser40.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Facebook:
+    case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Facebook:
       return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         FacebookButton_default,
         {
@@ -5159,7 +5178,7 @@ var createSignInOption = ({
           ...rest
         }
       );
-    case import_browser40.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.LinkedIn:
+    case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.LinkedIn:
       return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         LinkedInButton_default,
         {
@@ -5170,7 +5189,7 @@ var createSignInOption = ({
           ...rest
         }
       );
-    case import_browser40.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SignInWithEthereum:
+    case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SignInWithEthereum:
       return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         SignInWithEthereumButton_default,
         {
@@ -5181,14 +5200,14 @@ var createSignInOption = ({
           ...rest
         }
       );
-    case import_browser40.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.EmailOtp:
+    case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.EmailOtp:
       return hasParams ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(EmailOtp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
-    case import_browser40.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Totp:
+    case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Totp:
       return hasParams ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Totp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
-    case import_browser40.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SmsOtp:
+    case import_browser39.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SmsOtp:
       return hasParams ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SmsOtp_default, { authenticator, preferences, onSubmit, ...rest }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MultiOptionButton_default, { authenticator, preferences, onSubmit, ...rest });
     default:
-      if (authenticator.idp !== import_browser40.EmbeddedSignInFlowAuthenticatorKnownIdPType.Local) {
+      if (authenticator.idp !== import_browser39.EmbeddedSignInFlowAuthenticatorKnownIdPType.Local) {
         return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           SocialButton_default,
           {
@@ -5222,7 +5241,7 @@ var createSignInOptionFromAuthenticator = (authenticator, formValues, touchedFie
 
 // src/components/primitives/Alert/Alert.tsx
 var import_react50 = require("react");
-var import_browser41 = require("@asgardeo/browser");
+var import_browser40 = require("@asgardeo/browser");
 var import_css27 = require("@emotion/css");
 
 // src/components/primitives/Icons/CircleCheck.tsx
@@ -5423,16 +5442,16 @@ var Alert = (0, import_react50.forwardRef)(
         role: "alert",
         style,
         className: (0, import_css27.cx)(
-          (0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("alert")),
+          (0, import_browser40.withVendorCSSClassPrefix)((0, import_browser40.bem)("alert")),
           styles.alert,
           styles.variant,
-          (0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("alert", null, variant)),
+          (0, import_browser40.withVendorCSSClassPrefix)((0, import_browser40.bem)("alert", null, variant)),
           className
         ),
         ...rest,
         children: [
-          showIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: (0, import_css27.cx)((0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("alert", "icon")), styles.icon), children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(IconComponent, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: (0, import_css27.cx)((0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("alert", "content")), styles.content), children })
+          showIcon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: (0, import_css27.cx)((0, import_browser40.withVendorCSSClassPrefix)((0, import_browser40.bem)("alert", "icon")), styles.icon), children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(IconComponent, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: (0, import_css27.cx)((0, import_browser40.withVendorCSSClassPrefix)((0, import_browser40.bem)("alert", "content")), styles.content), children })
         ]
       }
     ) });
@@ -5450,7 +5469,7 @@ var AlertTitle = (0, import_react50.forwardRef)(({ children, className, style, .
       variant: "h6",
       fontWeight: 600,
       style,
-      className: (0, import_css27.cx)((0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("alert", "title")), styles.title, className),
+      className: (0, import_css27.cx)((0, import_browser40.withVendorCSSClassPrefix)((0, import_browser40.bem)("alert", "title")), styles.title, className),
       ...filteredRest,
       children
     }
@@ -5468,7 +5487,7 @@ var AlertDescription = (0, import_react50.forwardRef)(
         component: "p",
         variant: "body2",
         style,
-        className: (0, import_css27.cx)((0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("alert", "description")), styles.description, className),
+        className: (0, import_css27.cx)((0, import_browser40.withVendorCSSClassPrefix)((0, import_browser40.bem)("alert", "description")), styles.description, className),
         ...filteredRest,
         children
       }
@@ -5483,7 +5502,7 @@ Alert.Description = AlertDescription;
 var Alert_default = Alert;
 
 // src/components/primitives/Card/Card.tsx
-var import_browser42 = require("@asgardeo/browser");
+var import_browser41 = require("@asgardeo/browser");
 var import_css29 = require("@emotion/css");
 var import_react52 = require("react");
 
@@ -5578,13 +5597,13 @@ var Card = (0, import_react52.forwardRef)(
         ref,
         style,
         className: (0, import_css29.cx)(
-          (0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("card")),
+          (0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("card")),
           styles.card,
           styles.variant,
           styles.clickable,
-          (0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("card", null, variant)),
+          (0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("card", null, variant)),
           {
-            [(0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("card", null, "clickable"))]: clickable
+            [(0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("card", null, "clickable"))]: clickable
           },
           className
         ),
@@ -5602,7 +5621,7 @@ var CardHeader = (0, import_react52.forwardRef)(({ children, className, style, .
     {
       ref,
       style,
-      className: (0, import_css29.cx)((0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("card", "header")), styles.header, className),
+      className: (0, import_css29.cx)((0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("card", "header")), styles.header, className),
       ...rest,
       children
     }
@@ -5655,7 +5674,7 @@ var CardTitle = (0, import_react52.forwardRef)(
         component: getComponentFromLevel(level),
         variant: getVariantFromLevel(level),
         style,
-        className: (0, import_css29.cx)((0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("card", "title")), styles.title, className),
+        className: (0, import_css29.cx)((0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("card", "title")), styles.title, className),
         fontWeight: 600,
         ...filteredRest,
         children
@@ -5675,7 +5694,7 @@ var CardDescription = (0, import_react52.forwardRef)(
         variant: "body2",
         color: "textSecondary",
         style,
-        className: (0, import_css29.cx)((0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("card", "description")), styles.description, className),
+        className: (0, import_css29.cx)((0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("card", "description")), styles.description, className),
         ...filteredRest,
         children
       }
@@ -5690,7 +5709,7 @@ var CardAction = (0, import_react52.forwardRef)(({ children, className, style, .
     {
       ref,
       style,
-      className: (0, import_css29.cx)((0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("card", "action")), styles.action, className),
+      className: (0, import_css29.cx)((0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("card", "action")), styles.action, className),
       ...rest,
       children
     }
@@ -5704,7 +5723,7 @@ var CardContent = (0, import_react52.forwardRef)(({ children, className, style,
     {
       ref,
       style,
-      className: (0, import_css29.cx)((0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("card", "content")), styles.content, className),
+      className: (0, import_css29.cx)((0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("card", "content")), styles.content, className),
       ...rest,
       children
     }
@@ -5718,7 +5737,7 @@ var CardFooter = (0, import_react52.forwardRef)(({ children, className, style, .
     {
       ref,
       style,
-      className: (0, import_css29.cx)((0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("card", "footer")), styles.footer, className),
+      className: (0, import_css29.cx)((0, import_browser41.withVendorCSSClassPrefix)((0, import_browser41.bem)("card", "footer")), styles.footer, className),
       ...rest,
       children
     }
@@ -5740,7 +5759,7 @@ Card.Footer = CardFooter;
 var Card_default = Card;
 
 // src/components/primitives/Divider/Divider.tsx
-var import_browser43 = require("@asgardeo/browser");
+var import_browser42 = require("@asgardeo/browser");
 var import_css31 = require("@emotion/css");
 
 // src/components/primitives/Divider/Divider.styles.ts
@@ -5809,8 +5828,8 @@ var Divider = ({
       "div",
       {
         className: (0, import_css31.cx)(
-          (0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("divider")),
-          (0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("divider", "vertical")),
+          (0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("divider")),
+          (0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("divider", "vertical")),
           styles.divider,
           styles.vertical,
           className
@@ -5827,9 +5846,9 @@ var Divider = ({
       "div",
       {
         className: (0, import_css31.cx)(
-          (0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("divider")),
-          (0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("divider", "horizontal")),
-          (0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("divider", "with-text")),
+          (0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("divider")),
+          (0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("divider", "horizontal")),
+          (0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("divider", "with-text")),
           styles.divider,
           styles.horizontal,
           className
@@ -5839,18 +5858,18 @@ var Divider = ({
         "aria-orientation": "horizontal",
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: (0, import_css31.cx)((0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("divider", "line")), styles.line) }),
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: (0, import_css31.cx)((0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("divider", "line")), styles.line) }),
           /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             Typography_default,
             {
               variant: "body2",
               color: "textSecondary",
-              className: (0, import_css31.cx)((0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("divider", "text")), styles.text),
+              className: (0, import_css31.cx)((0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("divider", "text")), styles.text),
               inline: true,
               children
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: (0, import_css31.cx)((0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("divider", "line")), styles.line) })
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: (0, import_css31.cx)((0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("divider", "line")), styles.line) })
         ]
       }
     );
@@ -5859,8 +5878,8 @@ var Divider = ({
     "div",
     {
       className: (0, import_css31.cx)(
-        (0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("divider")),
-        (0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("divider", "horizontal")),
+        (0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("divider")),
+        (0, import_browser42.withVendorCSSClassPrefix)((0, import_browser42.bem)("divider", "horizontal")),
         styles.divider,
         styles.horizontal,
         className
@@ -5876,7 +5895,7 @@ var Divider_default = Divider;
 
 // src/components/primitives/Logo/Logo.tsx
 var import_css33 = require("@emotion/css");
-var import_browser44 = require("@asgardeo/browser");
+var import_browser43 = require("@asgardeo/browser");
 
 // src/components/primitives/Logo/Logo.styles.ts
 var import_css32 = require("@emotion/css");
@@ -5935,8 +5954,8 @@ var Logo = ({ className, src, alt, title, size = "medium" }) => {
       alt: logoAlt,
       title: logoTitle,
       className: (0, import_css33.cx)(
-        (0, import_browser44.withVendorCSSClassPrefix)((0, import_browser44.bem)("logo")),
-        (0, import_browser44.withVendorCSSClassPrefix)((0, import_browser44.bem)("logo", size)),
+        (0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("logo")),
+        (0, import_browser43.withVendorCSSClassPrefix)((0, import_browser43.bem)("logo", size)),
         styles.logo,
         styles.size,
         className
@@ -6202,7 +6221,7 @@ var handleWebAuthnAuthentication = async (challengeData) => {
     throw new Error(`Passkey authentication failed: ${error instanceof Error ? error.message : "Unknown error"}`);
   }
 };
-var isPasskeyAuthenticator = (authenticator) => authenticator.authenticatorId === import_browser45.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Passkey && authenticator.metadata?.promptType === import_browser45.EmbeddedSignInFlowAuthenticatorPromptType.InternalPrompt && authenticator.metadata?.additionalData?.challengeData;
+var isPasskeyAuthenticator = (authenticator) => authenticator.authenticatorId === import_browser44.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Passkey && authenticator.metadata?.promptType === import_browser44.EmbeddedSignInFlowAuthenticatorPromptType.InternalPrompt && authenticator.metadata?.additionalData?.challengeData;
 var BaseSignIn = (props) => {
   const { theme } = useTheme_default();
   const styles = BaseSignIn_styles_default(theme, theme.vars.colors.text.primary);
@@ -6288,9 +6307,9 @@ var BaseSignInContent = ({
     touchAllFields();
   };
   const handleRedirectionIfNeeded = (response) => {
-    if (response && "nextStep" in response && response.nextStep && response.nextStep.stepType === import_browser45.EmbeddedSignInFlowStepType.AuthenticatorPrompt && response.nextStep.authenticators && response.nextStep.authenticators.length === 1) {
+    if (response && "nextStep" in response && response.nextStep && response.nextStep.stepType === import_browser44.EmbeddedSignInFlowStepType.AuthenticatorPrompt && response.nextStep.authenticators && response.nextStep.authenticators.length === 1) {
       const responseAuthenticator = response.nextStep.authenticators[0];
-      if (responseAuthenticator.metadata?.promptType === import_browser45.EmbeddedSignInFlowAuthenticatorPromptType.RedirectionPrompt && responseAuthenticator.metadata?.additionalData?.redirectUrl) {
+      if (responseAuthenticator.metadata?.promptType === import_browser44.EmbeddedSignInFlowAuthenticatorPromptType.RedirectionPrompt && responseAuthenticator.metadata?.additionalData?.redirectUrl) {
         const redirectUrl = responseAuthenticator.metadata?.additionalData?.redirectUrl;
         const popup = window.open(redirectUrl, "oauth_popup", "width=500,height=600,scrollbars=yes,resizable=yes");
         if (!popup) {
@@ -6376,7 +6395,7 @@ var BaseSignInContent = ({
                   });
                   popup.close();
                   onFlowChange?.(response2);
-                  if (response2?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.SuccessCompleted) {
+                  if (response2?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.SuccessCompleted) {
                     onSuccess?.(response2.authData);
                   }
                 }
@@ -6417,11 +6436,11 @@ var BaseSignInContent = ({
         url: currentFlow?.links[0].href
       });
       onFlowChange?.(response);
-      if (response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.SuccessCompleted) {
+      if (response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.SuccessCompleted) {
         onSuccess?.(response.authData);
         return;
       }
-      if (response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.FailCompleted || response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.FailIncomplete) {
+      if (response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.FailCompleted || response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.FailIncomplete) {
         setError(t("errors.sign.in.flow.completion.failure"));
         return;
       }
@@ -6432,7 +6451,7 @@ var BaseSignInContent = ({
         const nextStepResponse = response;
         setCurrentFlow(nextStepResponse);
         if (nextStepResponse.nextStep?.authenticators?.length > 0) {
-          if (nextStepResponse.nextStep.stepType === import_browser45.EmbeddedSignInFlowStepType.MultiOptionsPrompt && nextStepResponse.nextStep.authenticators.length > 1) {
+          if (nextStepResponse.nextStep.stepType === import_browser44.EmbeddedSignInFlowStepType.MultiOptionsPrompt && nextStepResponse.nextStep.authenticators.length > 1) {
             setCurrentAuthenticator(null);
           } else {
             const nextAuthenticator = nextStepResponse.nextStep.authenticators[0];
@@ -6450,7 +6469,7 @@ var BaseSignInContent = ({
         }
       }
     } catch (err) {
-      const errorMessage = err instanceof import_browser45.AsgardeoAPIError ? err.message : t("errors.sign.in.flow.failure");
+      const errorMessage = err instanceof import_browser44.AsgardeoAPIError ? err.message : t("errors.sign.in.flow.failure");
       setError(errorMessage);
       onError?.(err);
     } finally {
@@ -6489,11 +6508,11 @@ var BaseSignInContent = ({
             url: currentFlow?.links[0].href
           });
           onFlowChange?.(response);
-          if (response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.SuccessCompleted) {
+          if (response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.SuccessCompleted) {
             onSuccess?.(response.authData);
             return;
           }
-          if (response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.FailCompleted || response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.FailIncomplete) {
+          if (response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.FailCompleted || response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.FailIncomplete) {
             setError(t("errors.sign.in.flow.passkeys.completion.failure"));
             return;
           }
@@ -6501,7 +6520,7 @@ var BaseSignInContent = ({
             const nextStepResponse = response;
             setCurrentFlow(nextStepResponse);
             if (nextStepResponse.nextStep?.authenticators?.length > 0) {
-              if (nextStepResponse.nextStep.stepType === import_browser45.EmbeddedSignInFlowStepType.MultiOptionsPrompt && nextStepResponse.nextStep.authenticators.length > 1) {
+              if (nextStepResponse.nextStep.stepType === import_browser44.EmbeddedSignInFlowStepType.MultiOptionsPrompt && nextStepResponse.nextStep.authenticators.length > 1) {
                 setCurrentAuthenticator(null);
               } else {
                 const nextAuthenticator = nextStepResponse.nextStep.authenticators[0];
@@ -6530,7 +6549,7 @@ var BaseSignInContent = ({
           }
           setError(errorMessage);
         }
-      } else if (authenticator.metadata?.promptType === import_browser45.EmbeddedSignInFlowAuthenticatorPromptType.RedirectionPrompt) {
+      } else if (authenticator.metadata?.promptType === import_browser44.EmbeddedSignInFlowAuthenticatorPromptType.RedirectionPrompt) {
         const payload = {
           flowId: currentFlow.flowId,
           selectedAuthenticator: {
@@ -6543,7 +6562,7 @@ var BaseSignInContent = ({
           url: currentFlow?.links[0].href
         });
         onFlowChange?.(response);
-        if (response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.SuccessCompleted) {
+        if (response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.SuccessCompleted) {
           onSuccess?.(response.authData);
           return;
         }
@@ -6566,11 +6585,11 @@ var BaseSignInContent = ({
           url: currentFlow?.links[0].href
         });
         onFlowChange?.(response);
-        if (response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.SuccessCompleted) {
+        if (response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.SuccessCompleted) {
           onSuccess?.(response.authData);
           return;
         }
-        if (response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.FailCompleted || response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.FailIncomplete) {
+        if (response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.FailCompleted || response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.FailIncomplete) {
           setError("Authentication failed. Please check your credentials and try again.");
           return;
         }
@@ -6581,7 +6600,7 @@ var BaseSignInContent = ({
           const nextStepResponse = response;
           setCurrentFlow(nextStepResponse);
           if (nextStepResponse.nextStep?.authenticators?.length > 0) {
-            if (nextStepResponse.nextStep.stepType === import_browser45.EmbeddedSignInFlowStepType.MultiOptionsPrompt && nextStepResponse.nextStep.authenticators.length > 1) {
+            if (nextStepResponse.nextStep.stepType === import_browser44.EmbeddedSignInFlowStepType.MultiOptionsPrompt && nextStepResponse.nextStep.authenticators.length > 1) {
               setCurrentAuthenticator(null);
             } else {
               const nextAuthenticator = nextStepResponse.nextStep.authenticators[0];
@@ -6617,11 +6636,11 @@ var BaseSignInContent = ({
             url: currentFlow?.links[0].href
           });
           onFlowChange?.(response);
-          if (response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.SuccessCompleted) {
+          if (response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.SuccessCompleted) {
             onSuccess?.(response.authData);
             return;
           }
-          if (response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.FailCompleted || response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.FailIncomplete) {
+          if (response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.FailCompleted || response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.FailIncomplete) {
             setError("Authentication failed. Please try again.");
             return;
           }
@@ -6632,7 +6651,7 @@ var BaseSignInContent = ({
             const nextStepResponse = response;
             setCurrentFlow(nextStepResponse);
             if (nextStepResponse.nextStep?.authenticators?.length > 0) {
-              if (nextStepResponse.nextStep.stepType === import_browser45.EmbeddedSignInFlowStepType.MultiOptionsPrompt && nextStepResponse.nextStep.authenticators.length > 1) {
+              if (nextStepResponse.nextStep.stepType === import_browser44.EmbeddedSignInFlowStepType.MultiOptionsPrompt && nextStepResponse.nextStep.authenticators.length > 1) {
                 setCurrentAuthenticator(null);
               } else {
                 const nextAuthenticator = nextStepResponse.nextStep.authenticators[0];
@@ -6659,7 +6678,7 @@ var BaseSignInContent = ({
         }
       }
     } catch (err) {
-      const errorMessage = err instanceof import_browser45.AsgardeoAPIError ? err?.message : "Authenticator selection failed";
+      const errorMessage = err instanceof import_browser44.AsgardeoAPIError ? err?.message : "Authenticator selection failed";
       setError(errorMessage);
       onError?.(err);
     } finally {
@@ -6671,7 +6690,7 @@ var BaseSignInContent = ({
     setFormTouched(param, true);
   };
   const hasMultipleOptions = (0, import_react56.useCallback)(
-    () => currentFlow && "nextStep" in currentFlow && currentFlow.nextStep?.stepType === import_browser45.EmbeddedSignInFlowStepType.MultiOptionsPrompt && currentFlow.nextStep?.authenticators && currentFlow.nextStep.authenticators.length > 1,
+    () => currentFlow && "nextStep" in currentFlow && currentFlow.nextStep?.stepType === import_browser44.EmbeddedSignInFlowStepType.MultiOptionsPrompt && currentFlow.nextStep?.authenticators && currentFlow.nextStep.authenticators.length > 1,
     [currentFlow]
   );
   const getAvailableAuthenticators = (0, import_react56.useCallback)(() => {
@@ -6682,30 +6701,30 @@ var BaseSignInContent = ({
   }, [currentFlow]);
   const containerClasses = (0, import_css35.cx)(
     [
-      (0, import_browser45.withVendorCSSClassPrefix)("signin"),
-      (0, import_browser45.withVendorCSSClassPrefix)(`signin--${size}`),
-      (0, import_browser45.withVendorCSSClassPrefix)(`signin--${variant}`)
+      (0, import_browser44.withVendorCSSClassPrefix)("signin"),
+      (0, import_browser44.withVendorCSSClassPrefix)(`signin--${size}`),
+      (0, import_browser44.withVendorCSSClassPrefix)(`signin--${variant}`)
     ],
     className
   );
   const inputClasses = (0, import_css35.cx)(
     [
-      (0, import_browser45.withVendorCSSClassPrefix)("signin__input"),
-      size === "small" && (0, import_browser45.withVendorCSSClassPrefix)("signin__input--small"),
-      size === "large" && (0, import_browser45.withVendorCSSClassPrefix)("signin__input--large")
+      (0, import_browser44.withVendorCSSClassPrefix)("signin__input"),
+      size === "small" && (0, import_browser44.withVendorCSSClassPrefix)("signin__input--small"),
+      size === "large" && (0, import_browser44.withVendorCSSClassPrefix)("signin__input--large")
     ],
     inputClassName
   );
   const buttonClasses = (0, import_css35.cx)(
     [
-      (0, import_browser45.withVendorCSSClassPrefix)("signin__button"),
-      size === "small" && (0, import_browser45.withVendorCSSClassPrefix)("signin__button--small"),
-      size === "large" && (0, import_browser45.withVendorCSSClassPrefix)("signin__button--large")
+      (0, import_browser44.withVendorCSSClassPrefix)("signin__button"),
+      size === "small" && (0, import_browser44.withVendorCSSClassPrefix)("signin__button--small"),
+      size === "large" && (0, import_browser44.withVendorCSSClassPrefix)("signin__button--large")
     ],
     buttonClassName
   );
-  const errorClasses = (0, import_css35.cx)([(0, import_browser45.withVendorCSSClassPrefix)("signin__error")], errorClassName);
-  const messageClasses = (0, import_css35.cx)([(0, import_browser45.withVendorCSSClassPrefix)("signin__messages")], messageClassName);
+  const errorClasses = (0, import_css35.cx)([(0, import_browser44.withVendorCSSClassPrefix)("signin__error")], errorClassName);
+  const messageClasses = (0, import_css35.cx)([(0, import_browser44.withVendorCSSClassPrefix)("signin__messages")], messageClassName);
   (0, import_react56.useEffect)(() => {
     if (isLoading) {
       return;
@@ -6722,12 +6741,12 @@ var BaseSignInContent = ({
         setCurrentFlow(response);
         setIsInitialized(true);
         onFlowChange?.(response);
-        if (response?.flowStatus === import_browser45.EmbeddedSignInFlowStatus.SuccessCompleted) {
+        if (response?.flowStatus === import_browser44.EmbeddedSignInFlowStatus.SuccessCompleted) {
           onSuccess?.(response.authData || {});
           return;
         }
         if (response?.nextStep?.authenticators?.length > 0) {
-          if (response.nextStep.stepType === import_browser45.EmbeddedSignInFlowStepType.MultiOptionsPrompt && response.nextStep.authenticators.length > 1) {
+          if (response.nextStep.stepType === import_browser44.EmbeddedSignInFlowStepType.MultiOptionsPrompt && response.nextStep.authenticators.length > 1) {
             setCurrentAuthenticator(null);
           } else {
             const authenticator = response.nextStep.authenticators[0];
@@ -6745,7 +6764,7 @@ var BaseSignInContent = ({
           );
         }
       } catch (err) {
-        const errorMessage = err instanceof import_browser45.AsgardeoAPIError ? err.message : t("errors.sign.in.initialization");
+        const errorMessage = err instanceof import_browser44.AsgardeoAPIError ? err.message : t("errors.sign.in.initialization");
         setError(errorMessage);
         onError?.(err);
       } finally {
@@ -6762,7 +6781,7 @@ var BaseSignInContent = ({
   if (hasMultipleOptions() && !currentAuthenticator) {
     const availableAuthenticators = getAvailableAuthenticators();
     const userPromptAuthenticators = availableAuthenticators.filter(
-      (auth) => auth.metadata?.promptType === import_browser45.EmbeddedSignInFlowAuthenticatorPromptType.UserPrompt || // Fallback: LOCAL authenticators with params are typically user prompts
+      (auth) => auth.metadata?.promptType === import_browser44.EmbeddedSignInFlowAuthenticatorPromptType.UserPrompt || // Fallback: LOCAL authenticators with params are typically user prompts
       auth.idp === "LOCAL" && auth.metadata?.params && auth.metadata.params.length > 0
     );
     const optionAuthenticators = availableAuthenticators.filter((auth) => !userPromptAuthenticators.includes(auth)).filter((authenticator) => !HIDDEN_AUTHENTICATORS.includes(authenticator.authenticatorId));
@@ -6947,15 +6966,15 @@ var SignIn = ({ className, size = "medium", ...rest }) => {
 var SignIn_default = SignIn;
 
 // src/components/presentation/SignUp/BaseSignUp.tsx
-var import_browser53 = require("@asgardeo/browser");
+var import_browser52 = require("@asgardeo/browser");
 var import_css37 = require("@emotion/css");
 var import_react58 = require("react");
 
 // src/components/presentation/SignUp/options/SignUpOptionFactory.tsx
-var import_browser52 = require("@asgardeo/browser");
+var import_browser51 = require("@asgardeo/browser");
 
 // src/components/presentation/SignUp/options/CheckboxInput.tsx
-var import_browser46 = require("@asgardeo/browser");
+var import_browser45 = require("@asgardeo/browser");
 var CheckboxInput = ({
   component,
   formValues,
@@ -6969,7 +6988,7 @@ var CheckboxInput = ({
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
   return createField({
-    type: import_browser46.FieldType.Checkbox,
+    type: import_browser45.FieldType.Checkbox,
     name: fieldName,
     label: config["label"] || "",
     placeholder: config["placeholder"] || "",
@@ -6983,7 +7002,7 @@ var CheckboxInput = ({
 var CheckboxInput_default = CheckboxInput;
 
 // src/components/presentation/SignUp/options/DateInput.tsx
-var import_browser47 = require("@asgardeo/browser");
+var import_browser46 = require("@asgardeo/browser");
 var DateInput = ({
   component,
   formValues,
@@ -6997,7 +7016,7 @@ var DateInput = ({
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
   return createField({
-    type: import_browser47.FieldType.Date,
+    type: import_browser46.FieldType.Date,
     name: fieldName,
     label: config["label"] || "",
     placeholder: config["placeholder"] || "",
@@ -7030,7 +7049,7 @@ var DividerComponent = ({ component }) => {
 var DividerComponent_default = DividerComponent;
 
 // src/components/presentation/SignUp/options/EmailInput.tsx
-var import_browser48 = require("@asgardeo/browser");
+var import_browser47 = require("@asgardeo/browser");
 var EmailInput = ({
   component,
   formValues,
@@ -7044,7 +7063,7 @@ var EmailInput = ({
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
   return createField({
-    type: import_browser48.FieldType.Email,
+    type: import_browser47.FieldType.Email,
     name: fieldName,
     label: config["label"] || "Email",
     placeholder: config["placeholder"] || "Enter your email",
@@ -7115,7 +7134,7 @@ var ImageComponent = ({ component }) => {
 var ImageComponent_default = ImageComponent;
 
 // src/components/presentation/SignUp/options/NumberInput.tsx
-var import_browser49 = require("@asgardeo/browser");
+var import_browser48 = require("@asgardeo/browser");
 var NumberInput = ({
   component,
   formValues,
@@ -7129,7 +7148,7 @@ var NumberInput = ({
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
   return createField({
-    type: import_browser49.FieldType.Number,
+    type: import_browser48.FieldType.Number,
     name: fieldName,
     label: config["label"] || "",
     placeholder: config["placeholder"] || "",
@@ -7143,7 +7162,7 @@ var NumberInput = ({
 var NumberInput_default = NumberInput;
 
 // src/components/presentation/SignUp/options/PasswordInput.tsx
-var import_browser50 = require("@asgardeo/browser");
+var import_browser49 = require("@asgardeo/browser");
 var PasswordInput = ({
   component,
   formValues,
@@ -7189,7 +7208,7 @@ var PasswordInput = ({
   });
   const hint = validationHints.length > 0 ? validationHints.join(", ") : config["hint"] || "";
   return createField({
-    type: import_browser50.FieldType.Password,
+    type: import_browser49.FieldType.Password,
     name: fieldName,
     label: config["label"] || "Password",
     placeholder: config["placeholder"] || "Enter your password",
@@ -7288,7 +7307,7 @@ var TelephoneInput = ({
 var TelephoneInput_default = TelephoneInput;
 
 // src/components/presentation/SignUp/options/TextInput.tsx
-var import_browser51 = require("@asgardeo/browser");
+var import_browser50 = require("@asgardeo/browser");
 var TextInput = ({
   component,
   formValues,
@@ -7302,7 +7321,7 @@ var TextInput = ({
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
   return createField({
-    type: import_browser51.FieldType.Text,
+    type: import_browser50.FieldType.Text,
     name: fieldName,
     label: config["label"] || "",
     placeholder: config["placeholder"] || "",
@@ -7373,9 +7392,9 @@ var Typography_default2 = TypographyComponent;
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
   switch (component.type) {
-    case import_browser52.EmbeddedFlowComponentType.Typography:
+    case import_browser51.EmbeddedFlowComponentType.Typography:
       return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typography_default2, { component, onSubmit, ...rest });
-    case import_browser52.EmbeddedFlowComponentType.Input:
+    case import_browser51.EmbeddedFlowComponentType.Input:
       const inputVariant = component.variant?.toUpperCase();
       const inputType = component.config["type"]?.toLowerCase();
       if (inputVariant === "EMAIL" || inputType === "email") {
@@ -7397,7 +7416,7 @@ var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
         return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CheckboxInput_default, { component, onSubmit, ...rest });
       }
       return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TextInput_default, { component, onSubmit, ...rest });
-    case import_browser52.EmbeddedFlowComponentType.Button: {
+    case import_browser51.EmbeddedFlowComponentType.Button: {
       const buttonVariant = component.variant?.toUpperCase();
       const buttonText = component.config["text"] || component.config["label"] || "";
       if (buttonVariant === "SOCIAL") {
@@ -7422,11 +7441,11 @@ var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
       }
       return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SubmitButton_default, { component, onSubmit, ...rest });
     }
-    case import_browser52.EmbeddedFlowComponentType.Form:
+    case import_browser51.EmbeddedFlowComponentType.Form:
       return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FormContainer_default, { component, onSubmit, ...rest });
-    case import_browser52.EmbeddedFlowComponentType.Divider:
+    case import_browser51.EmbeddedFlowComponentType.Divider:
       return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DividerComponent_default, { component, onSubmit, ...rest });
-    case import_browser52.EmbeddedFlowComponentType.Image:
+    case import_browser51.EmbeddedFlowComponentType.Image:
       return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ImageComponent_default, { component, onSubmit, ...rest });
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", {});
@@ -7641,7 +7660,7 @@ var BaseSignUpContent = ({
       const fields = [];
       const processComponents = (comps) => {
         comps.forEach((component) => {
-          if (component.type === import_browser53.EmbeddedFlowComponentType.Input) {
+          if (component.type === import_browser52.EmbeddedFlowComponentType.Input) {
             const config = component.config || {};
             fields.push({
               name: config.name || component.id,
@@ -7733,11 +7752,11 @@ var BaseSignUpContent = ({
       };
       const response = await onSubmit(payload);
       onFlowChange?.(response);
-      if (response.flowStatus === import_browser53.EmbeddedFlowStatus.Complete) {
+      if (response.flowStatus === import_browser52.EmbeddedFlowStatus.Complete) {
         onComplete?.(response);
         return;
       }
-      if (response.flowStatus === import_browser53.EmbeddedFlowStatus.Incomplete) {
+      if (response.flowStatus === import_browser52.EmbeddedFlowStatus.Incomplete) {
         if (handleRedirectionIfNeeded(response, component)) {
           return;
         }
@@ -7745,7 +7764,7 @@ var BaseSignUpContent = ({
         setupFormFields(response);
       }
     } catch (err) {
-      const errorMessage = err instanceof import_browser53.AsgardeoAPIError ? err.message : t("errors.sign.up.flow.failure");
+      const errorMessage = err instanceof import_browser52.AsgardeoAPIError ? err.message : t("errors.sign.up.flow.failure");
       setError(errorMessage);
       onError?.(err);
     } finally {
@@ -7753,7 +7772,7 @@ var BaseSignUpContent = ({
     }
   };
   const handleRedirectionIfNeeded = (response, component) => {
-    if (response?.type === import_browser53.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL) {
+    if (response?.type === import_browser52.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL) {
       const redirectUrl = response.data.redirectURL;
       const popup = window.open(redirectUrl, "oauth_popup", "width=500,height=600,scrollbars=yes,resizable=yes");
       if (!popup) {
@@ -7782,16 +7801,16 @@ var BaseSignUpContent = ({
           try {
             const continueResponse = await onSubmit(payload);
             onFlowChange?.(continueResponse);
-            if (continueResponse.flowStatus === import_browser53.EmbeddedFlowStatus.Complete) {
+            if (continueResponse.flowStatus === import_browser52.EmbeddedFlowStatus.Complete) {
               onComplete?.(continueResponse);
-            } else if (continueResponse.flowStatus === import_browser53.EmbeddedFlowStatus.Incomplete) {
+            } else if (continueResponse.flowStatus === import_browser52.EmbeddedFlowStatus.Incomplete) {
               setCurrentFlow(continueResponse);
               setupFormFields(continueResponse);
             }
             popup.close();
             cleanup();
           } catch (err) {
-            const errorMessage = err instanceof import_browser53.AsgardeoAPIError ? err.message : t("errors.sign.up.flow.failure");
+            const errorMessage = err instanceof import_browser52.AsgardeoAPIError ? err.message : t("errors.sign.up.flow.failure");
             setError(errorMessage);
             onError?.(err);
             popup.close();
@@ -7843,15 +7862,15 @@ var BaseSignUpContent = ({
                 try {
                   const continueResponse = await onSubmit(payload);
                   onFlowChange?.(continueResponse);
-                  if (continueResponse.flowStatus === import_browser53.EmbeddedFlowStatus.Complete) {
+                  if (continueResponse.flowStatus === import_browser52.EmbeddedFlowStatus.Complete) {
                     onComplete?.(continueResponse);
-                  } else if (continueResponse.flowStatus === import_browser53.EmbeddedFlowStatus.Incomplete) {
+                  } else if (continueResponse.flowStatus === import_browser52.EmbeddedFlowStatus.Incomplete) {
                     setCurrentFlow(continueResponse);
                     setupFormFields(continueResponse);
                   }
                   popup.close();
                 } catch (err) {
-                  const errorMessage = err instanceof import_browser53.AsgardeoAPIError ? err.message : t("errors.sign.up.flow.failure");
+                  const errorMessage = err instanceof import_browser52.AsgardeoAPIError ? err.message : t("errors.sign.up.flow.failure");
                   setError(errorMessage);
                   onError?.(err);
                   popup.close();
@@ -7870,30 +7889,30 @@ var BaseSignUpContent = ({
   };
   const containerClasses = (0, import_css37.cx)(
     [
-      (0, import_browser53.withVendorCSSClassPrefix)("signup"),
-      (0, import_browser53.withVendorCSSClassPrefix)(`signup--${size}`),
-      (0, import_browser53.withVendorCSSClassPrefix)(`signup--${variant}`)
+      (0, import_browser52.withVendorCSSClassPrefix)("signup"),
+      (0, import_browser52.withVendorCSSClassPrefix)(`signup--${size}`),
+      (0, import_browser52.withVendorCSSClassPrefix)(`signup--${variant}`)
     ],
     className
   );
   const inputClasses = (0, import_css37.cx)(
     [
-      (0, import_browser53.withVendorCSSClassPrefix)("signup__input"),
-      size === "small" && (0, import_browser53.withVendorCSSClassPrefix)("signup__input--small"),
-      size === "large" && (0, import_browser53.withVendorCSSClassPrefix)("signup__input--large")
+      (0, import_browser52.withVendorCSSClassPrefix)("signup__input"),
+      size === "small" && (0, import_browser52.withVendorCSSClassPrefix)("signup__input--small"),
+      size === "large" && (0, import_browser52.withVendorCSSClassPrefix)("signup__input--large")
     ],
     inputClassName
   );
   const buttonClasses = (0, import_css37.cx)(
     [
-      (0, import_browser53.withVendorCSSClassPrefix)("signup__button"),
-      size === "small" && (0, import_browser53.withVendorCSSClassPrefix)("signup__button--small"),
-      size === "large" && (0, import_browser53.withVendorCSSClassPrefix)("signup__button--large")
+      (0, import_browser52.withVendorCSSClassPrefix)("signup__button"),
+      size === "small" && (0, import_browser52.withVendorCSSClassPrefix)("signup__button--small"),
+      size === "large" && (0, import_browser52.withVendorCSSClassPrefix)("signup__button--large")
     ],
     buttonClassName
   );
-  const errorClasses = (0, import_css37.cx)([(0, import_browser53.withVendorCSSClassPrefix)("signup__error")], errorClassName);
-  const messageClasses = (0, import_css37.cx)([(0, import_browser53.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
+  const errorClasses = (0, import_css37.cx)([(0, import_browser52.withVendorCSSClassPrefix)("signup__error")], errorClassName);
+  const messageClasses = (0, import_css37.cx)([(0, import_browser52.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
   const renderComponents = (0, import_react58.useCallback)(
     (components) => renderSignUpComponents(
       components,
@@ -7937,11 +7956,11 @@ var BaseSignUpContent = ({
           setCurrentFlow(response);
           setIsFlowInitialized(true);
           onFlowChange?.(response);
-          if (response.flowStatus === import_browser53.EmbeddedFlowStatus.Complete) {
+          if (response.flowStatus === import_browser52.EmbeddedFlowStatus.Complete) {
             onComplete?.(response);
             return;
           }
-          if (response.flowStatus === import_browser53.EmbeddedFlowStatus.Incomplete) {
+          if (response.flowStatus === import_browser52.EmbeddedFlowStatus.Incomplete) {
             setupFormFields(response);
           }
         } catch (err) {
@@ -7995,7 +8014,7 @@ var BaseSignUpContent = ({
 var BaseSignUp_default = BaseSignUp;
 
 // src/components/presentation/SignUp/SignUp.tsx
-var import_browser54 = require("@asgardeo/browser");
+var import_browser53 = require("@asgardeo/browser");
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var SignUp = ({
   className,
@@ -8009,16 +8028,16 @@ var SignUp = ({
   const { signUp, isInitialized } = useAsgardeo_default();
   const handleInitialize = async (payload) => await signUp(
     payload || {
-      flowType: import_browser54.EmbeddedFlowType.Registration
+      flowType: import_browser53.EmbeddedFlowType.Registration
     }
   );
   const handleOnSubmit = async (payload) => await signUp(payload);
   const handleComplete = (response) => {
     onComplete?.(response);
-    if (shouldRedirectAfterSignUp && response?.type !== import_browser54.EmbeddedFlowResponseType.Redirection && afterSignUpUrl) {
+    if (shouldRedirectAfterSignUp && response?.type !== import_browser53.EmbeddedFlowResponseType.Redirection && afterSignUpUrl) {
       window.location.href = afterSignUpUrl;
     }
-    if (shouldRedirectAfterSignUp && response?.type === import_browser54.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL && !response.data.redirectURL.includes("oauth") && // Not a social provider redirect
+    if (shouldRedirectAfterSignUp && response?.type === import_browser53.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL && !response.data.redirectURL.includes("oauth") && // Not a social provider redirect
     !response.data.redirectURL.includes("auth")) {
       window.location.href = response.data.redirectURL;
     }
@@ -8081,35 +8100,35 @@ Organization5.displayName = "Organization";
 var Organization_default = Organization5;
 
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
-var import_browser60 = require("@asgardeo/browser");
+var import_browser59 = require("@asgardeo/browser");
 var import_css45 = require("@emotion/css");
 var import_react67 = require("react");
 
 // src/utils/getMappedUserProfileValue.ts
-var import_browser55 = require("@asgardeo/browser");
+var import_browser54 = require("@asgardeo/browser");
 var getMappedUserProfileValue = (key, mappings, user) => {
   if (!key || !mappings || !user) {
     return void 0;
   }
   const mapping = mappings[key];
   if (!mapping) {
-    return (0, import_browser55.get)(user, key);
+    return (0, import_browser54.get)(user, key);
   }
   if (Array.isArray(mapping)) {
     for (const path of mapping) {
-      const value = (0, import_browser55.get)(user, path);
+      const value = (0, import_browser54.get)(user, path);
       if (value !== void 0 && value !== null && value !== "") {
         return value;
       }
     }
     return void 0;
   }
-  return (0, import_browser55.get)(user, mapping);
+  return (0, import_browser54.get)(user, mapping);
 };
 var getMappedUserProfileValue_default = getMappedUserProfileValue;
 
 // src/components/primitives/Avatar/Avatar.tsx
-var import_browser56 = require("@asgardeo/browser");
+var import_browser55 = require("@asgardeo/browser");
 var import_css39 = require("@emotion/css");
 var import_react60 = require("react");
 
@@ -8228,20 +8247,20 @@ var Avatar = ({
   const getInitials = (fullName) => fullName.split(" ").map((part) => part[0]).slice(0, 2).join("").toUpperCase();
   const renderContent = () => {
     if (imageUrl) {
-      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("img", { src: imageUrl, alt, className: (0, import_css39.cx)((0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("avatar", "image")), styles.image) });
+      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("img", { src: imageUrl, alt, className: (0, import_css39.cx)((0, import_browser55.withVendorCSSClassPrefix)((0, import_browser55.bem)("avatar", "image")), styles.image) });
     }
     if (name) {
       return getInitials(name);
     }
     if (isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: (0, import_css39.cx)((0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("avatar", "skeleton")), styles.skeleton) });
+      return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: (0, import_css39.cx)((0, import_browser55.withVendorCSSClassPrefix)((0, import_browser55.bem)("avatar", "skeleton")), styles.skeleton) });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 640 640",
-        className: (0, import_css39.cx)((0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("avatar", "icon")), styles.icon),
+        className: (0, import_css39.cx)((0, import_browser55.withVendorCSSClassPrefix)((0, import_browser55.bem)("avatar", "icon")), styles.icon),
         children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { d: "M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z" })
       }
     );
@@ -8250,11 +8269,11 @@ var Avatar = ({
     "div",
     {
       className: (0, import_css39.cx)(
-        (0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("avatar")),
+        (0, import_browser55.withVendorCSSClassPrefix)((0, import_browser55.bem)("avatar")),
         styles.avatar,
         styles.variant,
-        (0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("avatar", null, variant)),
-        isDefaultState && (0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("avatar", "default")),
+        (0, import_browser55.withVendorCSSClassPrefix)((0, import_browser55.bem)("avatar", null, variant)),
+        isDefaultState && (0, import_browser55.withVendorCSSClassPrefix)((0, import_browser55.bem)("avatar", "default")),
         className
       ),
       children: renderContent()
@@ -8264,7 +8283,7 @@ var Avatar = ({
 var Avatar_default = Avatar;
 
 // src/components/primitives/Dialog/Dialog.tsx
-var import_browser57 = require("@asgardeo/browser");
+var import_browser56 = require("@asgardeo/browser");
 var import_react62 = require("@floating-ui/react");
 var import_css41 = require("@emotion/css");
 var import_react63 = __toESM(require("react"), 1);
@@ -8501,11 +8520,11 @@ var DialogContent = import_react63.default.forwardRef((props, propRef) => {
   const styles = Dialog_styles_default(theme, colorScheme);
   const ref = (0, import_react62.useMergeRefs)([context.refs.setFloating, propRef]);
   if (!floatingContext.open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react62.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react62.FloatingOverlay, { className: (0, import_css41.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("dialog", "overlay")), styles.overlay), lockScroll: true, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react62.FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react62.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react62.FloatingOverlay, { className: (0, import_css41.cx)((0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("dialog", "overlay")), styles.overlay), lockScroll: true, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react62.FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     "div",
     {
       ref,
-      className: (0, import_css41.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("dialog", "content")), styles.content, props.className),
+      className: (0, import_css41.cx)((0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("dialog", "content")), styles.content, props.className),
       "aria-labelledby": context.labelId,
       "aria-describedby": context.descriptionId,
       ...context.getFloatingProps(props),
@@ -8523,14 +8542,14 @@ var DialogHeading = import_react63.default.forwardRef(
       context.setLabelId(id);
       return () => context.setLabelId(void 0);
     }, [id, context.setLabelId]);
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: (0, import_css41.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("dialog", "header")), styles.header), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: (0, import_css41.cx)((0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("dialog", "header")), styles.header), children: [
       /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
         "h2",
         {
           ...props,
           ref,
           id,
-          className: (0, import_css41.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("dialog", "title")), styles.headerTitle),
+          className: (0, import_css41.cx)((0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("dialog", "title")), styles.headerTitle),
           children
         }
       ),
@@ -8565,7 +8584,7 @@ var DialogDescription = import_react63.default.forwardRef(
         ...props,
         ref,
         id,
-        className: (0, import_css41.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("dialog", "description")), styles.description, props.className),
+        className: (0, import_css41.cx)((0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("dialog", "description")), styles.description, props.className),
         children
       }
     );
@@ -8595,7 +8614,7 @@ var DialogClose = import_react63.default.forwardRef(({ children, asChild = false
       ...props,
       ref,
       onClick: handleClick,
-      className: (0, import_css41.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("dialog", "close")), props.className),
+      className: (0, import_css41.cx)((0, import_browser56.withVendorCSSClassPrefix)((0, import_browser56.bem)("dialog", "close")), props.className),
       variant: "text",
       children
     }
@@ -8616,7 +8635,7 @@ var Dialog_default = Dialog;
 // src/components/primitives/MultiInput/MultiInput.tsx
 var import_react65 = require("react");
 var import_css43 = require("@emotion/css");
-var import_browser58 = require("@asgardeo/browser");
+var import_browser57 = require("@asgardeo/browser");
 
 // src/components/primitives/MultiInput/MultiInput.styles.ts
 var import_css42 = require("@emotion/css");
@@ -8808,26 +8827,26 @@ var MultiInput = ({
     {
       error,
       helperText,
-      className: (0, import_css43.cx)((0, import_browser58.withVendorCSSClassPrefix)((0, import_browser58.bem)("multi-input")), className),
+      className: (0, import_css43.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("multi-input")), className),
       style,
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(InputLabel_default, { required, error: !!error, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: (0, import_css43.cx)((0, import_browser58.withVendorCSSClassPrefix)((0, import_browser58.bem)("multi-input", "container")), styles.container), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: (0, import_css43.cx)((0, import_browser58.withVendorCSSClassPrefix)((0, import_browser58.bem)("multi-input", "input-row")), styles.inputRow), children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: (0, import_css43.cx)((0, import_browser58.withVendorCSSClassPrefix)((0, import_browser58.bem)("multi-input", "input-wrapper")), styles.inputWrapper), children: renderInputField(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: (0, import_css43.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("multi-input", "container")), styles.container), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: (0, import_css43.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("multi-input", "input-row")), styles.inputRow), children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: (0, import_css43.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("multi-input", "input-wrapper")), styles.inputWrapper), children: renderInputField(
             currentInputValue,
             setCurrentInputValue,
             canAddMore ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PlusIcon, { className: styles.plusIcon }) : void 0,
             canAddMore ? handleInputSubmit : void 0
           ) }) }),
-          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: (0, import_css43.cx)((0, import_browser58.withVendorCSSClassPrefix)((0, import_browser58.bem)("multi-input", "list-container")), styles.listContainer), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: (0, import_css43.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("multi-input", "list-container")), styles.listContainer), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
             "div",
             {
-              className: (0, import_css43.cx)((0, import_browser58.withVendorCSSClassPrefix)((0, import_browser58.bem)("multi-input", "list-item")), styles.listItem),
+              className: (0, import_css43.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("multi-input", "list-item")), styles.listItem),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
                   "span",
                   {
-                    className: (0, import_css43.cx)((0, import_browser58.withVendorCSSClassPrefix)((0, import_browser58.bem)("multi-input", "list-item-text")), styles.listItemText),
+                    className: (0, import_css43.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("multi-input", "list-item-text")), styles.listItemText),
                     children: value
                   }
                 ),
@@ -8837,7 +8856,7 @@ var MultiInput = ({
                     type: "button",
                     onClick: () => handleRemoveValue(index),
                     disabled,
-                    className: (0, import_css43.cx)((0, import_browser58.withVendorCSSClassPrefix)((0, import_browser58.bem)("multi-input", "remove-button")), styles.removeButton),
+                    className: (0, import_css43.cx)((0, import_browser57.withVendorCSSClassPrefix)((0, import_browser57.bem)("multi-input", "remove-button")), styles.removeButton),
                     title: "Remove value",
                     children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(BinIcon, { className: styles.icon })
                   }
@@ -8856,7 +8875,7 @@ var MultiInput_default = MultiInput;
 // src/components/presentation/UserProfile/BaseUserProfile.styles.ts
 var import_css44 = require("@emotion/css");
 var import_react66 = require("react");
-var import_browser59 = require("@asgardeo/browser");
+var import_browser58 = require("@asgardeo/browser");
 var useStyles21 = (theme, colorScheme) => {
   const valuePlaceholder = import_css44.css`
     font-style: italic;
@@ -8967,7 +8986,7 @@ var useStyles21 = (theme, colorScheme) => {
       max-width: 350px;
       text-align: left;
 
-      .${(0, import_browser59.withVendorCSSClassPrefix)("form-control")} {
+      .${(0, import_browser58.withVendorCSSClassPrefix)("form-control")} {
         margin-bottom: 0;
       }
 
@@ -9155,7 +9174,7 @@ var BaseUserProfile = ({
         fieldValue = fieldValue.filter((v) => v !== void 0 && v !== null && v !== "");
       }
       let payload = {};
-      if (schema.schemaId && schema.schemaId !== import_browser60.WellKnownSchemaIds.User) {
+      if (schema.schemaId && schema.schemaId !== import_browser59.WellKnownSchemaIds.User) {
         payload = {
           [schema.schemaId]: {
             [fieldName]: fieldValue
@@ -9394,7 +9413,7 @@ var BaseUserProfile = ({
   const containerClasses = (0, import_css45.cx)(
     styles.root,
     cardLayout ? styles.card : "",
-    (0, import_browser60.withVendorCSSClassPrefix)("user-profile"),
+    (0, import_browser59.withVendorCSSClassPrefix)("user-profile"),
     className
   );
   const currentUser = flattenedProfile || profile;
@@ -9412,7 +9431,7 @@ var BaseUserProfile = ({
     ] }, key)) });
   };
   const profileContent = /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Card_default, { className: containerClasses, children: [
-    error && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Alert_default, { variant: "error", className: (0, import_css45.cx)((0, import_browser60.withVendorCSSClassPrefix)((0, import_browser60.bem)("user-profile", "alert")), styles.alert), children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Alert_default, { variant: "error", className: (0, import_css45.cx)((0, import_browser59.withVendorCSSClassPrefix)((0, import_browser59.bem)("user-profile", "alert")), styles.alert), children: [
       /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default.Title, { children: t("errors.title") || "Error" }),
       /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default.Description, { children: error })
     ] }),
@@ -9460,8 +9479,8 @@ var BaseUserProfile_default = BaseUserProfile;
 var import_react68 = require("react");
 
 // src/api/updateMeProfile.ts
-var import_browser61 = require("@asgardeo/browser");
-var httpClient5 = import_browser61.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser61.AsgardeoSPAClient.getInstance());
+var import_browser60 = require("@asgardeo/browser");
+var httpClient5 = import_browser60.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser60.AsgardeoSPAClient.getInstance());
 var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient5({
@@ -9478,7 +9497,7 @@ var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser61.updateMeProfile)({
+  return (0, import_browser60.updateMeProfile)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -9486,7 +9505,7 @@ var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
 var updateMeProfile_default = updateMeProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
-var import_browser62 = require("@asgardeo/browser");
+var import_browser61 = require("@asgardeo/browser");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var UserProfile3 = ({ ...rest }) => {
   const { baseUrl, isLoading } = useAsgardeo_default();
@@ -9500,7 +9519,7 @@ var UserProfile3 = ({ ...rest }) => {
       onUpdateProfile(response);
     } catch (error2) {
       let message = t("user.profile.update.generic.error");
-      if (error2 instanceof import_browser62.AsgardeoError) {
+      if (error2 instanceof import_browser61.AsgardeoError) {
         message = error2?.message;
       }
       setError(message);
@@ -9521,7 +9540,7 @@ var UserProfile3 = ({ ...rest }) => {
 var UserProfile_default = UserProfile3;
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.tsx
-var import_browser63 = require("@asgardeo/browser");
+var import_browser62 = require("@asgardeo/browser");
 var import_react70 = require("@floating-ui/react");
 var import_css47 = require("@emotion/css");
 var import_react71 = require("react");
@@ -9787,12 +9806,12 @@ var BaseUserDropdown = ({
     }
     allMenuItems.push(...defaultMenuItems);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: (0, import_css47.cx)((0, import_browser63.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: (0, import_css47.cx)((0, import_browser62.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
       Button_default,
       {
         ref: refs.setReference,
-        className: (0, import_css47.cx)((0, import_browser63.withVendorCSSClassPrefix)("user-dropdown__trigger"), styles.trigger),
+        className: (0, import_css47.cx)((0, import_browser62.withVendorCSSClassPrefix)("user-dropdown__trigger"), styles.trigger),
         color: "tertiary",
         variant: "text",
         size: "medium",
@@ -9811,7 +9830,7 @@ var BaseUserDropdown = ({
             Typography_default,
             {
               variant: "body2",
-              className: (0, import_css47.cx)((0, import_browser63.withVendorCSSClassPrefix)("user-dropdown__trigger-label"), styles.userName),
+              className: (0, import_css47.cx)((0, import_browser62.withVendorCSSClassPrefix)("user-dropdown__trigger-label"), styles.userName),
               children: getDisplayName()
             }
           )
@@ -9822,11 +9841,11 @@ var BaseUserDropdown = ({
       "div",
       {
         ref: refs.setFloating,
-        className: (0, import_css47.cx)((0, import_browser63.withVendorCSSClassPrefix)("user-dropdown__content"), styles.dropdownContent),
+        className: (0, import_css47.cx)((0, import_browser62.withVendorCSSClassPrefix)("user-dropdown__content"), styles.dropdownContent),
         style: floatingStyles,
         ...getFloatingProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: (0, import_css47.cx)((0, import_browser63.withVendorCSSClassPrefix)("user-dropdown__header"), styles.dropdownHeader), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: (0, import_css47.cx)((0, import_browser62.withVendorCSSClassPrefix)("user-dropdown__header"), styles.dropdownHeader), children: [
             /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
               Avatar,
               {
@@ -9836,12 +9855,12 @@ var BaseUserDropdown = ({
                 alt: `${getDisplayName()}'s avatar`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: (0, import_css47.cx)((0, import_browser63.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles.headerInfo), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: (0, import_css47.cx)((0, import_browser62.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles.headerInfo), children: [
               /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
                 Typography_default,
                 {
                   noWrap: true,
-                  className: (0, import_browser63.withVendorCSSClassPrefix)("user-dropdown__header-name"),
+                  className: (0, import_browser62.withVendorCSSClassPrefix)("user-dropdown__header-name"),
                   variant: "body1",
                   fontWeight: "medium",
                   children: getDisplayName()
@@ -9851,7 +9870,7 @@ var BaseUserDropdown = ({
                 Typography_default,
                 {
                   noWrap: true,
-                  className: (0, import_browser63.withVendorCSSClassPrefix)("user-dropdown__header-email"),
+                  className: (0, import_browser62.withVendorCSSClassPrefix)("user-dropdown__header-email"),
                   variant: "caption",
                   color: "secondary",
                   children: getMappedUserProfileValue_default("username", mergedMappings, user) || getMappedUserProfileValue_default("email", mergedMappings, user)
@@ -9859,14 +9878,14 @@ var BaseUserDropdown = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: (0, import_css47.cx)((0, import_browser63.withVendorCSSClassPrefix)("user-dropdown__menu"), styles.dropdownMenu), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: item.label === "" ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: (0, import_css47.cx)((0, import_browser63.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), styles.divider) }) : item.href ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: (0, import_css47.cx)((0, import_browser62.withVendorCSSClassPrefix)("user-dropdown__menu"), styles.dropdownMenu), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { children: item.label === "" ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: (0, import_css47.cx)((0, import_browser62.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), styles.divider) }) : item.href ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
             "a",
             {
               href: item.href,
               style: {
                 backgroundColor: hoveredItemIndex === index ? theme.vars.colors.action?.hover : "transparent"
               },
-              className: (0, import_css47.cx)((0, import_browser63.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItemAnchor),
+              className: (0, import_css47.cx)((0, import_browser62.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItemAnchor),
               onMouseEnter: () => setHoveredItemIndex(index),
               onMouseLeave: () => setHoveredItemIndex(null),
               onFocus: () => setHoveredItemIndex(index),
@@ -9883,7 +9902,7 @@ var BaseUserDropdown = ({
               style: {
                 backgroundColor: hoveredItemIndex === index ? theme.vars.colors.action?.hover : "transparent"
               },
-              className: (0, import_css47.cx)((0, import_browser63.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItem),
+              className: (0, import_css47.cx)((0, import_browser62.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItem),
               color: "tertiary",
               variant: "text",
               size: "small",
@@ -10785,8 +10804,8 @@ var BaseCreateOrganization = ({
 };
 
 // src/api/createOrganization.ts
-var import_browser64 = require("@asgardeo/browser");
-var httpClient6 = import_browser64.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser64.AsgardeoSPAClient.getInstance());
+var import_browser63 = require("@asgardeo/browser");
+var httpClient6 = import_browser63.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser63.AsgardeoSPAClient.getInstance());
 var createOrganization = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient6({
@@ -10803,7 +10822,7 @@ var createOrganization = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser64.createOrganization)({
+  return (0, import_browser63.createOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -10878,12 +10897,12 @@ var CreateOrganization = ({
 var import_react83 = require("react");
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
-var import_browser66 = require("@asgardeo/browser");
+var import_browser65 = require("@asgardeo/browser");
 var import_css55 = require("@emotion/css");
 var import_react82 = require("react");
 
 // src/components/primitives/KeyValueInput/KeyValueInput.tsx
-var import_browser65 = require("@asgardeo/browser");
+var import_browser64 = require("@asgardeo/browser");
 var import_css53 = require("@emotion/css");
 var import_react80 = require("react");
 
@@ -11118,27 +11137,27 @@ var KeyValueInput = ({
   );
   const canAddMore = !maxPairs || pairs.length < maxPairs;
   const isAddDisabled = disabled || readOnly || !canAddMore || !newKey.trim() || !newValue.trim();
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input")), styles.container, className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("label", { className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "label")), styles.label), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input")), styles.container, className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("label", { className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "label")), styles.label), children: [
       label,
       required && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
         "span",
         {
-          className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "required")), styles.requiredIndicator),
+          className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "required")), styles.requiredIndicator),
           children: " *"
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "pairs-list")), styles.pairsList), children: [
-      pairs.length === 0 && readOnly ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "empty-state")), styles.emptyState), children: "No attributes defined" }) : readOnly ? pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "pairs-list")), styles.pairsList), children: [
+      pairs.length === 0 && readOnly ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "empty-state")), styles.emptyState), children: "No attributes defined" }) : readOnly ? pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
         "div",
         {
-          className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "readonly-pair")), styles.readOnlyPair),
+          className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "readonly-pair")), styles.readOnlyPair),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
               "span",
               {
-                className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "readonly-key")), styles.readOnlyKey),
+                className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "readonly-key")), styles.readOnlyKey),
                 children: [
                   pair.key,
                   ":"
@@ -11148,7 +11167,7 @@ var KeyValueInput = ({
             /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
               "span",
               {
-                className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "readonly-value")), styles.readOnlyValue),
+                className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "readonly-value")), styles.readOnlyValue),
                 children: pair.value
               }
             )
@@ -11158,7 +11177,7 @@ var KeyValueInput = ({
       )) : pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
         "div",
         {
-          className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "pair-row")), styles.pairRow),
+          className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "pair-row")), styles.pairRow),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
               TextField_default,
@@ -11167,7 +11186,7 @@ var KeyValueInput = ({
                 value: pair.key,
                 onChange: (e) => handleUpdatePair(index, "key", e.target.value),
                 disabled: disabled || readOnly,
-                className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "pair-input")), styles.pairInput),
+                className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "pair-input")), styles.pairInput),
                 "aria-label": `${keyLabel} ${index + 1}`
               }
             ),
@@ -11178,7 +11197,7 @@ var KeyValueInput = ({
                 value: pair.value,
                 onChange: (e) => handleUpdatePair(index, "value", e.target.value),
                 disabled: disabled || readOnly,
-                className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "pair-input")), styles.pairInput),
+                className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "pair-input")), styles.pairInput),
                 "aria-label": `${valueLabel} ${index + 1}`
               }
             ),
@@ -11188,7 +11207,7 @@ var KeyValueInput = ({
                 type: "button",
                 onClick: () => handleRemovePair(index),
                 disabled,
-                className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "remove-button")), styles.removeButton),
+                className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "remove-button")), styles.removeButton),
                 "aria-label": `${removeButtonText} ${pair.key}`,
                 children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(X_default, { width: 16, height: 16 })
               }
@@ -11197,7 +11216,7 @@ var KeyValueInput = ({
         },
         `${pair.key}-${index}`
       )),
-      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "add-row")), styles.addRow), children: [
+      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "add-row")), styles.addRow), children: [
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           TextField_default,
           {
@@ -11205,7 +11224,7 @@ var KeyValueInput = ({
             value: newKey,
             onChange: (e) => setNewKey(e.target.value),
             disabled,
-            className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "pair-input")), styles.pairInput),
+            className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "pair-input")), styles.pairInput),
             "aria-label": "New key"
           }
         ),
@@ -11216,7 +11235,7 @@ var KeyValueInput = ({
             value: newValue,
             onChange: (e) => setNewValue(e.target.value),
             disabled,
-            className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "pair-input")), styles.pairInput),
+            className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "pair-input")), styles.pairInput),
             "aria-label": "New value",
             onKeyPress: (e) => {
               if (e.key === "Enter" && !isAddDisabled) {
@@ -11231,15 +11250,15 @@ var KeyValueInput = ({
             type: "button",
             onClick: handleAddPair,
             disabled: isAddDisabled,
-            className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "add-button")), styles.addButton),
+            className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "add-button")), styles.addButton),
             "aria-label": "Add new key-value pair",
             children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Plus_default, { width: 16, height: 16 })
           }
         )
       ] })
     ] }),
-    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "helper-text")), styles.helperText), children: error || helperText }),
-    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("key-value-input", "counter")), styles.counterText), children: [
+    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "helper-text")), styles.helperText), children: error || helperText }),
+    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("key-value-input", "counter")), styles.counterText), children: [
       pairs.length,
       " of ",
       maxPairs,
@@ -11443,13 +11462,13 @@ var BaseOrganizationProfile = ({
       key: "created",
       label: "Created Date",
       editable: false,
-      render: (value) => (0, import_browser66.formatDate)(value)
+      render: (value) => (0, import_browser65.formatDate)(value)
     },
     {
       key: "lastModified",
       label: "Last Modified Date",
       editable: false,
-      render: (value) => (0, import_browser66.formatDate)(value)
+      render: (value) => (0, import_browser65.formatDate)(value)
     }
   ]
 }) => {
@@ -11686,8 +11705,8 @@ var BaseOrganizationProfile = ({
 var BaseOrganizationProfile_default = BaseOrganizationProfile;
 
 // src/api/getOrganization.ts
-var import_browser67 = require("@asgardeo/browser");
-var httpClient7 = import_browser67.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser67.AsgardeoSPAClient.getInstance());
+var import_browser66 = require("@asgardeo/browser");
+var httpClient7 = import_browser66.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser66.AsgardeoSPAClient.getInstance());
 var getOrganization = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient7({
@@ -11703,7 +11722,7 @@ var getOrganization = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser67.getOrganization)({
+  return (0, import_browser66.getOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -11711,8 +11730,8 @@ var getOrganization = async ({ fetcher, ...requestConfig }) => {
 var getOrganization_default = getOrganization;
 
 // src/api/updateOrganization.ts
-var import_browser68 = require("@asgardeo/browser");
-var httpClient8 = import_browser68.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser68.AsgardeoSPAClient.getInstance());
+var import_browser67 = require("@asgardeo/browser");
+var httpClient8 = import_browser67.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser67.AsgardeoSPAClient.getInstance());
 var updateOrganization = async ({
   fetcher,
   ...requestConfig
@@ -11732,7 +11751,7 @@ var updateOrganization = async ({
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser68.updateOrganization)({
+  return (0, import_browser67.updateOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -11785,7 +11804,7 @@ var OrganizationProfile = ({
   const handleOrganizationUpdate = async (payload) => {
     if (!baseUrl || !organizationId) return;
     try {
-      const operations = (0, import_browser68.createPatchOperations)(payload);
+      const operations = (0, import_browser67.createPatchOperations)(payload);
       await updateOrganization_default({
         baseUrl,
         organizationId,
@@ -12441,5 +12460,5 @@ var OrganizationSwitcher = ({
 var OrganizationSwitcher_default = OrganizationSwitcher;
 
 // src/index.ts
-var import_browser69 = require("@asgardeo/browser");
+var import_browser68 = require("@asgardeo/browser");
 //# sourceMappingURL=index.js.map