@asgardeo/vue 0.3.2 → 0.3.4

package/dist/cjs/index.js

@@ -37,7 +37,7 @@ __export(index_exports, {
   ArrowLeftRightIcon: () => ArrowLeftRightIcon,
   AsgardeoPlugin: () => AsgardeoPlugin_default,
   AsgardeoProvider: () => AsgardeoProvider_default,
-  AsgardeoRuntimeError: () => import_browser72.AsgardeoRuntimeError,
+  AsgardeoRuntimeError: () => import_browser77.AsgardeoRuntimeError,
   AsgardeoVueClient: () => AsgardeoVueClient_default,
   BRANDING_KEY: () => BRANDING_KEY,
   BaseAcceptInvite: () => BaseAcceptInvite_default,
@@ -50,7 +50,7 @@ __export(index_exports, {
   BaseSignIn: () => BaseSignIn_default3,
   BaseSignInButton: () => BaseSignInButton_default,
   BaseSignOutButton: () => BaseSignOutButton_default,
-  BaseSignUp: () => BaseSignUp_default,
+  BaseSignUp: () => BaseSignUp_default3,
   BaseSignUpButton: () => BaseSignUpButton_default,
   BaseUserDropdown: () => BaseUserDropdown_default,
   BaseUserProfile: () => BaseUserProfile_default,
@@ -67,19 +67,19 @@ __export(index_exports, {
   CreateOrganization: () => CreateOrganization_default,
   DatePicker: () => DatePicker_default,
   Divider: () => Divider_default,
-  EmbeddedFlowActionVariant: () => import_browser72.EmbeddedFlowActionVariantV2,
-  EmbeddedFlowComponentType: () => import_browser72.EmbeddedFlowComponentTypeV2,
-  EmbeddedFlowEventType: () => import_browser72.EmbeddedFlowEventTypeV2,
-  EmbeddedFlowTextVariant: () => import_browser72.EmbeddedFlowTextVariantV2,
-  EmbeddedSignInFlowStatus: () => import_browser72.EmbeddedSignInFlowStatusV2,
-  EmbeddedSignInFlowType: () => import_browser72.EmbeddedSignInFlowTypeV2,
+  EmbeddedFlowActionVariant: () => import_browser77.EmbeddedFlowActionVariantV2,
+  EmbeddedFlowComponentType: () => import_browser77.EmbeddedFlowComponentTypeV2,
+  EmbeddedFlowEventType: () => import_browser77.EmbeddedFlowEventTypeV2,
+  EmbeddedFlowTextVariant: () => import_browser77.EmbeddedFlowTextVariantV2,
+  EmbeddedSignInFlowStatus: () => import_browser77.EmbeddedSignInFlowStatusV2,
+  EmbeddedSignInFlowType: () => import_browser77.EmbeddedSignInFlowTypeV2,
   EyeIcon: () => EyeIcon,
   EyeOffIcon: () => EyeOffIcon,
   FLOW_KEY: () => FLOW_KEY,
   FLOW_META_KEY: () => FLOW_META_KEY,
   FacebookButton: () => FacebookButton_default,
   FieldFactory: () => FieldFactory_default,
-  FieldType: () => import_browser71.FieldType,
+  FieldType: () => import_browser76.FieldType,
   FlowMetaProvider: () => FlowMetaProvider_default,
   FlowProvider: () => FlowProvider_default,
   GitHubButton: () => GitHubButton_default,
@@ -108,7 +108,7 @@ __export(index_exports, {
   SignIn: () => SignIn_default3,
   SignInButton: () => SignInButton_default,
   SignOutButton: () => SignOutButton_default,
-  SignUp: () => SignUp_default,
+  SignUp: () => SignUp_default3,
   SignUpButton: () => SignUpButton_default,
   SignedIn: () => SignedIn_default,
   SignedOut: () => SignedOut_default,
@@ -128,17 +128,17 @@ __export(index_exports, {
   buildThemeConfigFromFlowMeta: () => buildThemeConfigFromFlowMeta_default,
   createAsgardeoGuard: () => createAsgardeoGuard,
   createCallbackRoute: () => createCallbackRoute,
-  createClassObserver: () => import_browser70.createClassObserver,
+  createClassObserver: () => import_browser75.createClassObserver,
   createField: () => createField,
-  createMediaQueryListener: () => import_browser70.createMediaQueryListener,
-  detectThemeMode: () => import_browser70.detectThemeMode,
-  getActiveTheme: () => import_browser69.getActiveTheme,
+  createMediaQueryListener: () => import_browser75.createMediaQueryListener,
+  detectThemeMode: () => import_browser75.detectThemeMode,
+  getActiveTheme: () => import_browser74.getActiveTheme,
   getAuthComponentHeadings: () => getAuthComponentHeadings_default,
-  handleWebAuthnAuthentication: () => import_browser65.handleWebAuthnAuthentication,
-  hasAuthParamsInUrl: () => import_browser66.hasAuthParamsInUrl,
-  http: () => import_browser68.http,
+  handleWebAuthnAuthentication: () => import_browser70.handleWebAuthnAuthentication,
+  hasAuthParamsInUrl: () => import_browser71.hasAuthParamsInUrl,
+  http: () => import_browser73.http,
   initiateOAuthRedirect: () => initiateOAuthRedirect,
-  navigate: () => import_browser67.navigate,
+  navigate: () => import_browser72.navigate,
   useAsgardeo: () => useAsgardeo_default,
   useBranding: () => useBranding_default,
   useFlow: () => useFlow_default,
@@ -4109,8 +4109,11 @@ function injectStyles() {
 
 // src/plugins/AsgardeoPlugin.ts
 var AsgardeoPlugin = {
-  install(app) {
+  install(app, options) {
     injectStyles();
+    if (options?.mode === "delegated") {
+      return;
+    }
     app.component("AsgardeoProvider", AsgardeoProvider_default);
   }
 };
@@ -8234,12 +8237,668 @@ var BaseSignIn3 = (0, import_vue57.defineComponent)({
 var BaseSignIn_default3 = BaseSignIn3;
 
 // src/components/presentation/sign-up/SignUp.ts
+var import_browser51 = require("@asgardeo/browser");
+var import_vue63 = require("vue");
+
+// src/components/presentation/sign-up/v1/SignUp.ts
+var import_browser48 = require("@asgardeo/browser");
+var import_vue60 = require("vue");
+
+// src/components/presentation/sign-up/v1/BaseSignUp.ts
 var import_browser47 = require("@asgardeo/browser");
 var import_vue59 = require("vue");
 
-// src/components/presentation/sign-up/BaseSignUp.ts
+// src/components/presentation/sign-up/v1/options/SignUpOptionFactory.ts
 var import_browser46 = require("@asgardeo/browser");
 var import_vue58 = require("vue");
+var getInputName = (component) => {
+  const cfg = component.config || {};
+  return cfg.name || cfg.identifier || component.id;
+};
+var inferFieldType = (component) => {
+  const variant = String(component.variant || "").toUpperCase();
+  const cfg = component.config || {};
+  const cfgType = String(cfg.type || "").toLowerCase();
+  if (variant === "EMAIL" || cfgType === "email") return import_browser46.FieldType.Email;
+  if (variant === "PASSWORD" || cfgType === "password") return import_browser46.FieldType.Password;
+  if (variant === "TELEPHONE" || cfgType === "tel") return import_browser46.FieldType.Text;
+  if (variant === "NUMBER" || cfgType === "number") return import_browser46.FieldType.Number;
+  if (variant === "DATE" || cfgType === "date") return import_browser46.FieldType.Date;
+  if (variant === "CHECKBOX" || cfgType === "checkbox") return import_browser46.FieldType.Checkbox;
+  return import_browser46.FieldType.Text;
+};
+var inferTypographyVariant = (component) => {
+  const variant = String(component.variant || "").toUpperCase();
+  switch (variant) {
+    case "H1":
+      return "h1";
+    case "H2":
+      return "h2";
+    case "H3":
+      return "h3";
+    case "H4":
+      return "h4";
+    case "H5":
+      return "h5";
+    case "H6":
+      return "h6";
+    case "SUBTITLE1":
+      return "subtitle1";
+    case "SUBTITLE2":
+      return "subtitle2";
+    case "BODY2":
+      return "body2";
+    case "CAPTION":
+      return "caption";
+    case "OVERLINE":
+      return "overline";
+    default:
+      return "body1";
+  }
+};
+var matchesSocialProvider2 = (component, provider) => {
+  const text = String(component?.config?.text || component?.config?.label || "").toLowerCase();
+  const variant = String(component?.variant || "").toUpperCase();
+  return variant === "SOCIAL" && text.includes(provider);
+};
+var createSignUpComponent = (props) => {
+  const {
+    component,
+    formValues,
+    touchedFields,
+    formErrors,
+    isLoading,
+    isFormValid,
+    onInputChange,
+    onSubmit,
+    inputClassName,
+    buttonClassName
+  } = props;
+  const cfg = component.config || {};
+  switch (component.type) {
+    case import_browser46.EmbeddedFlowComponentType.Typography: {
+      const text = String(cfg.text || cfg.label || "");
+      return (0, import_vue58.h)(
+        Typography_default,
+        { style: "margin-bottom:0.5rem", variant: inferTypographyVariant(component) },
+        { default: () => text }
+      );
+    }
+    case import_browser46.EmbeddedFlowComponentType.Input: {
+      const name = getInputName(component);
+      const fieldType = inferFieldType(component);
+      const value = formValues[name] || "";
+      const isTouched = touchedFields[name] || false;
+      const error = isTouched ? formErrors[name] : void 0;
+      return createField({
+        className: inputClassName,
+        disabled: isLoading,
+        error,
+        label: String(cfg.label || ""),
+        name,
+        onChange: (newValue) => onInputChange(name, newValue),
+        placeholder: String(cfg.placeholder || ""),
+        required: Boolean(cfg.required),
+        touched: isTouched,
+        type: fieldType,
+        value
+      });
+    }
+    case import_browser46.EmbeddedFlowComponentType.Button: {
+      const text = String(cfg.text || cfg.label || "Submit");
+      const variant = String(component.variant || "PRIMARY").toUpperCase();
+      const isPrimary = variant === "PRIMARY";
+      const handleClick = () => onSubmit(component, void 0);
+      if (matchesSocialProvider2(component, "google")) {
+        return (0, import_vue58.h)(GoogleButton_default, { class: buttonClassName, isLoading, onClick: handleClick });
+      }
+      if (matchesSocialProvider2(component, "github")) {
+        return (0, import_vue58.h)(GitHubButton_default, { class: buttonClassName, isLoading, onClick: handleClick });
+      }
+      if (matchesSocialProvider2(component, "microsoft")) {
+        return (0, import_vue58.h)(MicrosoftButton_default, { class: buttonClassName, isLoading, onClick: handleClick });
+      }
+      if (matchesSocialProvider2(component, "facebook")) {
+        return (0, import_vue58.h)(FacebookButton_default, { class: buttonClassName, isLoading, onClick: handleClick });
+      }
+      return (0, import_vue58.h)(
+        Button_default,
+        {
+          class: buttonClassName,
+          color: isPrimary ? "primary" : "secondary",
+          "data-testid": "asgardeo-signup-submit",
+          disabled: isLoading || !isFormValid && cfg.type === "submit",
+          fullWidth: true,
+          loading: isLoading,
+          onClick: handleClick,
+          type: cfg.type === "submit" ? "submit" : "button",
+          variant: isPrimary ? "solid" : "outline"
+        },
+        { default: () => text }
+      );
+    }
+    case import_browser46.EmbeddedFlowComponentType.Form: {
+      const children = component.components || [];
+      const nodes = [];
+      children.forEach((child) => {
+        const rendered = createSignUpComponent({ ...props, component: child });
+        if (rendered === null) return;
+        if (Array.isArray(rendered)) nodes.push(...rendered);
+        else nodes.push(rendered);
+      });
+      return nodes;
+    }
+    case import_browser46.EmbeddedFlowComponentType.Divider: {
+      return (0, import_vue58.h)("hr", {
+        class: "asgardeo-signup__divider",
+        style: "margin:0.75rem 0;border:0;border-top:1px solid #e5e7eb"
+      });
+    }
+    case import_browser46.EmbeddedFlowComponentType.Image: {
+      const src = String(cfg.src || cfg.url || "");
+      const alt = String(cfg.alt || "");
+      if (!src) return null;
+      return (0, import_vue58.h)("img", { alt, src, style: "max-width:100%;height:auto;display:block;margin:0.5rem auto" });
+    }
+    default: {
+      if (String(component.type).toUpperCase() === "RICH_TEXT") {
+        const html = String(cfg.text || cfg.label || "");
+        return (0, import_vue58.h)("div", { class: "asgardeo-signup__rich-text", innerHTML: html });
+      }
+      return null;
+    }
+  }
+};
+var renderSignUpComponents2 = (components, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, onSubmit, options) => {
+  const result = [];
+  components.forEach((component) => {
+    const rendered = createSignUpComponent({
+      buttonClassName: options?.buttonClassName,
+      component,
+      formErrors,
+      formValues,
+      inputClassName: options?.inputClassName,
+      isFormValid,
+      isLoading,
+      onInputChange,
+      onSubmit,
+      size: options?.size,
+      touchedFields
+    });
+    if (rendered === null) return;
+    if (Array.isArray(rendered)) result.push(...rendered);
+    else result.push(rendered);
+  });
+  return result;
+};
+
+// src/components/presentation/sign-up/v1/BaseSignUp.ts
+var logger6 = createVueLogger("BaseSignUpV1");
+var BaseSignUp = (0, import_vue59.defineComponent)({
+  emits: ["error", "flowChange", "complete"],
+  name: "BaseSignUpV1",
+  props: {
+    afterSignUpUrl: { default: void 0, type: String },
+    buttonClassName: { default: "", type: String },
+    className: { default: "", type: String },
+    errorClassName: { default: "", type: String },
+    inputClassName: { default: "", type: String },
+    isInitialized: { default: true, type: Boolean },
+    messageClassName: { default: "", type: String },
+    onComplete: { default: void 0, type: Function },
+    onError: { default: void 0, type: Function },
+    onFlowChange: {
+      default: void 0,
+      type: Function
+    },
+    onInitialize: {
+      default: void 0,
+      type: Function
+    },
+    onSubmit: {
+      default: void 0,
+      type: Function
+    },
+    shouldRedirectAfterSignUp: { default: true, type: Boolean },
+    showLogo: { default: true, type: Boolean },
+    showSubtitle: { default: true, type: Boolean },
+    showTitle: { default: true, type: Boolean },
+    size: { default: "medium", type: String },
+    variant: { default: "outlined", type: String }
+  },
+  setup(props, { slots, emit }) {
+    const { t } = useI18n_default();
+    const { title: flowTitle, subtitle: flowSubtitle, messages: flowMessages, addMessage, clearMessages } = useFlow_default();
+    const isLoading = (0, import_vue59.ref)(false);
+    const isFlowInitialized = (0, import_vue59.ref)(false);
+    const currentFlow = (0, import_vue59.ref)(null);
+    const formValues = (0, import_vue59.ref)({});
+    const touchedFields = (0, import_vue59.ref)({});
+    const formErrors = (0, import_vue59.ref)({});
+    let initializationAttempted = false;
+    const handleError = (err) => {
+      let errorMessage = t("errors.signup.flow.failure") || "Sign-up failed";
+      if (err && typeof err === "object") {
+        if (err.code && (err.message || err.description)) {
+          errorMessage = err.description || err.message;
+        } else if (err.message) {
+          errorMessage = err.message;
+        }
+      } else if (typeof err === "string") {
+        errorMessage = err;
+      }
+      clearMessages();
+      addMessage({ message: errorMessage, type: "error" });
+    };
+    const collectInputNames = (components) => {
+      const names = [];
+      const walk = (comps) => {
+        comps.forEach((component) => {
+          const cfg = component.config || {};
+          if (component.type === import_browser47.EmbeddedFlowComponentType.Input) {
+            const name = cfg.name || cfg.identifier || component.id;
+            if (name) names.push(name);
+          }
+          const children = component.components || [];
+          if (children.length > 0) walk(children);
+        });
+      };
+      walk(components);
+      return names;
+    };
+    const setupFormFields = (response) => {
+      const componentTree = response.data?.components || [];
+      const names = collectInputNames(componentTree);
+      const initial = {};
+      names.forEach((name) => {
+        initial[name] = "";
+      });
+      formValues.value = initial;
+      touchedFields.value = {};
+      formErrors.value = {};
+    };
+    const handleInputChange = (name, value) => {
+      formValues.value = { ...formValues.value, [name]: value };
+      touchedFields.value = { ...touchedFields.value, [name]: true };
+      if (formErrors.value[name]) {
+        const next = { ...formErrors.value };
+        delete next[name];
+        formErrors.value = next;
+      }
+    };
+    const isFormValid = () => Object.keys(formErrors.value).length === 0;
+    const handleRedirectionIfNeeded = (response) => {
+      if (response?.type !== import_browser47.EmbeddedFlowResponseType.Redirection || !response?.data?.redirectURL) {
+        return false;
+      }
+      if (typeof window === "undefined") return false;
+      const redirectUrl = response.data.redirectURL;
+      const popup = window.open(
+        redirectUrl,
+        "oauth_popup",
+        "width=500,height=600,scrollbars=yes,resizable=yes"
+      );
+      if (!popup) {
+        logger6.error("Failed to open popup window for social sign-up redirect");
+        return false;
+      }
+      let processed = false;
+      let popupMonitor;
+      let messageHandler;
+      const cleanup = () => {
+        window.removeEventListener("message", messageHandler);
+        if (popupMonitor) clearInterval(popupMonitor);
+      };
+      const continueWithCode = async (code, state) => {
+        const payload = {
+          ...currentFlow.value?.flowId && { flowId: currentFlow.value.flowId },
+          actionId: "",
+          flowType: currentFlow.value?.flowType || "REGISTRATION",
+          inputs: { code, state }
+        };
+        try {
+          const next = await props.onSubmit(payload);
+          props.onFlowChange?.(next);
+          emit("flowChange", next);
+          if (next.flowStatus === import_browser47.EmbeddedFlowStatus.Complete) {
+            props.onComplete?.(next);
+            emit("complete", next);
+          } else if (next.flowStatus === import_browser47.EmbeddedFlowStatus.Incomplete) {
+            currentFlow.value = next;
+            setupFormFields(next);
+          }
+        } catch (err) {
+          handleError(err);
+          props.onError?.(err);
+          emit("error", err);
+        } finally {
+          popup.close();
+          cleanup();
+        }
+      };
+      messageHandler = async (event) => {
+        if (event.source !== popup) return;
+        const expectedOrigin = props.afterSignUpUrl ? new URL(props.afterSignUpUrl).origin : window.location.origin;
+        if (event.origin !== expectedOrigin && event.origin !== window.location.origin) return;
+        const { code, state } = event.data || {};
+        if (code && state && !processed) {
+          processed = true;
+          await continueWithCode(code, state);
+        }
+      };
+      window.addEventListener("message", messageHandler);
+      popupMonitor = setInterval(async () => {
+        try {
+          if (popup.closed) {
+            cleanup();
+            return;
+          }
+          if (processed) return;
+          let popupUrl;
+          try {
+            popupUrl = popup.location.href;
+          } catch {
+            return;
+          }
+          if (!popupUrl) return;
+          if (popupUrl.includes("code=") || popupUrl.includes("error=")) {
+            const url = new URL(popupUrl);
+            const code = url.searchParams.get("code");
+            const state = url.searchParams.get("state");
+            const error = url.searchParams.get("error");
+            if (error) {
+              processed = true;
+              logger6.error(`OAuth error during social sign-up: ${error}`);
+              popup.close();
+              cleanup();
+              return;
+            }
+            if (code && state) {
+              processed = true;
+              await continueWithCode(code, state);
+            }
+          }
+        } catch (err) {
+          logger6.error("Error monitoring sign-up popup");
+        }
+      }, 1e3);
+      return true;
+    };
+    const handleSubmit = async (component, data) => {
+      if (!currentFlow.value) return;
+      isLoading.value = true;
+      clearMessages();
+      try {
+        const filteredInputs = {};
+        const sourceInputs = data ?? formValues.value;
+        Object.entries(sourceInputs).forEach(([key, value]) => {
+          if (value !== null && value !== void 0 && value !== "") {
+            filteredInputs[key] = value;
+          }
+        });
+        const actionId = component?.actionId || component?.id;
+        const payload = {
+          ...currentFlow.value.flowId && { flowId: currentFlow.value.flowId },
+          flowType: currentFlow.value.flowType || "REGISTRATION",
+          inputs: filteredInputs,
+          ...actionId && { actionId }
+        };
+        const response = await props.onSubmit(payload);
+        props.onFlowChange?.(response);
+        emit("flowChange", response);
+        if (response?.flowStatus === import_browser47.EmbeddedFlowStatus.Complete) {
+          props.onComplete?.(response);
+          emit("complete", response);
+          return;
+        }
+        if (response?.flowStatus === import_browser47.EmbeddedFlowStatus.Incomplete) {
+          if (handleRedirectionIfNeeded(response)) return;
+          currentFlow.value = response;
+          setupFormFields(response);
+        }
+      } catch (err) {
+        handleError(err);
+        props.onError?.(err);
+        emit("error", err);
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    (0, import_vue59.watch)(
+      () => [props.isInitialized, isFlowInitialized.value],
+      ([initialized, flowInit]) => {
+        if (!initialized || flowInit || initializationAttempted) return;
+        if (!props.onInitialize) return;
+        initializationAttempted = true;
+        (async () => {
+          isLoading.value = true;
+          clearMessages();
+          try {
+            const response = await props.onInitialize();
+            currentFlow.value = response;
+            isFlowInitialized.value = true;
+            props.onFlowChange?.(response);
+            emit("flowChange", response);
+            if (response?.flowStatus === import_browser47.EmbeddedFlowStatus.Complete) {
+              props.onComplete?.(response);
+              emit("complete", response);
+              return;
+            }
+            if (response?.flowStatus === import_browser47.EmbeddedFlowStatus.Incomplete) {
+              setupFormFields(response);
+            }
+          } catch (err) {
+            handleError(err);
+            props.onError?.(err);
+            emit("error", err);
+          } finally {
+            isLoading.value = false;
+          }
+        })();
+      },
+      { immediate: true }
+    );
+    return () => {
+      const containerClass = [
+        (0, import_browser47.withVendorCSSClassPrefix)("signup"),
+        (0, import_browser47.withVendorCSSClassPrefix)(`signup--${props.size}`),
+        (0, import_browser47.withVendorCSSClassPrefix)(`signup--${props.variant}`),
+        props.className
+      ].filter(Boolean).join(" ");
+      if (slots["default"]) {
+        const renderProps = {
+          components: currentFlow.value?.data?.components || [],
+          errors: formErrors.value,
+          handleInputChange,
+          handleSubmit,
+          isLoading: isLoading.value,
+          isValid: isFormValid(),
+          messages: flowMessages.value || [],
+          subtitle: flowSubtitle.value || t("signup.subheading") || "",
+          title: flowTitle.value || t("signup.heading") || "",
+          touched: touchedFields.value,
+          values: formValues.value
+        };
+        return (0, import_vue59.h)("div", { class: containerClass }, slots["default"](renderProps));
+      }
+      if (!isFlowInitialized.value && isLoading.value) {
+        return (0, import_vue59.h)(
+          Card_default,
+          { class: containerClass, variant: props.variant },
+          () => (0, import_vue59.h)("div", { style: "display:flex;justify-content:center;padding:2rem" }, (0, import_vue59.h)(Spinner_default))
+        );
+      }
+      if (!currentFlow.value) {
+        return (0, import_vue59.h)(
+          Card_default,
+          { class: containerClass, variant: props.variant },
+          () => (0, import_vue59.h)(
+            Alert_default,
+            { variant: "error" },
+            () => t("errors.signup.flow.initialization.failure") || "Failed to initialize sign-up flow"
+          )
+        );
+      }
+      const components = currentFlow.value.data?.components || [];
+      const rendered = renderSignUpComponents2(
+        components,
+        formValues.value,
+        touchedFields.value,
+        formErrors.value,
+        isLoading.value,
+        isFormValid(),
+        handleInputChange,
+        handleSubmit,
+        {
+          buttonClassName: props.buttonClassName,
+          inputClassName: props.inputClassName,
+          size: props.size
+        }
+      );
+      const cardChildren = [];
+      if (props.showLogo) {
+        cardChildren.push((0, import_vue59.h)("div", { style: "display:flex;justify-content:center;margin-bottom:1rem" }, [(0, import_vue59.h)(Logo_default)]));
+      }
+      if (props.showTitle || props.showSubtitle) {
+        const headerChildren = [];
+        if (props.showTitle) {
+          headerChildren.push(
+            (0, import_vue59.h)(Typography_default, { variant: "h2" }, { default: () => flowTitle.value || t("signup.heading") || "Sign Up" })
+          );
+        }
+        if (props.showSubtitle) {
+          headerChildren.push(
+            (0, import_vue59.h)(
+              Typography_default,
+              { variant: "body1" },
+              { default: () => flowSubtitle.value || t("signup.subheading") || "Create your account" }
+            )
+          );
+        }
+        cardChildren.push((0, import_vue59.h)("div", { style: "padding: 0 1rem 1rem" }, headerChildren));
+      }
+      if (flowMessages.value && flowMessages.value.length > 0) {
+        cardChildren.push(
+          (0, import_vue59.h)(
+            "div",
+            { style: "padding: 0 1rem" },
+            flowMessages.value.map(
+              (msg, i) => (0, import_vue59.h)(
+                Alert_default,
+                {
+                  class: props.messageClassName,
+                  key: msg.id || i,
+                  variant: msg.type?.toLowerCase() === "error" ? "error" : "info"
+                },
+                () => msg.message
+              )
+            )
+          )
+        );
+      }
+      cardChildren.push(
+        (0, import_vue59.h)(
+          "form",
+          {
+            class: (0, import_browser47.withVendorCSSClassPrefix)("signup__form"),
+            onSubmit: (e) => {
+              e.preventDefault();
+              handleSubmit({ config: { type: "submit" }, type: "BUTTON" });
+            },
+            style: "padding: 1rem;display:flex;flex-direction:column;gap:0.75rem"
+          },
+          rendered.length > 0 ? rendered : [
+            (0, import_vue59.h)(
+              Alert_default,
+              { variant: "warning" },
+              () => t("errors.signup.components.not.available") || "No components available"
+            )
+          ]
+        )
+      );
+      return (0, import_vue59.h)(Card_default, { class: containerClass, variant: props.variant }, () => cardChildren);
+    };
+  }
+});
+var BaseSignUp_default = BaseSignUp;
+
+// src/components/presentation/sign-up/v1/SignUp.ts
+var SignUp = (0, import_vue60.defineComponent)({
+  name: "SignUpV1",
+  props: {
+    afterSignUpUrl: { default: void 0, type: String },
+    buttonClassName: { default: "", type: String },
+    className: { default: "", type: String },
+    errorClassName: { default: "", type: String },
+    inputClassName: { default: "", type: String },
+    messageClassName: { default: "", type: String },
+    onComplete: { default: void 0, type: Function },
+    onError: { default: void 0, type: Function },
+    shouldRedirectAfterSignUp: { default: true, type: Boolean },
+    showSubtitle: { default: true, type: Boolean },
+    showTitle: { default: true, type: Boolean },
+    size: { default: "medium", type: String },
+    variant: { default: "outlined", type: String }
+  },
+  setup(props, { slots }) {
+    const { signUp, isInitialized, applicationId } = useAsgardeo_default();
+    const handleInitialize = async (payload) => {
+      const applicationIdFromUrl = typeof window !== "undefined" ? new URL(window.location.href).searchParams.get("applicationId") : null;
+      const effectiveApplicationId = applicationId || applicationIdFromUrl || void 0;
+      const initialPayload = payload || {
+        flowType: import_browser48.EmbeddedFlowType.Registration,
+        ...effectiveApplicationId && { applicationId: effectiveApplicationId }
+      };
+      return await signUp(initialPayload);
+    };
+    const handleOnSubmit = async (payload) => await signUp(payload);
+    const handleComplete = (response) => {
+      props.onComplete?.(response);
+      const oauthRedirectUrl = response?.redirectUrl;
+      if (props.shouldRedirectAfterSignUp && oauthRedirectUrl) {
+        if (typeof window !== "undefined") {
+          window.location.href = oauthRedirectUrl;
+        }
+        return;
+      }
+      if (props.shouldRedirectAfterSignUp && response?.type !== import_browser48.EmbeddedFlowResponseType.Redirection && props.afterSignUpUrl) {
+        if (typeof window !== "undefined") {
+          window.location.href = props.afterSignUpUrl;
+        }
+      }
+    };
+    return () => (0, import_vue60.h)(
+      BaseSignUp_default,
+      {
+        afterSignUpUrl: props.afterSignUpUrl,
+        buttonClassName: props.buttonClassName,
+        className: props.className,
+        errorClassName: props.errorClassName,
+        inputClassName: props.inputClassName,
+        isInitialized: isInitialized?.value ?? false,
+        messageClassName: props.messageClassName,
+        onComplete: handleComplete,
+        onError: props.onError,
+        onInitialize: handleInitialize,
+        onSubmit: handleOnSubmit,
+        showSubtitle: props.showSubtitle,
+        showTitle: props.showTitle,
+        size: props.size,
+        variant: props.variant
+      },
+      slots["default"] ? { default: (renderProps) => slots["default"](renderProps) } : void 0
+    );
+  }
+});
+var SignUp_default = SignUp;
+
+// src/components/presentation/sign-up/v2/SignUp.ts
+var import_browser50 = require("@asgardeo/browser");
+var import_vue62 = require("vue");
+
+// src/components/presentation/sign-up/v2/BaseSignUp.ts
+var import_browser49 = require("@asgardeo/browser");
+var import_vue61 = require("vue");
 
 // src/utils/v2/getAuthComponentHeadings.ts
 var getAuthComponentHeadings = (components, flowTitle, flowSubtitle, defaultTitle, defaultSubtitle) => {
@@ -8302,13 +8961,13 @@ var getAuthComponentHeadings = (components, flowTitle, flowSubtitle, defaultTitl
 };
 var getAuthComponentHeadings_default = getAuthComponentHeadings;
 
-// src/components/presentation/sign-up/BaseSignUp.ts
-var logger6 = createVueLogger("BaseSignUp");
+// src/components/presentation/sign-up/v2/BaseSignUp.ts
+var logger7 = createVueLogger("BaseSignUp");
 var extractFormFields2 = (components) => {
   const fields = [];
   const process = (comps) => {
     comps.forEach((c) => {
-      if (c.type === import_browser46.EmbeddedFlowComponentTypeV2.TextInput || c.type === import_browser46.EmbeddedFlowComponentTypeV2.PasswordInput || c.type === import_browser46.EmbeddedFlowComponentTypeV2.EmailInput || c.type === import_browser46.EmbeddedFlowComponentTypeV2.Select) {
+      if (c.type === import_browser49.EmbeddedFlowComponentTypeV2.TextInput || c.type === import_browser49.EmbeddedFlowComponentTypeV2.PasswordInput || c.type === import_browser49.EmbeddedFlowComponentTypeV2.EmailInput || c.type === import_browser49.EmbeddedFlowComponentTypeV2.Select) {
         const fieldName = c.ref || c.id;
         fields.push({ name: fieldName, required: c.required || false, type: c.type });
       }
@@ -8320,7 +8979,7 @@ var extractFormFields2 = (components) => {
   process(components);
   return fields;
 };
-var BaseSignUp = (0, import_vue58.defineComponent)({
+var BaseSignUp2 = (0, import_vue61.defineComponent)({
   emits: ["error", "complete", "flowChange"],
   name: "BaseSignUp",
   props: {
@@ -8360,22 +9019,22 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
   setup(props, { slots }) {
     const { meta: flowMetaRef } = useFlowMeta_default();
     const { t } = useI18n_default();
-    const isLoading = (0, import_vue58.ref)(false);
-    const isFlowInitialized = (0, import_vue58.ref)(false);
-    const currentFlow = (0, import_vue58.ref)(null);
-    const apiError = (0, import_vue58.ref)(null);
-    const flowMessages = (0, import_vue58.ref)([]);
-    const passkeyState = (0, import_vue58.ref)({
+    const isLoading = (0, import_vue61.ref)(false);
+    const isFlowInitialized = (0, import_vue61.ref)(false);
+    const currentFlow = (0, import_vue61.ref)(null);
+    const apiError = (0, import_vue61.ref)(null);
+    const flowMessages = (0, import_vue61.ref)([]);
+    const passkeyState = (0, import_vue61.ref)({
       actionId: null,
       creationOptions: null,
       error: null,
       flowId: null,
       isActive: false
     });
-    const formValues = (0, import_vue58.ref)({});
-    const touchedFields = (0, import_vue58.ref)({});
-    const formErrors = (0, import_vue58.ref)({});
-    const isFormValid = (0, import_vue58.ref)(true);
+    const formValues = (0, import_vue61.ref)({});
+    const touchedFields = (0, import_vue61.ref)({});
+    const formErrors = (0, import_vue61.ref)({});
+    const isFormValid = (0, import_vue61.ref)(true);
     let initializationAttempted = false;
     let passkeyProcessed = false;
     const handleError = (error) => {
@@ -8418,7 +9077,7 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
         if (field.required && (!value || value.trim() === "")) {
           errors[field.name] = t("validations.required.field.error") || "This field is required";
         }
-        if ((field.type === import_browser46.EmbeddedFlowComponentTypeV2.EmailInput || field.type === "EMAIL") && value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
+        if ((field.type === import_browser49.EmbeddedFlowComponentTypeV2.EmailInput || field.type === "EMAIL") && value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
           errors[field.name] = t("field.email.invalid") || "Invalid email address";
         }
       });
@@ -8447,7 +9106,7 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
       touchedFields.value = { ...touchedFields.value, [name]: true };
     };
     const handleRedirectionIfNeeded = (response) => {
-      if (response?.type !== import_browser46.EmbeddedFlowResponseType.Redirection || !response?.data?.redirectURL) {
+      if (response?.type !== import_browser49.EmbeddedFlowResponseType.Redirection || !response?.data?.redirectURL) {
         return false;
       }
       const redirectUrl = response.data.redirectURL;
@@ -8457,7 +9116,7 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
         "width=500,height=600,scrollbars=yes,resizable=yes"
       );
       if (!popup) {
-        logger6.error("Failed to open popup window");
+        logger7.error("Failed to open popup window");
         return false;
       }
       let hasProcessedCallback = false;
@@ -8477,9 +9136,9 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
         try {
           const continueResponse = await props.onSubmit(payload);
           props.onFlowChange?.(continueResponse);
-          if (continueResponse.flowStatus === import_browser46.EmbeddedFlowStatus.Complete) {
+          if (continueResponse.flowStatus === import_browser49.EmbeddedFlowStatus.Complete) {
             props.onComplete?.(continueResponse);
-          } else if (continueResponse.flowStatus === import_browser46.EmbeddedFlowStatus.Incomplete) {
+          } else if (continueResponse.flowStatus === import_browser49.EmbeddedFlowStatus.Incomplete) {
             currentFlow.value = continueResponse;
             setupFormFields(continueResponse);
           }
@@ -8518,7 +9177,7 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
               const state = url.searchParams.get("state");
               const error = url.searchParams.get("error");
               if (error) {
-                logger6.error("OAuth error");
+                logger7.error("OAuth error");
                 popup.close();
                 cleanup();
                 return;
@@ -8530,7 +9189,7 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
           } catch {
           }
         } catch {
-          logger6.error("Error monitoring popup");
+          logger7.error("Error monitoring popup");
         }
       }, 1e3);
       return true;
@@ -8562,11 +9221,11 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
         const rawResponse = await props.onSubmit(payload);
         const response = normalizeFlowResponseLocal(rawResponse);
         props.onFlowChange?.(response);
-        if (response.flowStatus === import_browser46.EmbeddedFlowStatus.Complete) {
+        if (response.flowStatus === import_browser49.EmbeddedFlowStatus.Complete) {
           props.onComplete?.(response);
           return;
         }
-        if (response.flowStatus === import_browser46.EmbeddedFlowStatus.Incomplete) {
+        if (response.flowStatus === import_browser49.EmbeddedFlowStatus.Incomplete) {
           if (handleRedirectionIfNeeded(response)) return;
           if (response.data?.additionalData?.["passkeyCreationOptions"]) {
             const { passkeyCreationOptions } = response.data.additionalData;
@@ -8592,7 +9251,7 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
         isLoading.value = false;
       }
     };
-    (0, import_vue58.watch)(
+    (0, import_vue61.watch)(
       () => passkeyState.value,
       async (state) => {
         if (!state.isActive || !state.creationOptions || !state.flowId) return;
@@ -8615,7 +9274,7 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
           const nextResponse = await props.onSubmit(payload);
           const processed = normalizeFlowResponseLocal(nextResponse);
           props.onFlowChange?.(processed);
-          if (processed.flowStatus === import_browser46.EmbeddedFlowStatus.Complete) {
+          if (processed.flowStatus === import_browser49.EmbeddedFlowStatus.Complete) {
             props.onComplete?.(processed);
           } else {
             currentFlow.value = processed;
@@ -8630,7 +9289,7 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
       },
       { deep: true }
     );
-    (0, import_vue58.watch)(
+    (0, import_vue61.watch)(
       () => [props.isInitialized, isFlowInitialized.value],
       ([initialized, flowInit]) => {
         const urlParams = new URL(window.location.href).searchParams;
@@ -8647,11 +9306,11 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
               currentFlow.value = response;
               isFlowInitialized.value = true;
               props.onFlowChange?.(response);
-              if (response.flowStatus === import_browser46.EmbeddedFlowStatus.Complete) {
+              if (response.flowStatus === import_browser49.EmbeddedFlowStatus.Complete) {
                 props.onComplete?.(response);
                 return;
               }
-              if (response.flowStatus === import_browser46.EmbeddedFlowStatus.Incomplete) {
+              if (response.flowStatus === import_browser49.EmbeddedFlowStatus.Incomplete) {
                 setupFormFields(response);
               }
             } catch (err) {
@@ -8667,9 +9326,9 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
     );
     return () => {
       const containerClass = [
-        (0, import_browser46.withVendorCSSClassPrefix)("signup"),
-        (0, import_browser46.withVendorCSSClassPrefix)(`signup--${props.size}`),
-        (0, import_browser46.withVendorCSSClassPrefix)(`signup--${props.variant}`),
+        (0, import_browser49.withVendorCSSClassPrefix)("signup"),
+        (0, import_browser49.withVendorCSSClassPrefix)(`signup--${props.size}`),
+        (0, import_browser49.withVendorCSSClassPrefix)(`signup--${props.variant}`),
         props.className
       ].filter(Boolean).join(" ");
       if (slots["default"]) {
@@ -8691,20 +9350,20 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
           },
           values: formValues.value
         };
-        return (0, import_vue58.h)("div", { class: containerClass }, slots["default"](renderProps));
+        return (0, import_vue61.h)("div", { class: containerClass }, slots["default"](renderProps));
       }
       if (!isFlowInitialized.value && isLoading.value) {
-        return (0, import_vue58.h)(
+        return (0, import_vue61.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue58.h)("div", { style: "display:flex;justify-content:center;padding:2rem" }, (0, import_vue58.h)(Spinner_default))
+          () => (0, import_vue61.h)("div", { style: "display:flex;justify-content:center;padding:2rem" }, (0, import_vue61.h)(Spinner_default))
         );
       }
       if (!currentFlow.value) {
-        return (0, import_vue58.h)(
+        return (0, import_vue61.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue58.h)(
+          () => (0, import_vue61.h)(
             Alert_default,
             { variant: "error" },
             () => t("errors.signup.flow.initialization.failure") || "Failed to initialize sign-up flow"
@@ -8739,32 +9398,32 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
           variant: props.variant
         }
       ) : [];
-      return (0, import_vue58.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
+      return (0, import_vue61.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
         // Header with title/subtitle
-        props.showTitle || props.showSubtitle ? (0, import_vue58.h)("div", { style: "padding: 1rem 1rem 0" }, [
-          props.showTitle ? (0, import_vue58.h)(Typography_default, { variant: "h5" }, () => title) : null,
-          props.showSubtitle ? (0, import_vue58.h)(Typography_default, { style: "margin-top: 0.25rem", variant: "body1" }, () => subtitle) : null
+        props.showTitle || props.showSubtitle ? (0, import_vue61.h)("div", { style: "padding: 1rem 1rem 0" }, [
+          props.showTitle ? (0, import_vue61.h)(Typography_default, { variant: "h5" }, () => title) : null,
+          props.showSubtitle ? (0, import_vue61.h)(Typography_default, { style: "margin-top: 0.25rem", variant: "body1" }, () => subtitle) : null
         ]) : null,
         // External error
-        props.error ? (0, import_vue58.h)(
+        props.error ? (0, import_vue61.h)(
           "div",
           { style: "padding: 0 1rem" },
-          (0, import_vue58.h)(Alert_default, { variant: "error" }, () => props.error.message)
+          (0, import_vue61.h)(Alert_default, { variant: "error" }, () => props.error.message)
         ) : null,
         // Flow messages
-        flowMessages.value.length > 0 ? (0, import_vue58.h)(
+        flowMessages.value.length > 0 ? (0, import_vue61.h)(
           "div",
           { style: "padding: 0 1rem" },
           flowMessages.value.map(
-            (msg, i) => (0, import_vue58.h)(Alert_default, { key: i, variant: msg.type === "error" ? "error" : "info" }, () => msg.message)
+            (msg, i) => (0, import_vue61.h)(Alert_default, { key: i, variant: msg.type === "error" ? "error" : "info" }, () => msg.message)
           )
         ) : null,
         // Components
-        (0, import_vue58.h)(
+        (0, import_vue61.h)(
           "div",
           { style: "padding: 1rem" },
           renderedComponents.length > 0 ? renderedComponents : [
-            (0, import_vue58.h)(
+            (0, import_vue61.h)(
               Alert_default,
               { variant: "warning" },
               () => t("errors.signup.components.not.available") || "No components available"
@@ -8775,10 +9434,10 @@ var BaseSignUp = (0, import_vue58.defineComponent)({
     };
   }
 });
-var BaseSignUp_default = BaseSignUp;
+var BaseSignUp_default2 = BaseSignUp2;
 
-// src/components/presentation/sign-up/SignUp.ts
-var SignUp = (0, import_vue59.defineComponent)({
+// src/components/presentation/sign-up/v2/SignUp.ts
+var SignUp2 = (0, import_vue62.defineComponent)({
   name: "SignUp",
   props: {
     afterSignUpUrl: { default: void 0, type: String },
@@ -8802,7 +9461,7 @@ var SignUp = (0, import_vue59.defineComponent)({
       const applicationIdFromUrl = urlParams.get("applicationId");
       const effectiveApplicationId = applicationId || applicationIdFromUrl || void 0;
       const initialPayload = payload || {
-        flowType: import_browser47.EmbeddedFlowType.Registration,
+        flowType: import_browser50.EmbeddedFlowType.Registration,
         ...effectiveApplicationId && { applicationId: effectiveApplicationId }
       };
       return await signUp(initialPayload);
@@ -8815,15 +9474,15 @@ var SignUp = (0, import_vue59.defineComponent)({
         window.location.href = oauthRedirectUrl;
         return;
       }
-      if (props.shouldRedirectAfterSignUp && response?.type !== import_browser47.EmbeddedFlowResponseType.Redirection && props.afterSignUpUrl) {
+      if (props.shouldRedirectAfterSignUp && response?.type !== import_browser50.EmbeddedFlowResponseType.Redirection && props.afterSignUpUrl) {
         window.location.href = props.afterSignUpUrl;
       }
-      if (props.shouldRedirectAfterSignUp && response?.type === import_browser47.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL && !response.data.redirectURL.includes("oauth") && !response.data.redirectURL.includes("auth")) {
+      if (props.shouldRedirectAfterSignUp && response?.type === import_browser50.EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL && !response.data.redirectURL.includes("oauth") && !response.data.redirectURL.includes("auth")) {
         window.location.href = response.data.redirectURL;
       }
     };
-    return () => (0, import_vue59.h)(
-      BaseSignUp_default,
+    return () => (0, import_vue62.h)(
+      BaseSignUp_default2,
       {
         afterSignUpUrl: props.afterSignUpUrl,
         buttonClassName: props.buttonClassName,
@@ -8845,24 +9504,107 @@ var SignUp = (0, import_vue59.defineComponent)({
     );
   }
 });
-var SignUp_default = SignUp;
+var SignUp_default2 = SignUp2;
+
+// src/components/presentation/sign-up/SignUp.ts
+var SignUp3 = (0, import_vue63.defineComponent)({
+  inheritAttrs: false,
+  name: "SignUp",
+  setup(_props, { attrs, slots }) {
+    const { platform } = useAsgardeo_default();
+    return () => {
+      if (platform === import_browser51.Platform.AsgardeoV2) {
+        return (0, import_vue63.h)(SignUp_default2, { ...attrs }, slots);
+      }
+      return (0, import_vue63.h)(SignUp_default, { ...attrs }, slots);
+    };
+  }
+});
+var SignUp_default3 = SignUp3;
+
+// src/components/presentation/sign-up/BaseSignUp.ts
+var import_browser52 = require("@asgardeo/browser");
+var import_vue64 = require("vue");
+var BaseSignUp3 = (0, import_vue64.defineComponent)({
+  inheritAttrs: false,
+  name: "BaseSignUp",
+  setup(_props, { attrs, slots }) {
+    const { platform } = useAsgardeo_default();
+    return () => {
+      if (platform === import_browser52.Platform.AsgardeoV2) {
+        return (0, import_vue64.h)(BaseSignUp_default2, { ...attrs }, slots);
+      }
+      return (0, import_vue64.h)(BaseSignUp_default, { ...attrs }, slots);
+    };
+  }
+});
+var BaseSignUp_default3 = BaseSignUp3;
 
 // src/components/presentation/user-profile/UserProfile.ts
-var import_browser49 = require("@asgardeo/browser");
-var import_vue61 = require("vue");
+var import_browser54 = require("@asgardeo/browser");
+var import_vue66 = require("vue");
 
 // src/components/presentation/user-profile/BaseUserProfile.ts
-var import_browser48 = require("@asgardeo/browser");
-var import_vue60 = require("vue");
+var import_browser53 = require("@asgardeo/browser");
+var import_vue65 = require("vue");
 var PROFILE_FIELD_DESCRIPTORS = [
-  { keys: ["username", "userName", "user_name"], label: "Username", readonly: true },
-  { keys: ["firstName", "givenName"], label: "First Name", readonly: false },
-  { keys: ["lastName", "familyName"], label: "Last Name", readonly: false },
-  { keys: ["email", "emails"], label: "Email", readonly: false },
+  { keys: ["userName", "username"], label: "Username", readonly: true },
+  { keys: ["name.givenName", "firstName", "givenName"], label: "First Name", readonly: false },
+  { keys: ["name.familyName", "lastName", "familyName"], label: "Last Name", readonly: false },
+  { keys: ["emails", "email"], label: "Email", readonly: true },
   { keys: ["country"], label: "Country", readonly: false },
-  { keys: ["birthdate", "birthDate", "dateOfBirth"], label: "Birth Date", readonly: false },
-  { keys: ["mobile", "mobileNumber", "phoneNumbers"], label: "Mobile Numbers", readonly: false }
+  { keys: ["dateOfBirth", "birthdate", "birthDate"], label: "Birth Date", readonly: false },
+  { keys: ["phoneNumbers.mobile", "mobile", "mobileNumbers"], label: "Mobile", readonly: false }
 ];
+var CORE_USER_SCHEMA_ID = import_browser53.WellKnownSchemaIds.User;
+var setNestedPath = (target, segments, value) => {
+  let cursor = target;
+  for (let i = 0; i < segments.length - 1; i += 1) {
+    const segment = segments[i];
+    if (typeof cursor[segment] !== "object" || cursor[segment] === null) {
+      cursor[segment] = {};
+    }
+    cursor = cursor[segment];
+  }
+  cursor[segments[segments.length - 1]] = value;
+};
+var buildScimPatchValue = (flatKey, rawValue, schemas) => {
+  const list = schemas ?? [];
+  const entry = list.find((s) => s.name === flatKey);
+  if (flatKey === "phoneNumbers.mobile") {
+    return {
+      phoneNumbers: [{ type: "mobile", value: rawValue }],
+      [import_browser53.WellKnownSchemaIds.SystemUser]: { mobileNumbers: [rawValue] }
+    };
+  }
+  const complexMultiValued = /* @__PURE__ */ new Set([
+    "phoneNumbers",
+    "emails",
+    "ims",
+    "photos",
+    "addresses",
+    "entitlements",
+    "roles",
+    "x509Certificates"
+  ]);
+  const dotIndex = flatKey.indexOf(".");
+  if (dotIndex > 0) {
+    const head = flatKey.slice(0, dotIndex);
+    const tail = flatKey.slice(dotIndex + 1);
+    if (complexMultiValued.has(head)) {
+      return { [head]: [{ type: tail, value: rawValue }] };
+    }
+  }
+  const value = entry?.multiValued ? [rawValue] : rawValue;
+  const segments = flatKey.split(".");
+  const nested = {};
+  setNestedPath(nested, segments, value);
+  const schemaId = entry?.schemaId;
+  if (schemaId && schemaId !== CORE_USER_SCHEMA_ID) {
+    return { [schemaId]: nested };
+  }
+  return nested;
+};
 var AVATAR_GRADIENTS = [
   "linear-gradient(135deg, #a855f7 0%, #ec4899 100%)",
   "linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%)",
@@ -8890,7 +9632,7 @@ var getUserInitials = (user) => {
   const fallback = String(user["username"] || user["userName"] || user["email"] || user["sub"] || "");
   return fallback.charAt(0).toUpperCase() || "?";
 };
-var BaseUserProfile = (0, import_vue60.defineComponent)({
+var BaseUserProfile = (0, import_vue65.defineComponent)({
   inheritAttrs: false,
   name: "BaseUserProfile",
   props: {
@@ -8911,8 +9653,8 @@ var BaseUserProfile = (0, import_vue60.defineComponent)({
     title: { default: "Profile", type: String }
   },
   setup(props, { slots }) {
-    const editingFields = (0, import_vue60.ref)({});
-    const editedValues = (0, import_vue60.ref)({});
+    const editingFields = (0, import_vue65.ref)({});
+    const editedValues = (0, import_vue65.ref)({});
     return () => {
       if (slots["default"]) {
         return slots["default"]({
@@ -8921,7 +9663,7 @@ var BaseUserProfile = (0, import_vue60.defineComponent)({
           profile: props.flattenedProfile || props.profile
         });
       }
-      const prefix = import_browser48.withVendorCSSClassPrefix;
+      const prefix = import_browser53.withVendorCSSClassPrefix;
       const data = props.flattenedProfile || props.profile;
       const dataRecord = data;
       const initials = getUserInitials(dataRecord);
@@ -8931,28 +9673,28 @@ var BaseUserProfile = (0, import_vue60.defineComponent)({
       const avatarGradient = getAvatarGradient(avatarSeed);
       const children = [];
       children.push(
-        (0, import_vue60.h)("div", { class: prefix("user-profile__header") }, [
-          (0, import_vue60.h)(Typography_default, { class: prefix("user-profile__title"), variant: "h5" }, () => props.title)
+        (0, import_vue65.h)("div", { class: prefix("user-profile__header") }, [
+          (0, import_vue65.h)(Typography_default, { class: prefix("user-profile__title"), variant: "h5" }, () => props.title)
         ])
       );
-      children.push((0, import_vue60.h)(Divider_default, { class: prefix("user-profile__header-divider") }));
+      children.push((0, import_vue65.h)(Divider_default, { class: prefix("user-profile__header-divider") }));
       children.push(
-        (0, import_vue60.h)("div", { class: prefix("user-profile__avatar-section") }, [
-          (0, import_vue60.h)(
+        (0, import_vue65.h)("div", { class: prefix("user-profile__avatar-section") }, [
+          (0, import_vue65.h)(
             "div",
             {
               class: prefix("user-profile__avatar"),
               style: { background: avatarGradient }
             },
-            [(0, import_vue60.h)("span", { class: prefix("user-profile__avatar-initials") }, initials)]
+            [(0, import_vue65.h)("span", { class: prefix("user-profile__avatar-initials") }, initials)]
           )
         ])
       );
       if (props.error) {
-        children.push((0, import_vue60.h)(Alert_default, { class: prefix("user-profile__error"), severity: "error" }, () => props.error));
+        children.push((0, import_vue65.h)(Alert_default, { class: prefix("user-profile__error"), severity: "error" }, () => props.error));
       }
       if (props.isLoading) {
-        children.push((0, import_vue60.h)("div", { class: prefix("user-profile__loading") }, [(0, import_vue60.h)(Spinner_default)]));
+        children.push((0, import_vue65.h)("div", { class: prefix("user-profile__loading") }, [(0, import_vue65.h)(Spinner_default)]));
       } else if (data) {
         const fieldDataRecord = data;
         const descriptors = PROFILE_FIELD_DESCRIPTORS.filter((d) => {
@@ -8972,28 +9714,28 @@ var BaseUserProfile = (0, import_vue60.defineComponent)({
           const isEmpty2 = value == null || value === "";
           const { label } = descriptor;
           fieldRows.push(
-            (0, import_vue60.h)("div", { class: prefix("user-profile__field"), key }, [
+            (0, import_vue65.h)("div", { class: prefix("user-profile__field"), key }, [
               // Label column
-              (0, import_vue60.h)("div", { class: prefix("user-profile__field-label-col") }, [
-                (0, import_vue60.h)(Typography_default, { class: prefix("user-profile__field-label"), variant: "body2" }, () => label)
+              (0, import_vue65.h)("div", { class: prefix("user-profile__field-label-col") }, [
+                (0, import_vue65.h)(Typography_default, { class: prefix("user-profile__field-label"), variant: "body2" }, () => label)
               ]),
               // Value column
-              (0, import_vue60.h)("div", { class: prefix("user-profile__field-value-col") }, [
-                isEditing ? (0, import_vue60.h)("div", { class: prefix("user-profile__field-edit") }, [
-                  (0, import_vue60.h)(TextField_default, {
+              (0, import_vue65.h)("div", { class: prefix("user-profile__field-value-col") }, [
+                isEditing ? (0, import_vue65.h)("div", { class: prefix("user-profile__field-edit") }, [
+                  (0, import_vue65.h)(TextField_default, {
                     modelValue: editedValues.value[key] ?? String(value ?? ""),
                     "onUpdate:modelValue": (v) => {
                       editedValues.value = { ...editedValues.value, [key]: v };
                     }
                   }),
-                  (0, import_vue60.h)("div", { class: prefix("user-profile__field-edit-actions") }, [
-                    (0, import_vue60.h)(
+                  (0, import_vue65.h)("div", { class: prefix("user-profile__field-edit-actions") }, [
+                    (0, import_vue65.h)(
                       Button_default,
                       {
                         onClick: async () => {
                           if (props.onUpdate) {
                             await props.onUpdate({
-                              payload: { [key]: editedValues.value[key] }
+                              payload: buildScimPatchValue(key, editedValues.value[key] ?? "", props.schemas)
                             });
                           }
                           editingFields.value = { ...editingFields.value, [key]: false };
@@ -9003,7 +9745,7 @@ var BaseUserProfile = (0, import_vue60.defineComponent)({
                       },
                       () => "Save"
                     ),
-                    (0, import_vue60.h)(
+                    (0, import_vue65.h)(
                       Button_default,
                       {
                         onClick: () => {
@@ -9015,8 +9757,8 @@ var BaseUserProfile = (0, import_vue60.defineComponent)({
                       () => "Cancel"
                     )
                   ])
-                ]) : (0, import_vue60.h)("div", { class: prefix("user-profile__field-display") }, [
-                  isEmpty2 ? (0, import_vue60.h)(
+                ]) : (0, import_vue65.h)("div", { class: prefix("user-profile__field-display") }, [
+                  isEmpty2 ? (0, import_vue65.h)(
                     "span",
                     {
                       class: prefix("user-profile__field-placeholder"),
@@ -9026,12 +9768,12 @@ var BaseUserProfile = (0, import_vue60.defineComponent)({
                       } : void 0
                     },
                     `Enter your ${label.toLowerCase()}`
-                  ) : (0, import_vue60.h)(
+                  ) : (0, import_vue65.h)(
                     Typography_default,
                     { class: prefix("user-profile__field-value"), variant: "body1" },
                     () => String(value)
                   ),
-                  props.editable && !isReadonly ? (0, import_vue60.h)(
+                  props.editable && !isReadonly ? (0, import_vue65.h)(
                     "button",
                     {
                       "aria-label": `Edit ${label}`,
@@ -9042,29 +9784,29 @@ var BaseUserProfile = (0, import_vue60.defineComponent)({
                       },
                       type: "button"
                     },
-                    [(0, import_vue60.h)(PencilIcon)]
+                    [(0, import_vue65.h)(PencilIcon)]
                   ) : null
                 ])
               ])
             ])
           );
         });
-        children.push((0, import_vue60.h)("div", { class: prefix("user-profile__fields") }, fieldRows));
+        children.push((0, import_vue65.h)("div", { class: prefix("user-profile__fields") }, fieldRows));
       }
       if (slots["footer"]) {
-        children.push((0, import_vue60.h)("div", { class: prefix("user-profile__footer") }, slots["footer"]()));
+        children.push((0, import_vue65.h)("div", { class: prefix("user-profile__footer") }, slots["footer"]()));
       }
       if (props.cardLayout) {
-        return (0, import_vue60.h)(Card_default, { class: [prefix("user-profile"), props.className].filter(Boolean).join(" ") }, () => children);
+        return (0, import_vue65.h)(Card_default, { class: [prefix("user-profile"), props.className].filter(Boolean).join(" ") }, () => children);
       }
-      return (0, import_vue60.h)("div", { class: [prefix("user-profile"), props.className].filter(Boolean).join(" ") }, children);
+      return (0, import_vue65.h)("div", { class: [prefix("user-profile"), props.className].filter(Boolean).join(" ") }, children);
     };
   }
 });
 var BaseUserProfile_default = BaseUserProfile;
 
 // src/components/presentation/user-profile/UserProfile.ts
-var UserProfile3 = (0, import_vue61.defineComponent)({
+var UserProfile3 = (0, import_vue66.defineComponent)({
   name: "UserProfile",
   props: {
     cardLayout: { default: true, type: Boolean },
@@ -9076,11 +9818,11 @@ var UserProfile3 = (0, import_vue61.defineComponent)({
   },
   setup(props, { slots }) {
     const { flattenedProfile, schemas, updateProfile } = useUser_default();
-    return () => (0, import_vue61.h)(
+    return () => (0, import_vue66.h)(
       BaseUserProfile_default,
       {
         cardLayout: props.cardLayout,
-        class: (0, import_browser49.withVendorCSSClassPrefix)("user-profile--styled"),
+        class: (0, import_browser54.withVendorCSSClassPrefix)("user-profile--styled"),
         className: props.className,
         editable: props.editable,
         flattenedProfile: flattenedProfile?.value,
@@ -9097,13 +9839,13 @@ var UserProfile3 = (0, import_vue61.defineComponent)({
 var UserProfile_default = UserProfile3;
 
 // src/components/presentation/user-dropdown/UserDropdown.ts
-var import_browser51 = require("@asgardeo/browser");
-var import_vue63 = require("vue");
+var import_browser56 = require("@asgardeo/browser");
+var import_vue68 = require("vue");
 
 // src/components/presentation/user-dropdown/BaseUserDropdown.ts
-var import_browser50 = require("@asgardeo/browser");
-var import_vue62 = require("vue");
-var BaseUserDropdown = (0, import_vue62.defineComponent)({
+var import_browser55 = require("@asgardeo/browser");
+var import_vue67 = require("vue");
+var BaseUserDropdown = (0, import_vue67.defineComponent)({
   inheritAttrs: false,
   name: "BaseUserDropdown",
   props: {
@@ -9116,8 +9858,8 @@ var BaseUserDropdown = (0, import_vue62.defineComponent)({
     user: { default: null, type: Object }
   },
   setup(props, { slots }) {
-    const isOpen = (0, import_vue62.ref)(false);
-    const prefix = import_browser50.withVendorCSSClassPrefix;
+    const isOpen = (0, import_vue67.ref)(false);
+    const prefix = import_browser55.withVendorCSSClassPrefix;
     return () => {
       if (slots["default"]) {
         return slots["default"]({
@@ -9145,7 +9887,7 @@ var BaseUserDropdown = (0, import_vue62.defineComponent)({
       const displayName = resolveDisplayName();
       const children = [];
       children.push(
-        (0, import_vue62.h)(
+        (0, import_vue67.h)(
           "button",
           {
             class: prefix("user-dropdown__trigger"),
@@ -9155,9 +9897,9 @@ var BaseUserDropdown = (0, import_vue62.defineComponent)({
             type: "button"
           },
           [
-            (0, import_vue62.h)("span", { class: prefix("user-dropdown__avatar") }, [(0, import_vue62.h)(UserIcon, { size: 20 })]),
-            displayName ? (0, import_vue62.h)(Typography_default, { class: prefix("user-dropdown__name"), variant: "body2" }, () => displayName) : null,
-            (0, import_vue62.h)(ChevronDownIcon, { size: 16 })
+            (0, import_vue67.h)("span", { class: prefix("user-dropdown__avatar") }, [(0, import_vue67.h)(UserIcon, { size: 20 })]),
+            displayName ? (0, import_vue67.h)(Typography_default, { class: prefix("user-dropdown__name"), variant: "body2" }, () => displayName) : null,
+            (0, import_vue67.h)(ChevronDownIcon, { size: 16 })
           ]
         )
       );
@@ -9165,9 +9907,9 @@ var BaseUserDropdown = (0, import_vue62.defineComponent)({
         const menuItems = [];
         if (props.onProfileClick) {
           menuItems.push(
-            (0, import_vue62.h)("button", { class: prefix("user-dropdown__item"), onClick: props.onProfileClick, type: "button" }, [
-              (0, import_vue62.h)(UserIcon, { size: 16 }),
-              (0, import_vue62.h)("span", null, "Profile")
+            (0, import_vue67.h)("button", { class: prefix("user-dropdown__item"), onClick: props.onProfileClick, type: "button" }, [
+              (0, import_vue67.h)(UserIcon, { size: 16 }),
+              (0, import_vue67.h)("span", null, "Profile")
             ])
           );
         }
@@ -9176,25 +9918,25 @@ var BaseUserDropdown = (0, import_vue62.defineComponent)({
         }
         if (props.onSignOut) {
           menuItems.push(
-            (0, import_vue62.h)("button", { class: prefix("user-dropdown__item"), onClick: props.onSignOut, type: "button" }, [
-              (0, import_vue62.h)(LogOutIcon, { size: 16 }),
-              (0, import_vue62.h)("span", null, "Sign Out")
+            (0, import_vue67.h)("button", { class: prefix("user-dropdown__item"), onClick: props.onSignOut, type: "button" }, [
+              (0, import_vue67.h)(LogOutIcon, { size: 16 }),
+              (0, import_vue67.h)("span", null, "Sign Out")
             ])
           );
         }
-        children.push((0, import_vue62.h)("div", { class: prefix("user-dropdown__menu") }, menuItems));
+        children.push((0, import_vue67.h)("div", { class: prefix("user-dropdown__menu") }, menuItems));
       }
-      const container = (0, import_vue62.h)(
+      const container = (0, import_vue67.h)(
         "div",
         { class: [prefix("user-dropdown"), props.className].filter(Boolean).join(" ") },
         children
       );
       if (props.isProfileModalOpen) {
-        return (0, import_vue62.h)("div", [
+        return (0, import_vue67.h)("div", [
           container,
-          (0, import_vue62.h)("div", { class: prefix("user-dropdown__modal-overlay") }, [
-            (0, import_vue62.h)("div", { class: prefix("user-dropdown__modal-content") }, [
-              (0, import_vue62.h)(
+          (0, import_vue67.h)("div", { class: prefix("user-dropdown__modal-overlay") }, [
+            (0, import_vue67.h)("div", { class: prefix("user-dropdown__modal-content") }, [
+              (0, import_vue67.h)(
                 "button",
                 {
                   "aria-label": "Close profile modal",
@@ -9202,7 +9944,7 @@ var BaseUserDropdown = (0, import_vue62.defineComponent)({
                   onClick: props.onProfileModalClose,
                   type: "button"
                 },
-                [(0, import_vue62.h)(XIcon, { size: 24 })]
+                [(0, import_vue67.h)(XIcon, { size: 24 })]
               ),
               props.profileContent
             ])
@@ -9216,7 +9958,7 @@ var BaseUserDropdown = (0, import_vue62.defineComponent)({
 var BaseUserDropdown_default = BaseUserDropdown;
 
 // src/components/presentation/user-dropdown/UserDropdown.ts
-var UserDropdown = (0, import_vue63.defineComponent)({
+var UserDropdown = (0, import_vue68.defineComponent)({
   emits: ["profileClick"],
   name: "UserDropdown",
   props: {
@@ -9227,11 +9969,11 @@ var UserDropdown = (0, import_vue63.defineComponent)({
   },
   setup(props, { slots, emit }) {
     const { user, signOut } = useAsgardeo_default();
-    const isProfileModalOpen = (0, import_vue63.ref)(false);
-    return () => (0, import_vue63.h)(
+    const isProfileModalOpen = (0, import_vue68.ref)(false);
+    return () => (0, import_vue68.h)(
       BaseUserDropdown_default,
       {
-        class: (0, import_browser51.withVendorCSSClassPrefix)("user-dropdown--styled"),
+        class: (0, import_browser56.withVendorCSSClassPrefix)("user-dropdown--styled"),
         className: props.className,
         isProfileModalOpen: isProfileModalOpen.value,
         onProfileClick: () => {
@@ -9244,7 +9986,7 @@ var UserDropdown = (0, import_vue63.defineComponent)({
         onSignOut: () => {
           signOut();
         },
-        profileContent: isProfileModalOpen.value ? (0, import_vue63.h)(UserProfile_default, {
+        profileContent: isProfileModalOpen.value ? (0, import_vue68.h)(UserProfile_default, {
           cardLayout: false,
           editable: true
         }) : null,
@@ -9257,12 +9999,12 @@ var UserDropdown = (0, import_vue63.defineComponent)({
 var UserDropdown_default = UserDropdown;
 
 // src/components/presentation/accept-invite/AcceptInvite.ts
-var import_vue65 = require("vue");
+var import_vue70 = require("vue");
 
 // src/components/presentation/accept-invite/BaseAcceptInvite.ts
-var import_browser52 = require("@asgardeo/browser");
-var import_vue64 = require("vue");
-var BaseAcceptInvite = (0, import_vue64.defineComponent)({
+var import_browser57 = require("@asgardeo/browser");
+var import_vue69 = require("vue");
+var BaseAcceptInvite = (0, import_vue69.defineComponent)({
   name: "BaseAcceptInvite",
   props: {
     className: { default: "", type: String },
@@ -9287,17 +10029,17 @@ var BaseAcceptInvite = (0, import_vue64.defineComponent)({
   setup(props, { slots }) {
     const { meta: metaRef } = useFlowMeta_default();
     const { t } = useI18n_default();
-    const isLoading = (0, import_vue64.ref)(false);
-    const isValidatingToken = (0, import_vue64.ref)(true);
-    const isTokenInvalid = (0, import_vue64.ref)(false);
-    const isComplete = (0, import_vue64.ref)(false);
-    const currentFlow = (0, import_vue64.ref)(null);
-    const apiError = (0, import_vue64.ref)(null);
-    const completionTitle = (0, import_vue64.ref)(void 0);
-    const formValues = (0, import_vue64.ref)({});
-    const formErrors = (0, import_vue64.ref)({});
-    const touchedFields = (0, import_vue64.ref)({});
-    const isFormValid = (0, import_vue64.ref)(true);
+    const isLoading = (0, import_vue69.ref)(false);
+    const isValidatingToken = (0, import_vue69.ref)(true);
+    const isTokenInvalid = (0, import_vue69.ref)(false);
+    const isComplete = (0, import_vue69.ref)(false);
+    const currentFlow = (0, import_vue69.ref)(null);
+    const apiError = (0, import_vue69.ref)(null);
+    const completionTitle = (0, import_vue69.ref)(void 0);
+    const formValues = (0, import_vue69.ref)({});
+    const formErrors = (0, import_vue69.ref)({});
+    const touchedFields = (0, import_vue69.ref)({});
+    const isFormValid = (0, import_vue69.ref)(true);
     let tokenValidationAttempted = false;
     const handleError = (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t, "components.acceptInvite.errors.generic");
@@ -9319,8 +10061,8 @@ var BaseAcceptInvite = (0, import_vue64.defineComponent)({
       }
     };
     useOAuthCallback({
-      currentFlowId: (0, import_vue64.ref)(props.flowId ?? null),
-      isInitialized: (0, import_vue64.ref)(true),
+      currentFlowId: (0, import_vue69.ref)(props.flowId ?? null),
+      isInitialized: (0, import_vue69.ref)(true),
       onComplete: () => {
         isComplete.value = true;
         isValidatingToken.value = false;
@@ -9437,7 +10179,7 @@ var BaseAcceptInvite = (0, import_vue64.defineComponent)({
         isLoading.value = false;
       }
     };
-    (0, import_vue64.watch)(
+    (0, import_vue69.watch)(
       () => [props.flowId, props.inviteToken],
       ([flowId, inviteToken]) => {
         if (tokenValidationAttempted) return;
@@ -9488,7 +10230,7 @@ var BaseAcceptInvite = (0, import_vue64.defineComponent)({
       (comp) => !(comp.type === "TEXT" && (comp.variant === "HEADING_1" || comp.variant === "HEADING_2"))
     );
     return () => {
-      const containerClass = [(0, import_browser52.withVendorCSSClassPrefix)("accept-invite"), props.className].filter(Boolean).join(" ");
+      const containerClass = [(0, import_browser57.withVendorCSSClassPrefix)("accept-invite"), props.className].filter(Boolean).join(" ");
       const components = currentFlow.value?.data?.components || currentFlow.value?.data?.meta?.components || [];
       const { title, subtitle } = extractHeadings(components);
       const componentsWithoutHeadings = filterHeadings(components);
@@ -9516,44 +10258,44 @@ var BaseAcceptInvite = (0, import_vue64.defineComponent)({
           touched: touchedFields.value,
           values: formValues.value
         };
-        return (0, import_vue64.h)("div", { class: containerClass }, slots["default"](renderProps));
+        return (0, import_vue69.h)("div", { class: containerClass }, slots["default"](renderProps));
       }
       if (isValidatingToken.value) {
-        return (0, import_vue64.h)(
+        return (0, import_vue69.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue64.h)("div", { style: "display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem" }, [
-            (0, import_vue64.h)(Spinner_default),
-            (0, import_vue64.h)(Typography_default, { variant: "body1" }, () => "Validating your invite link...")
+          () => (0, import_vue69.h)("div", { style: "display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem" }, [
+            (0, import_vue69.h)(Spinner_default),
+            (0, import_vue69.h)(Typography_default, { variant: "body1" }, () => "Validating your invite link...")
           ])
         );
       }
       if (isTokenInvalid.value) {
-        return (0, import_vue64.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-          (0, import_vue64.h)("div", { style: "padding:1rem" }, [
-            (0, import_vue64.h)(Typography_default, { variant: "h5" }, () => "Invalid Invite Link"),
-            (0, import_vue64.h)(
+        return (0, import_vue69.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
+          (0, import_vue69.h)("div", { style: "padding:1rem" }, [
+            (0, import_vue69.h)(Typography_default, { variant: "h5" }, () => "Invalid Invite Link"),
+            (0, import_vue69.h)(
               Alert_default,
               { style: "margin-top:1rem", variant: "error" },
               () => apiError.value?.message || "This invite link is invalid or has expired. Please contact your administrator for a new invite."
             ),
-            props.onGoToSignIn ? (0, import_vue64.h)("div", { style: "display:flex;justify-content:center;margin-top:1.5rem" }, [
-              (0, import_vue64.h)(Button_default, { onClick: props.onGoToSignIn, variant: "outline" }, () => "Go to Sign In")
+            props.onGoToSignIn ? (0, import_vue69.h)("div", { style: "display:flex;justify-content:center;margin-top:1.5rem" }, [
+              (0, import_vue69.h)(Button_default, { onClick: props.onGoToSignIn, variant: "outline" }, () => "Go to Sign In")
             ]) : null
           ])
         ]);
       }
       if (isComplete.value) {
-        return (0, import_vue64.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-          (0, import_vue64.h)("div", { style: "padding:1rem" }, [
-            (0, import_vue64.h)(Typography_default, { variant: "h5" }, () => "Account Setup Complete!"),
-            (0, import_vue64.h)(
+        return (0, import_vue69.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
+          (0, import_vue69.h)("div", { style: "padding:1rem" }, [
+            (0, import_vue69.h)(Typography_default, { variant: "h5" }, () => "Account Setup Complete!"),
+            (0, import_vue69.h)(
               Alert_default,
               { style: "margin-top:1rem", variant: "success" },
               () => "Your account has been successfully set up. You can now sign in with your credentials."
             ),
-            props.onGoToSignIn ? (0, import_vue64.h)("div", { style: "display:flex;justify-content:center;margin-top:1.5rem" }, [
-              (0, import_vue64.h)(Button_default, { onClick: props.onGoToSignIn, variant: "solid" }, () => "Sign In")
+            props.onGoToSignIn ? (0, import_vue69.h)("div", { style: "display:flex;justify-content:center;margin-top:1.5rem" }, [
+              (0, import_vue69.h)(Button_default, { onClick: props.onGoToSignIn, variant: "solid" }, () => "Sign In")
             ]) : null
           ])
         ]);
@@ -9575,17 +10317,17 @@ var BaseAcceptInvite = (0, import_vue64.defineComponent)({
           variant: props.variant
         }
       ) : [];
-      return (0, import_vue64.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-        (props.showTitle || props.showSubtitle) && (title || subtitle) ? (0, import_vue64.h)("div", { style: "padding:1rem 1rem 0" }, [
-          props.showTitle && title ? (0, import_vue64.h)(Typography_default, { variant: "h5" }, () => title) : null,
-          props.showSubtitle && subtitle ? (0, import_vue64.h)(Typography_default, { style: "margin-top:0.25rem", variant: "body1" }, () => subtitle) : null
+      return (0, import_vue69.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
+        (props.showTitle || props.showSubtitle) && (title || subtitle) ? (0, import_vue69.h)("div", { style: "padding:1rem 1rem 0" }, [
+          props.showTitle && title ? (0, import_vue69.h)(Typography_default, { variant: "h5" }, () => title) : null,
+          props.showSubtitle && subtitle ? (0, import_vue69.h)(Typography_default, { style: "margin-top:0.25rem", variant: "body1" }, () => subtitle) : null
         ]) : null,
-        apiError.value ? (0, import_vue64.h)(
+        apiError.value ? (0, import_vue69.h)(
           "div",
           { style: "padding:0 1rem;margin-bottom:1rem" },
-          (0, import_vue64.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
+          (0, import_vue69.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
         ) : null,
-        (0, import_vue64.h)(
+        (0, import_vue69.h)(
           "div",
           { style: "padding:1rem" },
           (() => {
@@ -9593,18 +10335,18 @@ var BaseAcceptInvite = (0, import_vue64.defineComponent)({
             if (renderedComponents.length > 0) {
               formContent.push(renderedComponents);
             } else if (!isLoading.value) {
-              formContent.push((0, import_vue64.h)(Alert_default, { variant: "warning" }, () => "No form components available"));
+              formContent.push((0, import_vue69.h)(Alert_default, { variant: "warning" }, () => "No form components available"));
             }
             if (isLoading.value) {
-              formContent.push((0, import_vue64.h)("div", { style: "display:flex;justify-content:center;padding:1rem" }, (0, import_vue64.h)(Spinner_default)));
+              formContent.push((0, import_vue69.h)("div", { style: "display:flex;justify-content:center;padding:1rem" }, (0, import_vue69.h)(Spinner_default)));
             }
             return formContent;
           })()
         ),
-        props.onGoToSignIn ? (0, import_vue64.h)("div", { style: "margin-top:1.5rem;text-align:center;padding:0 1rem 1rem" }, [
-          (0, import_vue64.h)(Typography_default, { variant: "body2" }, () => [
+        props.onGoToSignIn ? (0, import_vue69.h)("div", { style: "margin-top:1.5rem;text-align:center;padding:0 1rem 1rem" }, [
+          (0, import_vue69.h)(Typography_default, { variant: "body2" }, () => [
             "Already have an account? ",
-            (0, import_vue64.h)(
+            (0, import_vue69.h)(
               Button_default,
               { onClick: props.onGoToSignIn, style: "min-width:auto;padding:0", variant: "text" },
               () => "Sign In"
@@ -9626,7 +10368,7 @@ var getUrlParams = () => {
     inviteToken: params.get("inviteToken") || void 0
   };
 };
-var AcceptInvite = (0, import_vue65.defineComponent)({
+var AcceptInvite = (0, import_vue70.defineComponent)({
   name: "AcceptInvite",
   props: {
     baseUrl: { default: void 0, type: String },
@@ -9665,7 +10407,7 @@ var AcceptInvite = (0, import_vue65.defineComponent)({
       }
       return response.json();
     };
-    return () => (0, import_vue65.h)(
+    return () => (0, import_vue70.h)(
       BaseAcceptInvite_default,
       {
         className: props.className,
@@ -9688,13 +10430,13 @@ var AcceptInvite = (0, import_vue65.defineComponent)({
 var AcceptInvite_default = AcceptInvite;
 
 // src/components/presentation/invite-user/InviteUser.ts
-var import_browser54 = require("@asgardeo/browser");
-var import_vue67 = require("vue");
+var import_browser59 = require("@asgardeo/browser");
+var import_vue72 = require("vue");
 
 // src/components/presentation/invite-user/BaseInviteUser.ts
-var import_browser53 = require("@asgardeo/browser");
-var import_vue66 = require("vue");
-var BaseInviteUser = (0, import_vue66.defineComponent)({
+var import_browser58 = require("@asgardeo/browser");
+var import_vue71 = require("vue");
+var BaseInviteUser = (0, import_vue71.defineComponent)({
   name: "BaseInviteUser",
   props: {
     className: { default: "", type: String },
@@ -9724,17 +10466,17 @@ var BaseInviteUser = (0, import_vue66.defineComponent)({
   setup(props, { slots }) {
     const { meta: metaRef } = useFlowMeta_default();
     const { t } = useI18n_default();
-    const isLoading = (0, import_vue66.ref)(false);
-    const isFlowInitialized = (0, import_vue66.ref)(false);
-    const currentFlow = (0, import_vue66.ref)(null);
-    const apiError = (0, import_vue66.ref)(null);
-    const formValues = (0, import_vue66.ref)({});
-    const formErrors = (0, import_vue66.ref)({});
-    const touchedFields = (0, import_vue66.ref)({});
-    const isFormValid = (0, import_vue66.ref)(true);
-    const inviteLink = (0, import_vue66.ref)(void 0);
-    const inviteLinkCopied = (0, import_vue66.ref)(false);
-    const emailSent = (0, import_vue66.ref)(false);
+    const isLoading = (0, import_vue71.ref)(false);
+    const isFlowInitialized = (0, import_vue71.ref)(false);
+    const currentFlow = (0, import_vue71.ref)(null);
+    const apiError = (0, import_vue71.ref)(null);
+    const formValues = (0, import_vue71.ref)({});
+    const formErrors = (0, import_vue71.ref)({});
+    const touchedFields = (0, import_vue71.ref)({});
+    const isFormValid = (0, import_vue71.ref)(true);
+    const inviteLink = (0, import_vue71.ref)(void 0);
+    const inviteLinkCopied = (0, import_vue71.ref)(false);
+    const emailSent = (0, import_vue71.ref)(false);
     let initializationAttempted = false;
     const handleError = (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t, "components.inviteUser.errors.generic");
@@ -9868,7 +10610,7 @@ var BaseInviteUser = (0, import_vue66.defineComponent)({
       emailSent.value = false;
       initializationAttempted = false;
     };
-    (0, import_vue66.watch)(
+    (0, import_vue71.watch)(
       () => [props.isInitialized, isFlowInitialized.value],
       ([initialized, flowInit]) => {
         if (initialized && !flowInit && !initializationAttempted) {
@@ -9877,7 +10619,7 @@ var BaseInviteUser = (0, import_vue66.defineComponent)({
             isLoading.value = true;
             apiError.value = null;
             try {
-              const payload = { flowType: import_browser53.EmbeddedFlowType.UserOnboarding, verbose: true };
+              const payload = { flowType: import_browser58.EmbeddedFlowType.UserOnboarding, verbose: true };
               const rawResponse = await props.onInitialize(payload);
               const response = normalizeFlowResponseLocal(rawResponse);
               currentFlow.value = response;
@@ -9911,7 +10653,7 @@ var BaseInviteUser = (0, import_vue66.defineComponent)({
       (comp) => !(comp.type === "TEXT" && (comp.variant === "HEADING_1" || comp.variant === "HEADING_2"))
     );
     return () => {
-      const containerClass = [(0, import_browser53.withVendorCSSClassPrefix)("invite-user"), props.className].filter(Boolean).join(" ");
+      const containerClass = [(0, import_browser58.withVendorCSSClassPrefix)("invite-user"), props.className].filter(Boolean).join(" ");
       const components = currentFlow.value?.data?.components || currentFlow.value?.data?.meta?.components || [];
       const { title, subtitle } = extractHeadings(components);
       const componentsWithoutHeadings = filterHeadings(components);
@@ -9941,56 +10683,56 @@ var BaseInviteUser = (0, import_vue66.defineComponent)({
           touched: touchedFields.value,
           values: formValues.value
         };
-        return (0, import_vue66.h)("div", { class: containerClass }, slots["default"](renderProps));
+        return (0, import_vue71.h)("div", { class: containerClass }, slots["default"](renderProps));
       }
       if (!props.isInitialized || !isFlowInitialized.value && isLoading.value) {
-        return (0, import_vue66.h)(
+        return (0, import_vue71.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue66.h)("div", { style: "display:flex;justify-content:center;padding:2rem" }, (0, import_vue66.h)(Spinner_default))
+          () => (0, import_vue71.h)("div", { style: "display:flex;justify-content:center;padding:2rem" }, (0, import_vue71.h)(Spinner_default))
         );
       }
       if (!currentFlow.value && apiError.value) {
-        return (0, import_vue66.h)(
+        return (0, import_vue71.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue66.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
+          () => (0, import_vue71.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
         );
       }
       if (isInviteGenerated && isEmailSent) {
-        return (0, import_vue66.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-          (0, import_vue66.h)("div", { style: "padding:1rem" }, [
-            (0, import_vue66.h)(Typography_default, { variant: "h5" }, () => "Invite Email Sent!"),
-            (0, import_vue66.h)(
+        return (0, import_vue71.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
+          (0, import_vue71.h)("div", { style: "padding:1rem" }, [
+            (0, import_vue71.h)(Typography_default, { variant: "h5" }, () => "Invite Email Sent!"),
+            (0, import_vue71.h)(
               Alert_default,
               { style: "margin-top:1rem", variant: "success" },
               () => "An invitation email has been sent successfully. The user can complete their registration using the link in the email."
             ),
-            (0, import_vue66.h)("div", { style: "display:flex;gap:0.5rem;margin-top:1.5rem" }, [
-              (0, import_vue66.h)(Button_default, { onClick: resetFlow, variant: "outline" }, () => "Invite Another User")
+            (0, import_vue71.h)("div", { style: "display:flex;gap:0.5rem;margin-top:1.5rem" }, [
+              (0, import_vue71.h)(Button_default, { onClick: resetFlow, variant: "outline" }, () => "Invite Another User")
             ])
           ])
         ]);
       }
       if (isInviteGenerated && inviteLink.value) {
-        return (0, import_vue66.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-          (0, import_vue66.h)("div", { style: "padding:1rem" }, [
-            (0, import_vue66.h)(Typography_default, { variant: "h5" }, () => "Invite Link Generated!"),
-            (0, import_vue66.h)(
+        return (0, import_vue71.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
+          (0, import_vue71.h)("div", { style: "padding:1rem" }, [
+            (0, import_vue71.h)(Typography_default, { variant: "h5" }, () => "Invite Link Generated!"),
+            (0, import_vue71.h)(
               Alert_default,
               { style: "margin-top:1rem", variant: "success" },
               () => "Share this link with the user to complete their registration."
             ),
-            (0, import_vue66.h)("div", { style: "margin-top:1rem" }, [
-              (0, import_vue66.h)(Typography_default, { style: "margin-bottom:0.5rem", variant: "body2" }, () => "Invite Link"),
-              (0, import_vue66.h)(
+            (0, import_vue71.h)("div", { style: "margin-top:1rem" }, [
+              (0, import_vue71.h)(Typography_default, { style: "margin-bottom:0.5rem", variant: "body2" }, () => "Invite Link"),
+              (0, import_vue71.h)(
                 "div",
                 {
                   style: "display:flex;align-items:center;gap:0.5rem;padding:0.75rem;background:var(--asgardeo-color-background-secondary,#f5f5f5);border-radius:4px;word-break:break-all"
                 },
                 [
-                  (0, import_vue66.h)(Typography_default, { style: "flex:1", variant: "body2" }, () => inviteLink.value),
-                  (0, import_vue66.h)(
+                  (0, import_vue71.h)(Typography_default, { style: "flex:1", variant: "body2" }, () => inviteLink.value),
+                  (0, import_vue71.h)(
                     Button_default,
                     { onClick: copyInviteLink, size: "small", variant: "outline" },
                     () => inviteLinkCopied.value ? "Copied!" : "Copy"
@@ -9998,8 +10740,8 @@ var BaseInviteUser = (0, import_vue66.defineComponent)({
                 ]
               )
             ]),
-            (0, import_vue66.h)("div", { style: "display:flex;gap:0.5rem;margin-top:1.5rem" }, [
-              (0, import_vue66.h)(Button_default, { onClick: resetFlow, variant: "outline" }, () => "Invite Another User")
+            (0, import_vue71.h)("div", { style: "display:flex;gap:0.5rem;margin-top:1.5rem" }, [
+              (0, import_vue71.h)(Button_default, { onClick: resetFlow, variant: "outline" }, () => "Invite Another User")
             ])
           ])
         ]);
@@ -10021,17 +10763,17 @@ var BaseInviteUser = (0, import_vue66.defineComponent)({
           variant: props.variant
         }
       ) : [];
-      return (0, import_vue66.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-        (props.showTitle || props.showSubtitle) && (title || subtitle) ? (0, import_vue66.h)("div", { style: "padding:1rem 1rem 0" }, [
-          props.showTitle && title ? (0, import_vue66.h)(Typography_default, { variant: "h5" }, () => title) : null,
-          props.showSubtitle && subtitle ? (0, import_vue66.h)(Typography_default, { style: "margin-top:0.25rem", variant: "body1" }, () => subtitle) : null
+      return (0, import_vue71.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
+        (props.showTitle || props.showSubtitle) && (title || subtitle) ? (0, import_vue71.h)("div", { style: "padding:1rem 1rem 0" }, [
+          props.showTitle && title ? (0, import_vue71.h)(Typography_default, { variant: "h5" }, () => title) : null,
+          props.showSubtitle && subtitle ? (0, import_vue71.h)(Typography_default, { style: "margin-top:0.25rem", variant: "body1" }, () => subtitle) : null
         ]) : null,
-        apiError.value ? (0, import_vue66.h)(
+        apiError.value ? (0, import_vue71.h)(
           "div",
           { style: "padding:0 1rem;margin-bottom:1rem" },
-          (0, import_vue66.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
+          (0, import_vue71.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
         ) : null,
-        (0, import_vue66.h)(
+        (0, import_vue71.h)(
           "div",
           { style: "padding:1rem" },
           (() => {
@@ -10039,10 +10781,10 @@ var BaseInviteUser = (0, import_vue66.defineComponent)({
             if (renderedComponents.length > 0) {
               formContent.push(renderedComponents);
             } else if (!isLoading.value) {
-              formContent.push((0, import_vue66.h)(Alert_default, { variant: "warning" }, () => "No form components available"));
+              formContent.push((0, import_vue71.h)(Alert_default, { variant: "warning" }, () => "No form components available"));
             }
             if (isLoading.value) {
-              formContent.push((0, import_vue66.h)("div", { style: "display:flex;justify-content:center;padding:1rem" }, (0, import_vue66.h)(Spinner_default)));
+              formContent.push((0, import_vue71.h)("div", { style: "display:flex;justify-content:center;padding:1rem" }, (0, import_vue71.h)(Spinner_default)));
             }
             return formContent;
           })()
@@ -10054,7 +10796,7 @@ var BaseInviteUser = (0, import_vue66.defineComponent)({
 var BaseInviteUser_default = BaseInviteUser;
 
 // src/components/presentation/invite-user/InviteUser.ts
-var InviteUser = (0, import_vue67.defineComponent)({
+var InviteUser = (0, import_vue72.defineComponent)({
   name: "InviteUser",
   props: {
     className: { default: "", type: String },
@@ -10076,7 +10818,7 @@ var InviteUser = (0, import_vue67.defineComponent)({
     const { http: http3, baseUrl, isInitialized } = useAsgardeo_default();
     const handleInitialize = async (payload) => {
       const response = await http3.request({
-        data: { ...payload, flowType: import_browser54.EmbeddedFlowType.UserOnboarding, verbose: true },
+        data: { ...payload, flowType: import_browser59.EmbeddedFlowType.UserOnboarding, verbose: true },
         headers: { Accept: "application/json", "Content-Type": "application/json" },
         method: "POST",
         url: `${baseUrl}/flow/execute`
@@ -10092,7 +10834,7 @@ var InviteUser = (0, import_vue67.defineComponent)({
       });
       return response.data;
     };
-    return () => (0, import_vue67.h)(
+    return () => (0, import_vue72.h)(
       BaseInviteUser_default,
       {
         className: props.className,
@@ -10114,13 +10856,13 @@ var InviteUser = (0, import_vue67.defineComponent)({
 var InviteUser_default = InviteUser;
 
 // src/components/presentation/organization-list/OrganizationList.ts
-var import_browser56 = require("@asgardeo/browser");
-var import_vue69 = require("vue");
+var import_browser61 = require("@asgardeo/browser");
+var import_vue74 = require("vue");
 
 // src/components/presentation/organization-list/BaseOrganizationList.ts
-var import_browser55 = require("@asgardeo/browser");
-var import_vue68 = require("vue");
-var BaseOrganizationList = (0, import_vue68.defineComponent)({
+var import_browser60 = require("@asgardeo/browser");
+var import_vue73 = require("vue");
+var BaseOrganizationList = (0, import_vue73.defineComponent)({
   inheritAttrs: false,
   name: "BaseOrganizationList",
   props: {
@@ -10134,18 +10876,18 @@ var BaseOrganizationList = (0, import_vue68.defineComponent)({
       if (slots["default"]) {
         return slots["default"]({ isLoading: props.isLoading, organizations: props.organizations });
       }
-      const prefix = import_browser55.withVendorCSSClassPrefix;
+      const prefix = import_browser60.withVendorCSSClassPrefix;
       const children = [];
       if (props.isLoading) {
-        children.push((0, import_vue68.h)("div", { class: prefix("organization-list__loading") }, [(0, import_vue68.h)(Spinner_default)]));
+        children.push((0, import_vue73.h)("div", { class: prefix("organization-list__loading") }, [(0, import_vue73.h)(Spinner_default)]));
       } else if (props.organizations.length === 0) {
         children.push(
-          (0, import_vue68.h)(Typography_default, { class: prefix("organization-list__empty"), variant: "body2" }, () => "No organizations found")
+          (0, import_vue73.h)(Typography_default, { class: prefix("organization-list__empty"), variant: "body2" }, () => "No organizations found")
         );
       } else {
         props.organizations.forEach((org) => {
           children.push(
-            (0, import_vue68.h)(
+            (0, import_vue73.h)(
               "button",
               {
                 class: prefix("organization-list__item"),
@@ -10153,19 +10895,19 @@ var BaseOrganizationList = (0, import_vue68.defineComponent)({
                 onClick: () => props.onSelect?.(org),
                 type: "button"
               },
-              [(0, import_vue68.h)(BuildingIcon, { size: 16 }), (0, import_vue68.h)(Typography_default, { variant: "body1" }, () => org["name"] || org["id"])]
+              [(0, import_vue73.h)(BuildingIcon, { size: 16 }), (0, import_vue73.h)(Typography_default, { variant: "body1" }, () => org["name"] || org["id"])]
             )
           );
         });
       }
-      return (0, import_vue68.h)("div", { class: [prefix("organization-list"), props.className].filter(Boolean).join(" ") }, children);
+      return (0, import_vue73.h)("div", { class: [prefix("organization-list"), props.className].filter(Boolean).join(" ") }, children);
     };
   }
 });
 var BaseOrganizationList_default = BaseOrganizationList;
 
 // src/components/presentation/organization-list/OrganizationList.ts
-var OrganizationList = (0, import_vue69.defineComponent)({
+var OrganizationList = (0, import_vue74.defineComponent)({
   emits: ["select"],
   name: "OrganizationList",
   props: {
@@ -10180,10 +10922,10 @@ var OrganizationList = (0, import_vue69.defineComponent)({
       emit("select", org);
       await switchOrganization(org);
     };
-    return () => (0, import_vue69.h)(
+    return () => (0, import_vue74.h)(
       BaseOrganizationList_default,
       {
-        class: (0, import_browser56.withVendorCSSClassPrefix)("organization-list--styled"),
+        class: (0, import_browser61.withVendorCSSClassPrefix)("organization-list--styled"),
         className: props.className,
         isLoading: isLoading.value,
         onSelect: handleSelect,
@@ -10196,12 +10938,12 @@ var OrganizationList = (0, import_vue69.defineComponent)({
 var OrganizationList_default = OrganizationList;
 
 // src/components/presentation/organization-profile/OrganizationProfile.ts
-var import_browser58 = require("@asgardeo/browser");
-var import_vue71 = require("vue");
+var import_browser63 = require("@asgardeo/browser");
+var import_vue76 = require("vue");
 
 // src/components/presentation/organization-profile/BaseOrganizationProfile.ts
-var import_browser57 = require("@asgardeo/browser");
-var import_vue70 = require("vue");
+var import_browser62 = require("@asgardeo/browser");
+var import_vue75 = require("vue");
 var ORG_AVATAR_GRADIENTS = [
   "linear-gradient(135deg, #22d3ee 0%, #2dd4bf 100%)",
   "linear-gradient(135deg, #34d399 0%, #059669 100%)",
@@ -10233,7 +10975,7 @@ var formatDate = (dateStr) => {
     return dateStr;
   }
 };
-var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
+var BaseOrganizationProfile = (0, import_vue75.defineComponent)({
   name: "BaseOrganizationProfile",
   props: {
     className: { default: "", type: String },
@@ -10246,10 +10988,10 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
     title: { default: "Organization Profile", type: String }
   },
   setup(props, { slots }) {
-    const editingName = (0, import_vue70.ref)(false);
-    const editingDescription = (0, import_vue70.ref)(false);
-    const editedName = (0, import_vue70.ref)("");
-    const editedDescription = (0, import_vue70.ref)("");
+    const editingName = (0, import_vue75.ref)(false);
+    const editingDescription = (0, import_vue75.ref)(false);
+    const editedName = (0, import_vue75.ref)("");
+    const editedDescription = (0, import_vue75.ref)("");
     return () => {
       if (slots["default"]) {
         return slots["default"]({ organization: props.organization });
@@ -10257,7 +10999,7 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
       if (!props.organization) {
         return slots["fallback"]?.() ?? null;
       }
-      const prefix = import_browser57.withVendorCSSClassPrefix;
+      const prefix = import_browser62.withVendorCSSClassPrefix;
       const org = props.organization;
       const orgName = String(org["name"] || org["displayName"] || "");
       const orgHandle = String(org["orgHandle"] || "");
@@ -10269,43 +11011,43 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
       const avatarGradient = getOrgAvatarGradient(orgId || orgName);
       const children = [];
       children.push(
-        (0, import_vue70.h)("div", { class: prefix("organization-profile__header") }, [
-          (0, import_vue70.h)(Typography_default, { class: prefix("organization-profile__title"), variant: "h5" }, () => props.title)
+        (0, import_vue75.h)("div", { class: prefix("organization-profile__header") }, [
+          (0, import_vue75.h)(Typography_default, { class: prefix("organization-profile__title"), variant: "h5" }, () => props.title)
         ])
       );
-      children.push((0, import_vue70.h)(Divider_default, { class: prefix("organization-profile__header-divider") }));
+      children.push((0, import_vue75.h)(Divider_default, { class: prefix("organization-profile__header-divider") }));
       children.push(
-        (0, import_vue70.h)("div", { class: prefix("organization-profile__identity") }, [
-          (0, import_vue70.h)(
+        (0, import_vue75.h)("div", { class: prefix("organization-profile__identity") }, [
+          (0, import_vue75.h)(
             "div",
             {
               class: prefix("organization-profile__avatar"),
               style: { background: avatarGradient }
             },
-            [(0, import_vue70.h)("span", { class: prefix("organization-profile__avatar-initials") }, initials)]
+            [(0, import_vue75.h)("span", { class: prefix("organization-profile__avatar-initials") }, initials)]
           ),
-          (0, import_vue70.h)(Typography_default, { class: prefix("organization-profile__org-name"), variant: "h5" }, () => orgName),
-          orgHandle ? (0, import_vue70.h)(
+          (0, import_vue75.h)(Typography_default, { class: prefix("organization-profile__org-name"), variant: "h5" }, () => orgName),
+          orgHandle ? (0, import_vue75.h)(
             Typography_default,
             { class: prefix("organization-profile__org-handle"), variant: "body2" },
             () => `@${orgHandle}`
           ) : null
         ])
       );
-      children.push((0, import_vue70.h)(Divider_default, { class: prefix("organization-profile__identity-divider") }));
+      children.push((0, import_vue75.h)(Divider_default, { class: prefix("organization-profile__identity-divider") }));
       const fieldRows = [];
       fieldRows.push(
-        (0, import_vue70.h)("div", { class: prefix("organization-profile__field"), key: "id" }, [
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue70.h)(
+        (0, import_vue75.h)("div", { class: prefix("organization-profile__field"), key: "id" }, [
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-label-col") }, [
+            (0, import_vue75.h)(
               Typography_default,
               { class: prefix("organization-profile__field-label"), variant: "body2" },
               () => "Organization ID"
             )
           ]),
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            (0, import_vue70.h)("div", { class: prefix("organization-profile__field-display") }, [
-              orgId ? (0, import_vue70.h)(
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-value-col") }, [
+            (0, import_vue75.h)("div", { class: prefix("organization-profile__field-display") }, [
+              orgId ? (0, import_vue75.h)(
                 Typography_default,
                 {
                   class: [
@@ -10315,30 +11057,30 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
                   variant: "body1"
                 },
                 () => orgId
-              ) : (0, import_vue70.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
+              ) : (0, import_vue75.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
             ])
           ])
         ])
       );
       fieldRows.push(
-        (0, import_vue70.h)("div", { class: prefix("organization-profile__field"), key: "name" }, [
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue70.h)(
+        (0, import_vue75.h)("div", { class: prefix("organization-profile__field"), key: "name" }, [
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-label-col") }, [
+            (0, import_vue75.h)(
               Typography_default,
               { class: prefix("organization-profile__field-label"), variant: "body2" },
               () => "Organization Name"
             )
           ]),
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            editingName.value ? (0, import_vue70.h)("div", { class: prefix("organization-profile__field-edit") }, [
-              (0, import_vue70.h)(TextField_default, {
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-value-col") }, [
+            editingName.value ? (0, import_vue75.h)("div", { class: prefix("organization-profile__field-edit") }, [
+              (0, import_vue75.h)(TextField_default, {
                 modelValue: editedName.value,
                 "onUpdate:modelValue": (v) => {
                   editedName.value = v;
                 }
               }),
-              (0, import_vue70.h)("div", { class: prefix("organization-profile__field-edit-actions") }, [
-                (0, import_vue70.h)(
+              (0, import_vue75.h)("div", { class: prefix("organization-profile__field-edit-actions") }, [
+                (0, import_vue75.h)(
                   Button_default,
                   {
                     onClick: async () => {
@@ -10350,7 +11092,7 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
                   },
                   () => "Save"
                 ),
-                (0, import_vue70.h)(
+                (0, import_vue75.h)(
                   Button_default,
                   {
                     onClick: () => {
@@ -10362,9 +11104,9 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
                   () => "Cancel"
                 )
               ])
-            ]) : (0, import_vue70.h)("div", { class: prefix("organization-profile__field-display") }, [
-              (0, import_vue70.h)(Typography_default, { class: prefix("organization-profile__field-value"), variant: "body1" }, () => orgName),
-              props.editable ? (0, import_vue70.h)(
+            ]) : (0, import_vue75.h)("div", { class: prefix("organization-profile__field-display") }, [
+              (0, import_vue75.h)(Typography_default, { class: prefix("organization-profile__field-value"), variant: "body1" }, () => orgName),
+              props.editable ? (0, import_vue75.h)(
                 "button",
                 {
                   "aria-label": "Edit Organization Name",
@@ -10375,31 +11117,31 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
                   },
                   type: "button"
                 },
-                [(0, import_vue70.h)(PencilIcon)]
+                [(0, import_vue75.h)(PencilIcon)]
               ) : null
             ])
           ])
         ])
       );
       fieldRows.push(
-        (0, import_vue70.h)("div", { class: prefix("organization-profile__field"), key: "description" }, [
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue70.h)(
+        (0, import_vue75.h)("div", { class: prefix("organization-profile__field"), key: "description" }, [
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-label-col") }, [
+            (0, import_vue75.h)(
               Typography_default,
               { class: prefix("organization-profile__field-label"), variant: "body2" },
               () => "Organization Description"
             )
           ]),
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            editingDescription.value ? (0, import_vue70.h)("div", { class: prefix("organization-profile__field-edit") }, [
-              (0, import_vue70.h)(TextField_default, {
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-value-col") }, [
+            editingDescription.value ? (0, import_vue75.h)("div", { class: prefix("organization-profile__field-edit") }, [
+              (0, import_vue75.h)(TextField_default, {
                 modelValue: editedDescription.value,
                 "onUpdate:modelValue": (v) => {
                   editedDescription.value = v;
                 }
               }),
-              (0, import_vue70.h)("div", { class: prefix("organization-profile__field-edit-actions") }, [
-                (0, import_vue70.h)(
+              (0, import_vue75.h)("div", { class: prefix("organization-profile__field-edit-actions") }, [
+                (0, import_vue75.h)(
                   Button_default,
                   {
                     onClick: async () => {
@@ -10411,7 +11153,7 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
                   },
                   () => "Save"
                 ),
-                (0, import_vue70.h)(
+                (0, import_vue75.h)(
                   Button_default,
                   {
                     onClick: () => {
@@ -10423,12 +11165,12 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
                   () => "Cancel"
                 )
               ])
-            ]) : (0, import_vue70.h)("div", { class: prefix("organization-profile__field-display") }, [
-              orgDescription != null ? (0, import_vue70.h)(
+            ]) : (0, import_vue75.h)("div", { class: prefix("organization-profile__field-display") }, [
+              orgDescription != null ? (0, import_vue75.h)(
                 Typography_default,
                 { class: prefix("organization-profile__field-value"), variant: "body1" },
                 () => orgDescription
-              ) : (0, import_vue70.h)(
+              ) : (0, import_vue75.h)(
                 "span",
                 {
                   class: prefix("organization-profile__field-placeholder"),
@@ -10439,7 +11181,7 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
                 },
                 "Enter organization description"
               ),
-              props.editable ? (0, import_vue70.h)(
+              props.editable ? (0, import_vue75.h)(
                 "button",
                 {
                   "aria-label": "Edit Organization Description",
@@ -10450,66 +11192,66 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
                   },
                   type: "button"
                 },
-                [(0, import_vue70.h)(PencilIcon)]
+                [(0, import_vue75.h)(PencilIcon)]
               ) : null
             ])
           ])
         ])
       );
       fieldRows.push(
-        (0, import_vue70.h)("div", { class: prefix("organization-profile__field"), key: "created" }, [
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue70.h)(Typography_default, { class: prefix("organization-profile__field-label"), variant: "body2" }, () => "Created Date")
+        (0, import_vue75.h)("div", { class: prefix("organization-profile__field"), key: "created" }, [
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-label-col") }, [
+            (0, import_vue75.h)(Typography_default, { class: prefix("organization-profile__field-label"), variant: "body2" }, () => "Created Date")
           ]),
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            (0, import_vue70.h)("div", { class: prefix("organization-profile__field-display") }, [
-              createdDate ? (0, import_vue70.h)(
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-value-col") }, [
+            (0, import_vue75.h)("div", { class: prefix("organization-profile__field-display") }, [
+              createdDate ? (0, import_vue75.h)(
                 Typography_default,
                 { class: prefix("organization-profile__field-value"), variant: "body1" },
                 () => createdDate
-              ) : (0, import_vue70.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
+              ) : (0, import_vue75.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
             ])
           ])
         ])
       );
       fieldRows.push(
-        (0, import_vue70.h)("div", { class: prefix("organization-profile__field"), key: "lastModified" }, [
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue70.h)(
+        (0, import_vue75.h)("div", { class: prefix("organization-profile__field"), key: "lastModified" }, [
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-label-col") }, [
+            (0, import_vue75.h)(
               Typography_default,
               { class: prefix("organization-profile__field-label"), variant: "body2" },
               () => "Last Modified Date"
             )
           ]),
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            (0, import_vue70.h)("div", { class: prefix("organization-profile__field-display") }, [
-              lastModifiedDate ? (0, import_vue70.h)(
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-value-col") }, [
+            (0, import_vue75.h)("div", { class: prefix("organization-profile__field-display") }, [
+              lastModifiedDate ? (0, import_vue75.h)(
                 Typography_default,
                 { class: prefix("organization-profile__field-value"), variant: "body1" },
                 () => lastModifiedDate
-              ) : (0, import_vue70.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
+              ) : (0, import_vue75.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
             ])
           ])
         ])
       );
       fieldRows.push(
-        (0, import_vue70.h)("div", { class: prefix("organization-profile__field"), key: "orgHandle" }, [
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue70.h)(
+        (0, import_vue75.h)("div", { class: prefix("organization-profile__field"), key: "orgHandle" }, [
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-label-col") }, [
+            (0, import_vue75.h)(
               Typography_default,
               { class: prefix("organization-profile__field-label"), variant: "body2" },
               () => "Organization Handle"
             )
           ]),
-          (0, import_vue70.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            (0, import_vue70.h)("div", { class: prefix("organization-profile__field-display") }, [
-              orgHandle ? (0, import_vue70.h)(Typography_default, { class: prefix("organization-profile__field-value"), variant: "body1" }, () => orgHandle) : (0, import_vue70.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
+          (0, import_vue75.h)("div", { class: prefix("organization-profile__field-value-col") }, [
+            (0, import_vue75.h)("div", { class: prefix("organization-profile__field-display") }, [
+              orgHandle ? (0, import_vue75.h)(Typography_default, { class: prefix("organization-profile__field-value"), variant: "body1" }, () => orgHandle) : (0, import_vue75.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
             ])
           ])
         ])
       );
-      children.push((0, import_vue70.h)("div", { class: prefix("organization-profile__fields") }, fieldRows));
-      return (0, import_vue70.h)(
+      children.push((0, import_vue75.h)("div", { class: prefix("organization-profile__fields") }, fieldRows));
+      return (0, import_vue75.h)(
         Card_default,
         { class: [prefix("organization-profile"), props.className].filter(Boolean).join(" ") },
         () => children
@@ -10520,7 +11262,7 @@ var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
 var BaseOrganizationProfile_default = BaseOrganizationProfile;
 
 // src/components/presentation/organization-profile/OrganizationProfile.ts
-var OrganizationProfile = (0, import_vue71.defineComponent)({
+var OrganizationProfile = (0, import_vue76.defineComponent)({
   name: "OrganizationProfile",
   props: {
     className: { default: "", type: String },
@@ -10533,10 +11275,10 @@ var OrganizationProfile = (0, import_vue71.defineComponent)({
   },
   setup(props, { slots }) {
     const { currentOrganization } = useOrganization_default();
-    return () => (0, import_vue71.h)(
+    return () => (0, import_vue76.h)(
       BaseOrganizationProfile_default,
       {
-        class: (0, import_browser58.withVendorCSSClassPrefix)("organization-profile--styled"),
+        class: (0, import_browser63.withVendorCSSClassPrefix)("organization-profile--styled"),
         className: props.className,
         editable: props.editable,
         onUpdate: props.onUpdate,
@@ -10550,14 +11292,14 @@ var OrganizationProfile = (0, import_vue71.defineComponent)({
 var OrganizationProfile_default = OrganizationProfile;
 
 // src/components/presentation/organization-switcher/OrganizationSwitcher.ts
-var import_browser60 = require("@asgardeo/browser");
-var import_vue73 = require("vue");
+var import_browser65 = require("@asgardeo/browser");
+var import_vue78 = require("vue");
 
 // src/components/presentation/organization-switcher/BaseOrganizationSwitcher.ts
-var import_browser59 = require("@asgardeo/browser");
-var import_vue72 = require("vue");
-var cls = (name) => (0, import_browser59.withVendorCSSClassPrefix)(`organization-switcher${name}`);
-var BaseOrganizationSwitcher = (0, import_vue72.defineComponent)({
+var import_browser64 = require("@asgardeo/browser");
+var import_vue77 = require("vue");
+var cls = (name) => (0, import_browser64.withVendorCSSClassPrefix)(`organization-switcher${name}`);
+var BaseOrganizationSwitcher = (0, import_vue77.defineComponent)({
   inheritAttrs: false,
   name: "BaseOrganizationSwitcher",
   props: {
@@ -10568,7 +11310,7 @@ var BaseOrganizationSwitcher = (0, import_vue72.defineComponent)({
     organizations: { default: () => [], type: Array }
   },
   setup(props, { slots }) {
-    const isOpen = (0, import_vue72.ref)(false);
+    const isOpen = (0, import_vue77.ref)(false);
     const toggle = () => {
       isOpen.value = !isOpen.value;
     };
@@ -10588,7 +11330,7 @@ var BaseOrganizationSwitcher = (0, import_vue72.defineComponent)({
         });
       }
       const currentName = props.currentOrganization?.name ?? "No Organization";
-      const triggerButton = (0, import_vue72.h)(
+      const triggerButton = (0, import_vue77.h)(
         "button",
         {
           "aria-expanded": isOpen.value,
@@ -10598,23 +11340,23 @@ var BaseOrganizationSwitcher = (0, import_vue72.defineComponent)({
           type: "button"
         },
         [
-          (0, import_vue72.h)(BuildingIcon, { size: 16 }),
-          (0, import_vue72.h)(Typography_default, { class: cls("__trigger-label"), variant: "body2" }, () => currentName),
-          (0, import_vue72.h)(ChevronDownIcon, { size: 12 })
+          (0, import_vue77.h)(BuildingIcon, { size: 16 }),
+          (0, import_vue77.h)(Typography_default, { class: cls("__trigger-label"), variant: "body2" }, () => currentName),
+          (0, import_vue77.h)(ChevronDownIcon, { size: 12 })
         ]
       );
       const dropdownChildren = [];
       if (props.isLoading) {
-        dropdownChildren.push((0, import_vue72.h)("div", { class: cls("__loading") }, [(0, import_vue72.h)(Spinner_default, { size: "small" })]));
+        dropdownChildren.push((0, import_vue77.h)("div", { class: cls("__loading") }, [(0, import_vue77.h)(Spinner_default, { size: "small" })]));
       } else if (props.organizations.length === 0) {
         dropdownChildren.push(
-          (0, import_vue72.h)(Typography_default, { class: cls("__empty"), variant: "body2" }, () => "No organizations available")
+          (0, import_vue77.h)(Typography_default, { class: cls("__empty"), variant: "body2" }, () => "No organizations available")
         );
       } else {
         props.organizations.forEach((org) => {
           const isActive = org["id"] === props.currentOrganization?.id;
           dropdownChildren.push(
-            (0, import_vue72.h)(
+            (0, import_vue77.h)(
               "button",
               {
                 "aria-selected": isActive,
@@ -10623,30 +11365,30 @@ var BaseOrganizationSwitcher = (0, import_vue72.defineComponent)({
                 role: "option",
                 type: "button"
               },
-              [(0, import_vue72.h)(BuildingIcon, { size: 14 }), (0, import_vue72.h)(Typography_default, { variant: "body2" }, () => org["name"])]
+              [(0, import_vue77.h)(BuildingIcon, { size: 14 }), (0, import_vue77.h)(Typography_default, { variant: "body2" }, () => org["name"])]
             )
           );
         });
       }
-      const dropdown = isOpen.value ? (0, import_vue72.h)("div", { class: cls("__dropdown"), role: "listbox" }, dropdownChildren) : null;
-      return (0, import_vue72.h)(Card_default, { class: [cls(""), props.className].filter(Boolean).join(" ") }, () => [triggerButton, dropdown]);
+      const dropdown = isOpen.value ? (0, import_vue77.h)("div", { class: cls("__dropdown"), role: "listbox" }, dropdownChildren) : null;
+      return (0, import_vue77.h)(Card_default, { class: [cls(""), props.className].filter(Boolean).join(" ") }, () => [triggerButton, dropdown]);
     };
   }
 });
 var BaseOrganizationSwitcher_default = BaseOrganizationSwitcher;
 
 // src/components/presentation/organization-switcher/OrganizationSwitcher.ts
-var OrganizationSwitcher = (0, import_vue73.defineComponent)({
+var OrganizationSwitcher = (0, import_vue78.defineComponent)({
   name: "OrganizationSwitcher",
   props: {
     className: { default: "", type: String }
   },
   setup(props, { slots }) {
     const { currentOrganization, myOrganizations, isLoading, switchOrganization } = useOrganization_default();
-    return () => (0, import_vue73.h)(
+    return () => (0, import_vue78.h)(
       BaseOrganizationSwitcher_default,
       {
-        class: (0, import_browser60.withVendorCSSClassPrefix)("organization-switcher--styled"),
+        class: (0, import_browser65.withVendorCSSClassPrefix)("organization-switcher--styled"),
         className: props.className,
         currentOrganization: currentOrganization?.value ?? null,
         isLoading: isLoading?.value ?? false,
@@ -10660,14 +11402,14 @@ var OrganizationSwitcher = (0, import_vue73.defineComponent)({
 var OrganizationSwitcher_default = OrganizationSwitcher;
 
 // src/components/presentation/create-organization/CreateOrganization.ts
-var import_browser62 = require("@asgardeo/browser");
-var import_vue75 = require("vue");
+var import_browser67 = require("@asgardeo/browser");
+var import_vue80 = require("vue");
 
 // src/components/presentation/create-organization/BaseCreateOrganization.ts
-var import_browser61 = require("@asgardeo/browser");
-var import_vue74 = require("vue");
-var cls2 = (name) => (0, import_browser61.withVendorCSSClassPrefix)(`create-organization${name}`);
-var BaseCreateOrganization = (0, import_vue74.defineComponent)({
+var import_browser66 = require("@asgardeo/browser");
+var import_vue79 = require("vue");
+var cls2 = (name) => (0, import_browser66.withVendorCSSClassPrefix)(`create-organization${name}`);
+var BaseCreateOrganization = (0, import_vue79.defineComponent)({
   name: "BaseCreateOrganization",
   props: {
     className: { default: "", type: String },
@@ -10676,9 +11418,9 @@ var BaseCreateOrganization = (0, import_vue74.defineComponent)({
     title: { default: "Create Organization", type: String }
   },
   setup(props, { slots }) {
-    const orgName = (0, import_vue74.ref)("");
-    const isSubmitting = (0, import_vue74.ref)(false);
-    const error = (0, import_vue74.ref)(null);
+    const orgName = (0, import_vue79.ref)("");
+    const isSubmitting = (0, import_vue79.ref)(false);
+    const error = (0, import_vue79.ref)(null);
     const handleSubmit = async () => {
       const name = orgName.value.trim();
       if (!name) {
@@ -10708,11 +11450,11 @@ var BaseCreateOrganization = (0, import_vue74.defineComponent)({
           }
         });
       }
-      return (0, import_vue74.h)(Card_default, { class: [cls2(""), props.className].filter(Boolean).join(" ") }, () => [
-        (0, import_vue74.h)(Typography_default, { class: cls2("__title"), variant: "h6" }, () => props.title),
-        props.description ? (0, import_vue74.h)(Typography_default, { class: cls2("__description"), variant: "body2" }, () => props.description) : null,
-        error.value ? (0, import_vue74.h)(Alert_default, { class: cls2("__error"), severity: "error" }, () => error.value) : null,
-        (0, import_vue74.h)(TextField_default, {
+      return (0, import_vue79.h)(Card_default, { class: [cls2(""), props.className].filter(Boolean).join(" ") }, () => [
+        (0, import_vue79.h)(Typography_default, { class: cls2("__title"), variant: "h6" }, () => props.title),
+        props.description ? (0, import_vue79.h)(Typography_default, { class: cls2("__description"), variant: "body2" }, () => props.description) : null,
+        error.value ? (0, import_vue79.h)(Alert_default, { class: cls2("__error"), severity: "error" }, () => error.value) : null,
+        (0, import_vue79.h)(TextField_default, {
           class: cls2("__input"),
           label: "Organization Name",
           modelValue: orgName.value,
@@ -10721,7 +11463,7 @@ var BaseCreateOrganization = (0, import_vue74.defineComponent)({
           },
           placeholder: "Enter organization name"
         }),
-        (0, import_vue74.h)(
+        (0, import_vue79.h)(
           Button_default,
           {
             class: cls2("__submit"),
@@ -10740,7 +11482,7 @@ var BaseCreateOrganization = (0, import_vue74.defineComponent)({
 var BaseCreateOrganization_default = BaseCreateOrganization;
 
 // src/components/presentation/create-organization/CreateOrganization.ts
-var CreateOrganization = (0, import_vue75.defineComponent)({
+var CreateOrganization = (0, import_vue80.defineComponent)({
   name: "CreateOrganization",
   props: {
     className: { default: "", type: String },
@@ -10749,10 +11491,10 @@ var CreateOrganization = (0, import_vue75.defineComponent)({
   },
   setup(props, { slots }) {
     const { createOrganization } = useOrganization_default();
-    return () => (0, import_vue75.h)(
+    return () => (0, import_vue80.h)(
       BaseCreateOrganization_default,
       {
-        class: (0, import_browser62.withVendorCSSClassPrefix)("create-organization--styled"),
+        class: (0, import_browser67.withVendorCSSClassPrefix)("create-organization--styled"),
         className: props.className,
         description: props.description,
         onCreate: createOrganization ? async (name) => {
@@ -10767,14 +11509,14 @@ var CreateOrganization = (0, import_vue75.defineComponent)({
 var CreateOrganization_default = CreateOrganization;
 
 // src/components/presentation/language-switcher/LanguageSwitcher.ts
-var import_browser64 = require("@asgardeo/browser");
-var import_vue77 = require("vue");
+var import_browser69 = require("@asgardeo/browser");
+var import_vue82 = require("vue");
 
 // src/components/presentation/language-switcher/BaseLanguageSwitcher.ts
-var import_browser63 = require("@asgardeo/browser");
-var import_vue76 = require("vue");
-var cls3 = (name) => (0, import_browser63.withVendorCSSClassPrefix)(`language-switcher${name}`);
-var BaseLanguageSwitcher = (0, import_vue76.defineComponent)({
+var import_browser68 = require("@asgardeo/browser");
+var import_vue81 = require("vue");
+var cls3 = (name) => (0, import_browser68.withVendorCSSClassPrefix)(`language-switcher${name}`);
+var BaseLanguageSwitcher = (0, import_vue81.defineComponent)({
   name: "BaseLanguageSwitcher",
   props: {
     className: { default: "", type: String },
@@ -10783,7 +11525,7 @@ var BaseLanguageSwitcher = (0, import_vue76.defineComponent)({
     onLanguageChange: { default: void 0, type: Function }
   },
   setup(props, { slots }) {
-    const isOpen = (0, import_vue76.ref)(false);
+    const isOpen = (0, import_vue81.ref)(false);
     const toggle = () => {
       isOpen.value = !isOpen.value;
     };
@@ -10802,7 +11544,7 @@ var BaseLanguageSwitcher = (0, import_vue76.defineComponent)({
         });
       }
       const currentLabel = props.languages.find((l) => l.value === props.currentLanguage)?.label ?? props.currentLanguage;
-      const triggerButton = (0, import_vue76.h)(
+      const triggerButton = (0, import_vue81.h)(
         "button",
         {
           "aria-expanded": isOpen.value,
@@ -10812,14 +11554,14 @@ var BaseLanguageSwitcher = (0, import_vue76.defineComponent)({
           type: "button"
         },
         [
-          (0, import_vue76.h)(GlobeIcon, { size: 16 }),
-          (0, import_vue76.h)(Typography_default, { class: cls3("__trigger-label"), variant: "body2" }, () => currentLabel),
-          (0, import_vue76.h)(ChevronDownIcon, { size: 12 })
+          (0, import_vue81.h)(GlobeIcon, { size: 16 }),
+          (0, import_vue81.h)(Typography_default, { class: cls3("__trigger-label"), variant: "body2" }, () => currentLabel),
+          (0, import_vue81.h)(ChevronDownIcon, { size: 12 })
         ]
       );
       const dropdownItems = props.languages.map((lang) => {
         const isActive = lang.value === props.currentLanguage;
-        return (0, import_vue76.h)(
+        return (0, import_vue81.h)(
           "button",
           {
             "aria-selected": isActive,
@@ -10828,18 +11570,18 @@ var BaseLanguageSwitcher = (0, import_vue76.defineComponent)({
             role: "option",
             type: "button"
           },
-          [(0, import_vue76.h)(Typography_default, { variant: "body2" }, () => lang.label)]
+          [(0, import_vue81.h)(Typography_default, { variant: "body2" }, () => lang.label)]
         );
       });
-      const dropdown = isOpen.value ? (0, import_vue76.h)("div", { class: cls3("__dropdown"), role: "listbox" }, dropdownItems) : null;
-      return (0, import_vue76.h)(Card_default, { class: [cls3(""), props.className].filter(Boolean).join(" ") }, () => [triggerButton, dropdown]);
+      const dropdown = isOpen.value ? (0, import_vue81.h)("div", { class: cls3("__dropdown"), role: "listbox" }, dropdownItems) : null;
+      return (0, import_vue81.h)(Card_default, { class: [cls3(""), props.className].filter(Boolean).join(" ") }, () => [triggerButton, dropdown]);
     };
   }
 });
 var BaseLanguageSwitcher_default = BaseLanguageSwitcher;
 
 // src/components/presentation/language-switcher/LanguageSwitcher.ts
-var LanguageSwitcher = (0, import_vue77.defineComponent)({
+var LanguageSwitcher = (0, import_vue82.defineComponent)({
   name: "LanguageSwitcher",
   props: {
     className: { default: "", type: String },
@@ -10855,10 +11597,10 @@ var LanguageSwitcher = (0, import_vue77.defineComponent)({
   },
   setup(props, { slots }) {
     const { currentLanguage, setLanguage } = useI18n_default();
-    return () => (0, import_vue77.h)(
+    return () => (0, import_vue82.h)(
       BaseLanguageSwitcher_default,
       {
-        class: (0, import_browser64.withVendorCSSClassPrefix)("language-switcher--styled"),
+        class: (0, import_browser69.withVendorCSSClassPrefix)("language-switcher--styled"),
         className: props.className,
         currentLanguage: currentLanguage?.value ?? "en",
         languages: props.languages,
@@ -10916,29 +11658,29 @@ var buildThemeConfigFromFlowMeta = (flowMetaTheme, colorScheme) => {
 var buildThemeConfigFromFlowMeta_default = buildThemeConfigFromFlowMeta;
 
 // src/index.ts
-var import_browser71 = require("@asgardeo/browser");
+var import_browser76 = require("@asgardeo/browser");
 
 // src/utils/handleWebAuthnAuthentication.ts
-var import_browser65 = require("@asgardeo/browser");
+var import_browser70 = require("@asgardeo/browser");
 
 // src/utils/hasAuthParamsInUrl.ts
-var import_browser66 = require("@asgardeo/browser");
+var import_browser71 = require("@asgardeo/browser");
 
 // src/utils/navigate.ts
-var import_browser67 = require("@asgardeo/browser");
+var import_browser72 = require("@asgardeo/browser");
 
 // src/utils/http.ts
-var import_browser68 = require("@asgardeo/browser");
+var import_browser73 = require("@asgardeo/browser");
 
 // src/router/guard.ts
-var import_vue78 = require("vue");
-var logger7 = createVueLogger("Guard");
+var import_vue83 = require("vue");
+var logger8 = createVueLogger("Guard");
 var createAsgardeoGuard = (options = {}) => {
   const { redirectTo = "/", waitForInit = true, initTimeout = 1e4 } = options;
   return async (_to, _from, next) => {
-    const ctx = (0, import_vue78.inject)(ASGARDEO_KEY);
+    const ctx = (0, import_vue83.inject)(ASGARDEO_KEY);
     if (!ctx) {
-      logger7.error(
+      logger8.error(
         "createAsgardeoGuard: Asgardeo context not found. Ensure the AsgardeoPlugin is installed before using the router guard."
       );
       next({ path: redirectTo });
@@ -10983,13 +11725,13 @@ var createAsgardeoGuard = (options = {}) => {
 };
 
 // src/router/callbackRoute.ts
-var import_vue79 = require("vue");
+var import_vue84 = require("vue");
 var createCallbackRoute = (options = {}) => {
   const { path = "/callback", name, onError } = options;
-  const CallbackWrapper = (0, import_vue79.defineComponent)({
+  const CallbackWrapper = (0, import_vue84.defineComponent)({
     name: "AsgardeoCallbackRoute",
     setup() {
-      return () => (0, import_vue79.h)(Callback_default, {
+      return () => (0, import_vue84.h)(Callback_default, {
         ...onError && { onError }
       });
     }
@@ -11003,11 +11745,11 @@ var createCallbackRoute = (options = {}) => {
 };
 
 // src/theme/getActiveTheme.ts
-var import_browser69 = require("@asgardeo/browser");
+var import_browser74 = require("@asgardeo/browser");
 
 // src/theme/themeDetection.ts
-var import_browser70 = require("@asgardeo/browser");
+var import_browser75 = require("@asgardeo/browser");
 
 // src/index.ts
-var import_browser72 = require("@asgardeo/browser");
+var import_browser77 = require("@asgardeo/browser");
 //# sourceMappingURL=index.js.map