@asgardeo/react 0.8.0 → 0.9.1

package/dist/cjs/index.js

@@ -37,7 +37,7 @@ __export(index_exports, {
   AlertTitle: () => AlertTitle,
   AsgardeoContext: () => AsgardeoContext_default,
   AsgardeoProvider: () => AsgardeoProvider_default,
-  AsgardeoRuntimeError: () => import_browser80.AsgardeoRuntimeError,
+  AsgardeoRuntimeError: () => import_browser81.AsgardeoRuntimeError,
   BaseAcceptInvite: () => BaseAcceptInvite_default,
   BaseCreateOrganization: () => BaseCreateOrganization,
   BaseInviteUser: () => BaseInviteUser_default,
@@ -71,12 +71,12 @@ __export(index_exports, {
   DatePicker: () => DatePicker_default,
   Divider: () => Divider_default,
   EmailOtp: () => EmailOtp_default,
-  EmbeddedFlowActionVariant: () => import_browser80.EmbeddedFlowActionVariantV2,
-  EmbeddedFlowComponentType: () => import_browser80.EmbeddedFlowComponentTypeV2,
-  EmbeddedFlowEventType: () => import_browser80.EmbeddedFlowEventTypeV2,
-  EmbeddedFlowTextVariant: () => import_browser80.EmbeddedFlowTextVariantV2,
-  EmbeddedSignInFlowStatus: () => import_browser80.EmbeddedSignInFlowStatusV2,
-  EmbeddedSignInFlowType: () => import_browser80.EmbeddedSignInFlowTypeV2,
+  EmbeddedFlowActionVariant: () => import_browser81.EmbeddedFlowActionVariantV2,
+  EmbeddedFlowComponentType: () => import_browser81.EmbeddedFlowComponentTypeV2,
+  EmbeddedFlowEventType: () => import_browser81.EmbeddedFlowEventTypeV2,
+  EmbeddedFlowTextVariant: () => import_browser81.EmbeddedFlowTextVariantV2,
+  EmbeddedSignInFlowStatus: () => import_browser81.EmbeddedSignInFlowStatusV2,
+  EmbeddedSignInFlowType: () => import_browser81.EmbeddedSignInFlowTypeV2,
   Eye: () => Eye_default,
   EyeOff: () => EyeOff_default,
   FacebookButton: () => FacebookButton_default,
@@ -135,17 +135,17 @@ __export(index_exports, {
   UsernamePassword: () => UsernamePassword_default,
   createField: () => createField,
   createOrganization: () => createOrganization_default,
-  createPatchOperations: () => import_browser79.createPatchOperations,
+  createPatchOperations: () => import_browser80.createPatchOperations,
   createSignInOption: () => createSignInOption,
   createSignInOptionFromAuthenticator: () => createSignInOptionFromAuthenticator,
-  getActiveTheme: () => import_browser80.getActiveTheme,
+  getActiveTheme: () => import_browser81.getActiveTheme,
   getAllOrganizations: () => getAllOrganizations_default,
   getMeOrganizations: () => getMeOrganizations_default,
   getMeProfile: () => getScim2Me_default,
   getOrganization: () => getOrganization_default,
   getSchemas: () => getSchemas_default,
-  http: () => import_browser80.http,
-  navigate: () => import_browser80.navigate,
+  http: () => import_browser81.http,
+  navigate: () => import_browser81.navigate,
   updateMeProfile: () => updateMeProfile_default,
   updateOrganization: () => updateOrganization_default,
   useAlertVariant: () => useAlertVariant,
@@ -913,8 +913,15 @@ var AsgardeoReactClient = class extends import_browser6.AsgardeoBrowserClient {
     const firstArg = args[0];
     const baseUrl = config?.baseUrl;
     if (config.platform === import_browser6.Platform.AsgardeoV2) {
+      const authIdFromUrl = new URL(window.location.href).searchParams.get("authId");
+      const authIdFromStorage = sessionStorage.getItem("asgardeo_auth_id");
+      const authId = authIdFromUrl || authIdFromStorage;
+      if (authIdFromUrl && !authIdFromStorage) {
+        sessionStorage.setItem("asgardeo_auth_id", authIdFromUrl);
+      }
       return (0, import_browser6.executeEmbeddedSignUpFlowV2)({
         baseUrl,
+        authId,
         payload: typeof firstArg === "object" && "flowType" in firstArg ? { ...firstArg, verbose: true } : firstArg
       });
     }
@@ -7764,11 +7771,159 @@ var BaseSignIn3 = (props) => {
 var BaseSignIn_default3 = BaseSignIn3;
 
 // src/components/presentation/auth/SignIn/SignIn.tsx
-var import_browser49 = require("@asgardeo/browser");
+var import_browser50 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/SignIn/v2/SignIn.tsx
 var import_react59 = require("react");
+var import_browser49 = require("@asgardeo/browser");
+
+// src/utils/v2/passkey.ts
 var import_browser48 = require("@asgardeo/browser");
+var handlePasskeyRegistration = async (challengeData) => {
+  if (!window.navigator.credentials || !window.navigator.credentials.create) {
+    throw new import_browser48.AsgardeoRuntimeError(
+      "WebAuthn is not supported in this browser.",
+      "browser-webauthn-not-supported",
+      "browser",
+      "WebAuthn/Passkey registration requires a browser that supports the Web Authentication API."
+    );
+  }
+  try {
+    const creationOptions = JSON.parse(challengeData);
+    const publicKey = {
+      ...creationOptions,
+      challenge: (0, import_browser48.base64urlToArrayBuffer)(creationOptions.challenge),
+      user: {
+        ...creationOptions.user,
+        id: (0, import_browser48.base64urlToArrayBuffer)(creationOptions.user.id)
+      },
+      ...creationOptions.excludeCredentials && {
+        excludeCredentials: creationOptions.excludeCredentials.map((cred) => ({
+          ...cred,
+          id: (0, import_browser48.base64urlToArrayBuffer)(cred.id)
+        }))
+      }
+    };
+    const credential = await navigator.credentials.create({
+      publicKey
+    });
+    if (!credential) {
+      throw new import_browser48.AsgardeoRuntimeError(
+        "No credential returned from WebAuthn registration.",
+        "browser-webauthn-no-credential",
+        "browser",
+        "The WebAuthn registration ceremony completed but did not return a valid credential."
+      );
+    }
+    const response = credential.response;
+    const registrationResponse = {
+      id: credential.id,
+      rawId: (0, import_browser48.arrayBufferToBase64url)(credential.rawId),
+      type: credential.type,
+      response: {
+        attestationObject: (0, import_browser48.arrayBufferToBase64url)(response.attestationObject),
+        clientDataJSON: (0, import_browser48.arrayBufferToBase64url)(response.clientDataJSON),
+        ...response.getTransports && {
+          transports: response.getTransports()
+        }
+      },
+      ...credential.authenticatorAttachment && {
+        authenticatorAttachment: credential.authenticatorAttachment
+      }
+    };
+    return JSON.stringify(registrationResponse);
+  } catch (error) {
+    if (error instanceof import_browser48.AsgardeoRuntimeError) {
+      throw error;
+    }
+    if (error instanceof Error) {
+      throw new import_browser48.AsgardeoRuntimeError(
+        `Passkey registration failed: ${error.message}`,
+        "browser-webauthn-registration-error",
+        "browser",
+        `WebAuthn registration failed with error: ${error.name}`
+      );
+    }
+    throw new import_browser48.AsgardeoRuntimeError(
+      "Passkey registration failed due to an unexpected error.",
+      "browser-webauthn-unexpected-error",
+      "browser",
+      "An unexpected error occurred during WebAuthn registration."
+    );
+  }
+};
+var handlePasskeyAuthentication = async (challengeData) => {
+  if (!window.navigator.credentials || !window.navigator.credentials.get) {
+    throw new import_browser48.AsgardeoRuntimeError(
+      "WebAuthn is not supported in this browser.",
+      "browser-webauthn-not-supported",
+      "browser",
+      "WebAuthn/Passkey authentication requires a browser that supports the Web Authentication API."
+    );
+  }
+  try {
+    const requestOptions = JSON.parse(challengeData);
+    const publicKey = {
+      ...requestOptions,
+      challenge: (0, import_browser48.base64urlToArrayBuffer)(requestOptions.challenge),
+      ...requestOptions.allowCredentials && {
+        allowCredentials: requestOptions.allowCredentials.map((cred) => ({
+          ...cred,
+          id: (0, import_browser48.base64urlToArrayBuffer)(cred.id)
+        }))
+      }
+    };
+    const credential = await navigator.credentials.get({
+      publicKey
+    });
+    if (!credential) {
+      throw new import_browser48.AsgardeoRuntimeError(
+        "No credential returned from WebAuthn authentication.",
+        "browser-webauthn-no-credential",
+        "browser",
+        "The WebAuthn authentication ceremony completed but did not return a valid credential."
+      );
+    }
+    const response = credential.response;
+    const authenticationResponse = {
+      id: credential.id,
+      rawId: (0, import_browser48.arrayBufferToBase64url)(credential.rawId),
+      type: credential.type,
+      response: {
+        authenticatorData: (0, import_browser48.arrayBufferToBase64url)(response.authenticatorData),
+        clientDataJSON: (0, import_browser48.arrayBufferToBase64url)(response.clientDataJSON),
+        signature: (0, import_browser48.arrayBufferToBase64url)(response.signature),
+        ...response.userHandle && {
+          userHandle: (0, import_browser48.arrayBufferToBase64url)(response.userHandle)
+        }
+      },
+      ...credential.authenticatorAttachment && {
+        authenticatorAttachment: credential.authenticatorAttachment
+      }
+    };
+    return JSON.stringify(authenticationResponse);
+  } catch (error) {
+    if (error instanceof import_browser48.AsgardeoRuntimeError) {
+      throw error;
+    }
+    if (error instanceof Error) {
+      throw new import_browser48.AsgardeoRuntimeError(
+        `Passkey authentication failed: ${error.message}`,
+        "browser-webauthn-authentication-error",
+        "browser",
+        `WebAuthn authentication failed with error: ${error.name}`
+      );
+    }
+    throw new import_browser48.AsgardeoRuntimeError(
+      "Passkey authentication failed due to an unexpected error.",
+      "browser-webauthn-unexpected-error",
+      "browser",
+      "An unexpected error occurred during WebAuthn authentication."
+    );
+  }
+};
+
+// src/components/presentation/auth/SignIn/v2/SignIn.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var SignIn = ({ className, size = "medium", onSuccess, onError, variant, children }) => {
   const { applicationId, afterSignInUrl, signIn, isInitialized, isLoading } = useAsgardeo_default();
@@ -7778,8 +7933,17 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
   const [isFlowInitialized, setIsFlowInitialized] = (0, import_react59.useState)(false);
   const [flowError, setFlowError] = (0, import_react59.useState)(null);
   const [isSubmitting, setIsSubmitting] = (0, import_react59.useState)(false);
+  const [passkeyState, setPasskeyState] = (0, import_react59.useState)({
+    isActive: false,
+    challenge: null,
+    creationOptions: null,
+    flowId: null,
+    actionId: null,
+    error: null
+  });
   const initializationAttemptedRef = (0, import_react59.useRef)(false);
   const oauthCodeProcessedRef = (0, import_react59.useRef)(false);
+  const passkeyProcessedRef = (0, import_react59.useRef)(false);
   const setFlowId = (flowId) => {
     setCurrentFlowId(flowId);
     if (flowId) {
@@ -7838,7 +8002,7 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
   const handleOAuthError = (error, errorDescription) => {
     clearFlowState();
     const errorMessage = errorDescription || `OAuth error: ${error}`;
-    const err = new import_browser48.AsgardeoRuntimeError(errorMessage, "SIGN_IN_ERROR", "react");
+    const err = new import_browser49.AsgardeoRuntimeError(errorMessage, "SIGN_IN_ERROR", "react");
     setError(err);
     cleanupOAuthUrlParams(true);
   };
@@ -7848,7 +8012,7 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
     onError?.(error);
   };
   const handleRedirection = (response) => {
-    if (response.type === import_browser48.EmbeddedSignInFlowTypeV2.Redirection) {
+    if (response.type === import_browser49.EmbeddedSignInFlowTypeV2.Redirection) {
       const redirectURL = response.data?.redirectURL || response?.redirectURL;
       if (redirectURL && window?.location) {
         if (response.flowId) {
@@ -7885,7 +8049,7 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
     handleAuthId(urlParams.authId);
     const effectiveApplicationId = applicationId || urlParams.applicationId;
     if (!urlParams.flowId && !effectiveApplicationId) {
-      const error = new import_browser48.AsgardeoRuntimeError(
+      const error = new import_browser49.AsgardeoRuntimeError(
         "Either flowId or applicationId is required for authentication",
         "SIGN_IN_ERROR",
         "react"
@@ -7903,7 +8067,7 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
       } else {
         response = await signIn({
           applicationId: effectiveApplicationId,
-          flowType: import_browser48.EmbeddedFlowType.Authentication
+          flowType: import_browser49.EmbeddedFlowType.Authentication
         });
       }
       if (handleRedirection(response)) {
@@ -7942,10 +8106,26 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
       if (handleRedirection(response)) {
         return;
       }
+      if (response.data?.additionalData?.["passkeyChallenge"] || response.data?.additionalData?.["passkeyCreationOptions"]) {
+        const passkeyChallenge = response.data.additionalData["passkeyChallenge"];
+        const passkeyCreationOptions = response.data.additionalData["passkeyCreationOptions"];
+        const effectiveFlowIdForPasskey = response.flowId || effectiveFlowId;
+        passkeyProcessedRef.current = false;
+        setPasskeyState({
+          isActive: true,
+          challenge: passkeyChallenge,
+          creationOptions: passkeyCreationOptions,
+          flowId: effectiveFlowIdForPasskey,
+          actionId: "submit",
+          error: null
+        });
+        setIsSubmitting(false);
+        return;
+      }
       const { flowId, components: components2, ...rest } = normalizeFlowResponse(response, t, {
         resolveTranslations: !children
       });
-      if (response.flowStatus === import_browser48.EmbeddedSignInFlowStatusV2.Error) {
+      if (response.flowStatus === import_browser49.EmbeddedSignInFlowStatusV2.Error) {
         clearFlowState();
         const failureReason = response?.failureReason;
         const errorMessage = failureReason || "Authentication flow failed. Please try again.";
@@ -7954,7 +8134,7 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
         cleanupFlowUrlParams();
         throw err;
       }
-      if (response.flowStatus === import_browser48.EmbeddedSignInFlowStatusV2.Complete) {
+      if (response.flowStatus === import_browser49.EmbeddedSignInFlowStatusV2.Complete) {
         const redirectUrl = response?.redirectUrl || response?.redirect_uri;
         const finalRedirectUrl = redirectUrl || afterSignInUrl;
         setIsSubmitting(false);
@@ -8021,6 +8201,50 @@ var SignIn = ({ className, size = "medium", onSuccess, onError, variant, childre
       cleanupOAuthUrlParams(true);
     });
   }, [isFlowInitialized, currentFlowId, isInitialized, isLoading, isSubmitting, signIn]);
+  (0, import_react59.useEffect)(() => {
+    if (!passkeyState.isActive || !passkeyState.challenge && !passkeyState.creationOptions || !passkeyState.flowId) {
+      return;
+    }
+    if (passkeyProcessedRef.current) {
+      return;
+    }
+    passkeyProcessedRef.current = true;
+    const performPasskeyProcess = async () => {
+      let inputs;
+      if (passkeyState.challenge) {
+        const passkeyResponse = await handlePasskeyAuthentication(passkeyState.challenge);
+        const passkeyResponseObj = JSON.parse(passkeyResponse);
+        inputs = {
+          credentialId: passkeyResponseObj.id,
+          authenticatorData: passkeyResponseObj.response.authenticatorData,
+          clientDataJSON: passkeyResponseObj.response.clientDataJSON,
+          signature: passkeyResponseObj.response.signature,
+          userHandle: passkeyResponseObj.response.userHandle
+        };
+      } else if (passkeyState.creationOptions) {
+        const passkeyResponse = await handlePasskeyRegistration(passkeyState.creationOptions);
+        const passkeyResponseObj = JSON.parse(passkeyResponse);
+        inputs = {
+          credentialId: passkeyResponseObj.id,
+          clientDataJSON: passkeyResponseObj.response.clientDataJSON,
+          attestationObject: passkeyResponseObj.response.attestationObject
+        };
+      } else {
+        throw new Error("No passkey challenge or creation options available");
+      }
+      await handleSubmit({
+        flowId: passkeyState.flowId,
+        inputs
+      });
+    };
+    performPasskeyProcess().then(() => {
+      setPasskeyState({ isActive: false, challenge: null, creationOptions: null, flowId: null, actionId: null, error: null });
+    }).catch((error) => {
+      setPasskeyState((prev) => ({ ...prev, isActive: false, error }));
+      setFlowError(error);
+      onError?.(error);
+    });
+  }, [passkeyState.isActive, passkeyState.challenge, passkeyState.creationOptions, passkeyState.flowId]);
   if (children) {
     const renderProps = {
       initialize: initializeFlow,
@@ -8069,7 +8293,7 @@ var SignIn2 = ({ className, size = "medium", children, ...rest }) => {
       window.location.href = url.toString();
     }
   };
-  if (platform === import_browser49.Platform.AsgardeoV2) {
+  if (platform === import_browser50.Platform.AsgardeoV2) {
     return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       SignIn_default,
       {
@@ -8102,18 +8326,18 @@ var SignIn2 = ({ className, size = "medium", children, ...rest }) => {
 var SignIn_default2 = SignIn2;
 
 // src/components/presentation/auth/SignUp/BaseSignUp.tsx
-var import_browser60 = require("@asgardeo/browser");
+var import_browser61 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
-var import_browser58 = require("@asgardeo/browser");
+var import_browser59 = require("@asgardeo/browser");
 var import_css38 = require("@emotion/css");
 var import_react61 = require("react");
 
 // src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
-var import_browser57 = require("@asgardeo/browser");
+var import_browser58 = require("@asgardeo/browser");
 
 // src/components/adapters/CheckboxInput.tsx
-var import_browser50 = require("@asgardeo/browser");
+var import_browser51 = require("@asgardeo/browser");
 var CheckboxInput = ({
   component,
   formValues,
@@ -8127,7 +8351,7 @@ var CheckboxInput = ({
   const value = formValues[fieldName] || false;
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
   return createField({
-    type: import_browser50.FieldType.Checkbox,
+    type: import_browser51.FieldType.Checkbox,
     name: fieldName,
     label: config["label"] || "",
     placeholder: config["placeholder"] || "",
@@ -8141,7 +8365,7 @@ var CheckboxInput = ({
 var CheckboxInput_default = CheckboxInput;
 
 // src/components/adapters/DateInput.tsx
-var import_browser51 = require("@asgardeo/browser");
+var import_browser52 = require("@asgardeo/browser");
 var DateInput = ({
   component,
   formValues,
@@ -8155,7 +8379,7 @@ var DateInput = ({
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
   return createField({
-    type: import_browser51.FieldType.Date,
+    type: import_browser52.FieldType.Date,
     name: fieldName,
     label: config["label"] || "",
     placeholder: config["placeholder"] || "",
@@ -8188,7 +8412,7 @@ var DividerComponent = ({ component }) => {
 var DividerComponent_default = DividerComponent;
 
 // src/components/adapters/EmailInput.tsx
-var import_browser52 = require("@asgardeo/browser");
+var import_browser53 = require("@asgardeo/browser");
 var EmailInput = ({
   component,
   formValues,
@@ -8202,7 +8426,7 @@ var EmailInput = ({
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
   return createField({
-    type: import_browser52.FieldType.Email,
+    type: import_browser53.FieldType.Email,
     name: fieldName,
     label: config["label"] || "Email",
     placeholder: config["placeholder"] || "Enter your email",
@@ -8273,7 +8497,7 @@ var ImageComponent = ({ component }) => {
 var ImageComponent_default = ImageComponent;
 
 // src/components/adapters/NumberInput.tsx
-var import_browser53 = require("@asgardeo/browser");
+var import_browser54 = require("@asgardeo/browser");
 var NumberInput = ({
   component,
   formValues,
@@ -8287,7 +8511,7 @@ var NumberInput = ({
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
   return createField({
-    type: import_browser53.FieldType.Number,
+    type: import_browser54.FieldType.Number,
     name: fieldName,
     label: config["label"] || "",
     placeholder: config["placeholder"] || "",
@@ -8301,7 +8525,7 @@ var NumberInput = ({
 var NumberInput_default = NumberInput;
 
 // src/components/adapters/PasswordInput.tsx
-var import_browser54 = require("@asgardeo/browser");
+var import_browser55 = require("@asgardeo/browser");
 var PasswordInput = ({
   component,
   formValues,
@@ -8347,7 +8571,7 @@ var PasswordInput = ({
   });
   const hint = validationHints.length > 0 ? validationHints.join(", ") : config["hint"] || "";
   return createField({
-    type: import_browser54.FieldType.Password,
+    type: import_browser55.FieldType.Password,
     name: fieldName,
     label: config["label"] || "Password",
     placeholder: config["placeholder"] || "Enter your password",
@@ -8446,7 +8670,7 @@ var TelephoneInput = ({
 var TelephoneInput_default = TelephoneInput;
 
 // src/components/adapters/TextInput.tsx
-var import_browser55 = require("@asgardeo/browser");
+var import_browser56 = require("@asgardeo/browser");
 var TextInput = ({
   component,
   formValues,
@@ -8460,7 +8684,7 @@ var TextInput = ({
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
   return createField({
-    type: import_browser55.FieldType.Text,
+    type: import_browser56.FieldType.Text,
     name: fieldName,
     label: config["label"] || "",
     placeholder: config["placeholder"] || "",
@@ -8474,7 +8698,7 @@ var TextInput = ({
 var TextInput_default = TextInput;
 
 // src/components/adapters/SelectInput.tsx
-var import_browser56 = require("@asgardeo/browser");
+var import_browser57 = require("@asgardeo/browser");
 var SelectInput = ({
   component,
   formValues,
@@ -8493,7 +8717,7 @@ var SelectInput = ({
     value: option
   }));
   return createField({
-    type: import_browser56.FieldType.Select,
+    type: import_browser57.FieldType.Select,
     name: fieldName,
     label: config["label"] || "",
     placeholder: config["placeholder"] || "",
@@ -8565,9 +8789,9 @@ var Typography_default2 = TypographyComponent;
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
   switch (component.type) {
-    case import_browser57.EmbeddedFlowComponentType.Typography:
+    case import_browser58.EmbeddedFlowComponentType.Typography:
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Typography_default2, { component, onSubmit, ...rest });
-    case import_browser57.EmbeddedFlowComponentType.Input:
+    case import_browser58.EmbeddedFlowComponentType.Input:
       const inputVariant = component.variant?.toUpperCase();
       const inputType = component.config["type"]?.toLowerCase();
       if (inputVariant === "EMAIL" || inputType === "email") {
@@ -8589,7 +8813,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_browser57.EmbeddedFlowComponentType.Button: {
+    case import_browser58.EmbeddedFlowComponentType.Button: {
       const buttonVariant = component.variant?.toUpperCase();
       const buttonText = component.config["text"] || component.config["label"] || "";
       if (buttonVariant === "SOCIAL") {
@@ -8614,13 +8838,13 @@ var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
       }
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SubmitButton_default, { component, onSubmit, ...rest });
     }
-    case import_browser57.EmbeddedFlowComponentType.Form:
+    case import_browser58.EmbeddedFlowComponentType.Form:
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FormContainer_default, { component, onSubmit, ...rest });
-    case import_browser57.EmbeddedFlowComponentType.Select:
+    case import_browser58.EmbeddedFlowComponentType.Select:
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SelectInput_default, { component, onSubmit, ...rest });
-    case import_browser57.EmbeddedFlowComponentType.Divider:
+    case import_browser58.EmbeddedFlowComponentType.Divider:
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DividerComponent_default, { component, onSubmit, ...rest });
-    case import_browser57.EmbeddedFlowComponentType.Image:
+    case import_browser58.EmbeddedFlowComponentType.Image:
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ImageComponent_default, { component, onSubmit, ...rest });
     default:
       return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", {});
@@ -8868,7 +9092,7 @@ var BaseSignUpContent = ({
       const fields = [];
       const processComponents = (comps) => {
         comps.forEach((component) => {
-          if (component.type === import_browser58.EmbeddedFlowComponentType.Input) {
+          if (component.type === import_browser59.EmbeddedFlowComponentType.Input) {
             const config = component.config || {};
             fields.push({
               name: config.name || component.id,
@@ -8961,11 +9185,11 @@ var BaseSignUpContent = ({
       };
       const response = await onSubmit(payload);
       onFlowChange?.(response);
-      if (response.flowStatus === import_browser58.EmbeddedFlowStatus.Complete) {
+      if (response.flowStatus === import_browser59.EmbeddedFlowStatus.Complete) {
         onComplete?.(response);
         return;
       }
-      if (response.flowStatus === import_browser58.EmbeddedFlowStatus.Incomplete) {
+      if (response.flowStatus === import_browser59.EmbeddedFlowStatus.Incomplete) {
         if (handleRedirectionIfNeeded(response, component)) {
           return;
         }
@@ -8980,7 +9204,7 @@ var BaseSignUpContent = ({
     }
   };
   const handleRedirectionIfNeeded = (response, component) => {
-    if (response?.type === import_browser58.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL) {
+    if (response?.type === import_browser59.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) {
@@ -9009,9 +9233,9 @@ var BaseSignUpContent = ({
           try {
             const continueResponse = await onSubmit(payload);
             onFlowChange?.(continueResponse);
-            if (continueResponse.flowStatus === import_browser58.EmbeddedFlowStatus.Complete) {
+            if (continueResponse.flowStatus === import_browser59.EmbeddedFlowStatus.Complete) {
               onComplete?.(continueResponse);
-            } else if (continueResponse.flowStatus === import_browser58.EmbeddedFlowStatus.Incomplete) {
+            } else if (continueResponse.flowStatus === import_browser59.EmbeddedFlowStatus.Incomplete) {
               setCurrentFlow(continueResponse);
               setupFormFields(continueResponse);
             }
@@ -9069,9 +9293,9 @@ var BaseSignUpContent = ({
                 try {
                   const continueResponse = await onSubmit(payload);
                   onFlowChange?.(continueResponse);
-                  if (continueResponse.flowStatus === import_browser58.EmbeddedFlowStatus.Complete) {
+                  if (continueResponse.flowStatus === import_browser59.EmbeddedFlowStatus.Complete) {
                     onComplete?.(continueResponse);
-                  } else if (continueResponse.flowStatus === import_browser58.EmbeddedFlowStatus.Incomplete) {
+                  } else if (continueResponse.flowStatus === import_browser59.EmbeddedFlowStatus.Incomplete) {
                     setCurrentFlow(continueResponse);
                     setupFormFields(continueResponse);
                   }
@@ -9095,30 +9319,30 @@ var BaseSignUpContent = ({
   };
   const containerClasses = (0, import_css38.cx)(
     [
-      (0, import_browser58.withVendorCSSClassPrefix)("signup"),
-      (0, import_browser58.withVendorCSSClassPrefix)(`signup--${size}`),
-      (0, import_browser58.withVendorCSSClassPrefix)(`signup--${variant}`)
+      (0, import_browser59.withVendorCSSClassPrefix)("signup"),
+      (0, import_browser59.withVendorCSSClassPrefix)(`signup--${size}`),
+      (0, import_browser59.withVendorCSSClassPrefix)(`signup--${variant}`)
     ],
     className
   );
   const inputClasses = (0, import_css38.cx)(
     [
-      (0, import_browser58.withVendorCSSClassPrefix)("signup__input"),
-      size === "small" && (0, import_browser58.withVendorCSSClassPrefix)("signup__input--small"),
-      size === "large" && (0, import_browser58.withVendorCSSClassPrefix)("signup__input--large")
+      (0, import_browser59.withVendorCSSClassPrefix)("signup__input"),
+      size === "small" && (0, import_browser59.withVendorCSSClassPrefix)("signup__input--small"),
+      size === "large" && (0, import_browser59.withVendorCSSClassPrefix)("signup__input--large")
     ],
     inputClassName
   );
   const buttonClasses = (0, import_css38.cx)(
     [
-      (0, import_browser58.withVendorCSSClassPrefix)("signup__button"),
-      size === "small" && (0, import_browser58.withVendorCSSClassPrefix)("signup__button--small"),
-      size === "large" && (0, import_browser58.withVendorCSSClassPrefix)("signup__button--large")
+      (0, import_browser59.withVendorCSSClassPrefix)("signup__button"),
+      size === "small" && (0, import_browser59.withVendorCSSClassPrefix)("signup__button--small"),
+      size === "large" && (0, import_browser59.withVendorCSSClassPrefix)("signup__button--large")
     ],
     buttonClassName
   );
-  const errorClasses = (0, import_css38.cx)([(0, import_browser58.withVendorCSSClassPrefix)("signup__error")], errorClassName);
-  const messageClasses = (0, import_css38.cx)([(0, import_browser58.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
+  const errorClasses = (0, import_css38.cx)([(0, import_browser59.withVendorCSSClassPrefix)("signup__error")], errorClassName);
+  const messageClasses = (0, import_css38.cx)([(0, import_browser59.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
   const renderComponents = (0, import_react61.useCallback)(
     (components) => renderSignUpComponents2(
       components,
@@ -9160,11 +9384,11 @@ var BaseSignUpContent = ({
           setCurrentFlow(response);
           setIsFlowInitialized(true);
           onFlowChange?.(response);
-          if (response.flowStatus === import_browser58.EmbeddedFlowStatus.Complete) {
+          if (response.flowStatus === import_browser59.EmbeddedFlowStatus.Complete) {
             onComplete?.(response);
             return;
           }
-          if (response.flowStatus === import_browser58.EmbeddedFlowStatus.Incomplete) {
+          if (response.flowStatus === import_browser59.EmbeddedFlowStatus.Incomplete) {
             setupFormFields(response);
           }
         } catch (err) {
@@ -9234,7 +9458,7 @@ var BaseSignUpContent = ({
 var BaseSignUp_default = BaseSignUp;
 
 // src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx
-var import_browser59 = require("@asgardeo/browser");
+var import_browser60 = require("@asgardeo/browser");
 var import_css39 = require("@emotion/css");
 var import_react62 = require("react");
 var import_jsx_runtime68 = require("react/jsx-runtime");
@@ -9287,7 +9511,15 @@ var BaseSignUpContent2 = ({
   const [isFlowInitialized, setIsFlowInitialized] = (0, import_react62.useState)(false);
   const [currentFlow, setCurrentFlow] = (0, import_react62.useState)(null);
   const [apiError, setApiError] = (0, import_react62.useState)(null);
+  const [passkeyState, setPasskeyState] = (0, import_react62.useState)({
+    isActive: false,
+    creationOptions: null,
+    flowId: null,
+    actionId: null,
+    error: null
+  });
   const initializationAttemptedRef = (0, import_react62.useRef)(false);
+  const passkeyProcessedRef = (0, import_react62.useRef)(false);
   const normalizeFlowResponseLocal = (0, import_react62.useCallback)(
     (response) => {
       if (response?.data?.components && Array.isArray(response.data.components)) {
@@ -9319,7 +9551,7 @@ var BaseSignUpContent2 = ({
       const fields = [];
       const processComponents = (comps) => {
         comps.forEach((component) => {
-          if (component.type === import_browser59.EmbeddedFlowComponentTypeV2.TextInput || component.type === import_browser59.EmbeddedFlowComponentTypeV2.PasswordInput || component.type === import_browser59.EmbeddedFlowComponentTypeV2.EmailInput || component.type === import_browser59.EmbeddedFlowComponentTypeV2.Select) {
+          if (component.type === import_browser60.EmbeddedFlowComponentTypeV2.TextInput || component.type === import_browser60.EmbeddedFlowComponentTypeV2.PasswordInput || component.type === import_browser60.EmbeddedFlowComponentTypeV2.EmailInput || component.type === import_browser60.EmbeddedFlowComponentTypeV2.Select) {
             const fieldName = component.ref || component.id;
             fields.push({
               name: fieldName,
@@ -9329,7 +9561,7 @@ var BaseSignUpContent2 = ({
                 if (component.required && (!value || value.trim() === "")) {
                   return t("validations.required.field.error");
                 }
-                if ((component.type === import_browser59.EmbeddedFlowComponentTypeV2.EmailInput || component.variant === "EMAIL") && value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+                if ((component.type === import_browser60.EmbeddedFlowComponentTypeV2.EmailInput || component.variant === "EMAIL") && value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
                   return t("field.email.invalid");
                 }
                 return null;
@@ -9419,14 +9651,28 @@ var BaseSignUpContent2 = ({
       const rawResponse = await onSubmit(payload);
       const response = normalizeFlowResponseLocal(rawResponse);
       onFlowChange?.(response);
-      if (response.flowStatus === import_browser59.EmbeddedFlowStatus.Complete) {
+      if (response.flowStatus === import_browser60.EmbeddedFlowStatus.Complete) {
         onComplete?.(response);
         return;
       }
-      if (response.flowStatus === import_browser59.EmbeddedFlowStatus.Incomplete) {
+      if (response.flowStatus === import_browser60.EmbeddedFlowStatus.Incomplete) {
         if (handleRedirectionIfNeeded(response, component)) {
           return;
         }
+        if (response.data?.additionalData?.["passkeyCreationOptions"]) {
+          const passkeyCreationOptions = response.data.additionalData["passkeyCreationOptions"];
+          const effectiveFlowIdForPasskey = response.flowId || currentFlow?.flowId;
+          passkeyProcessedRef.current = false;
+          setPasskeyState({
+            isActive: true,
+            creationOptions: passkeyCreationOptions,
+            flowId: effectiveFlowIdForPasskey,
+            actionId: component.id || "submit",
+            error: null
+          });
+          setIsLoading(false);
+          return;
+        }
         setCurrentFlow(response);
         setupFormFields(response);
       }
@@ -9437,8 +9683,50 @@ var BaseSignUpContent2 = ({
       setIsLoading(false);
     }
   };
+  (0, import_react62.useEffect)(() => {
+    if (!passkeyState.isActive || !passkeyState.creationOptions || !passkeyState.flowId) {
+      return;
+    }
+    if (passkeyProcessedRef.current) {
+      return;
+    }
+    passkeyProcessedRef.current = true;
+    const performPasskeyRegistration = async () => {
+      const passkeyResponse = await handlePasskeyRegistration(passkeyState.creationOptions);
+      const passkeyResponseObj = JSON.parse(passkeyResponse);
+      const inputs = {
+        credentialId: passkeyResponseObj.id,
+        clientDataJSON: passkeyResponseObj.response.clientDataJSON,
+        attestationObject: passkeyResponseObj.response.attestationObject
+      };
+      const payload = {
+        flowId: passkeyState.flowId,
+        flowType: currentFlow?.flowType || "REGISTRATION",
+        actionId: passkeyState.actionId || "submit",
+        inputs
+      };
+      const nextResponse = await onSubmit(payload);
+      const processedResponse = normalizeFlowResponseLocal(nextResponse);
+      onFlowChange?.(processedResponse);
+      if (processedResponse.flowStatus === import_browser60.EmbeddedFlowStatus.Complete) {
+        onComplete?.(processedResponse);
+        return;
+      } else {
+        setCurrentFlow(processedResponse);
+        setupFormFields(processedResponse);
+        return;
+      }
+    };
+    performPasskeyRegistration().then(() => {
+      setPasskeyState({ isActive: false, creationOptions: null, flowId: null, actionId: null, error: null });
+    }).catch((error) => {
+      setPasskeyState((prev) => ({ ...prev, isActive: false, error }));
+      handleError(error);
+      onError?.(error);
+    });
+  }, [passkeyState.isActive, passkeyState.creationOptions, passkeyState.flowId]);
   const handleRedirectionIfNeeded = (response, component) => {
-    if (response?.type === import_browser59.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL) {
+    if (response?.type === import_browser60.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) {
@@ -9467,9 +9755,9 @@ var BaseSignUpContent2 = ({
           try {
             const continueResponse = await onSubmit(payload);
             onFlowChange?.(continueResponse);
-            if (continueResponse.flowStatus === import_browser59.EmbeddedFlowStatus.Complete) {
+            if (continueResponse.flowStatus === import_browser60.EmbeddedFlowStatus.Complete) {
               onComplete?.(continueResponse);
-            } else if (continueResponse.flowStatus === import_browser59.EmbeddedFlowStatus.Incomplete) {
+            } else if (continueResponse.flowStatus === import_browser60.EmbeddedFlowStatus.Incomplete) {
               setCurrentFlow(continueResponse);
               setupFormFields(continueResponse);
             }
@@ -9527,9 +9815,9 @@ var BaseSignUpContent2 = ({
                 try {
                   const continueResponse = await onSubmit(payload);
                   onFlowChange?.(continueResponse);
-                  if (continueResponse.flowStatus === import_browser59.EmbeddedFlowStatus.Complete) {
+                  if (continueResponse.flowStatus === import_browser60.EmbeddedFlowStatus.Complete) {
                     onComplete?.(continueResponse);
-                  } else if (continueResponse.flowStatus === import_browser59.EmbeddedFlowStatus.Incomplete) {
+                  } else if (continueResponse.flowStatus === import_browser60.EmbeddedFlowStatus.Incomplete) {
                     setCurrentFlow(continueResponse);
                     setupFormFields(continueResponse);
                   }
@@ -9553,30 +9841,30 @@ var BaseSignUpContent2 = ({
   };
   const containerClasses = (0, import_css39.cx)(
     [
-      (0, import_browser59.withVendorCSSClassPrefix)("signup"),
-      (0, import_browser59.withVendorCSSClassPrefix)(`signup--${size}`),
-      (0, import_browser59.withVendorCSSClassPrefix)(`signup--${variant}`)
+      (0, import_browser60.withVendorCSSClassPrefix)("signup"),
+      (0, import_browser60.withVendorCSSClassPrefix)(`signup--${size}`),
+      (0, import_browser60.withVendorCSSClassPrefix)(`signup--${variant}`)
     ],
     className
   );
   const inputClasses = (0, import_css39.cx)(
     [
-      (0, import_browser59.withVendorCSSClassPrefix)("signup__input"),
-      size === "small" && (0, import_browser59.withVendorCSSClassPrefix)("signup__input--small"),
-      size === "large" && (0, import_browser59.withVendorCSSClassPrefix)("signup__input--large")
+      (0, import_browser60.withVendorCSSClassPrefix)("signup__input"),
+      size === "small" && (0, import_browser60.withVendorCSSClassPrefix)("signup__input--small"),
+      size === "large" && (0, import_browser60.withVendorCSSClassPrefix)("signup__input--large")
     ],
     inputClassName
   );
   const buttonClasses = (0, import_css39.cx)(
     [
-      (0, import_browser59.withVendorCSSClassPrefix)("signup__button"),
-      size === "small" && (0, import_browser59.withVendorCSSClassPrefix)("signup__button--small"),
-      size === "large" && (0, import_browser59.withVendorCSSClassPrefix)("signup__button--large")
+      (0, import_browser60.withVendorCSSClassPrefix)("signup__button"),
+      size === "small" && (0, import_browser60.withVendorCSSClassPrefix)("signup__button--small"),
+      size === "large" && (0, import_browser60.withVendorCSSClassPrefix)("signup__button--large")
     ],
     buttonClassName
   );
-  const errorClasses = (0, import_css39.cx)([(0, import_browser59.withVendorCSSClassPrefix)("signup__error")], errorClassName);
-  const messageClasses = (0, import_css39.cx)([(0, import_browser59.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
+  const errorClasses = (0, import_css39.cx)([(0, import_browser60.withVendorCSSClassPrefix)("signup__error")], errorClassName);
+  const messageClasses = (0, import_css39.cx)([(0, import_browser60.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
   const renderComponents = (0, import_react62.useCallback)(
     (components) => renderSignUpComponents(
       components,
@@ -9634,11 +9922,11 @@ var BaseSignUpContent2 = ({
           setCurrentFlow(response);
           setIsFlowInitialized(true);
           onFlowChange?.(response);
-          if (response.flowStatus === import_browser59.EmbeddedFlowStatus.Complete) {
+          if (response.flowStatus === import_browser60.EmbeddedFlowStatus.Complete) {
             onComplete?.(response);
             return;
           }
-          if (response.flowStatus === import_browser59.EmbeddedFlowStatus.Incomplete) {
+          if (response.flowStatus === import_browser60.EmbeddedFlowStatus.Incomplete) {
             setupFormFields(response);
           }
         } catch (err) {
@@ -9725,7 +10013,7 @@ var BaseSignUp_default2 = BaseSignUp2;
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var BaseSignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
-  if (platform === import_browser60.Platform.AsgardeoV2) {
+  if (platform === import_browser61.Platform.AsgardeoV2) {
     return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(BaseSignUp_default2, { ...props });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(BaseSignUp_default, { ...props });
@@ -9733,10 +10021,10 @@ var BaseSignUp3 = (props) => {
 var BaseSignUp_default3 = BaseSignUp3;
 
 // src/components/presentation/auth/SignUp/SignUp.tsx
-var import_browser63 = require("@asgardeo/browser");
+var import_browser64 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/SignUp/v1/SignUp.tsx
-var import_browser61 = require("@asgardeo/browser");
+var import_browser62 = require("@asgardeo/browser");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var SignUp = ({
   className,
@@ -9751,17 +10039,17 @@ var SignUp = ({
   const { signUp, isInitialized } = useAsgardeo_default();
   const handleInitialize = async (payload) => {
     const initialPayload = payload || {
-      flowType: import_browser61.EmbeddedFlowType.Registration
+      flowType: import_browser62.EmbeddedFlowType.Registration
     };
     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;
     }
@@ -9788,7 +10076,7 @@ var SignUp = ({
 var SignUp_default = SignUp;
 
 // src/components/presentation/auth/SignUp/v2/SignUp.tsx
-var import_browser62 = require("@asgardeo/browser");
+var import_browser63 = require("@asgardeo/browser");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 var SignUp2 = ({
   className,
@@ -9806,7 +10094,7 @@ var SignUp2 = ({
     const applicationIdFromUrl = urlParams.get("applicationId");
     const effectiveApplicationId = applicationId || applicationIdFromUrl;
     const initialPayload = payload || {
-      flowType: import_browser62.EmbeddedFlowType.Registration,
+      flowType: import_browser63.EmbeddedFlowType.Registration,
       ...effectiveApplicationId && { applicationId: effectiveApplicationId }
     };
     return await signUp(initialPayload);
@@ -9814,10 +10102,15 @@ var SignUp2 = ({
   const handleOnSubmit = async (payload) => await signUp(payload);
   const handleComplete = (response) => {
     onComplete?.(response);
-    if (shouldRedirectAfterSignUp && response?.type !== import_browser62.EmbeddedFlowResponseType.Redirection && afterSignUpUrl) {
+    const oauthRedirectUrl = response?.redirectUrl;
+    if (shouldRedirectAfterSignUp && oauthRedirectUrl) {
+      window.location.href = oauthRedirectUrl;
+      return;
+    }
+    if (shouldRedirectAfterSignUp && response?.type !== import_browser63.EmbeddedFlowResponseType.Redirection && afterSignUpUrl) {
       window.location.href = afterSignUpUrl;
     }
-    if (shouldRedirectAfterSignUp && response?.type === import_browser62.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL && !response.data.redirectURL.includes("oauth") && // Not a social provider redirect
+    if (shouldRedirectAfterSignUp && response?.type === import_browser63.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;
     }
@@ -9847,7 +10140,7 @@ var SignUp_default2 = SignUp2;
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var SignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
-  if (platform === import_browser63.Platform.AsgardeoV2) {
+  if (platform === import_browser64.Platform.AsgardeoV2) {
     return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SignUp_default2, { ...props });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SignUp_default, { ...props });
@@ -9855,11 +10148,11 @@ var SignUp3 = (props) => {
 var SignUp_default3 = SignUp3;
 
 // src/components/presentation/auth/InviteUser/v2/InviteUser.tsx
-var import_browser65 = require("@asgardeo/browser");
+var import_browser66 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx
 var import_react64 = require("react");
-var import_browser64 = require("@asgardeo/browser");
+var import_browser65 = require("@asgardeo/browser");
 var import_css41 = require("@emotion/css");
 
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.styles.ts
@@ -10088,7 +10381,7 @@ var BaseInviteUser = ({
         setApiError(null);
         try {
           const payload = {
-            flowType: import_browser64.EmbeddedFlowType.UserOnboarding,
+            flowType: import_browser65.EmbeddedFlowType.UserOnboarding,
             verbose: true
           };
           const rawResponse = await onInitialize(payload);
@@ -10253,7 +10546,7 @@ var InviteUser = ({
       },
       data: {
         ...payload,
-        flowType: import_browser65.EmbeddedFlowType.UserOnboarding,
+        flowType: import_browser66.EmbeddedFlowType.UserOnboarding,
         verbose: true
       }
     });
@@ -10767,35 +11060,35 @@ Organization5.displayName = "Organization";
 var Organization_default = Organization5;
 
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
-var import_browser71 = require("@asgardeo/browser");
+var import_browser72 = require("@asgardeo/browser");
 var import_css51 = require("@emotion/css");
 var import_react76 = require("react");
 
 // src/utils/getMappedUserProfileValue.ts
-var import_browser66 = require("@asgardeo/browser");
+var import_browser67 = require("@asgardeo/browser");
 var getMappedUserProfileValue = (key, mappings, user) => {
   if (!key || !mappings || !user) {
     return void 0;
   }
   const mapping = mappings[key];
   if (!mapping) {
-    return (0, import_browser66.get)(user, key);
+    return (0, import_browser67.get)(user, key);
   }
   if (Array.isArray(mapping)) {
     for (const path of mapping) {
-      const value = (0, import_browser66.get)(user, path);
+      const value = (0, import_browser67.get)(user, path);
       if (value !== void 0 && value !== null && value !== "") {
         return value;
       }
     }
     return void 0;
   }
-  return (0, import_browser66.get)(user, mapping);
+  return (0, import_browser67.get)(user, mapping);
 };
 var getMappedUserProfileValue_default = getMappedUserProfileValue;
 
 // src/components/primitives/Avatar/Avatar.tsx
-var import_browser67 = require("@asgardeo/browser");
+var import_browser68 = require("@asgardeo/browser");
 var import_css45 = require("@emotion/css");
 var import_react69 = require("react");
 
@@ -10914,20 +11207,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_runtime81.jsx)("img", { src: imageUrl, alt, className: (0, import_css45.cx)((0, import_browser67.withVendorCSSClassPrefix)((0, import_browser67.bem)("avatar", "image")), styles.image) });
+      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("img", { src: imageUrl, alt, className: (0, import_css45.cx)((0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("avatar", "image")), styles.image) });
     }
     if (name) {
       return getInitials(name);
     }
     if (isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: (0, import_css45.cx)((0, import_browser67.withVendorCSSClassPrefix)((0, import_browser67.bem)("avatar", "skeleton")), styles.skeleton) });
+      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: (0, import_css45.cx)((0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("avatar", "skeleton")), styles.skeleton) });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 640 640",
-        className: (0, import_css45.cx)((0, import_browser67.withVendorCSSClassPrefix)((0, import_browser67.bem)("avatar", "icon")), styles.icon),
+        className: (0, import_css45.cx)((0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("avatar", "icon")), styles.icon),
         children: /* @__PURE__ */ (0, import_jsx_runtime81.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" })
       }
     );
@@ -10936,11 +11229,11 @@ var Avatar = ({
     "div",
     {
       className: (0, import_css45.cx)(
-        (0, import_browser67.withVendorCSSClassPrefix)((0, import_browser67.bem)("avatar")),
+        (0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("avatar")),
         styles.avatar,
         styles.variant,
-        (0, import_browser67.withVendorCSSClassPrefix)((0, import_browser67.bem)("avatar", null, variant)),
-        isDefaultState && (0, import_browser67.withVendorCSSClassPrefix)((0, import_browser67.bem)("avatar", "default")),
+        (0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("avatar", null, variant)),
+        isDefaultState && (0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("avatar", "default")),
         className
       ),
       children: renderContent()
@@ -10950,7 +11243,7 @@ var Avatar = ({
 var Avatar_default = Avatar;
 
 // src/components/primitives/Dialog/Dialog.tsx
-var import_browser68 = require("@asgardeo/browser");
+var import_browser69 = require("@asgardeo/browser");
 var import_react71 = require("@floating-ui/react");
 var import_css47 = require("@emotion/css");
 var import_react72 = __toESM(require("react"), 1);
@@ -11187,11 +11480,11 @@ var DialogContent = import_react72.default.forwardRef((props, propRef) => {
   const styles = Dialog_styles_default(theme, colorScheme);
   const ref = (0, import_react71.useMergeRefs)([context.refs.setFloating, propRef]);
   if (!floatingContext.open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react71.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react71.FloatingOverlay, { className: (0, import_css47.cx)((0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("dialog", "overlay")), styles.overlay), lockScroll: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react71.FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react71.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react71.FloatingOverlay, { className: (0, import_css47.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("dialog", "overlay")), styles.overlay), lockScroll: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_react71.FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     "div",
     {
       ref,
-      className: (0, import_css47.cx)((0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("dialog", "content")), styles.content, props.className),
+      className: (0, import_css47.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("dialog", "content")), styles.content, props.className),
       "aria-labelledby": context.labelId,
       "aria-describedby": context.descriptionId,
       ...context.getFloatingProps(props),
@@ -11209,14 +11502,14 @@ var DialogHeading = import_react72.default.forwardRef(
       context.setLabelId(id);
       return () => context.setLabelId(void 0);
     }, [id, context.setLabelId]);
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: (0, import_css47.cx)((0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("dialog", "header")), styles.header), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: (0, import_css47.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("dialog", "header")), styles.header), children: [
       /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         "h2",
         {
           ...props,
           ref,
           id,
-          className: (0, import_css47.cx)((0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("dialog", "title")), styles.headerTitle),
+          className: (0, import_css47.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("dialog", "title")), styles.headerTitle),
           children
         }
       ),
@@ -11251,7 +11544,7 @@ var DialogDescription = import_react72.default.forwardRef(
         ...props,
         ref,
         id,
-        className: (0, import_css47.cx)((0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("dialog", "description")), styles.description, props.className),
+        className: (0, import_css47.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("dialog", "description")), styles.description, props.className),
         children
       }
     );
@@ -11281,7 +11574,7 @@ var DialogClose = import_react72.default.forwardRef(({ children, asChild = false
       ...props,
       ref,
       onClick: handleClick,
-      className: (0, import_css47.cx)((0, import_browser68.withVendorCSSClassPrefix)((0, import_browser68.bem)("dialog", "close")), props.className),
+      className: (0, import_css47.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("dialog", "close")), props.className),
       variant: "text",
       children
     }
@@ -11302,7 +11595,7 @@ var Dialog_default = Dialog;
 // src/components/primitives/MultiInput/MultiInput.tsx
 var import_react74 = require("react");
 var import_css49 = require("@emotion/css");
-var import_browser69 = require("@asgardeo/browser");
+var import_browser70 = require("@asgardeo/browser");
 
 // src/components/primitives/MultiInput/MultiInput.styles.ts
 var import_css48 = require("@emotion/css");
@@ -11494,26 +11787,26 @@ var MultiInput = ({
     {
       error,
       helperText,
-      className: (0, import_css49.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("multi-input")), className),
+      className: (0, import_css49.cx)((0, import_browser70.withVendorCSSClassPrefix)((0, import_browser70.bem)("multi-input")), className),
       style,
       children: [
         label && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(InputLabel_default, { required, error: !!error, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: (0, import_css49.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("multi-input", "container")), styles.container), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: (0, import_css49.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("multi-input", "input-row")), styles.inputRow), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: (0, import_css49.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("multi-input", "input-wrapper")), styles.inputWrapper), children: renderInputField(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: (0, import_css49.cx)((0, import_browser70.withVendorCSSClassPrefix)((0, import_browser70.bem)("multi-input", "container")), styles.container), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: (0, import_css49.cx)((0, import_browser70.withVendorCSSClassPrefix)((0, import_browser70.bem)("multi-input", "input-row")), styles.inputRow), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: (0, import_css49.cx)((0, import_browser70.withVendorCSSClassPrefix)((0, import_browser70.bem)("multi-input", "input-wrapper")), styles.inputWrapper), children: renderInputField(
             currentInputValue,
             setCurrentInputValue,
             canAddMore ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(PlusIcon, { className: styles.plusIcon }) : void 0,
             canAddMore ? handleInputSubmit : void 0
           ) }) }),
-          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: (0, import_css49.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("multi-input", "list-container")), styles.listContainer), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: (0, import_css49.cx)((0, import_browser70.withVendorCSSClassPrefix)((0, import_browser70.bem)("multi-input", "list-container")), styles.listContainer), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
             "div",
             {
-              className: (0, import_css49.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("multi-input", "list-item")), styles.listItem),
+              className: (0, import_css49.cx)((0, import_browser70.withVendorCSSClassPrefix)((0, import_browser70.bem)("multi-input", "list-item")), styles.listItem),
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
                   "span",
                   {
-                    className: (0, import_css49.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("multi-input", "list-item-text")), styles.listItemText),
+                    className: (0, import_css49.cx)((0, import_browser70.withVendorCSSClassPrefix)((0, import_browser70.bem)("multi-input", "list-item-text")), styles.listItemText),
                     children: value
                   }
                 ),
@@ -11523,7 +11816,7 @@ var MultiInput = ({
                     type: "button",
                     onClick: () => handleRemoveValue(index),
                     disabled,
-                    className: (0, import_css49.cx)((0, import_browser69.withVendorCSSClassPrefix)((0, import_browser69.bem)("multi-input", "remove-button")), styles.removeButton),
+                    className: (0, import_css49.cx)((0, import_browser70.withVendorCSSClassPrefix)((0, import_browser70.bem)("multi-input", "remove-button")), styles.removeButton),
                     title: "Remove value",
                     children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(BinIcon, { className: styles.icon })
                   }
@@ -11542,7 +11835,7 @@ var MultiInput_default = MultiInput;
 // src/components/presentation/UserProfile/BaseUserProfile.styles.ts
 var import_css50 = require("@emotion/css");
 var import_react75 = require("react");
-var import_browser70 = require("@asgardeo/browser");
+var import_browser71 = require("@asgardeo/browser");
 var useStyles23 = (theme, colorScheme) => {
   const valuePlaceholder = import_css50.css`
     font-style: italic;
@@ -11653,7 +11946,7 @@ var useStyles23 = (theme, colorScheme) => {
       max-width: 350px;
       text-align: start;
 
-      .${(0, import_browser70.withVendorCSSClassPrefix)("form-control")} {
+      .${(0, import_browser71.withVendorCSSClassPrefix)("form-control")} {
         margin-bottom: 0;
       }
 
@@ -11852,7 +12145,7 @@ var BaseUserProfile = ({
         fieldValue = fieldValue.filter((v) => v !== void 0 && v !== null && v !== "");
       }
       let payload = {};
-      if (schema.schemaId && schema.schemaId !== import_browser71.WellKnownSchemaIds.User) {
+      if (schema.schemaId && schema.schemaId !== import_browser72.WellKnownSchemaIds.User) {
         payload = {
           [schema.schemaId]: {
             [fieldName]: fieldValue
@@ -12086,7 +12379,7 @@ var BaseUserProfile = ({
   const containerClasses = (0, import_css51.cx)(
     styles.root,
     cardLayout ? styles.card : "",
-    (0, import_browser71.withVendorCSSClassPrefix)("user-profile"),
+    (0, import_browser72.withVendorCSSClassPrefix)("user-profile"),
     className
   );
   const currentUser = flattenedProfile || profile;
@@ -12104,7 +12397,7 @@ var BaseUserProfile = ({
     ] }, key)) });
   };
   const profileContent = /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Card_default, { className: containerClasses, children: [
-    error && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Alert_default, { variant: "error", className: (0, import_css51.cx)((0, import_browser71.withVendorCSSClassPrefix)((0, import_browser71.bem)("user-profile", "alert")), styles.alert), children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(Alert_default, { variant: "error", className: (0, import_css51.cx)((0, import_browser72.withVendorCSSClassPrefix)((0, import_browser72.bem)("user-profile", "alert")), styles.alert), children: [
       /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Alert_default.Title, { children: t("errors.heading") || "Error" }),
       /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Alert_default.Description, { children: error })
     ] }),
@@ -12152,8 +12445,8 @@ var BaseUserProfile_default = BaseUserProfile;
 var import_react77 = require("react");
 
 // src/api/updateMeProfile.ts
-var import_browser72 = require("@asgardeo/browser");
-var httpClient5 = import_browser72.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser72.AsgardeoSPAClient.getInstance());
+var import_browser73 = require("@asgardeo/browser");
+var httpClient5 = import_browser73.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser73.AsgardeoSPAClient.getInstance());
 var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient5({
@@ -12170,7 +12463,7 @@ var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser72.updateMeProfile)({
+  return (0, import_browser73.updateMeProfile)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -12178,7 +12471,7 @@ var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
 var updateMeProfile_default = updateMeProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
-var import_browser73 = require("@asgardeo/browser");
+var import_browser74 = require("@asgardeo/browser");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var UserProfile3 = ({ ...rest }) => {
   const { baseUrl, isLoading } = useAsgardeo_default();
@@ -12192,7 +12485,7 @@ var UserProfile3 = ({ ...rest }) => {
       onUpdateProfile(response);
     } catch (error2) {
       let message = t("user.profile.update.generic.error");
-      if (error2 instanceof import_browser73.AsgardeoError) {
+      if (error2 instanceof import_browser74.AsgardeoError) {
         message = error2?.message;
       }
       setError(message);
@@ -12213,7 +12506,7 @@ var UserProfile3 = ({ ...rest }) => {
 var UserProfile_default = UserProfile3;
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.tsx
-var import_browser74 = require("@asgardeo/browser");
+var import_browser75 = require("@asgardeo/browser");
 var import_react79 = require("@floating-ui/react");
 var import_css53 = require("@emotion/css");
 var import_react80 = require("react");
@@ -12474,12 +12767,12 @@ var BaseUserDropdown = ({
     }
     allMenuItems.push(...defaultMenuItems);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser74.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser75.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
       Button_default,
       {
         ref: refs.setReference,
-        className: (0, import_css53.cx)((0, import_browser74.withVendorCSSClassPrefix)("user-dropdown__trigger"), styles.trigger),
+        className: (0, import_css53.cx)((0, import_browser75.withVendorCSSClassPrefix)("user-dropdown__trigger"), styles.trigger),
         color: "tertiary",
         variant: "text",
         size: "medium",
@@ -12498,7 +12791,7 @@ var BaseUserDropdown = ({
             Typography_default,
             {
               variant: "body2",
-              className: (0, import_css53.cx)((0, import_browser74.withVendorCSSClassPrefix)("user-dropdown__trigger-label"), styles.userName),
+              className: (0, import_css53.cx)((0, import_browser75.withVendorCSSClassPrefix)("user-dropdown__trigger-label"), styles.userName),
               children: getDisplayName_default(mergedMappings, user)
             }
           )
@@ -12509,7 +12802,7 @@ var BaseUserDropdown = ({
       "div",
       {
         ref: refs.setFloating,
-        className: (0, import_css53.cx)((0, import_browser74.withVendorCSSClassPrefix)("user-dropdown__content"), styles.dropdownContent),
+        className: (0, import_css53.cx)((0, import_browser75.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.
@@ -12518,7 +12811,7 @@ var BaseUserDropdown = ({
         },
         ...getFloatingProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser74.withVendorCSSClassPrefix)("user-dropdown__header"), styles.dropdownHeader), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser75.withVendorCSSClassPrefix)("user-dropdown__header"), styles.dropdownHeader), children: [
             /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
               Avatar,
               {
@@ -12528,12 +12821,12 @@ var BaseUserDropdown = ({
                 alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser74.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles.headerInfo), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: (0, import_css53.cx)((0, import_browser75.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles.headerInfo), children: [
               /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                 Typography_default,
                 {
                   noWrap: true,
-                  className: (0, import_browser74.withVendorCSSClassPrefix)("user-dropdown__header-name"),
+                  className: (0, import_browser75.withVendorCSSClassPrefix)("user-dropdown__header-name"),
                   variant: "body1",
                   fontWeight: "medium",
                   children: getDisplayName_default(mergedMappings, user)
@@ -12543,7 +12836,7 @@ var BaseUserDropdown = ({
                 Typography_default,
                 {
                   noWrap: true,
-                  className: (0, import_browser74.withVendorCSSClassPrefix)("user-dropdown__header-email"),
+                  className: (0, import_browser75.withVendorCSSClassPrefix)("user-dropdown__header-email"),
                   variant: "caption",
                   color: "secondary",
                   children: getMappedUserProfileValue_default("username", mergedMappings, user) || getMappedUserProfileValue_default("email", mergedMappings, user)
@@ -12551,14 +12844,14 @@ var BaseUserDropdown = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: (0, import_css53.cx)((0, import_browser74.withVendorCSSClassPrefix)("user-dropdown__menu"), styles.dropdownMenu), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: item.label === "" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: (0, import_css53.cx)((0, import_browser74.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), styles.divider) }) : item.href ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: (0, import_css53.cx)((0, import_browser75.withVendorCSSClassPrefix)("user-dropdown__menu"), styles.dropdownMenu), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: item.label === "" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: (0, import_css53.cx)((0, import_browser75.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), styles.divider) }) : item.href ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
             "a",
             {
               href: item.href,
               style: {
                 backgroundColor: hoveredItemIndex === index ? theme.vars.colors.action?.hover : "transparent"
               },
-              className: (0, import_css53.cx)((0, import_browser74.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItemAnchor),
+              className: (0, import_css53.cx)((0, import_browser75.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItemAnchor),
               onMouseEnter: () => setHoveredItemIndex(index),
               onMouseLeave: () => setHoveredItemIndex(null),
               onFocus: () => setHoveredItemIndex(index),
@@ -12575,7 +12868,7 @@ var BaseUserDropdown = ({
               style: {
                 backgroundColor: hoveredItemIndex === index ? theme.vars.colors.action?.hover : "transparent"
               },
-              className: (0, import_css53.cx)((0, import_browser74.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItem),
+              className: (0, import_css53.cx)((0, import_browser75.withVendorCSSClassPrefix)("user-dropdown__menu-item"), styles.menuItem),
               color: "tertiary",
               variant: "text",
               size: "small",
@@ -13478,8 +13771,8 @@ var BaseCreateOrganization = ({
 };
 
 // src/api/createOrganization.ts
-var import_browser75 = require("@asgardeo/browser");
-var httpClient6 = import_browser75.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser75.AsgardeoSPAClient.getInstance());
+var import_browser76 = require("@asgardeo/browser");
+var httpClient6 = import_browser76.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser76.AsgardeoSPAClient.getInstance());
 var createOrganization = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient6({
@@ -13496,7 +13789,7 @@ var createOrganization = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser75.createOrganization)({
+  return (0, import_browser76.createOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -13571,12 +13864,12 @@ var CreateOrganization = ({
 var import_react92 = require("react");
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
-var import_browser77 = require("@asgardeo/browser");
+var import_browser78 = require("@asgardeo/browser");
 var import_css61 = require("@emotion/css");
 var import_react91 = require("react");
 
 // src/components/primitives/KeyValueInput/KeyValueInput.tsx
-var import_browser76 = require("@asgardeo/browser");
+var import_browser77 = require("@asgardeo/browser");
 var import_css59 = require("@emotion/css");
 var import_react89 = require("react");
 
@@ -13811,27 +14104,27 @@ var KeyValueInput = ({
   );
   const canAddMore = !maxPairs || pairs.length < maxPairs;
   const isAddDisabled = disabled || readOnly || !canAddMore || !newKey.trim() || !newValue.trim();
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input")), styles.container, className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("label", { className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "label")), styles.label), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input")), styles.container, className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("label", { className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "label")), styles.label), children: [
       label,
       required && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         "span",
         {
-          className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "required")), styles.requiredIndicator),
+          className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "required")), styles.requiredIndicator),
           children: " *"
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "pairs-list")), styles.pairsList), children: [
-      pairs.length === 0 && readOnly ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "empty-state")), styles.emptyState), children: "No attributes defined" }) : readOnly ? pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "pairs-list")), styles.pairsList), children: [
+      pairs.length === 0 && readOnly ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "empty-state")), styles.emptyState), children: "No attributes defined" }) : readOnly ? pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
         "div",
         {
-          className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "readonly-pair")), styles.readOnlyPair),
+          className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "readonly-pair")), styles.readOnlyPair),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
               "span",
               {
-                className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "readonly-key")), styles.readOnlyKey),
+                className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "readonly-key")), styles.readOnlyKey),
                 children: [
                   pair.key,
                   ":"
@@ -13841,7 +14134,7 @@ var KeyValueInput = ({
             /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
               "span",
               {
-                className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "readonly-value")), styles.readOnlyValue),
+                className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "readonly-value")), styles.readOnlyValue),
                 children: pair.value
               }
             )
@@ -13851,7 +14144,7 @@ var KeyValueInput = ({
       )) : pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
         "div",
         {
-          className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "pair-row")), styles.pairRow),
+          className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "pair-row")), styles.pairRow),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
               TextField_default,
@@ -13860,7 +14153,7 @@ var KeyValueInput = ({
                 value: pair.key,
                 onChange: (e) => handleUpdatePair(index, "key", e.target.value),
                 disabled: disabled || readOnly,
-                className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "pair-input")), styles.pairInput),
+                className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "pair-input")), styles.pairInput),
                 "aria-label": `${keyLabel} ${index + 1}`
               }
             ),
@@ -13871,7 +14164,7 @@ var KeyValueInput = ({
                 value: pair.value,
                 onChange: (e) => handleUpdatePair(index, "value", e.target.value),
                 disabled: disabled || readOnly,
-                className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "pair-input")), styles.pairInput),
+                className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "pair-input")), styles.pairInput),
                 "aria-label": `${valueLabel} ${index + 1}`
               }
             ),
@@ -13881,7 +14174,7 @@ var KeyValueInput = ({
                 type: "button",
                 onClick: () => handleRemovePair(index),
                 disabled,
-                className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "remove-button")), styles.removeButton),
+                className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "remove-button")), styles.removeButton),
                 "aria-label": `${removeButtonText} ${pair.key}`,
                 children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(X_default, { width: 16, height: 16 })
               }
@@ -13890,7 +14183,7 @@ var KeyValueInput = ({
         },
         `${pair.key}-${index}`
       )),
-      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "add-row")), styles.addRow), children: [
+      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "add-row")), styles.addRow), children: [
         /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           TextField_default,
           {
@@ -13898,7 +14191,7 @@ var KeyValueInput = ({
             value: newKey,
             onChange: (e) => setNewKey(e.target.value),
             disabled,
-            className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "pair-input")), styles.pairInput),
+            className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "pair-input")), styles.pairInput),
             "aria-label": "New key"
           }
         ),
@@ -13909,7 +14202,7 @@ var KeyValueInput = ({
             value: newValue,
             onChange: (e) => setNewValue(e.target.value),
             disabled,
-            className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "pair-input")), styles.pairInput),
+            className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "pair-input")), styles.pairInput),
             "aria-label": "New value",
             onKeyPress: (e) => {
               if (e.key === "Enter" && !isAddDisabled) {
@@ -13924,15 +14217,15 @@ var KeyValueInput = ({
             type: "button",
             onClick: handleAddPair,
             disabled: isAddDisabled,
-            className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "add-button")), styles.addButton),
+            className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "add-button")), styles.addButton),
             "aria-label": "Add new key-value pair",
             children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Plus_default, { width: 16, height: 16 })
           }
         )
       ] })
     ] }),
-    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "helper-text")), styles.helperText), children: error || helperText }),
-    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: (0, import_css59.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("key-value-input", "counter")), styles.counterText), children: [
+    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "helper-text")), styles.helperText), children: error || helperText }),
+    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: (0, import_css59.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("key-value-input", "counter")), styles.counterText), children: [
       pairs.length,
       " of ",
       maxPairs,
@@ -14136,13 +14429,13 @@ var BaseOrganizationProfile = ({
       key: "created",
       label: "Created Date",
       editable: false,
-      render: (value) => (0, import_browser77.formatDate)(value)
+      render: (value) => (0, import_browser78.formatDate)(value)
     },
     {
       key: "lastModified",
       label: "Last Modified Date",
       editable: false,
-      render: (value) => (0, import_browser77.formatDate)(value)
+      render: (value) => (0, import_browser78.formatDate)(value)
     }
   ]
 }) => {
@@ -14379,8 +14672,8 @@ var BaseOrganizationProfile = ({
 var BaseOrganizationProfile_default = BaseOrganizationProfile;
 
 // src/api/getOrganization.ts
-var import_browser78 = require("@asgardeo/browser");
-var httpClient7 = import_browser78.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser78.AsgardeoSPAClient.getInstance());
+var import_browser79 = require("@asgardeo/browser");
+var httpClient7 = import_browser79.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser79.AsgardeoSPAClient.getInstance());
 var getOrganization = async ({ fetcher, ...requestConfig }) => {
   const defaultFetcher = async (url, config) => {
     const response = await httpClient7({
@@ -14396,7 +14689,7 @@ var getOrganization = async ({ fetcher, ...requestConfig }) => {
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser78.getOrganization)({
+  return (0, import_browser79.getOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -14404,8 +14697,8 @@ var getOrganization = async ({ fetcher, ...requestConfig }) => {
 var getOrganization_default = getOrganization;
 
 // src/api/updateOrganization.ts
-var import_browser79 = require("@asgardeo/browser");
-var httpClient8 = import_browser79.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser79.AsgardeoSPAClient.getInstance());
+var import_browser80 = require("@asgardeo/browser");
+var httpClient8 = import_browser80.AsgardeoSPAClient.getInstance().httpRequest.bind(import_browser80.AsgardeoSPAClient.getInstance());
 var updateOrganization = async ({
   fetcher,
   ...requestConfig
@@ -14425,7 +14718,7 @@ var updateOrganization = async ({
       text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
   };
-  return (0, import_browser79.updateOrganization)({
+  return (0, import_browser80.updateOrganization)({
     ...requestConfig,
     fetcher: fetcher || defaultFetcher
   });
@@ -14478,7 +14771,7 @@ var OrganizationProfile = ({
   const handleOrganizationUpdate = async (payload) => {
     if (!baseUrl || !organizationId) return;
     try {
-      const operations = (0, import_browser79.createPatchOperations)(payload);
+      const operations = (0, import_browser80.createPatchOperations)(payload);
       await updateOrganization_default({
         baseUrl,
         organizationId,
@@ -15128,5 +15421,5 @@ var OrganizationSwitcher = ({
 var OrganizationSwitcher_default = OrganizationSwitcher;
 
 // src/index.ts
-var import_browser80 = require("@asgardeo/browser");
+var import_browser81 = require("@asgardeo/browser");
 //# sourceMappingURL=index.js.map