@asgardeo/react 0.6.5 → 0.6.7

package/dist/cjs/index.js

@@ -36,7 +36,7 @@ __export(index_exports, {
   AlertTitle: () => AlertTitle,
   AsgardeoContext: () => AsgardeoContext_default,
   AsgardeoProvider: () => AsgardeoProvider_default,
-  AsgardeoRuntimeError: () => import_browser76.AsgardeoRuntimeError,
+  AsgardeoRuntimeError: () => import_browser77.AsgardeoRuntimeError,
   BaseCreateOrganization: () => BaseCreateOrganization,
   BaseOrganization: () => BaseOrganization_default,
   BaseOrganizationList: () => BaseOrganizationList_default,
@@ -125,17 +125,17 @@ __export(index_exports, {
   UsernamePassword: () => UsernamePassword_default,
   createField: () => createField,
   createOrganization: () => createOrganization_default,
-  createPatchOperations: () => import_browser75.createPatchOperations,
+  createPatchOperations: () => import_browser76.createPatchOperations,
   createSignInOption: () => createSignInOption,
   createSignInOptionFromAuthenticator: () => createSignInOptionFromAuthenticator,
-  getActiveTheme: () => import_browser76.getActiveTheme,
+  getActiveTheme: () => import_browser77.getActiveTheme,
   getAllOrganizations: () => getAllOrganizations_default,
   getMeOrganizations: () => getMeOrganizations_default,
   getMeProfile: () => getScim2Me_default,
   getOrganization: () => getOrganization_default,
   getSchemas: () => getSchemas_default,
-  http: () => import_browser76.http,
-  navigate: () => import_browser76.navigate,
+  http: () => import_browser77.http,
+  navigate: () => import_browser77.navigate,
   updateMeProfile: () => updateMeProfile_default,
   updateOrganization: () => updateOrganization_default,
   useAlertVariant: () => useAlertVariant,
@@ -856,12 +856,21 @@ var AsgardeoReactClient = class extends import_browser6.AsgardeoBrowserClient {
       const arg1 = args[0];
       const arg2 = args[1];
       const config = await this.asgardeo.getConfigData();
-      if (config.platform === import_browser6.Platform.AsgardeoV2 && typeof arg1 === "object" && !(0, import_browser6.isEmpty)(arg1) && ("flowId" in arg1 || "applicationId" in arg1)) {
-        const sessionDataKey = new URL(window.location.href).searchParams.get("sessionDataKey");
+      const platformFromStorage = sessionStorage.getItem("asgardeo_platform");
+      const isV2Platform = config && config.platform === import_browser6.Platform.AsgardeoV2 || platformFromStorage === "AsgardeoV2";
+      if (isV2Platform && typeof arg1 === "object" && arg1 !== null && arg1.callOnlyOnRedirect === true) {
+        return void 0;
+      }
+      if (isV2Platform && typeof arg1 === "object" && arg1 !== null && !(0, import_browser6.isEmpty)(arg1) && ("flowId" in arg1 || "applicationId" in arg1)) {
+        const sessionDataKeyFromUrl = new URL(window.location.href).searchParams.get("sessionDataKey");
+        const sessionDataKeyFromStorage = sessionStorage.getItem("asgardeo_session_data_key");
+        const sessionDataKey = sessionDataKeyFromUrl || sessionDataKeyFromStorage;
+        const baseUrlFromStorage = sessionStorage.getItem("asgardeo_base_url");
+        const baseUrl = config?.baseUrl || baseUrlFromStorage;
         return (0, import_browser6.executeEmbeddedSignInFlowV2)({
           payload: arg1,
           url: arg2?.url,
-          baseUrl: config?.baseUrl,
+          baseUrl,
           sessionDataKey
         });
       }
@@ -1609,7 +1618,14 @@ var AsgardeoProvider = ({
   (0, import_react15.useEffect)(() => {
     (async () => {
       await asgardeo.initialize(config);
-      setConfig(await asgardeo.getConfiguration());
+      const initializedConfig = await asgardeo.getConfiguration();
+      setConfig(initializedConfig);
+      if (initializedConfig?.platform) {
+        sessionStorage.setItem("asgardeo_platform", initializedConfig.platform);
+      }
+      if (initializedConfig?.baseUrl) {
+        sessionStorage.setItem("asgardeo_base_url", initializedConfig.baseUrl);
+      }
     })();
   }, []);
   (0, import_react15.useEffect)(() => {
@@ -1625,7 +1641,8 @@ var AsgardeoProvider = ({
       }
       const currentUrl = new URL(window.location.href);
       const hasAuthParamsResult = hasAuthParams(currentUrl, afterSignInUrl);
-      if (hasAuthParamsResult) {
+      const isV2Platform = config.platform === import_browser12.Platform.AsgardeoV2;
+      if (hasAuthParamsResult && !isV2Platform) {
         try {
           await signIn(
             { callOnlyOnRedirect: true }
@@ -1780,19 +1797,28 @@ var AsgardeoProvider = ({
     fetchBranding
   ]);
   const signIn = async (...args) => {
+    const arg1 = args[0];
+    const isV2FlowRequest = config.platform === import_browser12.Platform.AsgardeoV2 && typeof arg1 === "object" && arg1 !== null && ("flowId" in arg1 || "applicationId" in arg1);
     try {
-      setIsUpdatingSession(true);
-      setIsLoadingSync(true);
+      if (!isV2FlowRequest) {
+        setIsUpdatingSession(true);
+        setIsLoadingSync(true);
+      }
       const response = await asgardeo.signIn(...args);
+      if (isV2FlowRequest || response && typeof response === "object" && "flowStatus" in response) {
+        return response;
+      }
       if (await asgardeo.isSignedIn()) {
         await updateSession();
       }
       return response;
     } catch (error) {
-      throw new Error(`Error while signing in: ${error}`);
+      throw new Error(`Error while signing in: ${error instanceof Error ? error.message : String(error)}`);
     } finally {
-      setIsUpdatingSession(false);
-      setIsLoadingSync(asgardeo.isLoading());
+      if (!isV2FlowRequest) {
+        setIsUpdatingSession(false);
+        setIsLoadingSync(asgardeo.isLoading());
+      }
     }
   };
   const signInSilently = async (options) => {
@@ -7113,6 +7139,25 @@ var convertSimpleInputToComponent = (input, t) => {
   if (input.name.toLowerCase().includes("password") && input.type.toLowerCase() === "string") {
     fieldType = "password";
   }
+  if (input.type.toLowerCase() === "dropdown") {
+    const label2 = getInputLabel(input.name, fieldType, t);
+    const placeholder2 = getInputPlaceholder(input.name, fieldType, t);
+    return {
+      id: generateId("select"),
+      type: import_browser47.EmbeddedFlowComponentType.Select,
+      variant: "SELECT",
+      config: {
+        type: fieldType,
+        label: label2,
+        placeholder: placeholder2,
+        required: input.required,
+        identifier: input.name,
+        hint: "",
+        options: input.options || []
+      },
+      components: []
+    };
+  }
   const variant = getInputVariant(fieldType, input.name);
   const label = getInputLabel(input.name, fieldType, t);
   const placeholder = getInputPlaceholder(input.name, fieldType, t);
@@ -7597,16 +7642,62 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
   const [flowError, setFlowError] = (0, import_react59.useState)(null);
   const [isSubmitting, setIsSubmitting] = (0, import_react59.useState)(false);
   const initializationAttemptedRef = (0, import_react59.useRef)(false);
+  const oauthCodeProcessedRef = (0, import_react59.useRef)(false);
+  const handleRedirection = (response) => {
+    if (response.type === import_browser51.EmbeddedSignInFlowTypeV2.Redirection) {
+      const redirectURL = response.data?.redirectURL || response?.redirectURL;
+      if (redirectURL) {
+        if (response.flowId) {
+          sessionStorage.setItem("asgardeo_flow_id", response.flowId);
+        }
+        const urlParams = new URL(window.location.href).searchParams;
+        const sessionDataKeyFromUrl = urlParams.get("sessionDataKey");
+        if (sessionDataKeyFromUrl) {
+          sessionStorage.setItem("asgardeo_session_data_key", sessionDataKeyFromUrl);
+        }
+        window.location.href = redirectURL;
+        return true;
+      }
+    }
+    return false;
+  };
   (0, import_react59.useEffect)(() => {
-    if (isInitialized && !isLoading && !isFlowInitialized && !initializationAttemptedRef.current) {
+    const storedFlowId = sessionStorage.getItem("asgardeo_flow_id");
+    const urlParams = new URL(window.location.href).searchParams;
+    const code = urlParams.get("code");
+    const state = urlParams.get("state");
+    const sessionDataKeyFromUrl = urlParams.get("sessionDataKey");
+    if (sessionDataKeyFromUrl) {
+      sessionStorage.setItem("asgardeo_session_data_key", sessionDataKeyFromUrl);
+    }
+    if (code) {
+      const flowIdFromUrl = urlParams.get("flowId");
+      const flowIdFromState = state || flowIdFromUrl || storedFlowId;
+      if (flowIdFromState) {
+        setCurrentFlowId(flowIdFromState);
+        setIsFlowInitialized(true);
+        sessionStorage.setItem("asgardeo_flow_id", flowIdFromState);
+        initializationAttemptedRef.current = true;
+      }
+      return;
+    }
+    if (isInitialized && !isLoading && !isFlowInitialized && !initializationAttemptedRef.current && !currentFlowId) {
       initializationAttemptedRef.current = true;
       initializeFlow();
     }
-  }, [isInitialized, isLoading, isFlowInitialized]);
+  }, [isInitialized, isLoading, isFlowInitialized, currentFlowId]);
   const initializeFlow = async () => {
     const urlParams = new URL(window.location.href).searchParams;
+    const code = urlParams.get("code");
+    if (code) {
+      return;
+    }
     const flowIdFromUrl = urlParams.get("flowId");
     const applicationIdFromUrl = urlParams.get("applicationId");
+    const sessionDataKeyFromUrl = urlParams.get("sessionDataKey");
+    if (sessionDataKeyFromUrl) {
+      sessionStorage.setItem("asgardeo_session_data_key", sessionDataKeyFromUrl);
+    }
     const effectiveApplicationId = applicationId || applicationIdFromUrl;
     if (!flowIdFromUrl && !effectiveApplicationId) {
       const error = new import_browser51.AsgardeoRuntimeError(
@@ -7631,6 +7722,9 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
           flowType: import_browser51.EmbeddedFlowType.Authentication
         });
       }
+      if (handleRedirection(response)) {
+        return;
+      }
       const { flowId, components: components2 } = normalizeFlowResponse(response, t);
       if (flowId && components2) {
         setCurrentFlowId(flowId);
@@ -7650,29 +7744,53 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
     }
   };
   const handleSubmit = async (payload) => {
-    if (!currentFlowId) {
+    const effectiveFlowId = payload.flowId || currentFlowId;
+    if (!effectiveFlowId) {
+      console.error("[SignIn] handleSubmit - ERROR: No flowId available", {
+        payloadFlowId: payload.flowId,
+        currentFlowId
+      });
       throw new Error("No active flow ID");
     }
     try {
       setIsSubmitting(true);
       setFlowError(null);
       const response = await signIn({
-        flowId: currentFlowId,
+        flowId: effectiveFlowId,
         ...payload
       });
+      if (handleRedirection(response)) {
+        return;
+      }
       const { flowId, components: components2 } = normalizeFlowResponse(response, t);
       if (response.flowStatus === import_browser51.EmbeddedSignInFlowStatusV2.Complete) {
+        const redirectUrl = response.redirectUrl || response.redirect_uri;
+        sessionStorage.removeItem("asgardeo_flow_id");
+        if (redirectUrl) {
+          sessionStorage.removeItem("asgardeo_session_data_key");
+        }
+        const url = new URL(window.location.href);
+        url.searchParams.delete("code");
+        url.searchParams.delete("state");
+        url.searchParams.delete("nonce");
+        window.history.replaceState({}, "", url.toString());
+        const finalRedirectUrl = redirectUrl || afterSignInUrl;
         onSuccess && onSuccess({
-          redirectUrl: response.redirectUrl || afterSignInUrl,
+          redirectUrl: finalRedirectUrl,
           ...response.data
         });
-        window.location.href = response.redirectUrl || afterSignInUrl;
+        if (finalRedirectUrl) {
+          window.location.href = finalRedirectUrl;
+        }
         return;
       }
       if (flowId && components2) {
         setCurrentFlowId(flowId);
         setComponents(components2);
       }
+      if (!currentFlowId && effectiveFlowId) {
+        setCurrentFlowId(effectiveFlowId);
+      }
     } catch (error) {
       const err = error;
       setFlowError(err);
@@ -7692,6 +7810,36 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
     setFlowError(error);
     onError?.(error);
   };
+  (0, import_react59.useEffect)(() => {
+    const urlParams = new URL(window.location.href).searchParams;
+    const code = urlParams.get("code");
+    const nonce = urlParams.get("nonce");
+    const state = urlParams.get("state");
+    const flowIdFromUrl = urlParams.get("flowId");
+    const storedFlowId = sessionStorage.getItem("asgardeo_flow_id");
+    if (!code || oauthCodeProcessedRef.current || isSubmitting) {
+      return;
+    }
+    const flowIdToUse = currentFlowId || state || flowIdFromUrl || storedFlowId;
+    if (!flowIdToUse || !signIn) {
+      return;
+    }
+    oauthCodeProcessedRef.current = true;
+    if (!currentFlowId) {
+      setCurrentFlowId(flowIdToUse);
+      setIsFlowInitialized(true);
+    }
+    const submitPayload = {
+      flowId: flowIdToUse,
+      inputs: {
+        code,
+        ...nonce && { nonce }
+      }
+    };
+    handleSubmit(submitPayload).catch(() => {
+      oauthCodeProcessedRef.current = false;
+    });
+  }, [isFlowInitialized, currentFlowId, isInitialized, isLoading, isSubmitting, signIn]);
   if (children) {
     const renderProps = {
       initialize: initializeFlow,
@@ -7772,12 +7920,12 @@ var SignIn2 = ({ className, size = "medium", children, ...rest }) => {
 var SignIn_default2 = SignIn2;
 
 // src/components/presentation/SignUp/BaseSignUp.tsx
-var import_browser60 = require("@asgardeo/browser");
+var import_browser61 = require("@asgardeo/browser");
 var import_css38 = require("@emotion/css");
 var import_react61 = require("react");
 
 // src/components/presentation/SignUp/SignUpOptionFactory.tsx
-var import_browser59 = require("@asgardeo/browser");
+var import_browser60 = require("@asgardeo/browser");
 
 // src/components/adapters/CheckboxInput.tsx
 var import_browser53 = require("@asgardeo/browser");
@@ -8140,6 +8288,40 @@ var TextInput = ({
 };
 var TextInput_default = TextInput;
 
+// src/components/adapters/SelectInput.tsx
+var import_browser59 = require("@asgardeo/browser");
+var SelectInput = ({
+  component,
+  formValues,
+  touchedFields,
+  formErrors,
+  onInputChange,
+  inputClassName
+}) => {
+  const config = component.config || {};
+  const fieldName = config["identifier"] || config["name"] || component.id;
+  const value = formValues[fieldName] || "";
+  const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
+  const rawOptions = config["options"] || [];
+  const options = rawOptions.map((option) => ({
+    label: option,
+    value: option
+  }));
+  return createField({
+    type: import_browser59.FieldType.Select,
+    name: fieldName,
+    label: config["label"] || "",
+    placeholder: config["placeholder"] || "",
+    required: config["required"] || false,
+    value,
+    error,
+    options,
+    onChange: (newValue) => onInputChange(fieldName, newValue),
+    className: inputClassName
+  });
+};
+var SelectInput_default = SelectInput;
+
 // src/components/adapters/Typography.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var TypographyComponent = ({ component }) => {
@@ -8198,9 +8380,9 @@ var Typography_default2 = TypographyComponent;
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
   switch (component.type) {
-    case import_browser59.EmbeddedFlowComponentType.Typography:
+    case import_browser60.EmbeddedFlowComponentType.Typography:
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Typography_default2, { component, onSubmit, ...rest });
-    case import_browser59.EmbeddedFlowComponentType.Input:
+    case import_browser60.EmbeddedFlowComponentType.Input:
       const inputVariant = component.variant?.toUpperCase();
       const inputType = component.config["type"]?.toLowerCase();
       if (inputVariant === "EMAIL" || inputType === "email") {
@@ -8222,7 +8404,7 @@ var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
         return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CheckboxInput_default, { component, onSubmit, ...rest });
       }
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TextInput_default, { component, onSubmit, ...rest });
-    case import_browser59.EmbeddedFlowComponentType.Button: {
+    case import_browser60.EmbeddedFlowComponentType.Button: {
       const buttonVariant = component.variant?.toUpperCase();
       const buttonText = component.config["text"] || component.config["label"] || "";
       if (buttonVariant === "SOCIAL") {
@@ -8247,11 +8429,13 @@ var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
       }
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SubmitButton_default, { component, onSubmit, ...rest });
     }
-    case import_browser59.EmbeddedFlowComponentType.Form:
+    case import_browser60.EmbeddedFlowComponentType.Form:
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormContainer_default, { component, onSubmit, ...rest });
-    case import_browser59.EmbeddedFlowComponentType.Divider:
+    case import_browser60.EmbeddedFlowComponentType.Select:
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectInput_default, { component, onSubmit, ...rest });
+    case import_browser60.EmbeddedFlowComponentType.Divider:
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DividerComponent_default, { component, onSubmit, ...rest });
-    case import_browser59.EmbeddedFlowComponentType.Image:
+    case import_browser60.EmbeddedFlowComponentType.Image:
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ImageComponent_default, { component, onSubmit, ...rest });
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", {});
@@ -8454,6 +8638,7 @@ var BaseSignUpContent = ({
   const { theme, colorScheme } = useTheme_default();
   const { t } = useTranslation_default();
   const { subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages } = useFlow_default();
+  const { platform } = useAsgardeo_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
   const handleError = (0, import_react61.useCallback)(
     (error) => {
@@ -8495,7 +8680,7 @@ var BaseSignUpContent = ({
       const fields = [];
       const processComponents = (comps) => {
         comps.forEach((component) => {
-          if (component.type === import_browser60.EmbeddedFlowComponentType.Input) {
+          if (component.type === import_browser61.EmbeddedFlowComponentType.Input) {
             const config = component.config || {};
             fields.push({
               name: config.name || component.id,
@@ -8579,20 +8764,21 @@ var BaseSignUpContent = ({
           }
         });
       }
+      const actionId = platform === import_browser61.Platform.AsgardeoV2 ? component.config?.actionId : component.id;
       const payload = {
         ...currentFlow.flowId && { flowId: currentFlow.flowId },
         flowType: currentFlow.flowType || "REGISTRATION",
         inputs: filteredInputs,
-        actionId: component.id
+        ...actionId && { actionId }
       };
       const rawResponse = await onSubmit(payload);
       const response = normalizeFlowResponse2(rawResponse);
       onFlowChange?.(response);
-      if (response.flowStatus === import_browser60.EmbeddedFlowStatus.Complete) {
+      if (response.flowStatus === import_browser61.EmbeddedFlowStatus.Complete) {
         onComplete?.(response);
         return;
       }
-      if (response.flowStatus === import_browser60.EmbeddedFlowStatus.Incomplete) {
+      if (response.flowStatus === import_browser61.EmbeddedFlowStatus.Incomplete) {
         if (handleRedirectionIfNeeded(response, component)) {
           return;
         }
@@ -8607,7 +8793,7 @@ var BaseSignUpContent = ({
     }
   };
   const handleRedirectionIfNeeded = (response, component) => {
-    if (response?.type === import_browser60.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL) {
+    if (response?.type === import_browser61.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) {
@@ -8636,9 +8822,9 @@ var BaseSignUpContent = ({
           try {
             const continueResponse = await onSubmit(payload);
             onFlowChange?.(continueResponse);
-            if (continueResponse.flowStatus === import_browser60.EmbeddedFlowStatus.Complete) {
+            if (continueResponse.flowStatus === import_browser61.EmbeddedFlowStatus.Complete) {
               onComplete?.(continueResponse);
-            } else if (continueResponse.flowStatus === import_browser60.EmbeddedFlowStatus.Incomplete) {
+            } else if (continueResponse.flowStatus === import_browser61.EmbeddedFlowStatus.Incomplete) {
               setCurrentFlow(continueResponse);
               setupFormFields(continueResponse);
             }
@@ -8696,9 +8882,9 @@ var BaseSignUpContent = ({
                 try {
                   const continueResponse = await onSubmit(payload);
                   onFlowChange?.(continueResponse);
-                  if (continueResponse.flowStatus === import_browser60.EmbeddedFlowStatus.Complete) {
+                  if (continueResponse.flowStatus === import_browser61.EmbeddedFlowStatus.Complete) {
                     onComplete?.(continueResponse);
-                  } else if (continueResponse.flowStatus === import_browser60.EmbeddedFlowStatus.Incomplete) {
+                  } else if (continueResponse.flowStatus === import_browser61.EmbeddedFlowStatus.Incomplete) {
                     setCurrentFlow(continueResponse);
                     setupFormFields(continueResponse);
                   }
@@ -8722,30 +8908,30 @@ var BaseSignUpContent = ({
   };
   const containerClasses = (0, import_css38.cx)(
     [
-      (0, import_browser60.withVendorCSSClassPrefix)("signup"),
-      (0, import_browser60.withVendorCSSClassPrefix)(`signup--${size}`),
-      (0, import_browser60.withVendorCSSClassPrefix)(`signup--${variant}`)
+      (0, import_browser61.withVendorCSSClassPrefix)("signup"),
+      (0, import_browser61.withVendorCSSClassPrefix)(`signup--${size}`),
+      (0, import_browser61.withVendorCSSClassPrefix)(`signup--${variant}`)
     ],
     className
   );
   const inputClasses = (0, import_css38.cx)(
     [
-      (0, import_browser60.withVendorCSSClassPrefix)("signup__input"),
-      size === "small" && (0, import_browser60.withVendorCSSClassPrefix)("signup__input--small"),
-      size === "large" && (0, import_browser60.withVendorCSSClassPrefix)("signup__input--large")
+      (0, import_browser61.withVendorCSSClassPrefix)("signup__input"),
+      size === "small" && (0, import_browser61.withVendorCSSClassPrefix)("signup__input--small"),
+      size === "large" && (0, import_browser61.withVendorCSSClassPrefix)("signup__input--large")
     ],
     inputClassName
   );
   const buttonClasses = (0, import_css38.cx)(
     [
-      (0, import_browser60.withVendorCSSClassPrefix)("signup__button"),
-      size === "small" && (0, import_browser60.withVendorCSSClassPrefix)("signup__button--small"),
-      size === "large" && (0, import_browser60.withVendorCSSClassPrefix)("signup__button--large")
+      (0, import_browser61.withVendorCSSClassPrefix)("signup__button"),
+      size === "small" && (0, import_browser61.withVendorCSSClassPrefix)("signup__button--small"),
+      size === "large" && (0, import_browser61.withVendorCSSClassPrefix)("signup__button--large")
     ],
     buttonClassName
   );
-  const errorClasses = (0, import_css38.cx)([(0, import_browser60.withVendorCSSClassPrefix)("signup__error")], errorClassName);
-  const messageClasses = (0, import_css38.cx)([(0, import_browser60.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
+  const errorClasses = (0, import_css38.cx)([(0, import_browser61.withVendorCSSClassPrefix)("signup__error")], errorClassName);
+  const messageClasses = (0, import_css38.cx)([(0, import_browser61.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
   const renderComponents = (0, import_react61.useCallback)(
     (components) => renderSignUpComponents(
       components,
@@ -8788,11 +8974,11 @@ var BaseSignUpContent = ({
           setCurrentFlow(response);
           setIsFlowInitialized(true);
           onFlowChange?.(response);
-          if (response.flowStatus === import_browser60.EmbeddedFlowStatus.Complete) {
+          if (response.flowStatus === import_browser61.EmbeddedFlowStatus.Complete) {
             onComplete?.(response);
             return;
           }
-          if (response.flowStatus === import_browser60.EmbeddedFlowStatus.Incomplete) {
+          if (response.flowStatus === import_browser61.EmbeddedFlowStatus.Incomplete) {
             setupFormFields(response);
           }
         } catch (err) {
@@ -8863,7 +9049,7 @@ var BaseSignUpContent = ({
 var BaseSignUp_default = BaseSignUp;
 
 // src/components/presentation/SignUp/SignUp.tsx
-var import_browser61 = require("@asgardeo/browser");
+var import_browser62 = require("@asgardeo/browser");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var SignUp = ({
   className,
@@ -8881,18 +9067,18 @@ var SignUp = ({
     const applicationIdFromUrl = urlParams.get("applicationId");
     const effectiveApplicationId = applicationId || applicationIdFromUrl;
     const initialPayload = payload || {
-      flowType: import_browser61.EmbeddedFlowType.Registration,
-      ...platform === import_browser61.Platform.AsgardeoV2 && effectiveApplicationId && { applicationId: effectiveApplicationId }
+      flowType: import_browser62.EmbeddedFlowType.Registration,
+      ...platform === import_browser62.Platform.AsgardeoV2 && effectiveApplicationId && { applicationId: effectiveApplicationId }
     };
     return await signUp(initialPayload);
   };
   const handleOnSubmit = async (payload) => await signUp(payload);
   const handleComplete = (response) => {
     onComplete?.(response);
-    if (shouldRedirectAfterSignUp && response?.type !== import_browser61.EmbeddedFlowResponseType.Redirection && afterSignUpUrl) {
+    if (shouldRedirectAfterSignUp && response?.type !== import_browser62.EmbeddedFlowResponseType.Redirection && afterSignUpUrl) {
       window.location.href = afterSignUpUrl;
     }
-    if (shouldRedirectAfterSignUp && response?.type === import_browser61.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL && !response.data.redirectURL.includes("oauth") && // Not a social provider redirect
+    if (shouldRedirectAfterSignUp && response?.type === import_browser62.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;
     }
@@ -8910,8 +9096,8 @@ var SignUp = ({
       isInitialized,
       children,
       showLogo: true,
-      showTitle: platform === import_browser61.Platform.AsgardeoV2,
-      showSubtitle: platform === import_browser61.Platform.AsgardeoV2,
+      showTitle: platform === import_browser62.Platform.AsgardeoV2,
+      showSubtitle: platform === import_browser62.Platform.AsgardeoV2,
       ...rest
     }
   );
@@ -8959,35 +9145,35 @@ Organization5.displayName = "Organization";
 var Organization_default = Organization5;
 
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
-var import_browser67 = require("@asgardeo/browser");
+var import_browser68 = require("@asgardeo/browser");
 var import_css46 = require("@emotion/css");
 var import_react70 = require("react");
 
 // src/utils/getMappedUserProfileValue.ts
-var import_browser62 = require("@asgardeo/browser");
+var import_browser63 = require("@asgardeo/browser");
 var getMappedUserProfileValue = (key, mappings, user) => {
   if (!key || !mappings || !user) {
     return void 0;
   }
   const mapping = mappings[key];
   if (!mapping) {
-    return (0, import_browser62.get)(user, key);
+    return (0, import_browser63.get)(user, key);
   }
   if (Array.isArray(mapping)) {
     for (const path of mapping) {
-      const value = (0, import_browser62.get)(user, path);
+      const value = (0, import_browser63.get)(user, path);
       if (value !== void 0 && value !== null && value !== "") {
         return value;
       }
     }
     return void 0;
   }
-  return (0, import_browser62.get)(user, mapping);
+  return (0, import_browser63.get)(user, mapping);
 };
 var getMappedUserProfileValue_default = getMappedUserProfileValue;
 
 // src/components/primitives/Avatar/Avatar.tsx
-var import_browser63 = require("@asgardeo/browser");
+var import_browser64 = require("@asgardeo/browser");
 var import_css40 = require("@emotion/css");
 var import_react63 = require("react");
 
@@ -9106,20 +9292,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_runtime73.jsx)("img", { src: imageUrl, alt, className: (0, import_css40.cx)((0, import_browser63.withVendorCSSClassPrefix)((0, import_browser63.bem)("avatar", "image")), styles.image) });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("img", { src: imageUrl, alt, className: (0, import_css40.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("avatar", "image")), styles.image) });
     }
     if (name) {
       return getInitials(name);
     }
     if (isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: (0, import_css40.cx)((0, import_browser63.withVendorCSSClassPrefix)((0, import_browser63.bem)("avatar", "skeleton")), styles.skeleton) });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: (0, import_css40.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("avatar", "skeleton")), styles.skeleton) });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 640 640",
-        className: (0, import_css40.cx)((0, import_browser63.withVendorCSSClassPrefix)((0, import_browser63.bem)("avatar", "icon")), styles.icon),
+        className: (0, import_css40.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("avatar", "icon")), styles.icon),
         children: /* @__PURE__ */ (0, import_jsx_runtime73.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" })
       }
     );
@@ -9128,11 +9314,11 @@ var Avatar = ({
     "div",
     {
       className: (0, import_css40.cx)(
-        (0, import_browser63.withVendorCSSClassPrefix)((0, import_browser63.bem)("avatar")),
+        (0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("avatar")),
         styles.avatar,
         styles.variant,
-        (0, import_browser63.withVendorCSSClassPrefix)((0, import_browser63.bem)("avatar", null, variant)),
-        isDefaultState && (0, import_browser63.withVendorCSSClassPrefix)((0, import_browser63.bem)("avatar", "default")),
+        (0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("avatar", null, variant)),
+        isDefaultState && (0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("avatar", "default")),
         className
       ),
       children: renderContent()
@@ -9142,7 +9328,7 @@ var Avatar = ({
 var Avatar_default = Avatar;
 
 // src/components/primitives/Dialog/Dialog.tsx
-var import_browser64 = require("@asgardeo/browser");
+var import_browser65 = require("@asgardeo/browser");
 var import_react65 = require("@floating-ui/react");
 var import_css42 = require("@emotion/css");
 var import_react66 = __toESM(require("react"), 1);
@@ -9379,11 +9565,11 @@ var DialogContent = import_react66.default.forwardRef((props, propRef) => {
   const styles = Dialog_styles_default(theme, colorScheme);
   const ref = (0, import_react65.useMergeRefs)([context.refs.setFloating, propRef]);
   if (!floatingContext.open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react65.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react65.FloatingOverlay, { className: (0, import_css42.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("dialog", "overlay")), styles.overlay), lockScroll: true, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react65.FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react65.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react65.FloatingOverlay, { className: (0, import_css42.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("dialog", "overlay")), styles.overlay), lockScroll: true, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react65.FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     "div",
     {
       ref,
-      className: (0, import_css42.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("dialog", "content")), styles.content, props.className),
+      className: (0, import_css42.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("dialog", "content")), styles.content, props.className),
       "aria-labelledby": context.labelId,
       "aria-describedby": context.descriptionId,
       ...context.getFloatingProps(props),
@@ -9401,14 +9587,14 @@ var DialogHeading = import_react66.default.forwardRef(
       context.setLabelId(id);
       return () => context.setLabelId(void 0);
     }, [id, context.setLabelId]);
-    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: (0, import_css42.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("dialog", "header")), styles.header), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: (0, import_css42.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("dialog", "header")), styles.header), children: [
       /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         "h2",
         {
           ...props,
           ref,
           id,
-          className: (0, import_css42.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("dialog", "title")), styles.headerTitle),
+          className: (0, import_css42.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("dialog", "title")), styles.headerTitle),
           children
         }
       ),
@@ -9443,7 +9629,7 @@ var DialogDescription = import_react66.default.forwardRef(
         ...props,
         ref,
         id,
-        className: (0, import_css42.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("dialog", "description")), styles.description, props.className),
+        className: (0, import_css42.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("dialog", "description")), styles.description, props.className),
         children
       }
     );
@@ -9473,7 +9659,7 @@ var DialogClose = import_react66.default.forwardRef(({ children, asChild = false
       ...props,
       ref,
       onClick: handleClick,
-      className: (0, import_css42.cx)((0, import_browser64.withVendorCSSClassPrefix)((0, import_browser64.bem)("dialog", "close")), props.className),
+      className: (0, import_css42.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("dialog", "close")), props.className),
       variant: "text",
       children
     }
@@ -9494,7 +9680,7 @@ var Dialog_default = Dialog;
 // src/components/primitives/MultiInput/MultiInput.tsx
 var import_react68 = require("react");
 var import_css44 = require("@emotion/css");
-var import_browser65 = require("@asgardeo/browser");
+var import_browser66 = require("@asgardeo/browser");
 
 // src/components/primitives/MultiInput/MultiInput.styles.ts
 var import_css43 = require("@emotion/css");
@@ -9686,26 +9872,26 @@ var MultiInput = ({
     {
       error,
       helperText,
-      className: (0, import_css44.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("multi-input")), className),
+      className: (0, import_css44.cx)((0, import_browser66.withVendorCSSClassPrefix)((0, import_browser66.bem)("multi-input")), className),
       style,
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(InputLabel_default, { required, error: !!error, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: (0, import_css44.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("multi-input", "container")), styles.container), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: (0, import_css44.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("multi-input", "input-row")), styles.inputRow), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: (0, import_css44.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("multi-input", "input-wrapper")), styles.inputWrapper), children: renderInputField(
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: (0, import_css44.cx)((0, import_browser66.withVendorCSSClassPrefix)((0, import_browser66.bem)("multi-input", "container")), styles.container), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: (0, import_css44.cx)((0, import_browser66.withVendorCSSClassPrefix)((0, import_browser66.bem)("multi-input", "input-row")), styles.inputRow), children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: (0, import_css44.cx)((0, import_browser66.withVendorCSSClassPrefix)((0, import_browser66.bem)("multi-input", "input-wrapper")), styles.inputWrapper), children: renderInputField(
             currentInputValue,
             setCurrentInputValue,
             canAddMore ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(PlusIcon, { className: styles.plusIcon }) : void 0,
             canAddMore ? handleInputSubmit : void 0
           ) }) }),
-          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: (0, import_css44.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("multi-input", "list-container")), styles.listContainer), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: (0, import_css44.cx)((0, import_browser66.withVendorCSSClassPrefix)((0, import_browser66.bem)("multi-input", "list-container")), styles.listContainer), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
             "div",
             {
-              className: (0, import_css44.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("multi-input", "list-item")), styles.listItem),
+              className: (0, import_css44.cx)((0, import_browser66.withVendorCSSClassPrefix)((0, import_browser66.bem)("multi-input", "list-item")), styles.listItem),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                   "span",
                   {
-                    className: (0, import_css44.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("multi-input", "list-item-text")), styles.listItemText),
+                    className: (0, import_css44.cx)((0, import_browser66.withVendorCSSClassPrefix)((0, import_browser66.bem)("multi-input", "list-item-text")), styles.listItemText),
                     children: value
                   }
                 ),
@@ -9715,7 +9901,7 @@ var MultiInput = ({
                     type: "button",
                     onClick: () => handleRemoveValue(index),
                     disabled,
-                    className: (0, import_css44.cx)((0, import_browser65.withVendorCSSClassPrefix)((0, import_browser65.bem)("multi-input", "remove-button")), styles.removeButton),
+                    className: (0, import_css44.cx)((0, import_browser66.withVendorCSSClassPrefix)((0, import_browser66.bem)("multi-input", "remove-button")), styles.removeButton),
                     title: "Remove value",
                     children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(BinIcon, { className: styles.icon })
                   }
@@ -9734,7 +9920,7 @@ var MultiInput_default = MultiInput;
 // src/components/presentation/UserProfile/BaseUserProfile.styles.ts
 var import_css45 = require("@emotion/css");
 var import_react69 = require("react");
-var import_browser66 = require("@asgardeo/browser");
+var import_browser67 = require("@asgardeo/browser");
 var useStyles21 = (theme, colorScheme) => {
   const valuePlaceholder = import_css45.css`
     font-style: italic;
@@ -9845,7 +10031,7 @@ var useStyles21 = (theme, colorScheme) => {
       max-width: 350px;
       text-align: start;
 
-      .${(0, import_browser66.withVendorCSSClassPrefix)("form-control")} {
+      .${(0, import_browser67.withVendorCSSClassPrefix)("form-control")} {
         margin-bottom: 0;
       }
 
@@ -10044,7 +10230,7 @@ var BaseUserProfile = ({
         fieldValue = fieldValue.filter((v) => v !== void 0 && v !== null && v !== "");
       }
       let payload = {};
-      if (schema.schemaId && schema.schemaId !== import_browser67.WellKnownSchemaIds.User) {
+      if (schema.schemaId && schema.schemaId !== import_browser68.WellKnownSchemaIds.User) {
         payload = {
           [schema.schemaId]: {
             [fieldName]: fieldValue
@@ -10278,7 +10464,7 @@ var BaseUserProfile = ({
   const containerClasses = (0, import_css46.cx)(
     styles.root,
     cardLayout ? styles.card : "",
-    (0, import_browser67.withVendorCSSClassPrefix)("user-profile"),
+    (0, import_browser68.withVendorCSSClassPrefix)("user-profile"),
     className
   );
   const currentUser = flattenedProfile || profile;
@@ -10296,7 +10482,7 @@ var BaseUserProfile = ({
     ] }, key)) });
   };
   const profileContent = /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card_default, { className: containerClasses, children: [
-    error && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Alert_default, { variant: "error", className: (0, import_css46.cx)((0, import_browser67.withVendorCSSClassPrefix)((0, import_browser67.bem)("user-profile", "alert")), styles.alert), children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Alert_default, { variant: "error", className: (0, import_css46.cx)((0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("user-profile", "alert")), styles.alert), children: [
       /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default.Title, { children: t("errors.title") || "Error" }),
       /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default.Description, { children: error })
     ] }),
@@ -10344,8 +10530,8 @@ var BaseUserProfile_default = BaseUserProfile;
 var import_react71 = require("react");
 
 // src/api/updateMeProfile.ts
-var import_browser68 = require("@asgardeo/browser");
-var httpClient5 = import_browser68.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser68.AsgardeoSPAClient.getInstance());
+var import_browser69 = require("@asgardeo/browser");
+var httpClient5 = import_browser69.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser69.AsgardeoSPAClient.getInstance());
 var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient5({
@@ -10362,7 +10548,7 @@ var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser68.updateMeProfile)({
+  return (0, import_browser69.updateMeProfile)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -10370,7 +10556,7 @@ var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
 var updateMeProfile_default = updateMeProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
-var import_browser69 = require("@asgardeo/browser");
+var import_browser70 = require("@asgardeo/browser");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var UserProfile3 = ({ ...rest }) => {
   const { baseUrl, isLoading } = useAsgardeo_default();
@@ -10384,7 +10570,7 @@ var UserProfile3 = ({ ...rest }) => {
       onUpdateProfile(response);
     } catch (error2) {
       let message = t("user.profile.update.generic.error");
-      if (error2 instanceof import_browser69.AsgardeoError) {
+      if (error2 instanceof import_browser70.AsgardeoError) {
         message = error2?.message;
       }
       setError(message);
@@ -10405,7 +10591,7 @@ var UserProfile3 = ({ ...rest }) => {
 var UserProfile_default = UserProfile3;
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.tsx
-var import_browser70 = require("@asgardeo/browser");
+var import_browser71 = require("@asgardeo/browser");
 var import_react73 = require("@floating-ui/react");
 var import_css48 = require("@emotion/css");
 var import_react74 = require("react");
@@ -10666,12 +10852,12 @@ var BaseUserDropdown = ({
     }
     allMenuItems.push(...defaultMenuItems);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: (0, import_css48.cx)((0, import_browser70.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: (0, import_css48.cx)((0, import_browser71.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
       Button_default,
       {
         ref: refs.setReference,
-        className: (0, import_css48.cx)((0, import_browser70.withVendorCSSClassPrefix)("user-dropdown__trigger"), styles.trigger),
+        className: (0, import_css48.cx)((0, import_browser71.withVendorCSSClassPrefix)("user-dropdown__trigger"), styles.trigger),
         color: "tertiary",
         variant: "text",
         size: "medium",
@@ -10690,7 +10876,7 @@ var BaseUserDropdown = ({
             Typography_default,
             {
               variant: "body2",
-              className: (0, import_css48.cx)((0, import_browser70.withVendorCSSClassPrefix)("user-dropdown__trigger-label"), styles.userName),
+              className: (0, import_css48.cx)((0, import_browser71.withVendorCSSClassPrefix)("user-dropdown__trigger-label"), styles.userName),
               children: getDisplayName_default(mergedMappings, user)
             }
           )
@@ -10701,7 +10887,7 @@ var BaseUserDropdown = ({
       "div",
       {
         ref: refs.setFloating,
-        className: (0, import_css48.cx)((0, import_browser70.withVendorCSSClassPrefix)("user-dropdown__content"), styles.dropdownContent),
+        className: (0, import_css48.cx)((0, import_browser71.withVendorCSSClassPrefix)("user-dropdown__content"), styles.dropdownContent),
         style: {
           ...floatingStyles,
           // Floating UI doesn't set a z-index by default, so we set a high value to ensure the dropdown appears above other elements.
@@ -10710,7 +10896,7 @@ var BaseUserDropdown = ({
         },
         ...getFloatingProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: (0, import_css48.cx)((0, import_browser70.withVendorCSSClassPrefix)("user-dropdown__header"), styles.dropdownHeader), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: (0, import_css48.cx)((0, import_browser71.withVendorCSSClassPrefix)("user-dropdown__header"), styles.dropdownHeader), children: [
             /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
               Avatar,
               {
@@ -10720,12 +10906,12 @@ var BaseUserDropdown = ({
                 alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: (0, import_css48.cx)((0, import_browser70.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles.headerInfo), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: (0, import_css48.cx)((0, import_browser71.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles.headerInfo), children: [
               /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                 Typography_default,
                 {
                   noWrap: true,
-                  className: (0, import_browser70.withVendorCSSClassPrefix)("user-dropdown__header-name"),
+                  className: (0, import_browser71.withVendorCSSClassPrefix)("user-dropdown__header-name"),
                   variant: "body1",
                   fontWeight: "medium",
                   children: getDisplayName_default(mergedMappings, user)
@@ -10735,7 +10921,7 @@ var BaseUserDropdown = ({
                 Typography_default,
                 {
                   noWrap: true,
-                  className: (0, import_browser70.withVendorCSSClassPrefix)("user-dropdown__header-email"),
+                  className: (0, import_browser71.withVendorCSSClassPrefix)("user-dropdown__header-email"),
                   variant: "caption",
                   color: "secondary",
                   children: getMappedUserProfileValue_default("username", mergedMappings, user) || getMappedUserProfileValue_default("email", mergedMappings, user)
@@ -10743,14 +10929,14 @@ var BaseUserDropdown = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: (0, import_css48.cx)((0, import_browser70.withVendorCSSClassPrefix)("user-dropdown__menu"), styles.dropdownMenu), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: item.label === "" ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: (0, import_css48.cx)((0, import_browser70.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), styles.divider) }) : item.href ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: (0, import_css48.cx)((0, import_browser71.withVendorCSSClassPrefix)("user-dropdown__menu"), styles.dropdownMenu), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: item.label === "" ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: (0, import_css48.cx)((0, import_browser71.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), styles.divider) }) : item.href ? /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
             "a",
             {
               href: item.href,
               style: {
                 backgroundColor: hoveredItemIndex === index ? theme.vars.colors.action?.hover : "transparent"
               },
-              className: (0, import_css48.cx)((0, import_browser70.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItemAnchor),
+              className: (0, import_css48.cx)((0, import_browser71.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItemAnchor),
               onMouseEnter: () => setHoveredItemIndex(index),
               onMouseLeave: () => setHoveredItemIndex(null),
               onFocus: () => setHoveredItemIndex(index),
@@ -10767,7 +10953,7 @@ var BaseUserDropdown = ({
               style: {
                 backgroundColor: hoveredItemIndex === index ? theme.vars.colors.action?.hover : "transparent"
               },
-              className: (0, import_css48.cx)((0, import_browser70.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItem),
+              className: (0, import_css48.cx)((0, import_browser71.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItem),
               color: "tertiary",
               variant: "text",
               size: "small",
@@ -11670,8 +11856,8 @@ var BaseCreateOrganization = ({
 };
 
 // src/api/createOrganization.ts
-var import_browser71 = require("@asgardeo/browser");
-var httpClient6 = import_browser71.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser71.AsgardeoSPAClient.getInstance());
+var import_browser72 = require("@asgardeo/browser");
+var httpClient6 = import_browser72.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser72.AsgardeoSPAClient.getInstance());
 var createOrganization = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient6({
@@ -11688,7 +11874,7 @@ var createOrganization = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser71.createOrganization)({
+  return (0, import_browser72.createOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -11763,12 +11949,12 @@ var CreateOrganization = ({
 var import_react86 = require("react");
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
-var import_browser73 = require("@asgardeo/browser");
+var import_browser74 = require("@asgardeo/browser");
 var import_css56 = require("@emotion/css");
 var import_react85 = require("react");
 
 // src/components/primitives/KeyValueInput/KeyValueInput.tsx
-var import_browser72 = require("@asgardeo/browser");
+var import_browser73 = require("@asgardeo/browser");
 var import_css54 = require("@emotion/css");
 var import_react83 = require("react");
 
@@ -12003,27 +12189,27 @@ var KeyValueInput = ({
   );
   const canAddMore = !maxPairs || pairs.length < maxPairs;
   const isAddDisabled = disabled || readOnly || !canAddMore || !newKey.trim() || !newValue.trim();
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input")), styles.container, className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("label", { className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "label")), styles.label), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input")), styles.container, className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("label", { className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "label")), styles.label), children: [
       label,
       required && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
         "span",
         {
-          className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "required")), styles.requiredIndicator),
+          className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "required")), styles.requiredIndicator),
           children: " *"
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "pairs-list")), styles.pairsList), children: [
-      pairs.length === 0 && readOnly ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "empty-state")), styles.emptyState), children: "No attributes defined" }) : readOnly ? pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "pairs-list")), styles.pairsList), children: [
+      pairs.length === 0 && readOnly ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "empty-state")), styles.emptyState), children: "No attributes defined" }) : readOnly ? pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
         "div",
         {
-          className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "readonly-pair")), styles.readOnlyPair),
+          className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "readonly-pair")), styles.readOnlyPair),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
               "span",
               {
-                className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "readonly-key")), styles.readOnlyKey),
+                className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "readonly-key")), styles.readOnlyKey),
                 children: [
                   pair.key,
                   ":"
@@ -12033,7 +12219,7 @@ var KeyValueInput = ({
             /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
               "span",
               {
-                className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "readonly-value")), styles.readOnlyValue),
+                className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "readonly-value")), styles.readOnlyValue),
                 children: pair.value
               }
             )
@@ -12043,7 +12229,7 @@ var KeyValueInput = ({
       )) : pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
         "div",
         {
-          className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "pair-row")), styles.pairRow),
+          className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "pair-row")), styles.pairRow),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
               TextField_default,
@@ -12052,7 +12238,7 @@ var KeyValueInput = ({
                 value: pair.key,
                 onChange: (e) => handleUpdatePair(index, "key", e.target.value),
                 disabled: disabled || readOnly,
-                className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "pair-input")), styles.pairInput),
+                className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "pair-input")), styles.pairInput),
                 "aria-label": `${keyLabel} ${index + 1}`
               }
             ),
@@ -12063,7 +12249,7 @@ var KeyValueInput = ({
                 value: pair.value,
                 onChange: (e) => handleUpdatePair(index, "value", e.target.value),
                 disabled: disabled || readOnly,
-                className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "pair-input")), styles.pairInput),
+                className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "pair-input")), styles.pairInput),
                 "aria-label": `${valueLabel} ${index + 1}`
               }
             ),
@@ -12073,7 +12259,7 @@ var KeyValueInput = ({
                 type: "button",
                 onClick: () => handleRemovePair(index),
                 disabled,
-                className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "remove-button")), styles.removeButton),
+                className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "remove-button")), styles.removeButton),
                 "aria-label": `${removeButtonText} ${pair.key}`,
                 children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(X_default, { width: 16, height: 16 })
               }
@@ -12082,7 +12268,7 @@ var KeyValueInput = ({
         },
         `${pair.key}-${index}`
       )),
-      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "add-row")), styles.addRow), children: [
+      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "add-row")), styles.addRow), children: [
         /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           TextField_default,
           {
@@ -12090,7 +12276,7 @@ var KeyValueInput = ({
             value: newKey,
             onChange: (e) => setNewKey(e.target.value),
             disabled,
-            className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "pair-input")), styles.pairInput),
+            className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "pair-input")), styles.pairInput),
             "aria-label": "New key"
           }
         ),
@@ -12101,7 +12287,7 @@ var KeyValueInput = ({
             value: newValue,
             onChange: (e) => setNewValue(e.target.value),
             disabled,
-            className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "pair-input")), styles.pairInput),
+            className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "pair-input")), styles.pairInput),
             "aria-label": "New value",
             onKeyPress: (e) => {
               if (e.key === "Enter" && !isAddDisabled) {
@@ -12116,15 +12302,15 @@ var KeyValueInput = ({
             type: "button",
             onClick: handleAddPair,
             disabled: isAddDisabled,
-            className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "add-button")), styles.addButton),
+            className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "add-button")), styles.addButton),
             "aria-label": "Add new key-value pair",
             children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Plus_default, { width: 16, height: 16 })
           }
         )
       ] })
     ] }),
-    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "helper-text")), styles.helperText), children: error || helperText }),
-    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("key-value-input", "counter")), styles.counterText), children: [
+    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "helper-text")), styles.helperText), children: error || helperText }),
+    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser73.withVendorCSSClassPrefix)((0, import_browser73.bem)("key-value-input", "counter")), styles.counterText), children: [
       pairs.length,
       " of ",
       maxPairs,
@@ -12328,13 +12514,13 @@ var BaseOrganizationProfile = ({
       key: "created",
       label: "Created Date",
       editable: false,
-      render: (value) => (0, import_browser73.formatDate)(value)
+      render: (value) => (0, import_browser74.formatDate)(value)
     },
     {
       key: "lastModified",
       label: "Last Modified Date",
       editable: false,
-      render: (value) => (0, import_browser73.formatDate)(value)
+      render: (value) => (0, import_browser74.formatDate)(value)
     }
   ]
 }) => {
@@ -12571,8 +12757,8 @@ var BaseOrganizationProfile = ({
 var BaseOrganizationProfile_default = BaseOrganizationProfile;
 
 // src/api/getOrganization.ts
-var import_browser74 = require("@asgardeo/browser");
-var httpClient7 = import_browser74.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser74.AsgardeoSPAClient.getInstance());
+var import_browser75 = require("@asgardeo/browser");
+var httpClient7 = import_browser75.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser75.AsgardeoSPAClient.getInstance());
 var getOrganization = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient7({
@@ -12588,7 +12774,7 @@ var getOrganization = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser74.getOrganization)({
+  return (0, import_browser75.getOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -12596,8 +12782,8 @@ var getOrganization = async ({ fetcher, ...requestConfig }) => {
 var getOrganization_default = getOrganization;
 
 // src/api/updateOrganization.ts
-var import_browser75 = require("@asgardeo/browser");
-var httpClient8 = import_browser75.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser75.AsgardeoSPAClient.getInstance());
+var import_browser76 = require("@asgardeo/browser");
+var httpClient8 = import_browser76.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser76.AsgardeoSPAClient.getInstance());
 var updateOrganization = async ({
   fetcher,
   ...requestConfig
@@ -12617,7 +12803,7 @@ var updateOrganization = async ({
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser75.updateOrganization)({
+  return (0, import_browser76.updateOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -12670,7 +12856,7 @@ var OrganizationProfile = ({
   const handleOrganizationUpdate = async (payload) => {
     if (!baseUrl || !organizationId) return;
     try {
-      const operations = (0, import_browser75.createPatchOperations)(payload);
+      const operations = (0, import_browser76.createPatchOperations)(payload);
       await updateOrganization_default({
         baseUrl,
         organizationId,
@@ -13320,5 +13506,5 @@ var OrganizationSwitcher = ({
 var OrganizationSwitcher_default = OrganizationSwitcher;
 
 // src/index.ts
-var import_browser76 = require("@asgardeo/browser");
+var import_browser77 = require("@asgardeo/browser");
 //# sourceMappingURL=index.js.map