@asgardeo/vue 0.2.4 → 0.3.0

package/dist/cjs/index.js

@@ -145,6 +145,7 @@ __export(index_exports, {
   useFlowMeta: () => useFlowMeta_default,
   useI18n: () => useI18n_default,
   useOAuthCallback: () => useOAuthCallback,
+  useOAuthCallbackV2: () => useOAuthCallback2,
   useOrganization: () => useOrganization_default,
   useTheme: () => useTheme_default,
   useUser: () => useUser_default,
@@ -1462,7 +1463,7 @@ var AsgardeoVueClient = class extends import_browser12.AsgardeoBrowserClient {
       if (isV2Platform && typeof arg1 === "object" && arg1 !== null && arg1.callOnlyOnRedirect === true) {
         return void 0;
       }
-      if (isV2Platform && typeof arg1 === "object" && arg1 !== null && !(0, import_browser12.isEmpty)(arg1) && ("flowId" in arg1 || "applicationId" in arg1)) {
+      if (isV2Platform && typeof arg1 === "object" && arg1 !== null && !(0, import_browser12.isEmpty)(arg1) && ("executionId" in arg1 || "applicationId" in arg1)) {
         const authIdFromUrl = new URL(window.location.href).searchParams.get("authId");
         const authIdFromStorage = sessionStorage.getItem("asgardeo_auth_id");
         const authId = authIdFromUrl || authIdFromStorage;
@@ -1734,7 +1735,7 @@ var AsgardeoProvider = (0, import_vue8.defineComponent)({
     async function signIn(...args) {
       const arg1 = args[0];
       const config = buildConfig();
-      const isV2FlowRequest = config.platform === import_browser13.Platform.AsgardeoV2 && typeof arg1 === "object" && arg1 !== null && ("flowId" in arg1 || "applicationId" in arg1);
+      const isV2FlowRequest = config.platform === import_browser13.Platform.AsgardeoV2 && typeof arg1 === "object" && arg1 !== null && ("executionId" in arg1 || "applicationId" in arg1);
       try {
         if (!isV2FlowRequest) {
           isUpdatingSession = true;
@@ -1877,9 +1878,9 @@ var AsgardeoProvider = (0, import_vue8.defineComponent)({
             if (isV2Platform) {
               const urlParams = currentUrl.searchParams;
               const code = urlParams.get("code");
-              const flowIdFromUrl = urlParams.get("flowId");
-              const storedFlowId = sessionStorage.getItem("asgardeo_flow_id");
-              if (code && !flowIdFromUrl && !storedFlowId) {
+              const executionIdFromUrl = urlParams.get("executionId");
+              const storedExecutionId = sessionStorage.getItem("asgardeo_execution_id");
+              if (code && !executionIdFromUrl && !storedExecutionId) {
                 await signIn();
               }
             } else {
@@ -4331,10 +4332,111 @@ function useOAuthCallback({
   );
 }
 
+// src/composables/v2/useOAuthCallback.ts
+var import_vue18 = require("vue");
+function cleanupUrlParams2() {
+  if (typeof window === "undefined") return;
+  const url = new URL(window.location.href);
+  url.searchParams.delete("code");
+  url.searchParams.delete("nonce");
+  url.searchParams.delete("state");
+  url.searchParams.delete("error");
+  url.searchParams.delete("error_description");
+  window.history.replaceState({}, "", url.toString());
+}
+function useOAuthCallback2({
+  currentExecutionId,
+  executionIdStorageKey = "asgardeo_execution_id",
+  isInitialized,
+  isSubmitting,
+  onComplete,
+  onError,
+  onFlowChange,
+  onProcessingStart,
+  onSubmit,
+  processedFlag,
+  setExecutionId,
+  tokenValidationAttemptedFlag
+}) {
+  const internalFlag = { value: false };
+  const oauthCodeProcessedFlag = processedFlag ?? internalFlag;
+  const tokenValidationFlag = tokenValidationAttemptedFlag;
+  (0, import_vue18.watch)(
+    () => [isInitialized.value, currentExecutionId.value, isSubmitting?.value],
+    ([initialized, , submitting]) => {
+      if (!initialized || submitting) {
+        return;
+      }
+      const urlParams = new URLSearchParams(window.location.search);
+      const code = urlParams.get("code");
+      const nonce = urlParams.get("nonce");
+      const state = urlParams.get("state");
+      const executionIdFromUrl = urlParams.get("executionId");
+      const error = urlParams.get("error");
+      const errorDescription = urlParams.get("error_description");
+      if (error) {
+        oauthCodeProcessedFlag.value = true;
+        if (tokenValidationFlag) {
+          tokenValidationFlag.value = true;
+        }
+        onError?.(new Error(errorDescription || error || "OAuth authentication failed"));
+        cleanupUrlParams2();
+        return;
+      }
+      if (!code || oauthCodeProcessedFlag.value) {
+        return;
+      }
+      if (tokenValidationFlag?.value) {
+        return;
+      }
+      const storedExecutionId = sessionStorage.getItem(executionIdStorageKey);
+      const executionIdToUse = currentExecutionId.value || storedExecutionId || executionIdFromUrl || state || null;
+      if (!executionIdToUse) {
+        oauthCodeProcessedFlag.value = true;
+        onError?.(new Error("Invalid flow. Missing executionId."));
+        cleanupUrlParams2();
+        return;
+      }
+      oauthCodeProcessedFlag.value = true;
+      if (tokenValidationFlag) {
+        tokenValidationFlag.value = true;
+      }
+      onProcessingStart?.();
+      if (!currentExecutionId.value && setExecutionId) {
+        setExecutionId(executionIdToUse);
+      }
+      (async () => {
+        try {
+          const payload = {
+            executionId: executionIdToUse,
+            inputs: {
+              code,
+              ...nonce && { nonce }
+            }
+          };
+          const response = await onSubmit(payload);
+          onFlowChange?.(response);
+          if (response?.flowStatus === "COMPLETE" || response?.status === "COMPLETE") {
+            onComplete?.();
+          }
+          if (response?.flowStatus === "ERROR" || response?.status === "ERROR") {
+            onError?.(response);
+          }
+          cleanupUrlParams2();
+        } catch (err) {
+          onError?.(err);
+          cleanupUrlParams2();
+        }
+      })();
+    },
+    { immediate: true }
+  );
+}
+
 // src/components/primitives/Button/Button.ts
 var import_browser15 = require("@asgardeo/browser");
-var import_vue18 = require("vue");
-var Button = (0, import_vue18.defineComponent)({
+var import_vue19 = require("vue");
+var Button = (0, import_vue19.defineComponent)({
   emits: ["click"],
   name: "Button",
   props: {
@@ -4371,7 +4473,7 @@ var Button = (0, import_vue18.defineComponent)({
         props.loading ? (0, import_browser15.withVendorCSSClassPrefix)("button--loading") : "",
         attrs["class"] || ""
       ].filter(Boolean).join(" ");
-      return (0, import_vue18.h)(
+      return (0, import_vue19.h)(
         "button",
         {
           class: cssClass,
@@ -4381,10 +4483,10 @@ var Button = (0, import_vue18.defineComponent)({
           type: props.type
         },
         [
-          props.startIcon ? (0, import_vue18.h)("span", { class: (0, import_browser15.withVendorCSSClassPrefix)("button__start-icon") }, [props.startIcon]) : null,
-          (0, import_vue18.h)("span", { class: (0, import_browser15.withVendorCSSClassPrefix)("button__content") }, slots["default"]?.()),
-          props.endIcon ? (0, import_vue18.h)("span", { class: (0, import_browser15.withVendorCSSClassPrefix)("button__end-icon") }, [props.endIcon]) : null,
-          props.loading ? (0, import_vue18.h)("span", { "aria-hidden": "true", class: (0, import_browser15.withVendorCSSClassPrefix)("button__spinner") }) : null
+          props.startIcon ? (0, import_vue19.h)("span", { class: (0, import_browser15.withVendorCSSClassPrefix)("button__start-icon") }, [props.startIcon]) : null,
+          (0, import_vue19.h)("span", { class: (0, import_browser15.withVendorCSSClassPrefix)("button__content") }, slots["default"]?.()),
+          props.endIcon ? (0, import_vue19.h)("span", { class: (0, import_browser15.withVendorCSSClassPrefix)("button__end-icon") }, [props.endIcon]) : null,
+          props.loading ? (0, import_vue19.h)("span", { "aria-hidden": "true", class: (0, import_browser15.withVendorCSSClassPrefix)("button__spinner") }) : null
         ]
       );
     };
@@ -4394,8 +4496,8 @@ var Button_default = Button;
 
 // src/components/primitives/Card/Card.ts
 var import_browser16 = require("@asgardeo/browser");
-var import_vue19 = require("vue");
-var Card = (0, import_vue19.defineComponent)({
+var import_vue20 = require("vue");
+var Card = (0, import_vue20.defineComponent)({
   name: "Card",
   props: {
     variant: {
@@ -4404,7 +4506,7 @@ var Card = (0, import_vue19.defineComponent)({
     }
   },
   setup(props, { slots, attrs }) {
-    return () => (0, import_vue19.h)(
+    return () => (0, import_vue20.h)(
       "div",
       {
         class: [
@@ -4422,8 +4524,8 @@ var Card_default = Card;
 
 // src/components/primitives/Alert/Alert.ts
 var import_browser17 = require("@asgardeo/browser");
-var import_vue20 = require("vue");
-var Alert = (0, import_vue20.defineComponent)({
+var import_vue21 = require("vue");
+var Alert = (0, import_vue21.defineComponent)({
   emits: ["dismiss"],
   name: "Alert",
   props: {
@@ -4434,7 +4536,7 @@ var Alert = (0, import_vue20.defineComponent)({
     }
   },
   setup(props, { slots, emit, attrs }) {
-    return () => (0, import_vue20.h)(
+    return () => (0, import_vue21.h)(
       "div",
       {
         class: [
@@ -4446,8 +4548,8 @@ var Alert = (0, import_vue20.defineComponent)({
         style: attrs["style"]
       },
       [
-        (0, import_vue20.h)("div", { class: (0, import_browser17.withVendorCSSClassPrefix)("alert__content") }, slots["default"]?.()),
-        props.dismissible ? (0, import_vue20.h)(
+        (0, import_vue21.h)("div", { class: (0, import_browser17.withVendorCSSClassPrefix)("alert__content") }, slots["default"]?.()),
+        props.dismissible ? (0, import_vue21.h)(
           "button",
           {
             "aria-label": "Dismiss",
@@ -4465,8 +4567,8 @@ var Alert_default = Alert;
 
 // src/components/primitives/TextField/TextField.ts
 var import_browser18 = require("@asgardeo/browser");
-var import_vue21 = require("vue");
-var TextField = (0, import_vue21.defineComponent)({
+var import_vue22 = require("vue");
+var TextField = (0, import_vue22.defineComponent)({
   emits: ["update:modelValue", "blur"],
   name: "TextField",
   props: {
@@ -4494,14 +4596,14 @@ var TextField = (0, import_vue21.defineComponent)({
       ].filter(Boolean).join(" ");
       let helperContent;
       if (hasError) {
-        helperContent = (0, import_vue21.h)("span", { class: (0, import_browser18.withVendorCSSClassPrefix)("text-field__error") }, props.error);
+        helperContent = (0, import_vue22.h)("span", { class: (0, import_browser18.withVendorCSSClassPrefix)("text-field__error") }, props.error);
       } else if (props.helperText) {
-        helperContent = (0, import_vue21.h)("span", { class: (0, import_browser18.withVendorCSSClassPrefix)("text-field__helper") }, props.helperText);
+        helperContent = (0, import_vue22.h)("span", { class: (0, import_browser18.withVendorCSSClassPrefix)("text-field__helper") }, props.helperText);
       } else {
         helperContent = null;
       }
-      return (0, import_vue21.h)("div", { class: wrapperClass, style: attrs["style"] }, [
-        props.label ? (0, import_vue21.h)(
+      return (0, import_vue22.h)("div", { class: wrapperClass, style: attrs["style"] }, [
+        props.label ? (0, import_vue22.h)(
           "label",
           {
             class: (0, import_browser18.withVendorCSSClassPrefix)("text-field__label"),
@@ -4509,10 +4611,10 @@ var TextField = (0, import_vue21.defineComponent)({
           },
           [
             props.label,
-            props.required ? (0, import_vue21.h)("span", { class: (0, import_browser18.withVendorCSSClassPrefix)("text-field__required") }, " *") : null
+            props.required ? (0, import_vue22.h)("span", { class: (0, import_browser18.withVendorCSSClassPrefix)("text-field__required") }, " *") : null
           ]
         ) : null,
-        (0, import_vue21.h)("input", {
+        (0, import_vue22.h)("input", {
           autocomplete: props.autoComplete,
           class: (0, import_browser18.withVendorCSSClassPrefix)("text-field__input"),
           "data-testid": attrs["data-testid"],
@@ -4535,10 +4637,10 @@ var TextField_default = TextField;
 
 // src/components/primitives/PasswordField/PasswordField.ts
 var import_browser19 = require("@asgardeo/browser");
-var import_vue23 = require("vue");
+var import_vue24 = require("vue");
 
 // src/components/primitives/Icons.ts
-var import_vue22 = require("vue");
+var import_vue23 = require("vue");
 var defaultProps = {
   fill: "none",
   height: "16",
@@ -4550,63 +4652,63 @@ var defaultProps = {
   width: "16",
   xmlns: "http://www.w3.org/2000/svg"
 };
-var icon = (paths) => (0, import_vue22.h)("svg", { ...defaultProps }, paths);
-var CheckIcon = () => icon([(0, import_vue22.h)("polyline", { points: "20 6 9 17 4 12" })]);
-var XIcon = () => icon([(0, import_vue22.h)("line", { x1: "18", x2: "6", y1: "6", y2: "18" }), (0, import_vue22.h)("line", { x1: "6", x2: "18", y1: "6", y2: "18" })]);
-var EyeIcon = () => icon([(0, import_vue22.h)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), (0, import_vue22.h)("circle", { cx: "12", cy: "12", r: "3" })]);
+var icon = (paths) => (0, import_vue23.h)("svg", { ...defaultProps }, paths);
+var CheckIcon = () => icon([(0, import_vue23.h)("polyline", { points: "20 6 9 17 4 12" })]);
+var XIcon = () => icon([(0, import_vue23.h)("line", { x1: "18", x2: "6", y1: "6", y2: "18" }), (0, import_vue23.h)("line", { x1: "6", x2: "18", y1: "6", y2: "18" })]);
+var EyeIcon = () => icon([(0, import_vue23.h)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), (0, import_vue23.h)("circle", { cx: "12", cy: "12", r: "3" })]);
 var EyeOffIcon = () => icon([
-  (0, import_vue22.h)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
-  (0, import_vue22.h)("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
-  (0, import_vue22.h)("line", { x1: "1", x2: "23", y1: "1", y2: "23" })
+  (0, import_vue23.h)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
+  (0, import_vue23.h)("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
+  (0, import_vue23.h)("line", { x1: "1", x2: "23", y1: "1", y2: "23" })
 ]);
 var CircleAlertIcon = () => icon([
-  (0, import_vue22.h)("circle", { cx: "12", cy: "12", r: "10" }),
-  (0, import_vue22.h)("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
-  (0, import_vue22.h)("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+  (0, import_vue23.h)("circle", { cx: "12", cy: "12", r: "10" }),
+  (0, import_vue23.h)("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
+  (0, import_vue23.h)("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
 ]);
-var CircleCheckIcon = () => icon([(0, import_vue22.h)("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), (0, import_vue22.h)("polyline", { points: "22 4 12 14.01 9 11.01" })]);
+var CircleCheckIcon = () => icon([(0, import_vue23.h)("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), (0, import_vue23.h)("polyline", { points: "22 4 12 14.01 9 11.01" })]);
 var InfoIcon = () => icon([
-  (0, import_vue22.h)("circle", { cx: "12", cy: "12", r: "10" }),
-  (0, import_vue22.h)("line", { x1: "12", x2: "12", y1: "16", y2: "12" }),
-  (0, import_vue22.h)("line", { x1: "12", x2: "12.01", y1: "8", y2: "8" })
+  (0, import_vue23.h)("circle", { cx: "12", cy: "12", r: "10" }),
+  (0, import_vue23.h)("line", { x1: "12", x2: "12", y1: "16", y2: "12" }),
+  (0, import_vue23.h)("line", { x1: "12", x2: "12.01", y1: "8", y2: "8" })
 ]);
 var TriangleAlertIcon = () => icon([
-  (0, import_vue22.h)("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
-  (0, import_vue22.h)("line", { x1: "12", x2: "12", y1: "9", y2: "13" }),
-  (0, import_vue22.h)("line", { x1: "12", x2: "12.01", y1: "17", y2: "17" })
+  (0, import_vue23.h)("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+  (0, import_vue23.h)("line", { x1: "12", x2: "12", y1: "9", y2: "13" }),
+  (0, import_vue23.h)("line", { x1: "12", x2: "12.01", y1: "17", y2: "17" })
 ]);
-var PlusIcon = () => icon([(0, import_vue22.h)("line", { x1: "12", x2: "12", y1: "5", y2: "19" }), (0, import_vue22.h)("line", { x1: "5", x2: "19", y1: "12", y2: "12" })]);
+var PlusIcon = () => icon([(0, import_vue23.h)("line", { x1: "12", x2: "12", y1: "5", y2: "19" }), (0, import_vue23.h)("line", { x1: "5", x2: "19", y1: "12", y2: "12" })]);
 var LogOutIcon = () => icon([
-  (0, import_vue22.h)("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
-  (0, import_vue22.h)("polyline", { points: "16 17 21 12 16 7" }),
-  (0, import_vue22.h)("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
+  (0, import_vue23.h)("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+  (0, import_vue23.h)("polyline", { points: "16 17 21 12 16 7" }),
+  (0, import_vue23.h)("line", { x1: "21", x2: "9", y1: "12", y2: "12" })
 ]);
-var UserIcon = () => icon([(0, import_vue22.h)("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }), (0, import_vue22.h)("circle", { cx: "12", cy: "7", r: "4" })]);
+var UserIcon = () => icon([(0, import_vue23.h)("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }), (0, import_vue23.h)("circle", { cx: "12", cy: "7", r: "4" })]);
 var ArrowLeftRightIcon = () => icon([
-  (0, import_vue22.h)("polyline", { points: "7 16 3 12 7 8" }),
-  (0, import_vue22.h)("line", { x1: "21", x2: "3", y1: "12", y2: "12" }),
-  (0, import_vue22.h)("polyline", { points: "17 8 21 12 17 16" })
+  (0, import_vue23.h)("polyline", { points: "7 16 3 12 7 8" }),
+  (0, import_vue23.h)("line", { x1: "21", x2: "3", y1: "12", y2: "12" }),
+  (0, import_vue23.h)("polyline", { points: "17 8 21 12 17 16" })
 ]);
 var BuildingIcon = () => icon([
-  (0, import_vue22.h)("rect", { height: "20", rx: "2", ry: "2", width: "16", x: "4", y: "2" }),
-  (0, import_vue22.h)("line", { x1: "9", x2: "9", y1: "6", y2: "6.01" }),
-  (0, import_vue22.h)("line", { x1: "15", x2: "15", y1: "6", y2: "6.01" }),
-  (0, import_vue22.h)("line", { x1: "9", x2: "9", y1: "10", y2: "10.01" }),
-  (0, import_vue22.h)("line", { x1: "15", x2: "15", y1: "10", y2: "10.01" }),
-  (0, import_vue22.h)("line", { x1: "9", x2: "9", y1: "14", y2: "14.01" }),
-  (0, import_vue22.h)("line", { x1: "15", x2: "15", y1: "14", y2: "14.01" }),
-  (0, import_vue22.h)("line", { x1: "9", x2: "15", y1: "18", y2: "18" })
+  (0, import_vue23.h)("rect", { height: "20", rx: "2", ry: "2", width: "16", x: "4", y: "2" }),
+  (0, import_vue23.h)("line", { x1: "9", x2: "9", y1: "6", y2: "6.01" }),
+  (0, import_vue23.h)("line", { x1: "15", x2: "15", y1: "6", y2: "6.01" }),
+  (0, import_vue23.h)("line", { x1: "9", x2: "9", y1: "10", y2: "10.01" }),
+  (0, import_vue23.h)("line", { x1: "15", x2: "15", y1: "10", y2: "10.01" }),
+  (0, import_vue23.h)("line", { x1: "9", x2: "9", y1: "14", y2: "14.01" }),
+  (0, import_vue23.h)("line", { x1: "15", x2: "15", y1: "14", y2: "14.01" }),
+  (0, import_vue23.h)("line", { x1: "9", x2: "15", y1: "18", y2: "18" })
 ]);
-var ChevronDownIcon = () => icon([(0, import_vue22.h)("polyline", { points: "6 9 12 15 18 9" })]);
+var ChevronDownIcon = () => icon([(0, import_vue23.h)("polyline", { points: "6 9 12 15 18 9" })]);
 var GlobeIcon = () => icon([
-  (0, import_vue22.h)("circle", { cx: "12", cy: "12", r: "10" }),
-  (0, import_vue22.h)("line", { x1: "2", x2: "22", y1: "12", y2: "12" }),
-  (0, import_vue22.h)("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+  (0, import_vue23.h)("circle", { cx: "12", cy: "12", r: "10" }),
+  (0, import_vue23.h)("line", { x1: "2", x2: "22", y1: "12", y2: "12" }),
+  (0, import_vue23.h)("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
 ]);
-var PencilIcon = () => icon([(0, import_vue22.h)("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })]);
+var PencilIcon = () => icon([(0, import_vue23.h)("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })]);
 
 // src/components/primitives/PasswordField/PasswordField.ts
-var PasswordField = (0, import_vue23.defineComponent)({
+var PasswordField = (0, import_vue24.defineComponent)({
   emits: ["update:modelValue", "blur"],
   name: "PasswordField",
   props: {
@@ -4619,7 +4721,7 @@ var PasswordField = (0, import_vue23.defineComponent)({
     required: { default: false, type: Boolean }
   },
   setup(props, { emit, attrs }) {
-    const visible = (0, import_vue23.ref)(false);
+    const visible = (0, import_vue24.ref)(false);
     return () => {
       const hasError = !!props.error;
       const wrapperClass = [
@@ -4627,8 +4729,8 @@ var PasswordField = (0, import_vue23.defineComponent)({
         hasError ? (0, import_browser19.withVendorCSSClassPrefix)("password-field--error") : "",
         attrs["class"] || ""
       ].filter(Boolean).join(" ");
-      return (0, import_vue23.h)("div", { class: wrapperClass, style: attrs["style"] }, [
-        props.label ? (0, import_vue23.h)(
+      return (0, import_vue24.h)("div", { class: wrapperClass, style: attrs["style"] }, [
+        props.label ? (0, import_vue24.h)(
           "label",
           {
             class: (0, import_browser19.withVendorCSSClassPrefix)("password-field__label"),
@@ -4636,11 +4738,11 @@ var PasswordField = (0, import_vue23.defineComponent)({
           },
           [
             props.label,
-            props.required ? (0, import_vue23.h)("span", { class: (0, import_browser19.withVendorCSSClassPrefix)("password-field__required") }, " *") : null
+            props.required ? (0, import_vue24.h)("span", { class: (0, import_browser19.withVendorCSSClassPrefix)("password-field__required") }, " *") : null
           ]
         ) : null,
-        (0, import_vue23.h)("div", { class: (0, import_browser19.withVendorCSSClassPrefix)("password-field__wrapper") }, [
-          (0, import_vue23.h)("input", {
+        (0, import_vue24.h)("div", { class: (0, import_browser19.withVendorCSSClassPrefix)("password-field__wrapper") }, [
+          (0, import_vue24.h)("input", {
             class: (0, import_browser19.withVendorCSSClassPrefix)("password-field__input"),
             "data-testid": attrs["data-testid"],
             disabled: props.disabled,
@@ -4653,7 +4755,7 @@ var PasswordField = (0, import_vue23.defineComponent)({
             type: visible.value ? "text" : "password",
             value: props.modelValue
           }),
-          (0, import_vue23.h)(
+          (0, import_vue24.h)(
             "button",
             {
               "aria-label": visible.value ? "Hide password" : "Show password",
@@ -4667,7 +4769,7 @@ var PasswordField = (0, import_vue23.defineComponent)({
             visible.value ? EyeOffIcon() : EyeIcon()
           )
         ]),
-        hasError ? (0, import_vue23.h)("span", { class: (0, import_browser19.withVendorCSSClassPrefix)("password-field__error") }, props.error) : null
+        hasError ? (0, import_vue24.h)("span", { class: (0, import_browser19.withVendorCSSClassPrefix)("password-field__error") }, props.error) : null
       ]);
     };
   }
@@ -4676,8 +4778,8 @@ var PasswordField_default = PasswordField;
 
 // src/components/primitives/Select/Select.ts
 var import_browser20 = require("@asgardeo/browser");
-var import_vue24 = require("vue");
-var Select = (0, import_vue24.defineComponent)({
+var import_vue25 = require("vue");
+var Select = (0, import_vue25.defineComponent)({
   emits: ["update:modelValue"],
   name: "AsgardeoSelect",
   props: {
@@ -4701,18 +4803,18 @@ var Select = (0, import_vue24.defineComponent)({
       ].filter(Boolean).join(" ");
       let helperContent;
       if (hasError) {
-        helperContent = (0, import_vue24.h)("span", { class: (0, import_browser20.withVendorCSSClassPrefix)("select__error") }, props.error);
+        helperContent = (0, import_vue25.h)("span", { class: (0, import_browser20.withVendorCSSClassPrefix)("select__error") }, props.error);
       } else if (props.helperText) {
-        helperContent = (0, import_vue24.h)("span", { class: (0, import_browser20.withVendorCSSClassPrefix)("select__helper") }, props.helperText);
+        helperContent = (0, import_vue25.h)("span", { class: (0, import_browser20.withVendorCSSClassPrefix)("select__helper") }, props.helperText);
       } else {
         helperContent = null;
       }
-      return (0, import_vue24.h)("div", { class: wrapperClass, style: attrs["style"] }, [
-        props.label ? (0, import_vue24.h)("label", { class: (0, import_browser20.withVendorCSSClassPrefix)("select__label"), for: props.name }, [
+      return (0, import_vue25.h)("div", { class: wrapperClass, style: attrs["style"] }, [
+        props.label ? (0, import_vue25.h)("label", { class: (0, import_browser20.withVendorCSSClassPrefix)("select__label"), for: props.name }, [
           props.label,
-          props.required ? (0, import_vue24.h)("span", { class: (0, import_browser20.withVendorCSSClassPrefix)("select__required") }, " *") : null
+          props.required ? (0, import_vue25.h)("span", { class: (0, import_browser20.withVendorCSSClassPrefix)("select__required") }, " *") : null
         ]) : null,
-        (0, import_vue24.h)(
+        (0, import_vue25.h)(
           "select",
           {
             class: (0, import_browser20.withVendorCSSClassPrefix)("select__input"),
@@ -4725,8 +4827,8 @@ var Select = (0, import_vue24.defineComponent)({
             value: props.modelValue
           },
           [
-            props.placeholder ? (0, import_vue24.h)("option", { disabled: true, value: "" }, props.placeholder) : null,
-            ...props.options.map((opt) => (0, import_vue24.h)("option", { key: opt.value, value: opt.value }, opt.label))
+            props.placeholder ? (0, import_vue25.h)("option", { disabled: true, value: "" }, props.placeholder) : null,
+            ...props.options.map((opt) => (0, import_vue25.h)("option", { key: opt.value, value: opt.value }, opt.label))
           ]
         ),
         helperContent
@@ -4738,8 +4840,8 @@ var Select_default = Select;
 
 // src/components/primitives/Checkbox/Checkbox.ts
 var import_browser21 = require("@asgardeo/browser");
-var import_vue25 = require("vue");
-var Checkbox = (0, import_vue25.defineComponent)({
+var import_vue26 = require("vue");
+var Checkbox = (0, import_vue26.defineComponent)({
   emits: ["update:modelValue"],
   name: "AsgardeoCheckbox",
   props: {
@@ -4757,9 +4859,9 @@ var Checkbox = (0, import_vue25.defineComponent)({
         props.error ? (0, import_browser21.withVendorCSSClassPrefix)("checkbox--error") : "",
         attrs["class"] || ""
       ].filter(Boolean).join(" ");
-      return (0, import_vue25.h)("div", { class: wrapperClass, style: attrs["style"] }, [
-        (0, import_vue25.h)("label", { class: (0, import_browser21.withVendorCSSClassPrefix)("checkbox__wrapper") }, [
-          (0, import_vue25.h)("input", {
+      return (0, import_vue26.h)("div", { class: wrapperClass, style: attrs["style"] }, [
+        (0, import_vue26.h)("label", { class: (0, import_browser21.withVendorCSSClassPrefix)("checkbox__wrapper") }, [
+          (0, import_vue26.h)("input", {
             checked: props.modelValue,
             class: (0, import_browser21.withVendorCSSClassPrefix)("checkbox__input"),
             "data-testid": attrs["data-testid"],
@@ -4770,9 +4872,9 @@ var Checkbox = (0, import_vue25.defineComponent)({
             required: props.required,
             type: "checkbox"
           }),
-          props.label ? (0, import_vue25.h)("span", { class: (0, import_browser21.withVendorCSSClassPrefix)("checkbox__label") }, props.label) : null
+          props.label ? (0, import_vue26.h)("span", { class: (0, import_browser21.withVendorCSSClassPrefix)("checkbox__label") }, props.label) : null
         ]),
-        props.error ? (0, import_vue25.h)("span", { class: (0, import_browser21.withVendorCSSClassPrefix)("checkbox__error") }, props.error) : null
+        props.error ? (0, import_vue26.h)("span", { class: (0, import_browser21.withVendorCSSClassPrefix)("checkbox__error") }, props.error) : null
       ]);
     };
   }
@@ -4781,8 +4883,8 @@ var Checkbox_default = Checkbox;
 
 // src/components/primitives/DatePicker/DatePicker.ts
 var import_browser22 = require("@asgardeo/browser");
-var import_vue26 = require("vue");
-var DatePicker = (0, import_vue26.defineComponent)({
+var import_vue27 = require("vue");
+var DatePicker = (0, import_vue27.defineComponent)({
   emits: ["update:modelValue"],
   name: "AsgardeoDatePicker",
   props: {
@@ -4802,12 +4904,12 @@ var DatePicker = (0, import_vue26.defineComponent)({
         hasError ? (0, import_browser22.withVendorCSSClassPrefix)("date-picker--error") : "",
         attrs["class"] || ""
       ].filter(Boolean).join(" ");
-      return (0, import_vue26.h)("div", { class: wrapperClass, style: attrs["style"] }, [
-        props.label ? (0, import_vue26.h)("label", { class: (0, import_browser22.withVendorCSSClassPrefix)("date-picker__label"), for: props.name }, [
+      return (0, import_vue27.h)("div", { class: wrapperClass, style: attrs["style"] }, [
+        props.label ? (0, import_vue27.h)("label", { class: (0, import_browser22.withVendorCSSClassPrefix)("date-picker__label"), for: props.name }, [
           props.label,
-          props.required ? (0, import_vue26.h)("span", { class: (0, import_browser22.withVendorCSSClassPrefix)("date-picker__required") }, " *") : null
+          props.required ? (0, import_vue27.h)("span", { class: (0, import_browser22.withVendorCSSClassPrefix)("date-picker__required") }, " *") : null
         ]) : null,
-        (0, import_vue26.h)("input", {
+        (0, import_vue27.h)("input", {
           class: (0, import_browser22.withVendorCSSClassPrefix)("date-picker__input"),
           "data-testid": attrs["data-testid"],
           disabled: props.disabled,
@@ -4819,7 +4921,7 @@ var DatePicker = (0, import_vue26.defineComponent)({
           type: "date",
           value: props.modelValue
         }),
-        hasError ? (0, import_vue26.h)("span", { class: (0, import_browser22.withVendorCSSClassPrefix)("date-picker__error") }, props.error) : null
+        hasError ? (0, import_vue27.h)("span", { class: (0, import_browser22.withVendorCSSClassPrefix)("date-picker__error") }, props.error) : null
       ]);
     };
   }
@@ -4828,8 +4930,8 @@ var DatePicker_default = DatePicker;
 
 // src/components/primitives/OtpField/OtpField.ts
 var import_browser23 = require("@asgardeo/browser");
-var import_vue27 = require("vue");
-var OtpField = (0, import_vue27.defineComponent)({
+var import_vue28 = require("vue");
+var OtpField = (0, import_vue28.defineComponent)({
   emits: ["update:modelValue"],
   name: "OtpField",
   props: {
@@ -4842,7 +4944,7 @@ var OtpField = (0, import_vue27.defineComponent)({
     required: { default: false, type: Boolean }
   },
   setup(props, { emit, attrs }) {
-    const inputRefs = (0, import_vue27.ref)([]);
+    const inputRefs = (0, import_vue28.ref)([]);
     const setRef = (el, index) => {
       if (el) inputRefs.value[index] = el;
     };
@@ -4855,34 +4957,34 @@ var OtpField = (0, import_vue27.defineComponent)({
       current[index] = val;
       emit("update:modelValue", current.join(""));
       if (val && index < props.length - 1) {
-        (0, import_vue27.nextTick)(() => inputRefs.value[index + 1]?.focus());
+        (0, import_vue28.nextTick)(() => inputRefs.value[index + 1]?.focus());
       }
     };
     const handleKeydown = (index, e) => {
       if (e.key === "Backspace" && !e.target.value && index > 0) {
-        (0, import_vue27.nextTick)(() => inputRefs.value[index - 1]?.focus());
+        (0, import_vue28.nextTick)(() => inputRefs.value[index - 1]?.focus());
       }
     };
     return () => {
       const digits = (props.modelValue || "").split("");
       while (digits.length < props.length) digits.push("");
-      return (0, import_vue27.h)(
+      return (0, import_vue28.h)(
         "div",
         {
           class: [(0, import_browser23.withVendorCSSClassPrefix)("otp-field"), attrs["class"] || ""].filter(Boolean).join(" "),
           style: attrs["style"]
         },
         [
-          props.label ? (0, import_vue27.h)("label", { class: (0, import_browser23.withVendorCSSClassPrefix)("otp-field__label") }, [
+          props.label ? (0, import_vue28.h)("label", { class: (0, import_browser23.withVendorCSSClassPrefix)("otp-field__label") }, [
             props.label,
-            props.required ? (0, import_vue27.h)("span", { class: (0, import_browser23.withVendorCSSClassPrefix)("otp-field__required") }, " *") : null
+            props.required ? (0, import_vue28.h)("span", { class: (0, import_browser23.withVendorCSSClassPrefix)("otp-field__required") }, " *") : null
           ]) : null,
-          (0, import_vue27.h)(
+          (0, import_vue28.h)(
             "div",
             { class: (0, import_browser23.withVendorCSSClassPrefix)("otp-field__inputs") },
             Array.from(
               { length: props.length },
-              (_, i) => (0, import_vue27.h)("input", {
+              (_, i) => (0, import_vue28.h)("input", {
                 "aria-label": `Digit ${i + 1}`,
                 class: (0, import_browser23.withVendorCSSClassPrefix)("otp-field__digit"),
                 disabled: props.disabled,
@@ -4897,7 +4999,7 @@ var OtpField = (0, import_vue27.defineComponent)({
               })
             )
           ),
-          props.error ? (0, import_vue27.h)("span", { class: (0, import_browser23.withVendorCSSClassPrefix)("otp-field__error") }, props.error) : null
+          props.error ? (0, import_vue28.h)("span", { class: (0, import_browser23.withVendorCSSClassPrefix)("otp-field__error") }, props.error) : null
         ]
       );
     };
@@ -4907,8 +5009,8 @@ var OtpField_default = OtpField;
 
 // src/components/primitives/Typography/Typography.ts
 var import_browser24 = require("@asgardeo/browser");
-var import_vue28 = require("vue");
-var Typography = (0, import_vue28.defineComponent)({
+var import_vue29 = require("vue");
+var Typography = (0, import_vue29.defineComponent)({
   name: "Typography",
   props: {
     component: {
@@ -4937,7 +5039,7 @@ var Typography = (0, import_vue28.defineComponent)({
         subtitle2: "h6"
       };
       const tag = props.component || tagMap[props.variant] || "p";
-      return (0, import_vue28.h)(
+      return (0, import_vue29.h)(
         tag,
         {
           class: [
@@ -4956,8 +5058,8 @@ var Typography_default = Typography;
 
 // src/components/primitives/Divider/Divider.ts
 var import_browser25 = require("@asgardeo/browser");
-var import_vue29 = require("vue");
-var Divider = (0, import_vue29.defineComponent)({
+var import_vue30 = require("vue");
+var Divider = (0, import_vue30.defineComponent)({
   name: "Divider",
   props: {
     orientation: {
@@ -4975,13 +5077,13 @@ var Divider = (0, import_vue29.defineComponent)({
         attrs["class"] || ""
       ].filter(Boolean).join(" ");
       if (hasContent) {
-        return (0, import_vue29.h)("div", { class: cssClass, role: "separator", style: attrs["style"] }, [
-          (0, import_vue29.h)("span", { class: (0, import_browser25.withVendorCSSClassPrefix)("divider__line") }),
-          (0, import_vue29.h)("span", { class: (0, import_browser25.withVendorCSSClassPrefix)("divider__content") }, slots["default"]?.()),
-          (0, import_vue29.h)("span", { class: (0, import_browser25.withVendorCSSClassPrefix)("divider__line") })
+        return (0, import_vue30.h)("div", { class: cssClass, role: "separator", style: attrs["style"] }, [
+          (0, import_vue30.h)("span", { class: (0, import_browser25.withVendorCSSClassPrefix)("divider__line") }),
+          (0, import_vue30.h)("span", { class: (0, import_browser25.withVendorCSSClassPrefix)("divider__content") }, slots["default"]?.()),
+          (0, import_vue30.h)("span", { class: (0, import_browser25.withVendorCSSClassPrefix)("divider__line") })
         ]);
       }
-      return (0, import_vue29.h)("hr", { class: cssClass, role: "separator", style: attrs["style"] });
+      return (0, import_vue30.h)("hr", { class: cssClass, role: "separator", style: attrs["style"] });
     };
   }
 });
@@ -4989,8 +5091,8 @@ var Divider_default = Divider;
 
 // src/components/primitives/Logo/Logo.ts
 var import_browser26 = require("@asgardeo/browser");
-var import_vue30 = require("vue");
-var Logo = (0, import_vue30.defineComponent)({
+var import_vue31 = require("vue");
+var Logo = (0, import_vue31.defineComponent)({
   name: "Logo",
   props: {
     alt: { default: "Logo", type: String },
@@ -5001,7 +5103,7 @@ var Logo = (0, import_vue30.defineComponent)({
   },
   setup(props, { attrs }) {
     return () => {
-      const img = (0, import_vue30.h)("img", {
+      const img = (0, import_vue31.h)("img", {
         alt: props.alt,
         class: (0, import_browser26.withVendorCSSClassPrefix)("logo__image"),
         height: props.height,
@@ -5009,7 +5111,7 @@ var Logo = (0, import_vue30.defineComponent)({
         width: props.width
       });
       if (props.href) {
-        return (0, import_vue30.h)(
+        return (0, import_vue31.h)(
           "a",
           {
             class: [(0, import_browser26.withVendorCSSClassPrefix)("logo"), attrs["class"] || ""].filter(Boolean).join(" "),
@@ -5019,7 +5121,7 @@ var Logo = (0, import_vue30.defineComponent)({
           [img]
         );
       }
-      return (0, import_vue30.h)(
+      return (0, import_vue31.h)(
         "div",
         {
           class: [(0, import_browser26.withVendorCSSClassPrefix)("logo"), attrs["class"] || ""].filter(Boolean).join(" "),
@@ -5034,8 +5136,8 @@ var Logo_default = Logo;
 
 // src/components/primitives/Spinner/Spinner.ts
 var import_browser27 = require("@asgardeo/browser");
-var import_vue31 = require("vue");
-var Spinner = (0, import_vue31.defineComponent)({
+var import_vue32 = require("vue");
+var Spinner = (0, import_vue32.defineComponent)({
   name: "Spinner",
   props: {
     size: {
@@ -5044,7 +5146,7 @@ var Spinner = (0, import_vue31.defineComponent)({
     }
   },
   setup(props, { attrs }) {
-    return () => (0, import_vue31.h)(
+    return () => (0, import_vue32.h)(
       "div",
       {
         "aria-label": "Loading",
@@ -5057,7 +5159,7 @@ var Spinner = (0, import_vue31.defineComponent)({
         style: attrs["style"]
       },
       [
-        (0, import_vue31.h)(
+        (0, import_vue32.h)(
           "svg",
           {
             class: (0, import_browser27.withVendorCSSClassPrefix)("spinner__svg"),
@@ -5066,7 +5168,7 @@ var Spinner = (0, import_vue31.defineComponent)({
             xmlns: "http://www.w3.org/2000/svg"
           },
           [
-            (0, import_vue31.h)("circle", {
+            (0, import_vue32.h)("circle", {
               class: (0, import_browser27.withVendorCSSClassPrefix)("spinner__circle"),
               cx: "12",
               cy: "12",
@@ -5086,12 +5188,12 @@ var Spinner_default = Spinner;
 
 // src/components/actions/SignInButton.ts
 var import_browser29 = require("@asgardeo/browser");
-var import_vue33 = require("vue");
+var import_vue34 = require("vue");
 
 // src/components/actions/BaseSignInButton.ts
 var import_browser28 = require("@asgardeo/browser");
-var import_vue32 = require("vue");
-var BaseSignInButton = (0, import_vue32.defineComponent)({
+var import_vue33 = require("vue");
+var BaseSignInButton = (0, import_vue33.defineComponent)({
   emits: ["click"],
   name: "BaseSignInButton",
   props: {
@@ -5120,7 +5222,7 @@ var BaseSignInButton = (0, import_vue32.defineComponent)({
     };
     return () => {
       if (props.unstyled) {
-        return (0, import_vue32.h)(
+        return (0, import_vue33.h)(
           "button",
           {
             class: [(0, import_browser28.withVendorCSSClassPrefix)("sign-in-button-wrapper"), attrs["class"] || ""].filter(Boolean).join(" "),
@@ -5132,7 +5234,7 @@ var BaseSignInButton = (0, import_vue32.defineComponent)({
           slots["default"] ? slots["default"]({ isLoading: props.isLoading }) : "Sign In"
         );
       }
-      return (0, import_vue32.h)(
+      return (0, import_vue33.h)(
         Button_default,
         {
           class: [(0, import_browser28.withVendorCSSClassPrefix)("sign-in-button"), attrs["class"] || ""].filter(Boolean).join(" "),
@@ -5150,7 +5252,7 @@ var BaseSignInButton = (0, import_vue32.defineComponent)({
 var BaseSignInButton_default = BaseSignInButton;
 
 // src/components/actions/SignInButton.ts
-var SignInButton = (0, import_vue33.defineComponent)({
+var SignInButton = (0, import_vue34.defineComponent)({
   emits: ["click", "error"],
   name: "SignInButton",
   props: {
@@ -5158,7 +5260,7 @@ var SignInButton = (0, import_vue33.defineComponent)({
   },
   setup(props, { slots, emit, attrs }) {
     const { signIn, signInUrl, signInOptions: contextSignInOptions } = useAsgardeo_default();
-    const isLoading = (0, import_vue33.ref)(false);
+    const isLoading = (0, import_vue34.ref)(false);
     const handleSignIn = async (e) => {
       try {
         isLoading.value = true;
@@ -5182,7 +5284,7 @@ var SignInButton = (0, import_vue33.defineComponent)({
     };
     return () => {
       const slotContent = slots["default"] ? () => slots["default"]({ isLoading: isLoading.value }) : void 0;
-      return (0, import_vue33.h)(
+      return (0, import_vue34.h)(
         BaseSignInButton_default,
         {
           class: attrs["class"],
@@ -5199,12 +5301,12 @@ var SignInButton_default = SignInButton;
 
 // src/components/actions/SignOutButton.ts
 var import_browser31 = require("@asgardeo/browser");
-var import_vue35 = require("vue");
+var import_vue36 = require("vue");
 
 // src/components/actions/BaseSignOutButton.ts
 var import_browser30 = require("@asgardeo/browser");
-var import_vue34 = require("vue");
-var BaseSignOutButton = (0, import_vue34.defineComponent)({
+var import_vue35 = require("vue");
+var BaseSignOutButton = (0, import_vue35.defineComponent)({
   emits: ["click"],
   name: "BaseSignOutButton",
   props: {
@@ -5233,7 +5335,7 @@ var BaseSignOutButton = (0, import_vue34.defineComponent)({
     };
     return () => {
       if (props.unstyled) {
-        return (0, import_vue34.h)(
+        return (0, import_vue35.h)(
           "button",
           {
             class: [(0, import_browser30.withVendorCSSClassPrefix)("sign-out-button-wrapper"), attrs["class"] || ""].filter(Boolean).join(" "),
@@ -5245,7 +5347,7 @@ var BaseSignOutButton = (0, import_vue34.defineComponent)({
           slots["default"] ? slots["default"]({ isLoading: props.isLoading }) : "Sign Out"
         );
       }
-      return (0, import_vue34.h)(
+      return (0, import_vue35.h)(
         Button_default,
         {
           class: [(0, import_browser30.withVendorCSSClassPrefix)("sign-out-button"), attrs["class"] || ""].filter(Boolean).join(" "),
@@ -5263,12 +5365,12 @@ var BaseSignOutButton = (0, import_vue34.defineComponent)({
 var BaseSignOutButton_default = BaseSignOutButton;
 
 // src/components/actions/SignOutButton.ts
-var SignOutButton = (0, import_vue35.defineComponent)({
+var SignOutButton = (0, import_vue36.defineComponent)({
   emits: ["click", "error"],
   name: "SignOutButton",
   setup(_, { slots, emit, attrs }) {
     const { signOut } = useAsgardeo_default();
-    const isLoading = (0, import_vue35.ref)(false);
+    const isLoading = (0, import_vue36.ref)(false);
     const handleSignOut = async (e) => {
       try {
         isLoading.value = true;
@@ -5288,7 +5390,7 @@ var SignOutButton = (0, import_vue35.defineComponent)({
     };
     return () => {
       const slotContent = slots["default"] ? () => slots["default"]({ isLoading: isLoading.value }) : void 0;
-      return (0, import_vue35.h)(
+      return (0, import_vue36.h)(
         BaseSignOutButton_default,
         {
           class: attrs["class"],
@@ -5305,12 +5407,12 @@ var SignOutButton_default = SignOutButton;
 
 // src/components/actions/SignUpButton.ts
 var import_browser33 = require("@asgardeo/browser");
-var import_vue37 = require("vue");
+var import_vue38 = require("vue");
 
 // src/components/actions/BaseSignUpButton.ts
 var import_browser32 = require("@asgardeo/browser");
-var import_vue36 = require("vue");
-var BaseSignUpButton = (0, import_vue36.defineComponent)({
+var import_vue37 = require("vue");
+var BaseSignUpButton = (0, import_vue37.defineComponent)({
   emits: ["click"],
   name: "BaseSignUpButton",
   props: {
@@ -5339,7 +5441,7 @@ var BaseSignUpButton = (0, import_vue36.defineComponent)({
     };
     return () => {
       if (props.unstyled) {
-        return (0, import_vue36.h)(
+        return (0, import_vue37.h)(
           "button",
           {
             class: [(0, import_browser32.withVendorCSSClassPrefix)("sign-up-button-wrapper"), attrs["class"] || ""].filter(Boolean).join(" "),
@@ -5351,7 +5453,7 @@ var BaseSignUpButton = (0, import_vue36.defineComponent)({
           slots["default"] ? slots["default"]({ isLoading: props.isLoading }) : "Sign Up"
         );
       }
-      return (0, import_vue36.h)(
+      return (0, import_vue37.h)(
         Button_default,
         {
           class: [(0, import_browser32.withVendorCSSClassPrefix)("sign-up-button"), attrs["class"] || ""].filter(Boolean).join(" "),
@@ -5371,12 +5473,12 @@ var BaseSignUpButton = (0, import_vue36.defineComponent)({
 var BaseSignUpButton_default = BaseSignUpButton;
 
 // src/components/actions/SignUpButton.ts
-var SignUpButton = (0, import_vue37.defineComponent)({
+var SignUpButton = (0, import_vue38.defineComponent)({
   emits: ["click", "error"],
   name: "SignUpButton",
   setup(_, { slots, emit, attrs }) {
     const { signUp, signUpUrl } = useAsgardeo_default();
-    const isLoading = (0, import_vue37.ref)(false);
+    const isLoading = (0, import_vue38.ref)(false);
     const handleSignUp = async (e) => {
       try {
         isLoading.value = true;
@@ -5400,7 +5502,7 @@ var SignUpButton = (0, import_vue37.defineComponent)({
     };
     return () => {
       const slotContent = slots["default"] ? () => slots["default"]({ isLoading: isLoading.value }) : void 0;
-      return (0, import_vue37.h)(
+      return (0, import_vue38.h)(
         BaseSignUpButton_default,
         {
           class: attrs["class"],
@@ -5417,9 +5519,9 @@ var SignUpButton_default = SignUpButton;
 
 // src/components/auth/Callback.ts
 var import_browser34 = require("@asgardeo/browser");
-var import_vue38 = require("vue");
+var import_vue39 = require("vue");
 var logger4 = createVueLogger("Callback");
-var Callback = (0, import_vue38.defineComponent)({
+var Callback = (0, import_vue39.defineComponent)({
   name: "Callback",
   props: {
     onError: { default: void 0, type: Function },
@@ -5433,7 +5535,7 @@ var Callback = (0, import_vue38.defineComponent)({
         (0, import_browser34.navigate)(path);
       }
     };
-    (0, import_vue38.onMounted)(() => {
+    (0, import_vue39.onMounted)(() => {
       let returnPath = "/";
       try {
         const urlParams = new URLSearchParams(window.location.search);
@@ -5509,90 +5611,90 @@ var Callback = (0, import_vue38.defineComponent)({
 var Callback_default = Callback;
 
 // src/components/control/SignedIn.ts
-var import_vue39 = require("vue");
-var SignedIn = (0, import_vue39.defineComponent)({
+var import_vue40 = require("vue");
+var SignedIn = (0, import_vue40.defineComponent)({
   name: "SignedIn",
   setup(_props, { slots }) {
     const { isSignedIn } = useAsgardeo_default();
     return () => {
       if (!isSignedIn.value) {
         const fallbackContent = slots["fallback"]?.();
-        return fallbackContent ? (0, import_vue39.h)(import_vue39.Fragment, {}, fallbackContent) : null;
+        return fallbackContent ? (0, import_vue40.h)(import_vue40.Fragment, {}, fallbackContent) : null;
       }
       const defaultContent = slots["default"]?.();
-      return defaultContent ? (0, import_vue39.h)(import_vue39.Fragment, {}, defaultContent) : null;
+      return defaultContent ? (0, import_vue40.h)(import_vue40.Fragment, {}, defaultContent) : null;
     };
   }
 });
 var SignedIn_default = SignedIn;
 
 // src/components/control/SignedOut.ts
-var import_vue40 = require("vue");
-var SignedOut = (0, import_vue40.defineComponent)({
+var import_vue41 = require("vue");
+var SignedOut = (0, import_vue41.defineComponent)({
   name: "SignedOut",
   setup(_props, { slots }) {
     const { isSignedIn } = useAsgardeo_default();
     return () => {
       if (isSignedIn.value) {
         const fallbackContent = slots["fallback"]?.();
-        return fallbackContent ? (0, import_vue40.h)(import_vue40.Fragment, {}, fallbackContent) : null;
+        return fallbackContent ? (0, import_vue41.h)(import_vue41.Fragment, {}, fallbackContent) : null;
       }
       const defaultContent = slots["default"]?.();
-      return defaultContent ? (0, import_vue40.h)(import_vue40.Fragment, {}, defaultContent) : null;
+      return defaultContent ? (0, import_vue41.h)(import_vue41.Fragment, {}, defaultContent) : null;
     };
   }
 });
 var SignedOut_default = SignedOut;
 
 // src/components/control/Loading.ts
-var import_vue41 = require("vue");
-var Loading = (0, import_vue41.defineComponent)({
+var import_vue42 = require("vue");
+var Loading = (0, import_vue42.defineComponent)({
   name: "Loading",
   setup(_props, { slots }) {
     const { isLoading } = useAsgardeo_default();
     return () => {
       if (!isLoading.value) {
         const fallbackContent = slots["fallback"]?.();
-        return fallbackContent ? (0, import_vue41.h)(import_vue41.Fragment, {}, fallbackContent) : null;
+        return fallbackContent ? (0, import_vue42.h)(import_vue42.Fragment, {}, fallbackContent) : null;
       }
       const defaultContent = slots["default"]?.();
-      return defaultContent ? (0, import_vue41.h)(import_vue41.Fragment, {}, defaultContent) : null;
+      return defaultContent ? (0, import_vue42.h)(import_vue42.Fragment, {}, defaultContent) : null;
     };
   }
 });
 var Loading_default = Loading;
 
 // src/components/control/user/User.ts
-var import_vue42 = require("vue");
-var User5 = (0, import_vue42.defineComponent)({
+var import_vue43 = require("vue");
+var User5 = (0, import_vue43.defineComponent)({
   name: "User",
   setup(_props, { slots }) {
     const { user } = useAsgardeo_default();
     return () => {
       if (!user.value) {
         const fallbackContent = slots["fallback"]?.();
-        return fallbackContent ? (0, import_vue42.h)(import_vue42.Fragment, {}, fallbackContent) : null;
+        return fallbackContent ? (0, import_vue43.h)(import_vue43.Fragment, {}, fallbackContent) : null;
       }
       const defaultContent = slots["default"]?.({ user: user.value });
-      return defaultContent ? (0, import_vue42.h)(import_vue42.Fragment, {}, defaultContent) : null;
+      return defaultContent ? (0, import_vue43.h)(import_vue43.Fragment, {}, defaultContent) : null;
     };
   }
 });
 var User_default = User5;
 
 // src/components/control/organization/Organization.ts
-var import_vue43 = require("vue");
-var Organization5 = (0, import_vue43.defineComponent)({
+var import_vue44 = require("vue");
+var Organization5 = (0, import_vue44.defineComponent)({
   name: "Organization",
   setup(_props, { slots }) {
     const { currentOrganization } = useOrganization_default();
     return () => {
       if (!currentOrganization?.value) {
         const fallbackContent = slots["fallback"]?.();
-        return fallbackContent ? (0, import_vue43.h)(import_vue43.Fragment, {}, fallbackContent) : null;
+        return fallbackContent ? (0, import_vue44.h)(import_vue44.Fragment, {}, fallbackContent) : null;
       }
       const defaultContent = slots["default"]?.({ organization: currentOrganization.value });
-      return defaultContent ? (0, import_vue43.h)(import_vue43.Fragment, {}, defaultContent) : null;
+      return defaultContent ? (0, import_vue44.h)(import_vue44.Fragment, {}, defaultContent) : null;
     };
   }
 });
@@ -5600,22 +5702,22 @@ var Organization_default = Organization5;
 
 // src/components/presentation/sign-in/SignIn.ts
 var import_browser44 = require("@asgardeo/browser");
-var import_vue55 = require("vue");
+var import_vue56 = require("vue");
 
 // src/components/presentation/sign-in/v1/SignIn.ts
-var import_vue51 = require("vue");
+var import_vue52 = require("vue");
 
 // src/components/presentation/sign-in/v1/BaseSignIn.ts
 var import_browser37 = require("@asgardeo/browser");
-var import_vue50 = require("vue");
+var import_vue51 = require("vue");
 
 // src/components/presentation/sign-in/v1/options/SignInOptionFactory.ts
 var import_browser36 = require("@asgardeo/browser");
-var import_vue49 = require("vue");
+var import_vue50 = require("vue");
 
 // src/components/adapters/FacebookButton.ts
-var import_vue44 = require("vue");
-var FacebookButton = (0, import_vue44.defineComponent)({
+var import_vue45 = require("vue");
+var FacebookButton = (0, import_vue45.defineComponent)({
   emits: ["click"],
   name: "FacebookButton",
   props: {
@@ -5623,17 +5725,17 @@ var FacebookButton = (0, import_vue44.defineComponent)({
   },
   setup(props, { slots, emit, attrs }) {
     const { t } = useI18n_default();
-    const facebookIcon = () => (0, import_vue44.h)("svg", { height: "18", viewBox: "0 0 512 512", width: "18", xmlns: "http://www.w3.org/2000/svg" }, [
-      (0, import_vue44.h)("path", {
+    const facebookIcon = () => (0, import_vue45.h)("svg", { height: "18", viewBox: "0 0 512 512", width: "18", xmlns: "http://www.w3.org/2000/svg" }, [
+      (0, import_vue45.h)("path", {
         d: "M448,0H64C28.704,0,0,28.704,0,64v384c0,35.296,28.704,64,64,64h384c35.296,0,64-28.704,64-64V64C512,28.704,483.296,0,448,0z",
         fill: "#1976D2"
       }),
-      (0, import_vue44.h)("path", {
+      (0, import_vue45.h)("path", {
         d: "M432,256h-80v-64c0-17.664,14.336-16,32-16h32V96h-64l0,0c-53.024,0-96,42.976-96,96v64h-64v80h64v176h96V336h48L432,256z",
         fill: "#FAFAFA"
       })
     ]);
-    return () => (0, import_vue44.h)(
+    return () => (0, import_vue45.h)(
       Button_default,
       {
         ...attrs,
@@ -5652,8 +5754,8 @@ var FacebookButton = (0, import_vue44.defineComponent)({
 var FacebookButton_default = FacebookButton;
 
 // src/components/adapters/GitHubButton.ts
-var import_vue45 = require("vue");
-var GitHubButton = (0, import_vue45.defineComponent)({
+var import_vue46 = require("vue");
+var GitHubButton = (0, import_vue46.defineComponent)({
   emits: ["click"],
   name: "GitHubButton",
   props: {
@@ -5661,15 +5763,15 @@ var GitHubButton = (0, import_vue45.defineComponent)({
   },
   setup(props, { slots, emit, attrs }) {
     const { t } = useI18n_default();
-    const gitHubIcon = () => (0, import_vue45.h)("svg", { height: "18", viewBox: "0 0 67.91 66.233", width: "18", xmlns: "http://www.w3.org/2000/svg" }, [
-      (0, import_vue45.h)("g", { transform: "translate(-386.96 658.072)" }, [
-        (0, import_vue45.h)("path", {
+    const gitHubIcon = () => (0, import_vue46.h)("svg", { height: "18", viewBox: "0 0 67.91 66.233", width: "18", xmlns: "http://www.w3.org/2000/svg" }, [
+      (0, import_vue46.h)("g", { transform: "translate(-386.96 658.072)" }, [
+        (0, import_vue46.h)("path", {
           d: "M420.915-658.072a33.956,33.956,0,0,0-33.955,33.955,33.963,33.963,0,0,0,23.221,32.22c1.7.314,2.32-.737,2.32-1.633,0-.81-.031-3.484-.046-6.322-9.446,2.054-11.44-4.006-11.44-4.006-1.545-3.925-3.77-4.968-3.77-4.968-3.081-2.107.232-2.064.232-2.064,3.41.239,5.205,3.5,5.205,3.5,3.028,5.19,7.943,3.69,9.881,2.822a7.23,7.23,0,0,1,2.156-4.54c-7.542-.859-15.47-3.77-15.47-16.781a13.141,13.141,0,0,1,3.5-9.114,12.2,12.2,0,0,1,.329-8.986s2.851-.913,9.34,3.48a32.545,32.545,0,0,1,8.5-1.143,32.629,32.629,0,0,1,8.506,1.143c6.481-4.393,9.328-3.48,9.328-3.48a12.185,12.185,0,0,1,.333,8.986,13.115,13.115,0,0,1,3.495,9.114c0,13.042-7.943,15.913-15.5,16.754,1.218,1.054,2.3,3.12,2.3,6.288,0,4.543-.039,8.2-.039,9.318,0,.9.611,1.962,2.332,1.629a33.959,33.959,0,0,0,23.2-32.215,33.955,33.955,0,0,0-33.955-33.955",
           fill: "currentColor"
         })
       ])
     ]);
-    return () => (0, import_vue45.h)(
+    return () => (0, import_vue46.h)(
       Button_default,
       {
         ...attrs,
@@ -5688,8 +5790,8 @@ var GitHubButton = (0, import_vue45.defineComponent)({
 var GitHubButton_default = GitHubButton;
 
 // src/components/adapters/GoogleButton.ts
-var import_vue46 = require("vue");
-var GoogleButton = (0, import_vue46.defineComponent)({
+var import_vue47 = require("vue");
+var GoogleButton = (0, import_vue47.defineComponent)({
   emits: ["click"],
   name: "GoogleButton",
   props: {
@@ -5697,31 +5799,31 @@ var GoogleButton = (0, import_vue46.defineComponent)({
   },
   setup(props, { slots, emit, attrs }) {
     const { t } = useI18n_default();
-    const googleIcon = () => (0, import_vue46.h)("svg", { height: "18", viewBox: "0 0 67.91 67.901", width: "18", xmlns: "http://www.w3.org/2000/svg" }, [
-      (0, import_vue46.h)("g", { transform: "translate(-0.001 -0.001)" }, [
-        (0, import_vue46.h)("path", {
+    const googleIcon = () => (0, import_vue47.h)("svg", { height: "18", viewBox: "0 0 67.91 67.901", width: "18", xmlns: "http://www.w3.org/2000/svg" }, [
+      (0, import_vue47.h)("g", { transform: "translate(-0.001 -0.001)" }, [
+        (0, import_vue47.h)("path", {
           d: "M15.049,160.965l-2.364,8.824-8.639.183a34.011,34.011,0,0,1-.25-31.7h0l7.691,1.41,3.369,7.645a20.262,20.262,0,0,0,.19,13.642Z",
           fill: "#fbbb00",
           transform: "translate(0 -119.93)"
         }),
-        (0, import_vue46.h)("path", {
+        (0, import_vue47.h)("path", {
           d: "M294.24,208.176A33.939,33.939,0,0,1,282.137,241h0l-9.687-.494-1.371-8.559a20.235,20.235,0,0,0,8.706-10.333H261.628V208.176Z",
           fill: "#518ef8",
           transform: "translate(-226.93 -180.567)"
         }),
-        (0, import_vue46.h)("path", {
+        (0, import_vue47.h)("path", {
           d: "M81.668,328.8h0a33.962,33.962,0,0,1-51.161-10.387l11-9.006a20.192,20.192,0,0,0,29.1,10.338Z",
           fill: "#28b446",
           transform: "translate(-26.463 -268.374)"
         }),
-        (0, import_vue46.h)("path", {
+        (0, import_vue47.h)("path", {
           d: "M80.451,7.816l-11,9A20.19,20.19,0,0,0,39.686,27.393l-11.06-9.055h0A33.959,33.959,0,0,1,80.451,7.816Z",
           fill: "#f14336",
           transform: "translate(-24.828)"
         })
       ])
     ]);
-    return () => (0, import_vue46.h)(
+    return () => (0, import_vue47.h)(
       Button_default,
       {
         ...attrs,
@@ -5740,8 +5842,8 @@ var GoogleButton = (0, import_vue46.defineComponent)({
 var GoogleButton_default = GoogleButton;
 
 // src/components/adapters/MicrosoftButton.ts
-var import_vue47 = require("vue");
-var MicrosoftButton = (0, import_vue47.defineComponent)({
+var import_vue48 = require("vue");
+var MicrosoftButton = (0, import_vue48.defineComponent)({
   emits: ["click"],
   name: "MicrosoftButton",
   props: {
@@ -5749,14 +5851,14 @@ var MicrosoftButton = (0, import_vue47.defineComponent)({
   },
   setup(props, { slots, emit, attrs }) {
     const { t } = useI18n_default();
-    const microsoftIcon = () => (0, import_vue47.h)("svg", { height: "14", viewBox: "0 0 23 23", width: "14", xmlns: "http://www.w3.org/2000/svg" }, [
-      (0, import_vue47.h)("path", { d: "M0 0h23v23H0z", fill: "#f3f3f3" }),
-      (0, import_vue47.h)("path", { d: "M1 1h10v10H1z", fill: "#f35325" }),
-      (0, import_vue47.h)("path", { d: "M12 1h10v10H12z", fill: "#81bc06" }),
-      (0, import_vue47.h)("path", { d: "M1 12h10v10H1z", fill: "#05a6f0" }),
-      (0, import_vue47.h)("path", { d: "M12 12h10v10H12z", fill: "#ffba08" })
+    const microsoftIcon = () => (0, import_vue48.h)("svg", { height: "14", viewBox: "0 0 23 23", width: "14", xmlns: "http://www.w3.org/2000/svg" }, [
+      (0, import_vue48.h)("path", { d: "M0 0h23v23H0z", fill: "#f3f3f3" }),
+      (0, import_vue48.h)("path", { d: "M1 1h10v10H1z", fill: "#f35325" }),
+      (0, import_vue48.h)("path", { d: "M12 1h10v10H12z", fill: "#81bc06" }),
+      (0, import_vue48.h)("path", { d: "M1 12h10v10H1z", fill: "#05a6f0" }),
+      (0, import_vue48.h)("path", { d: "M12 12h10v10H12z", fill: "#ffba08" })
     ]);
-    return () => (0, import_vue47.h)(
+    return () => (0, import_vue48.h)(
       Button_default,
       {
         ...attrs,
@@ -5776,7 +5878,7 @@ var MicrosoftButton_default = MicrosoftButton;
 
 // src/components/factories/FieldFactory.ts
 var import_browser35 = require("@asgardeo/browser");
-var import_vue48 = require("vue");
+var import_vue49 = require("vue");
 var validateFieldValue = (value, type, required = false, touched = false) => {
   if (required && touched && (!value || value.trim() === "")) {
     return "This field is required";
@@ -5828,44 +5930,44 @@ var createField = (config) => {
   };
   switch (type) {
     case import_browser35.FieldType.Password:
-      return (0, import_vue48.h)(PasswordField_default, {
+      return (0, import_vue49.h)(PasswordField_default, {
         ...commonProps,
         "onUpdate:modelValue": onChange
       });
     case import_browser35.FieldType.Text:
-      return (0, import_vue48.h)(TextField_default, {
+      return (0, import_vue49.h)(TextField_default, {
         ...commonProps,
         autocomplete: "off",
         "onUpdate:modelValue": onChange,
         type: "text"
       });
     case import_browser35.FieldType.Email:
-      return (0, import_vue48.h)(TextField_default, {
+      return (0, import_vue49.h)(TextField_default, {
         ...commonProps,
         autocomplete: "email",
         "onUpdate:modelValue": onChange,
         type: "email"
       });
     case import_browser35.FieldType.Date:
-      return (0, import_vue48.h)(DatePicker_default, {
+      return (0, import_vue49.h)(DatePicker_default, {
         ...commonProps,
         "onUpdate:modelValue": onChange
       });
     case import_browser35.FieldType.Checkbox: {
       const isChecked = value === "true" || value === true;
-      return (0, import_vue48.h)(Checkbox_default, {
+      return (0, import_vue49.h)(Checkbox_default, {
         ...commonProps,
         modelValue: isChecked,
         "onUpdate:modelValue": (checked) => onChange(checked.toString())
       });
     }
     case import_browser35.FieldType.Otp:
-      return (0, import_vue48.h)(OtpField_default, {
+      return (0, import_vue49.h)(OtpField_default, {
         ...commonProps,
         "onUpdate:modelValue": onChange
       });
     case import_browser35.FieldType.Number:
-      return (0, import_vue48.h)(TextField_default, {
+      return (0, import_vue49.h)(TextField_default, {
         ...commonProps,
         helperText: "Enter a numeric value",
         "onUpdate:modelValue": onChange,
@@ -5874,14 +5976,14 @@ var createField = (config) => {
     case import_browser35.FieldType.Select: {
       const fieldOptions = options.length > 0 ? options : [];
       if (fieldOptions.length > 0) {
-        return (0, import_vue48.h)(Select_default, {
+        return (0, import_vue49.h)(Select_default, {
           ...commonProps,
           helperText: "Select from available options",
           "onUpdate:modelValue": onChange,
           options: fieldOptions
         });
       }
-      return (0, import_vue48.h)(TextField_default, {
+      return (0, import_vue49.h)(TextField_default, {
         ...commonProps,
         helperText: "Enter multiple values separated by commas (e.g., value1, value2, value3)",
         "onUpdate:modelValue": onChange,
@@ -5890,7 +5992,7 @@ var createField = (config) => {
       });
     }
     default:
-      return (0, import_vue48.h)(TextField_default, {
+      return (0, import_vue49.h)(TextField_default, {
         ...commonProps,
         helperText: "Unknown field type, treating as text",
         "onUpdate:modelValue": onChange,
@@ -5898,7 +6000,7 @@ var createField = (config) => {
       });
   }
 };
-var FieldFactory = (0, import_vue48.defineComponent)({
+var FieldFactory = (0, import_vue49.defineComponent)({
   emits: ["change", "blur"],
   name: "FieldFactory",
   props: {
@@ -5939,7 +6041,7 @@ var renderFormFields = (props) => {
   const { authenticator, formValues, touchedFields, isLoading, onInputChange, inputClassName, buttonClassName, t } = props;
   const formFields = authenticator.metadata?.params?.sort((a, b) => a.order - b.order)?.filter((param) => param.param !== "totp") || [];
   const fieldNodes = formFields.map(
-    (param) => (0, import_vue49.h)(
+    (param) => (0, import_vue50.h)(
       "div",
       { key: param.param },
       createField({
@@ -5959,7 +6061,7 @@ var renderFormFields = (props) => {
     )
   );
   fieldNodes.push(
-    (0, import_vue49.h)(
+    (0, import_vue50.h)(
       Button_default,
       {
         class: buttonClassName,
@@ -5989,10 +6091,10 @@ var renderMultiOptionButton = (props) => {
     [import_browser36.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Totp]: "M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5z"
   };
   const iconPath = iconPathMap[authenticator.authenticatorId] || "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z";
-  const icon2 = (0, import_vue49.h)("svg", { height: "18", viewBox: "0 0 24 24", width: "18", xmlns: "http://www.w3.org/2000/svg" }, [
-    (0, import_vue49.h)("path", { d: iconPath, fill: "currentColor" })
+  const icon2 = (0, import_vue50.h)("svg", { height: "18", viewBox: "0 0 24 24", width: "18", xmlns: "http://www.w3.org/2000/svg" }, [
+    (0, import_vue50.h)("path", { d: iconPath, fill: "currentColor" })
   ]);
-  return (0, import_vue49.h)(
+  return (0, import_vue50.h)(
     Button_default,
     {
       class: buttonClassName,
@@ -6009,17 +6111,17 @@ var renderMultiOptionButton = (props) => {
 };
 var renderSocialButton = (props) => {
   const { authenticator, isLoading, onSubmit, buttonClassName, t } = props;
-  const socialIcon = (0, import_vue49.h)(
+  const socialIcon = (0, import_vue50.h)(
     "svg",
     { height: "18", viewBox: "0 0 24 24", width: "18", xmlns: "http://www.w3.org/2000/svg" },
     [
-      (0, import_vue49.h)("path", {
+      (0, import_vue50.h)("path", {
         d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z",
         fill: "currentColor"
       })
     ]
   );
-  return (0, import_vue49.h)(
+  return (0, import_vue50.h)(
     Button_default,
     {
       class: buttonClassName,
@@ -6040,27 +6142,27 @@ var createSignInOption = (props) => {
   switch (authenticator.authenticatorId) {
     case import_browser36.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.UsernamePassword:
     case import_browser36.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.IdentifierFirst:
-      return (0, import_vue49.h)("div", {}, renderFormFields(props));
+      return (0, import_vue50.h)("div", {}, renderFormFields(props));
     case import_browser36.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Google:
-      return (0, import_vue49.h)(GoogleButton_default, {
+      return (0, import_vue50.h)(GoogleButton_default, {
         class: buttonClassName,
         isLoading,
         onClick: () => onSubmit(authenticator)
       });
     case import_browser36.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.GitHub:
-      return (0, import_vue49.h)(GitHubButton_default, {
+      return (0, import_vue50.h)(GitHubButton_default, {
         class: buttonClassName,
         isLoading,
         onClick: () => onSubmit(authenticator)
       });
     case import_browser36.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Microsoft:
-      return (0, import_vue49.h)(MicrosoftButton_default, {
+      return (0, import_vue50.h)(MicrosoftButton_default, {
         class: buttonClassName,
         isLoading,
         onClick: () => onSubmit(authenticator)
       });
     case import_browser36.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Facebook:
-      return (0, import_vue49.h)(FacebookButton_default, {
+      return (0, import_vue50.h)(FacebookButton_default, {
         class: buttonClassName,
         isLoading,
         onClick: () => onSubmit(authenticator)
@@ -6068,12 +6170,12 @@ var createSignInOption = (props) => {
     case import_browser36.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.EmailOtp:
     case import_browser36.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Totp:
     case import_browser36.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SmsOtp:
-      return hasParams ? (0, import_vue49.h)("div", {}, renderFormFields(props)) : renderMultiOptionButton(props);
+      return hasParams ? (0, import_vue50.h)("div", {}, renderFormFields(props)) : renderMultiOptionButton(props);
     default:
       if (authenticator.idp !== import_browser36.EmbeddedSignInFlowAuthenticatorKnownIdPType.Local) {
         return renderSocialButton(props);
       }
-      return hasParams ? (0, import_vue49.h)("div", {}, renderFormFields(props)) : renderMultiOptionButton(props);
+      return hasParams ? (0, import_vue50.h)("div", {}, renderFormFields(props)) : renderMultiOptionButton(props);
   }
 };
 var createSignInOptionFromAuthenticator = (authenticator, formValues, touchedFields, isLoading, onInputChange, onSubmit, t, options) => createSignInOption({
@@ -6090,7 +6192,7 @@ var createSignInOptionFromAuthenticator = (authenticator, formValues, touchedFie
 // src/components/presentation/sign-in/v1/BaseSignIn.ts
 var HIDDEN_AUTHENTICATORS = ["T3JnYW5pemF0aW9uQXV0aGVudGljYXRvcjpTU08"];
 var isPasskeyAuthenticator = (authenticator) => authenticator.authenticatorId === import_browser37.ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Passkey && authenticator.metadata?.promptType === import_browser37.EmbeddedSignInFlowAuthenticatorPromptType.InternalPrompt && !!authenticator.metadata?.additionalData?.challengeData;
-var BaseSignIn = (0, import_vue50.defineComponent)({
+var BaseSignIn = (0, import_vue51.defineComponent)({
   emits: ["error", "flowChange", "success"],
   name: "BaseSignInV1",
   props: {
@@ -6115,14 +6217,14 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
   setup(props, { emit }) {
     const { t } = useI18n_default();
     const { title: flowTitle, subtitle: flowSubtitle, messages: flowMessages } = useFlow_default();
-    const isInitRequestLoading = (0, import_vue50.ref)(false);
-    const isInitialized = (0, import_vue50.ref)(false);
-    const currentFlow = (0, import_vue50.ref)(null);
-    const currentAuthenticator = (0, import_vue50.ref)(null);
-    const error = (0, import_vue50.ref)(null);
-    const messages = (0, import_vue50.ref)([]);
-    const formValues = (0, import_vue50.ref)({});
-    const touchedFields = (0, import_vue50.ref)({});
+    const isInitRequestLoading = (0, import_vue51.ref)(false);
+    const isInitialized = (0, import_vue51.ref)(false);
+    const currentFlow = (0, import_vue51.ref)(null);
+    const currentAuthenticator = (0, import_vue51.ref)(null);
+    const error = (0, import_vue51.ref)(null);
+    const messages = (0, import_vue51.ref)([]);
+    const formValues = (0, import_vue51.ref)({});
+    const touchedFields = (0, import_vue51.ref)({});
     const isLoading = () => props.isLoading || isInitRequestLoading.value;
     const setupFormFields = (authenticator) => {
       const vals = {};
@@ -6428,7 +6530,7 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
       return currentFlow.value.nextStep.authenticators;
     };
     let initAttempted = false;
-    (0, import_vue50.watch)(
+    (0, import_vue51.watch)(
       () => props.isLoading,
       (loading) => {
         if (!loading && !initAttempted && props.onInitialize) {
@@ -6479,9 +6581,9 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
       return "info";
     };
     const renderMessages = () => messages.value.map(
-      (msg, i) => (0, import_vue50.h)(Alert_default, { key: i, severity: renderAlertVariant(msg.type) }, { default: () => msg.message })
+      (msg, i) => (0, import_vue51.h)(Alert_default, { key: i, severity: renderAlertVariant(msg.type) }, { default: () => msg.message })
     );
-    const renderError = () => error.value ? (0, import_vue50.h)(Alert_default, { severity: "error" }, { default: () => error.value }) : null;
+    const renderError = () => error.value ? (0, import_vue51.h)(Alert_default, { severity: "error" }, { default: () => error.value }) : null;
     return () => {
       const cardClass = [
         (0, import_browser37.withVendorCSSClassPrefix)("signin"),
@@ -6490,16 +6592,16 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
         props.className
       ].filter(Boolean).join(" ");
       if (!isInitialized.value && isLoading()) {
-        return (0, import_vue50.h)("div", {}, [
-          props.showLogo ? (0, import_vue50.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__logo") }, [(0, import_vue50.h)(Logo_default)]) : null,
-          (0, import_vue50.h)(
+        return (0, import_vue51.h)("div", {}, [
+          props.showLogo ? (0, import_vue51.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__logo") }, [(0, import_vue51.h)(Logo_default)]) : null,
+          (0, import_vue51.h)(
             Card_default,
             { class: cardClass, variant: props.variant },
             {
               default: () => [
-                (0, import_vue50.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__loading") }, [
-                  (0, import_vue50.h)(Spinner_default, { size: "medium" }),
-                  (0, import_vue50.h)(Typography_default, { variant: "body1" }, { default: () => t("messages.loading.placeholder") })
+                (0, import_vue51.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__loading") }, [
+                  (0, import_vue51.h)(Spinner_default, { size: "medium" }),
+                  (0, import_vue51.h)(Typography_default, { variant: "body1" }, { default: () => t("messages.loading.placeholder") })
                 ])
               ]
             }
@@ -6512,9 +6614,9 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
           (auth) => auth.metadata?.promptType === import_browser37.EmbeddedSignInFlowAuthenticatorPromptType.UserPrompt || auth.idp === "LOCAL" && auth.metadata?.params && auth.metadata.params.length > 0
         );
         const optionAuths = available.filter((auth) => !userPromptAuths.includes(auth)).filter((auth) => !HIDDEN_AUTHENTICATORS.includes(auth.authenticatorId));
-        return (0, import_vue50.h)("div", {}, [
-          props.showLogo ? (0, import_vue50.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__logo") }, [(0, import_vue50.h)(Logo_default)]) : null,
-          (0, import_vue50.h)(
+        return (0, import_vue51.h)("div", {}, [
+          props.showLogo ? (0, import_vue51.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__logo") }, [(0, import_vue51.h)(Logo_default)]) : null,
+          (0, import_vue51.h)(
             Card_default,
             { class: cardClass, variant: props.variant },
             {
@@ -6522,9 +6624,9 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
                 const children = [];
                 if (props.showTitle || props.showSubtitle) {
                   children.push(
-                    (0, import_vue50.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__header") }, [
-                      props.showTitle ? (0, import_vue50.h)(Typography_default, { variant: "h2" }, { default: () => flowTitle.value || t("signin.heading") }) : null,
-                      props.showSubtitle ? (0, import_vue50.h)(
+                    (0, import_vue51.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__header") }, [
+                      props.showTitle ? (0, import_vue51.h)(Typography_default, { variant: "h2" }, { default: () => flowTitle.value || t("signin.heading") }) : null,
+                      props.showSubtitle ? (0, import_vue51.h)(
                         Typography_default,
                         { variant: "body1" },
                         { default: () => flowSubtitle.value || t("signin.subheading") }
@@ -6534,22 +6636,22 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
                 }
                 if (flowMessages.value?.length > 0) {
                   children.push(
-                    (0, import_vue50.h)(
+                    (0, import_vue51.h)(
                       "div",
                       { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__flow-messages") },
                       flowMessages.value.map(
-                        (fm, i) => (0, import_vue50.h)(Alert_default, { key: fm.id || i, severity: fm.type }, { default: () => fm.message })
+                        (fm, i) => (0, import_vue51.h)(Alert_default, { key: fm.id || i, severity: fm.type }, { default: () => fm.message })
                       )
                     )
                   );
                 }
-                if (messages.value.length > 0) children.push((0, import_vue50.h)("div", {}, renderMessages()));
+                if (messages.value.length > 0) children.push((0, import_vue51.h)("div", {}, renderMessages()));
                 const errNode = renderError();
                 if (errNode) children.push(errNode);
                 userPromptAuths.forEach((auth, index) => {
-                  if (index > 0) children.push((0, import_vue50.h)(Divider_default, {}, { default: () => "OR" }));
+                  if (index > 0) children.push((0, import_vue51.h)(Divider_default, {}, { default: () => "OR" }));
                   children.push(
-                    (0, import_vue50.h)(
+                    (0, import_vue51.h)(
                       "form",
                       {
                         onSubmit: (e) => {
@@ -6581,11 +6683,11 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
                   );
                 });
                 if (userPromptAuths.length > 0 && optionAuths.length > 0) {
-                  children.push((0, import_vue50.h)(Divider_default, {}, { default: () => "OR" }));
+                  children.push((0, import_vue51.h)(Divider_default, {}, { default: () => "OR" }));
                 }
                 optionAuths.forEach((auth) => {
                   children.push(
-                    (0, import_vue50.h)("div", { key: auth.authenticatorId }, [
+                    (0, import_vue51.h)("div", { key: auth.authenticatorId }, [
                       createSignInOptionFromAuthenticator(
                         auth,
                         formValues.value,
@@ -6610,15 +6712,15 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
         ]);
       }
       if (!currentAuthenticator.value) {
-        return (0, import_vue50.h)("div", {}, [
-          props.showLogo ? (0, import_vue50.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__logo") }, [(0, import_vue50.h)(Logo_default)]) : null,
-          (0, import_vue50.h)(
+        return (0, import_vue51.h)("div", {}, [
+          props.showLogo ? (0, import_vue51.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__logo") }, [(0, import_vue51.h)(Logo_default)]) : null,
+          (0, import_vue51.h)(
             Card_default,
             { class: cardClass, variant: props.variant },
             {
               default: () => {
                 const errNode = renderError();
-                return errNode ? [errNode] : [(0, import_vue50.h)(Typography_default, { variant: "body1" }, { default: () => t("messages.loading.placeholder") })];
+                return errNode ? [errNode] : [(0, import_vue51.h)(Typography_default, { variant: "body1" }, { default: () => t("messages.loading.placeholder") })];
               }
             }
           )
@@ -6626,16 +6728,16 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
       }
       if (isPasskeyAuthenticator(currentAuthenticator.value) && !isLoading()) {
         handleAuthenticatorSelection(currentAuthenticator.value);
-        return (0, import_vue50.h)("div", {}, [
-          props.showLogo ? (0, import_vue50.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__logo") }, [(0, import_vue50.h)(Logo_default)]) : null,
-          (0, import_vue50.h)(
+        return (0, import_vue51.h)("div", {}, [
+          props.showLogo ? (0, import_vue51.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__logo") }, [(0, import_vue51.h)(Logo_default)]) : null,
+          (0, import_vue51.h)(
             Card_default,
             { class: cardClass, variant: props.variant },
             {
               default: () => [
-                (0, import_vue50.h)("div", { style: "text-align:center" }, [
-                  (0, import_vue50.h)(Spinner_default, { size: "large" }),
-                  (0, import_vue50.h)(
+                (0, import_vue51.h)("div", { style: "text-align:center" }, [
+                  (0, import_vue51.h)(Spinner_default, { size: "large" }),
+                  (0, import_vue51.h)(
                     Typography_default,
                     { variant: "body1" },
                     { default: () => t("passkey.authenticating") || "Authenticating with passkey..." }
@@ -6646,36 +6748,36 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
           )
         ]);
       }
-      return (0, import_vue50.h)("div", {}, [
-        props.showLogo ? (0, import_vue50.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__logo") }, [(0, import_vue50.h)(Logo_default)]) : null,
-        (0, import_vue50.h)(
+      return (0, import_vue51.h)("div", {}, [
+        props.showLogo ? (0, import_vue51.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__logo") }, [(0, import_vue51.h)(Logo_default)]) : null,
+        (0, import_vue51.h)(
           Card_default,
           { class: cardClass, variant: props.variant },
           {
             default: () => {
               const children = [];
               children.push(
-                (0, import_vue50.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__header") }, [
-                  (0, import_vue50.h)(Typography_default, { variant: "h2" }, { default: () => flowTitle.value || t("signin.heading") }),
-                  (0, import_vue50.h)(Typography_default, { variant: "body1" }, { default: () => flowSubtitle.value || t("signin.subheading") })
+                (0, import_vue51.h)("div", { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__header") }, [
+                  (0, import_vue51.h)(Typography_default, { variant: "h2" }, { default: () => flowTitle.value || t("signin.heading") }),
+                  (0, import_vue51.h)(Typography_default, { variant: "body1" }, { default: () => flowSubtitle.value || t("signin.subheading") })
                 ])
               );
               if (flowMessages.value?.length > 0) {
                 children.push(
-                  (0, import_vue50.h)(
+                  (0, import_vue51.h)(
                     "div",
                     { class: (0, import_browser37.withVendorCSSClassPrefix)("signin__flow-messages") },
                     flowMessages.value.map(
-                      (fm, i) => (0, import_vue50.h)(Alert_default, { key: fm.id || i, severity: fm.type }, { default: () => fm.message })
+                      (fm, i) => (0, import_vue51.h)(Alert_default, { key: fm.id || i, severity: fm.type }, { default: () => fm.message })
                     )
                   )
                 );
               }
-              if (messages.value.length > 0) children.push((0, import_vue50.h)("div", {}, renderMessages()));
+              if (messages.value.length > 0) children.push((0, import_vue51.h)("div", {}, renderMessages()));
               const errNode = renderError();
               if (errNode) children.push(errNode);
               children.push(
-                (0, import_vue50.h)(
+                (0, import_vue51.h)(
                   "form",
                   {
                     class: (0, import_browser37.withVendorCSSClassPrefix)("signin__form"),
@@ -6717,7 +6819,7 @@ var BaseSignIn = (0, import_vue50.defineComponent)({
 var BaseSignIn_default = BaseSignIn;
 
 // src/components/presentation/sign-in/v1/SignIn.ts
-var SignIn = (0, import_vue51.defineComponent)({
+var SignIn = (0, import_vue52.defineComponent)({
   emits: ["error", "success"],
   name: "SignInV1",
   props: {
@@ -6747,7 +6849,7 @@ var SignIn = (0, import_vue51.defineComponent)({
         window.location.href = url.toString();
       }
     };
-    return () => (0, import_vue51.h)(BaseSignIn_default, {
+    return () => (0, import_vue52.h)(BaseSignIn_default, {
       ...attrs,
       afterSignInUrl,
       class: props.className,
@@ -6768,16 +6870,16 @@ var SignIn_default = SignIn;
 
 // src/components/presentation/sign-in/v2/SignIn.ts
 var import_browser43 = require("@asgardeo/browser");
-var import_vue54 = require("vue");
+var import_vue55 = require("vue");
 
 // src/components/presentation/sign-in/v2/BaseSignIn.ts
 var import_browser40 = require("@asgardeo/browser");
-var import_vue53 = require("vue");
+var import_vue54 = require("vue");
 
 // src/components/presentation/sign-in/AuthOptionFactoryCore.ts
 var import_browser38 = require("@asgardeo/browser");
 var import_dompurify = __toESM(require("dompurify"), 1);
-var import_vue52 = require("vue");
+var import_vue53 = require("vue");
 var logger5 = createVueLogger("AuthOptionFactory");
 var getConsentOptionalKey = (purposeId, attr) => `consent_${purposeId}_${attr}`;
 var resolveEmojiUrisInHtml = (html) => {
@@ -6903,30 +7005,30 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         }
       };
       if (matchesSocialProvider(actionId, eventType, buttonText, "google")) {
-        return (0, import_vue52.h)(GoogleButton_default, { class: options.buttonClassName, key, onClick: handleClick });
+        return (0, import_vue53.h)(GoogleButton_default, { class: options.buttonClassName, key, onClick: handleClick });
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "github")) {
-        return (0, import_vue52.h)(GitHubButton_default, { class: options.buttonClassName, key, onClick: handleClick });
+        return (0, import_vue53.h)(GitHubButton_default, { class: options.buttonClassName, key, onClick: handleClick });
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "facebook")) {
-        return (0, import_vue52.h)(FacebookButton_default, { class: options.buttonClassName, key, onClick: handleClick });
+        return (0, import_vue53.h)(FacebookButton_default, { class: options.buttonClassName, key, onClick: handleClick });
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "microsoft")) {
-        return (0, import_vue52.h)(MicrosoftButton_default, { class: options.buttonClassName, key, onClick: handleClick });
+        return (0, import_vue53.h)(MicrosoftButton_default, { class: options.buttonClassName, key, onClick: handleClick });
       }
-      const startIconVNode = component.startIcon ? (0, import_vue52.h)("img", {
+      const startIconVNode = component.startIcon ? (0, import_vue53.h)("img", {
         alt: "",
         "aria-hidden": "true",
         src: component.startIcon,
         style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
       }) : null;
-      const endIconVNode = component.endIcon ? (0, import_vue52.h)("img", {
+      const endIconVNode = component.endIcon ? (0, import_vue53.h)("img", {
         alt: "",
         "aria-hidden": "true",
         src: component.endIcon,
         style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
       }) : null;
-      return (0, import_vue52.h)(
+      return (0, import_vue53.h)(
         Button_default,
         {
           class: options.buttonClassName,
@@ -6946,7 +7048,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
     case import_browser38.EmbeddedFlowComponentTypeV2.Text: {
       const variant = getTypographyVariant(component.variant);
       const align = typeof component["align"] === "string" ? component["align"] : "left";
-      return (0, import_vue52.h)(
+      return (0, import_vue53.h)(
         Typography_default,
         {
           key,
@@ -6958,7 +7060,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
     }
     case import_browser38.EmbeddedFlowComponentTypeV2.Divider: {
       const dividerLabel = resolve(component.label) || "";
-      return (0, import_vue52.h)(Divider_default, { key }, dividerLabel ? { default: () => dividerLabel } : void 0);
+      return (0, import_vue53.h)(Divider_default, { key }, dividerLabel ? { default: () => dividerLabel } : void 0);
     }
     case import_browser38.EmbeddedFlowComponentTypeV2.Select: {
       const identifier = component.ref;
@@ -6971,7 +7073,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           value: typeof opt === "string" ? opt : String(opt.value ?? "")
         })
       );
-      return (0, import_vue52.h)(Select_default, {
+      return (0, import_vue53.h)(Select_default, {
         class: options.inputClassName,
         error,
         key,
@@ -7002,12 +7104,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
             }
           )
         ).filter(Boolean);
-        return (0, import_vue52.h)("form", { id: component.id, key }, blockChildren);
+        return (0, import_vue53.h)("form", { id: component.id, key }, blockChildren);
       }
       return null;
     }
     case import_browser38.EmbeddedFlowComponentTypeV2.RichText: {
-      return (0, import_vue52.h)("div", {
+      return (0, import_vue53.h)("div", {
         innerHTML: import_dompurify.default.sanitize(resolveEmojiUrisInHtml(resolve(component.label))),
         key,
         style: { overflowWrap: "anywhere" }
@@ -7016,7 +7118,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
     case import_browser38.EmbeddedFlowComponentTypeV2.Image: {
       const explicitHeight = resolve(component.height?.toString());
       const explicitWidth = resolve(component.width?.toString());
-      return (0, import_vue52.h)("img", {
+      return (0, import_vue53.h)("img", {
         alt: resolve(component.alt) || resolve(component.label) || "Image",
         key,
         src: resolve(component.src),
@@ -7060,7 +7162,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           }
         )
       ) : [];
-      return (0, import_vue52.h)("div", { key, style: stackStyle }, stackChildren.filter(Boolean));
+      return (0, import_vue53.h)("div", { key, style: stackStyle }, stackChildren.filter(Boolean));
     }
     case import_browser38.EmbeddedFlowComponentTypeV2.Consent: {
       logger5.warn(`Consent component type is not yet fully supported in the Vue SDK.`);
@@ -7071,7 +7173,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
       const timeoutMs = Number(options.additionalData?.["stepTimeout"]) || 0;
       const expiresIn = timeoutMs > 0 ? Math.max(0, Math.floor((timeoutMs - Date.now()) / 1e3)) : 0;
       const timerText = textTemplate.replace("{time}", String(expiresIn));
-      return (0, import_vue52.h)("div", { class: "asgardeo-flow-timer", key }, timerText);
+      return (0, import_vue53.h)("div", { class: "asgardeo-flow-timer", key }, timerText);
     }
     default:
       logger5.warn(`Unsupported component type: ${component.type}. Skipping render.`);
@@ -7245,7 +7347,7 @@ var normalizeFlowResponse = (response, t, options = {}, meta) => {
   return {
     additionalData,
     components: transformComponents(response, t, resolveTranslations, meta),
-    flowId: response.flowId
+    executionId: response.executionId
   };
 };
 
@@ -7265,7 +7367,7 @@ var extractFormFields = (flowComponents) => {
   process(flowComponents);
   return fields;
 };
-var BaseSignIn2 = (0, import_vue53.defineComponent)({
+var BaseSignIn2 = (0, import_vue54.defineComponent)({
   emits: ["error", "success"],
   name: "BaseSignIn",
   props: {
@@ -7298,12 +7400,12 @@ var BaseSignIn2 = (0, import_vue53.defineComponent)({
     const { meta: metaRef } = useFlowMeta_default();
     const { t } = useI18n_default();
     const { subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages } = useFlow_default();
-    const isSubmitting = (0, import_vue53.ref)(false);
-    const apiError = (0, import_vue53.ref)(null);
-    const isLoading = (0, import_vue53.computed)(() => props.isLoading || isSubmitting.value);
-    const formValues = (0, import_vue53.ref)({});
-    const touchedFields = (0, import_vue53.ref)({});
-    (0, import_vue53.watch)(
+    const isSubmitting = (0, import_vue54.ref)(false);
+    const apiError = (0, import_vue54.ref)(null);
+    const isLoading = (0, import_vue54.computed)(() => props.isLoading || isSubmitting.value);
+    const formValues = (0, import_vue54.ref)({});
+    const touchedFields = (0, import_vue54.ref)({});
+    (0, import_vue54.watch)(
       () => props.components,
       (newComponents) => {
         const fields = extractFormFields(newComponents || []);
@@ -7316,7 +7418,7 @@ var BaseSignIn2 = (0, import_vue53.defineComponent)({
       },
       { deep: false, immediate: true }
     );
-    const formErrors = (0, import_vue53.computed)(() => {
+    const formErrors = (0, import_vue54.computed)(() => {
       const fields = extractFormFields(props.components || []);
       const errors = {};
       fields.forEach((field) => {
@@ -7331,7 +7433,7 @@ var BaseSignIn2 = (0, import_vue53.defineComponent)({
       });
       return errors;
     });
-    const isFormValid = (0, import_vue53.computed)(() => Object.keys(formErrors.value).length === 0);
+    const isFormValid = (0, import_vue54.computed)(() => Object.keys(formErrors.value).length === 0);
     const handleError = (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t);
       apiError.value = error instanceof Error ? error : new Error(errorMessage);
@@ -7431,23 +7533,23 @@ var BaseSignIn2 = (0, import_vue53.defineComponent)({
           validateForm,
           values: formValues.value
         };
-        return (0, import_vue53.h)("div", { class: containerClass, ...attrs }, slots["default"](renderProps));
+        return (0, import_vue54.h)("div", { class: containerClass, ...attrs }, slots["default"](renderProps));
       }
       if (isLoading.value && (!props.components || props.components.length === 0)) {
-        return (0, import_vue53.h)(
+        return (0, import_vue54.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue53.h)("div", { style: "display:flex;justify-content:center;padding:2rem" }, (0, import_vue53.h)(Spinner_default))
+          () => (0, import_vue54.h)("div", { style: "display:flex;justify-content:center;padding:2rem" }, (0, import_vue54.h)(Spinner_default))
         );
       }
       if (!props.components || props.components.length === 0) {
-        return (0, import_vue53.h)(
+        return (0, import_vue54.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue53.h)(
+          () => (0, import_vue54.h)(
             Alert_default,
             { severity: "warning" },
-            () => (0, import_vue53.h)(
+            () => (0, import_vue54.h)(
               Typography_default,
               { variant: "body1" },
               () => t("errors.signin.components.not.available") || "No sign-in options available"
@@ -7457,24 +7559,24 @@ var BaseSignIn2 = (0, import_vue53.defineComponent)({
       }
       const messages = flowMessages.value || [];
       const externalError = props.error;
-      return (0, import_vue53.h)(Card_default, { class: containerClass, ...attrs, variant: props.variant }, () => [
+      return (0, import_vue54.h)(Card_default, { class: containerClass, ...attrs, variant: props.variant }, () => [
         // Show errors and flow messages
-        (externalError || messages.length > 0) && (0, import_vue53.h)(
+        (externalError || messages.length > 0) && (0, import_vue54.h)(
           "div",
           { class: [(0, import_browser40.withVendorCSSClassPrefix)("signin__messages"), props.messageClassName].filter(Boolean).join(" ") },
           [
-            externalError && (0, import_vue53.h)(Alert_default, { severity: "error" }, () => (0, import_vue53.h)(Typography_default, { variant: "body2" }, () => externalError.message)),
+            externalError && (0, import_vue54.h)(Alert_default, { severity: "error" }, () => (0, import_vue54.h)(Typography_default, { variant: "body2" }, () => externalError.message)),
             ...messages.map(
-              (msg, index) => (0, import_vue53.h)(
+              (msg, index) => (0, import_vue54.h)(
                 Alert_default,
                 { key: index, severity: msg.type === "error" ? "error" : "info" },
-                () => (0, import_vue53.h)(Typography_default, { variant: "body2" }, () => msg.message)
+                () => (0, import_vue54.h)(Typography_default, { variant: "body2" }, () => msg.message)
               )
             )
           ]
         ),
         // Render flow components
-        (0, import_vue53.h)("div", { class: (0, import_browser40.withVendorCSSClassPrefix)("signin__content") }, renderComponents())
+        (0, import_vue54.h)("div", { class: (0, import_browser40.withVendorCSSClassPrefix)("signin__content") }, renderComponents())
       ]);
     };
   }
@@ -7649,9 +7751,9 @@ var handlePasskeyAuthentication = async (challengeData) => {
 };
 
 // src/components/presentation/sign-in/v2/SignIn.ts
-var FLOW_ID_STORAGE_KEY = "asgardeo_flow_id";
+var EXECUTION_ID_STORAGE_KEY = "asgardeo_execution_id";
 var AUTH_ID_STORAGE_KEY = "asgardeo_auth_id";
-var SignIn2 = (0, import_vue54.defineComponent)({
+var SignIn2 = (0, import_vue55.defineComponent)({
   emits: ["error", "success"],
   name: "SignIn",
   props: {
@@ -7669,34 +7771,34 @@ var SignIn2 = (0, import_vue54.defineComponent)({
     const { applicationId, afterSignInUrl, signIn, isInitialized, isLoading: sdkLoading } = useAsgardeo_default();
     const { meta: flowMeta } = useFlowMeta_default();
     const { t } = useI18n_default();
-    const components = (0, import_vue54.ref)([]);
-    const additionalData = (0, import_vue54.ref)({});
-    const currentFlowId = (0, import_vue54.ref)(null);
-    const isFlowInitialized = (0, import_vue54.ref)(false);
-    const flowError = (0, import_vue54.ref)(null);
-    const isSubmitting = (0, import_vue54.ref)(false);
-    const isTimeoutDisabled = (0, import_vue54.ref)(false);
-    const passkeyState = (0, import_vue54.ref)({
+    const components = (0, import_vue55.ref)([]);
+    const additionalData = (0, import_vue55.ref)({});
+    const currentExecutionId = (0, import_vue55.ref)(null);
+    const isFlowInitialized = (0, import_vue55.ref)(false);
+    const flowError = (0, import_vue55.ref)(null);
+    const isSubmitting = (0, import_vue55.ref)(false);
+    const isTimeoutDisabled = (0, import_vue55.ref)(false);
+    const passkeyState = (0, import_vue55.ref)({
       actionId: null,
       challenge: null,
       creationOptions: null,
       error: null,
-      flowId: null,
+      executionId: null,
       isActive: false
     });
     let initializationAttempted = false;
     const oauthCodeProcessedFlag = { value: false };
     let passkeyProcessed = false;
-    const persistFlowId = (flowId) => {
-      currentFlowId.value = flowId;
-      if (flowId) {
-        sessionStorage.setItem(FLOW_ID_STORAGE_KEY, flowId);
+    const persistExecutionId = (executionId) => {
+      currentExecutionId.value = executionId;
+      if (executionId) {
+        sessionStorage.setItem(EXECUTION_ID_STORAGE_KEY, executionId);
       } else {
-        sessionStorage.removeItem(FLOW_ID_STORAGE_KEY);
+        sessionStorage.removeItem(EXECUTION_ID_STORAGE_KEY);
       }
     };
     const clearFlowState = () => {
-      persistFlowId(null);
+      persistExecutionId(null);
       isFlowInitialized.value = false;
       sessionStorage.removeItem(AUTH_ID_STORAGE_KEY);
       isTimeoutDisabled.value = false;
@@ -7710,7 +7812,7 @@ var SignIn2 = (0, import_vue54.defineComponent)({
         code: params.get("code"),
         error: params.get("error"),
         errorDescription: params.get("error_description"),
-        flowId: params.get("flowId"),
+        executionId: params.get("executionId"),
         nonce: params.get("nonce"),
         state: params.get("state")
       };
@@ -7724,7 +7826,7 @@ var SignIn2 = (0, import_vue54.defineComponent)({
     const cleanupFlowUrlParams = () => {
       if (!window?.location?.href) return;
       const url = new URL(window.location.href);
-      ["flowId", "authId", "applicationId"].forEach((p) => url.searchParams.delete(p));
+      ["executionId", "authId", "applicationId"].forEach((p) => url.searchParams.delete(p));
       window.history.replaceState({}, "", url.toString());
     };
     const setError = (error) => {
@@ -7739,9 +7841,9 @@ var SignIn2 = (0, import_vue54.defineComponent)({
         sessionStorage.setItem(AUTH_ID_STORAGE_KEY, urlParams.authId);
       }
       const effectiveApplicationId = applicationId || urlParams.applicationId;
-      if (!urlParams.flowId && !effectiveApplicationId) {
+      if (!urlParams.executionId && !effectiveApplicationId) {
         const err = new import_browser43.AsgardeoRuntimeError(
-          "Either flowId or applicationId is required for authentication",
+          "Either executionId or applicationId is required for authentication",
           "SIGN_IN_ERROR",
           "vue"
         );
@@ -7751,8 +7853,8 @@ var SignIn2 = (0, import_vue54.defineComponent)({
       try {
         flowError.value = null;
         let response;
-        if (urlParams.flowId) {
-          response = await signIn({ flowId: urlParams.flowId });
+        if (urlParams.executionId) {
+          response = await signIn({ executionId: urlParams.executionId });
         } else {
           response = await signIn({
             applicationId: effectiveApplicationId,
@@ -7762,19 +7864,19 @@ var SignIn2 = (0, import_vue54.defineComponent)({
         if (response.type === import_browser43.EmbeddedSignInFlowTypeV2.Redirection) {
           const redirectURL = response.data?.redirectURL || response?.redirectURL;
           if (redirectURL && window?.location) {
-            if (response.flowId) persistFlowId(response.flowId);
+            if (response.executionId) persistExecutionId(response.executionId);
             if (urlParams.authId) sessionStorage.setItem(AUTH_ID_STORAGE_KEY, urlParams.authId);
             initiateOAuthRedirect(redirectURL);
             return;
           }
         }
         const {
-          flowId: normalizedFlowId,
+          executionId: normalizedExecutionId,
           components: normalizedComponents,
           additionalData: normalizedAdditionalData
         } = normalizeFlowResponse(response, t, { resolveTranslations: false }, flowMeta.value);
-        if (normalizedFlowId && normalizedComponents) {
-          persistFlowId(normalizedFlowId);
+        if (normalizedExecutionId && normalizedComponents) {
+          persistExecutionId(normalizedExecutionId);
           components.value = normalizedComponents;
           additionalData.value = normalizedAdditionalData ?? {};
           isFlowInitialized.value = true;
@@ -7790,8 +7892,8 @@ var SignIn2 = (0, import_vue54.defineComponent)({
       }
     };
     const handleSubmit = async (payload) => {
-      const effectiveFlowId = payload.flowId || currentFlowId.value;
-      if (!effectiveFlowId) {
+      const effectiveExecutionId = payload.executionId || currentExecutionId.value;
+      if (!effectiveExecutionId) {
         throw new Error("No active flow ID");
       }
       const processedInputs = { ...payload.inputs };
@@ -7836,14 +7938,14 @@ var SignIn2 = (0, import_vue54.defineComponent)({
         isSubmitting.value = true;
         flowError.value = null;
         const response = await signIn({
-          flowId: effectiveFlowId,
+          executionId: effectiveExecutionId,
           ...payload,
           inputs: processedInputs
         });
         if (response.type === import_browser43.EmbeddedSignInFlowTypeV2.Redirection) {
           const redirectURL = response.data?.redirectURL || response?.redirectURL;
           if (redirectURL && window?.location) {
-            if (response.flowId) persistFlowId(response.flowId);
+            if (response.executionId) persistExecutionId(response.executionId);
             const urlParams = getUrlParams2();
             if (urlParams.authId) sessionStorage.setItem(AUTH_ID_STORAGE_KEY, urlParams.authId);
             initiateOAuthRedirect(redirectURL);
@@ -7858,14 +7960,14 @@ var SignIn2 = (0, import_vue54.defineComponent)({
             challenge: passkeyChallenge || null,
             creationOptions: passkeyCreationOptions || null,
             error: null,
-            flowId: response.flowId || effectiveFlowId,
+            executionId: response.executionId || effectiveExecutionId,
             isActive: true
           };
           isSubmitting.value = false;
           return;
         }
         const {
-          flowId: normalizedFlowId,
+          executionId: normalizedExecutionId,
           components: normalizedComponents,
           additionalData: normalizedAdditionalData
         } = normalizeFlowResponse(response, t, { resolveTranslations: false }, flowMeta.value);
@@ -7881,7 +7983,7 @@ var SignIn2 = (0, import_vue54.defineComponent)({
           const redirectUrl = response?.redirectUrl || response?.redirect_uri;
           const finalRedirectUrl = redirectUrl || afterSignInUrl;
           isSubmitting.value = false;
-          persistFlowId(null);
+          persistExecutionId(null);
           isFlowInitialized.value = false;
           sessionStorage.removeItem(AUTH_ID_STORAGE_KEY);
           cleanupOAuthUrlParams();
@@ -7894,8 +7996,8 @@ var SignIn2 = (0, import_vue54.defineComponent)({
           }
           return;
         }
-        if (normalizedFlowId && normalizedComponents) {
-          persistFlowId(normalizedFlowId);
+        if (normalizedExecutionId && normalizedComponents) {
+          persistExecutionId(normalizedExecutionId);
           components.value = normalizedComponents;
           additionalData.value = normalizedAdditionalData ?? {};
           isTimeoutDisabled.value = false;
@@ -7935,19 +8037,19 @@ var SignIn2 = (0, import_vue54.defineComponent)({
         setError(new Error(t("errors.signin.timeout") || "Time allowed to complete the step has expired."));
       }, remaining * 1e3);
     };
-    (0, import_vue54.watch)(
+    (0, import_vue55.watch)(
       () => [additionalData.value?.["stepTimeout"], isFlowInitialized.value],
       ([timeoutMs]) => {
         scheduleTimeout(Number(timeoutMs) || 0);
       }
     );
-    (0, import_vue54.onUnmounted)(() => {
+    (0, import_vue55.onUnmounted)(() => {
       if (timeoutHandle) clearTimeout(timeoutHandle);
     });
-    (0, import_vue54.watch)(
+    (0, import_vue55.watch)(
       () => passkeyState.value,
       async (state) => {
-        if (!state.isActive || !state.challenge && !state.creationOptions || !state.flowId) return;
+        if (!state.isActive || !state.challenge && !state.creationOptions || !state.executionId) return;
         if (passkeyProcessed) return;
         passkeyProcessed = true;
         try {
@@ -7973,13 +8075,13 @@ var SignIn2 = (0, import_vue54.defineComponent)({
           } else {
             throw new Error("No passkey challenge or creation options available");
           }
-          await handleSubmit({ flowId: state.flowId, inputs });
+          await handleSubmit({ executionId: state.executionId, inputs });
           passkeyState.value = {
             actionId: null,
             challenge: null,
             creationOptions: null,
             error: null,
-            flowId: null,
+            executionId: null,
             isActive: false
           };
         } catch (error) {
@@ -7991,9 +8093,9 @@ var SignIn2 = (0, import_vue54.defineComponent)({
       },
       { deep: true }
     );
-    useOAuthCallback({
-      currentFlowId,
-      flowIdStorageKey: FLOW_ID_STORAGE_KEY,
+    useOAuthCallback2({
+      currentExecutionId,
+      executionIdStorageKey: EXECUTION_ID_STORAGE_KEY,
       isInitialized,
       isSubmitting,
       onError: (err) => {
@@ -8002,23 +8104,29 @@ var SignIn2 = (0, import_vue54.defineComponent)({
           setError(err instanceof Error ? err : new Error(String(err)));
         }
       },
-      onSubmit: (payload) => handleSubmit({ flowId: payload.flowId, inputs: payload.inputs }),
+      onSubmit: (payload) => handleSubmit({ executionId: payload.executionId, inputs: payload.inputs }),
       processedFlag: oauthCodeProcessedFlag,
-      setFlowId: persistFlowId
+      setExecutionId: persistExecutionId
     });
-    (0, import_vue54.onMounted)(() => {
+    (0, import_vue55.onMounted)(() => {
       const urlParams = getUrlParams2();
       if (urlParams.authId) {
         sessionStorage.setItem(AUTH_ID_STORAGE_KEY, urlParams.authId);
       }
     });
-    (0, import_vue54.watch)(
-      () => [isInitialized.value, sdkLoading.value, isFlowInitialized.value, currentFlowId.value, isSubmitting.value],
-      ([initialized, loading, flowInit, flowId, submitting]) => {
+    (0, import_vue55.watch)(
+      () => [
+        isInitialized.value,
+        sdkLoading.value,
+        isFlowInitialized.value,
+        currentExecutionId.value,
+        isSubmitting.value
+      ],
+      ([initialized, loading, flowInit, executionId, submitting]) => {
         const urlParams = getUrlParams2();
         const hasOAuthCode = !!urlParams.code;
         const hasOAuthState = !!urlParams.state;
-        if (initialized && !loading && !flowInit && !initializationAttempted && !flowId && !hasOAuthCode && !hasOAuthState && !submitting && !oauthCodeProcessedFlag.value) {
+        if (initialized && !loading && !flowInit && !initializationAttempted && !executionId && !hasOAuthCode && !hasOAuthState && !submitting && !oauthCodeProcessedFlag.value) {
           initializationAttempted = true;
           initializeFlow();
         }
@@ -8038,9 +8146,9 @@ var SignIn2 = (0, import_vue54.defineComponent)({
           meta: flowMeta.value,
           onSubmit: handleSubmit
         };
-        return (0, import_vue54.h)("div", {}, slots["default"](renderProps));
+        return (0, import_vue55.h)("div", {}, slots["default"](renderProps));
       }
-      return (0, import_vue54.h)(BaseSignIn_default2, {
+      return (0, import_vue55.h)(BaseSignIn_default2, {
         ...attrs,
         additionalData: additionalData.value,
         class: props.className,
@@ -8059,7 +8167,7 @@ var SignIn2 = (0, import_vue54.defineComponent)({
 var SignIn_default2 = SignIn2;
 
 // src/components/presentation/sign-in/SignIn.ts
-var SignIn3 = (0, import_vue55.defineComponent)({
+var SignIn3 = (0, import_vue56.defineComponent)({
   emits: ["error", "success"],
   name: "SignIn",
   props: {
@@ -8077,7 +8185,7 @@ var SignIn3 = (0, import_vue55.defineComponent)({
     const { platform } = useAsgardeo_default();
     return () => {
       if (platform === import_browser44.Platform.AsgardeoV2) {
-        return (0, import_vue55.h)(
+        return (0, import_vue56.h)(
           SignIn_default2,
           {
             ...attrs,
@@ -8090,7 +8198,7 @@ var SignIn3 = (0, import_vue55.defineComponent)({
           slots
         );
       }
-      return (0, import_vue55.h)(
+      return (0, import_vue56.h)(
         SignIn_default,
         {
           ...attrs,
@@ -8109,17 +8217,17 @@ var SignIn_default3 = SignIn3;
 
 // src/components/presentation/sign-in/BaseSignIn.ts
 var import_browser45 = require("@asgardeo/browser");
-var import_vue56 = require("vue");
-var BaseSignIn3 = (0, import_vue56.defineComponent)({
+var import_vue57 = require("vue");
+var BaseSignIn3 = (0, import_vue57.defineComponent)({
   inheritAttrs: false,
   name: "BaseSignIn",
   setup(_props, { attrs, slots }) {
     const { platform } = useAsgardeo_default();
     return () => {
       if (platform === import_browser45.Platform.AsgardeoV2) {
-        return (0, import_vue56.h)(BaseSignIn_default2, { ...attrs }, slots);
+        return (0, import_vue57.h)(BaseSignIn_default2, { ...attrs }, slots);
       }
-      return (0, import_vue56.h)(BaseSignIn_default, { ...attrs }, slots);
+      return (0, import_vue57.h)(BaseSignIn_default, { ...attrs }, slots);
     };
   }
 });
@@ -8127,11 +8235,11 @@ var BaseSignIn_default3 = BaseSignIn3;
 
 // src/components/presentation/sign-up/SignUp.ts
 var import_browser47 = require("@asgardeo/browser");
-var import_vue58 = require("vue");
+var import_vue59 = require("vue");
 
 // src/components/presentation/sign-up/BaseSignUp.ts
 var import_browser46 = require("@asgardeo/browser");
-var import_vue57 = require("vue");
+var import_vue58 = require("vue");
 
 // src/utils/v2/getAuthComponentHeadings.ts
 var getAuthComponentHeadings = (components, flowTitle, flowSubtitle, defaultTitle, defaultSubtitle) => {
@@ -8212,7 +8320,7 @@ var extractFormFields2 = (components) => {
   process(components);
   return fields;
 };
-var BaseSignUp = (0, import_vue57.defineComponent)({
+var BaseSignUp = (0, import_vue58.defineComponent)({
   emits: ["error", "complete", "flowChange"],
   name: "BaseSignUp",
   props: {
@@ -8252,22 +8360,22 @@ var BaseSignUp = (0, import_vue57.defineComponent)({
   setup(props, { slots }) {
     const { meta: flowMetaRef } = useFlowMeta_default();
     const { t } = useI18n_default();
-    const isLoading = (0, import_vue57.ref)(false);
-    const isFlowInitialized = (0, import_vue57.ref)(false);
-    const currentFlow = (0, import_vue57.ref)(null);
-    const apiError = (0, import_vue57.ref)(null);
-    const flowMessages = (0, import_vue57.ref)([]);
-    const passkeyState = (0, import_vue57.ref)({
+    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)({
       actionId: null,
       creationOptions: null,
       error: null,
       flowId: null,
       isActive: false
     });
-    const formValues = (0, import_vue57.ref)({});
-    const touchedFields = (0, import_vue57.ref)({});
-    const formErrors = (0, import_vue57.ref)({});
-    const isFormValid = (0, import_vue57.ref)(true);
+    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);
     let initializationAttempted = false;
     let passkeyProcessed = false;
     const handleError = (error) => {
@@ -8484,7 +8592,7 @@ var BaseSignUp = (0, import_vue57.defineComponent)({
         isLoading.value = false;
       }
     };
-    (0, import_vue57.watch)(
+    (0, import_vue58.watch)(
       () => passkeyState.value,
       async (state) => {
         if (!state.isActive || !state.creationOptions || !state.flowId) return;
@@ -8522,7 +8630,7 @@ var BaseSignUp = (0, import_vue57.defineComponent)({
       },
       { deep: true }
     );
-    (0, import_vue57.watch)(
+    (0, import_vue58.watch)(
       () => [props.isInitialized, isFlowInitialized.value],
       ([initialized, flowInit]) => {
         const urlParams = new URL(window.location.href).searchParams;
@@ -8583,20 +8691,20 @@ var BaseSignUp = (0, import_vue57.defineComponent)({
           },
           values: formValues.value
         };
-        return (0, import_vue57.h)("div", { class: containerClass }, slots["default"](renderProps));
+        return (0, import_vue58.h)("div", { class: containerClass }, slots["default"](renderProps));
       }
       if (!isFlowInitialized.value && isLoading.value) {
-        return (0, import_vue57.h)(
+        return (0, import_vue58.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue57.h)("div", { style: "display:flex;justify-content:center;padding:2rem" }, (0, import_vue57.h)(Spinner_default))
+          () => (0, import_vue58.h)("div", { style: "display:flex;justify-content:center;padding:2rem" }, (0, import_vue58.h)(Spinner_default))
         );
       }
       if (!currentFlow.value) {
-        return (0, import_vue57.h)(
+        return (0, import_vue58.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue57.h)(
+          () => (0, import_vue58.h)(
             Alert_default,
             { variant: "error" },
             () => t("errors.signup.flow.initialization.failure") || "Failed to initialize sign-up flow"
@@ -8631,32 +8739,32 @@ var BaseSignUp = (0, import_vue57.defineComponent)({
           variant: props.variant
         }
       ) : [];
-      return (0, import_vue57.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
+      return (0, import_vue58.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
         // Header with title/subtitle
-        props.showTitle || props.showSubtitle ? (0, import_vue57.h)("div", { style: "padding: 1rem 1rem 0" }, [
-          props.showTitle ? (0, import_vue57.h)(Typography_default, { variant: "h5" }, () => title) : null,
-          props.showSubtitle ? (0, import_vue57.h)(Typography_default, { style: "margin-top: 0.25rem", variant: "body1" }, () => subtitle) : null
+        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
         ]) : null,
         // External error
-        props.error ? (0, import_vue57.h)(
+        props.error ? (0, import_vue58.h)(
           "div",
           { style: "padding: 0 1rem" },
-          (0, import_vue57.h)(Alert_default, { variant: "error" }, () => props.error.message)
+          (0, import_vue58.h)(Alert_default, { variant: "error" }, () => props.error.message)
         ) : null,
         // Flow messages
-        flowMessages.value.length > 0 ? (0, import_vue57.h)(
+        flowMessages.value.length > 0 ? (0, import_vue58.h)(
           "div",
           { style: "padding: 0 1rem" },
           flowMessages.value.map(
-            (msg, i) => (0, import_vue57.h)(Alert_default, { key: i, variant: msg.type === "error" ? "error" : "info" }, () => msg.message)
+            (msg, i) => (0, import_vue58.h)(Alert_default, { key: i, variant: msg.type === "error" ? "error" : "info" }, () => msg.message)
           )
         ) : null,
         // Components
-        (0, import_vue57.h)(
+        (0, import_vue58.h)(
           "div",
           { style: "padding: 1rem" },
           renderedComponents.length > 0 ? renderedComponents : [
-            (0, import_vue57.h)(
+            (0, import_vue58.h)(
               Alert_default,
               { variant: "warning" },
               () => t("errors.signup.components.not.available") || "No components available"
@@ -8670,7 +8778,7 @@ var BaseSignUp = (0, import_vue57.defineComponent)({
 var BaseSignUp_default = BaseSignUp;
 
 // src/components/presentation/sign-up/SignUp.ts
-var SignUp = (0, import_vue58.defineComponent)({
+var SignUp = (0, import_vue59.defineComponent)({
   name: "SignUp",
   props: {
     afterSignUpUrl: { default: void 0, type: String },
@@ -8714,7 +8822,7 @@ var SignUp = (0, import_vue58.defineComponent)({
         window.location.href = response.data.redirectURL;
       }
     };
-    return () => (0, import_vue58.h)(
+    return () => (0, import_vue59.h)(
       BaseSignUp_default,
       {
         afterSignUpUrl: props.afterSignUpUrl,
@@ -8741,11 +8849,11 @@ var SignUp_default = SignUp;
 
 // src/components/presentation/user-profile/UserProfile.ts
 var import_browser49 = require("@asgardeo/browser");
-var import_vue60 = require("vue");
+var import_vue61 = require("vue");
 
 // src/components/presentation/user-profile/BaseUserProfile.ts
 var import_browser48 = require("@asgardeo/browser");
-var import_vue59 = require("vue");
+var import_vue60 = require("vue");
 var PROFILE_FIELD_DESCRIPTORS = [
   { keys: ["username", "userName", "user_name"], label: "Username", readonly: true },
   { keys: ["firstName", "givenName"], label: "First Name", readonly: false },
@@ -8782,7 +8890,7 @@ var getUserInitials = (user) => {
   const fallback = String(user["username"] || user["userName"] || user["email"] || user["sub"] || "");
   return fallback.charAt(0).toUpperCase() || "?";
 };
-var BaseUserProfile = (0, import_vue59.defineComponent)({
+var BaseUserProfile = (0, import_vue60.defineComponent)({
   inheritAttrs: false,
   name: "BaseUserProfile",
   props: {
@@ -8803,8 +8911,8 @@ var BaseUserProfile = (0, import_vue59.defineComponent)({
     title: { default: "Profile", type: String }
   },
   setup(props, { slots }) {
-    const editingFields = (0, import_vue59.ref)({});
-    const editedValues = (0, import_vue59.ref)({});
+    const editingFields = (0, import_vue60.ref)({});
+    const editedValues = (0, import_vue60.ref)({});
     return () => {
       if (slots["default"]) {
         return slots["default"]({
@@ -8823,28 +8931,28 @@ var BaseUserProfile = (0, import_vue59.defineComponent)({
       const avatarGradient = getAvatarGradient(avatarSeed);
       const children = [];
       children.push(
-        (0, import_vue59.h)("div", { class: prefix("user-profile__header") }, [
-          (0, import_vue59.h)(Typography_default, { class: prefix("user-profile__title"), variant: "h5" }, () => props.title)
+        (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)
         ])
       );
-      children.push((0, import_vue59.h)(Divider_default, { class: prefix("user-profile__header-divider") }));
+      children.push((0, import_vue60.h)(Divider_default, { class: prefix("user-profile__header-divider") }));
       children.push(
-        (0, import_vue59.h)("div", { class: prefix("user-profile__avatar-section") }, [
-          (0, import_vue59.h)(
+        (0, import_vue60.h)("div", { class: prefix("user-profile__avatar-section") }, [
+          (0, import_vue60.h)(
             "div",
             {
               class: prefix("user-profile__avatar"),
               style: { background: avatarGradient }
             },
-            [(0, import_vue59.h)("span", { class: prefix("user-profile__avatar-initials") }, initials)]
+            [(0, import_vue60.h)("span", { class: prefix("user-profile__avatar-initials") }, initials)]
           )
         ])
       );
       if (props.error) {
-        children.push((0, import_vue59.h)(Alert_default, { class: prefix("user-profile__error"), severity: "error" }, () => props.error));
+        children.push((0, import_vue60.h)(Alert_default, { class: prefix("user-profile__error"), severity: "error" }, () => props.error));
       }
       if (props.isLoading) {
-        children.push((0, import_vue59.h)("div", { class: prefix("user-profile__loading") }, [(0, import_vue59.h)(Spinner_default)]));
+        children.push((0, import_vue60.h)("div", { class: prefix("user-profile__loading") }, [(0, import_vue60.h)(Spinner_default)]));
       } else if (data) {
         const fieldDataRecord = data;
         const descriptors = PROFILE_FIELD_DESCRIPTORS.filter((d) => {
@@ -8864,22 +8972,22 @@ var BaseUserProfile = (0, import_vue59.defineComponent)({
           const isEmpty2 = value == null || value === "";
           const { label } = descriptor;
           fieldRows.push(
-            (0, import_vue59.h)("div", { class: prefix("user-profile__field"), key }, [
+            (0, import_vue60.h)("div", { class: prefix("user-profile__field"), key }, [
               // Label column
-              (0, import_vue59.h)("div", { class: prefix("user-profile__field-label-col") }, [
-                (0, import_vue59.h)(Typography_default, { class: prefix("user-profile__field-label"), variant: "body2" }, () => label)
+              (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)
               ]),
               // Value column
-              (0, import_vue59.h)("div", { class: prefix("user-profile__field-value-col") }, [
-                isEditing ? (0, import_vue59.h)("div", { class: prefix("user-profile__field-edit") }, [
-                  (0, import_vue59.h)(TextField_default, {
+              (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, {
                     modelValue: editedValues.value[key] ?? String(value ?? ""),
                     "onUpdate:modelValue": (v) => {
                       editedValues.value = { ...editedValues.value, [key]: v };
                     }
                   }),
-                  (0, import_vue59.h)("div", { class: prefix("user-profile__field-edit-actions") }, [
-                    (0, import_vue59.h)(
+                  (0, import_vue60.h)("div", { class: prefix("user-profile__field-edit-actions") }, [
+                    (0, import_vue60.h)(
                       Button_default,
                       {
                         onClick: async () => {
@@ -8895,7 +9003,7 @@ var BaseUserProfile = (0, import_vue59.defineComponent)({
                       },
                       () => "Save"
                     ),
-                    (0, import_vue59.h)(
+                    (0, import_vue60.h)(
                       Button_default,
                       {
                         onClick: () => {
@@ -8907,8 +9015,8 @@ var BaseUserProfile = (0, import_vue59.defineComponent)({
                       () => "Cancel"
                     )
                   ])
-                ]) : (0, import_vue59.h)("div", { class: prefix("user-profile__field-display") }, [
-                  isEmpty2 ? (0, import_vue59.h)(
+                ]) : (0, import_vue60.h)("div", { class: prefix("user-profile__field-display") }, [
+                  isEmpty2 ? (0, import_vue60.h)(
                     "span",
                     {
                       class: prefix("user-profile__field-placeholder"),
@@ -8918,12 +9026,12 @@ var BaseUserProfile = (0, import_vue59.defineComponent)({
                       } : void 0
                     },
                     `Enter your ${label.toLowerCase()}`
-                  ) : (0, import_vue59.h)(
+                  ) : (0, import_vue60.h)(
                     Typography_default,
                     { class: prefix("user-profile__field-value"), variant: "body1" },
                     () => String(value)
                   ),
-                  props.editable && !isReadonly ? (0, import_vue59.h)(
+                  props.editable && !isReadonly ? (0, import_vue60.h)(
                     "button",
                     {
                       "aria-label": `Edit ${label}`,
@@ -8934,29 +9042,29 @@ var BaseUserProfile = (0, import_vue59.defineComponent)({
                       },
                       type: "button"
                     },
-                    [(0, import_vue59.h)(PencilIcon)]
+                    [(0, import_vue60.h)(PencilIcon)]
                   ) : null
                 ])
               ])
             ])
           );
         });
-        children.push((0, import_vue59.h)("div", { class: prefix("user-profile__fields") }, fieldRows));
+        children.push((0, import_vue60.h)("div", { class: prefix("user-profile__fields") }, fieldRows));
       }
       if (slots["footer"]) {
-        children.push((0, import_vue59.h)("div", { class: prefix("user-profile__footer") }, slots["footer"]()));
+        children.push((0, import_vue60.h)("div", { class: prefix("user-profile__footer") }, slots["footer"]()));
       }
       if (props.cardLayout) {
-        return (0, import_vue59.h)(Card_default, { class: [prefix("user-profile"), props.className].filter(Boolean).join(" ") }, () => children);
+        return (0, import_vue60.h)(Card_default, { class: [prefix("user-profile"), props.className].filter(Boolean).join(" ") }, () => children);
       }
-      return (0, import_vue59.h)("div", { 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);
     };
   }
 });
 var BaseUserProfile_default = BaseUserProfile;
 
 // src/components/presentation/user-profile/UserProfile.ts
-var UserProfile3 = (0, import_vue60.defineComponent)({
+var UserProfile3 = (0, import_vue61.defineComponent)({
   name: "UserProfile",
   props: {
     cardLayout: { default: true, type: Boolean },
@@ -8968,7 +9076,7 @@ var UserProfile3 = (0, import_vue60.defineComponent)({
   },
   setup(props, { slots }) {
     const { flattenedProfile, schemas, updateProfile } = useUser_default();
-    return () => (0, import_vue60.h)(
+    return () => (0, import_vue61.h)(
       BaseUserProfile_default,
       {
         cardLayout: props.cardLayout,
@@ -8990,12 +9098,12 @@ var UserProfile_default = UserProfile3;
 
 // src/components/presentation/user-dropdown/UserDropdown.ts
 var import_browser51 = require("@asgardeo/browser");
-var import_vue62 = require("vue");
+var import_vue63 = require("vue");
 
 // src/components/presentation/user-dropdown/BaseUserDropdown.ts
 var import_browser50 = require("@asgardeo/browser");
-var import_vue61 = require("vue");
-var BaseUserDropdown = (0, import_vue61.defineComponent)({
+var import_vue62 = require("vue");
+var BaseUserDropdown = (0, import_vue62.defineComponent)({
   inheritAttrs: false,
   name: "BaseUserDropdown",
   props: {
@@ -9008,7 +9116,7 @@ var BaseUserDropdown = (0, import_vue61.defineComponent)({
     user: { default: null, type: Object }
   },
   setup(props, { slots }) {
-    const isOpen = (0, import_vue61.ref)(false);
+    const isOpen = (0, import_vue62.ref)(false);
     const prefix = import_browser50.withVendorCSSClassPrefix;
     return () => {
       if (slots["default"]) {
@@ -9037,7 +9145,7 @@ var BaseUserDropdown = (0, import_vue61.defineComponent)({
       const displayName = resolveDisplayName();
       const children = [];
       children.push(
-        (0, import_vue61.h)(
+        (0, import_vue62.h)(
           "button",
           {
             class: prefix("user-dropdown__trigger"),
@@ -9047,9 +9155,9 @@ var BaseUserDropdown = (0, import_vue61.defineComponent)({
             type: "button"
           },
           [
-            (0, import_vue61.h)("span", { class: prefix("user-dropdown__avatar") }, [(0, import_vue61.h)(UserIcon, { size: 20 })]),
-            displayName ? (0, import_vue61.h)(Typography_default, { class: prefix("user-dropdown__name"), variant: "body2" }, () => displayName) : null,
-            (0, import_vue61.h)(ChevronDownIcon, { size: 16 })
+            (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 })
           ]
         )
       );
@@ -9057,9 +9165,9 @@ var BaseUserDropdown = (0, import_vue61.defineComponent)({
         const menuItems = [];
         if (props.onProfileClick) {
           menuItems.push(
-            (0, import_vue61.h)("button", { class: prefix("user-dropdown__item"), onClick: props.onProfileClick, type: "button" }, [
-              (0, import_vue61.h)(UserIcon, { size: 16 }),
-              (0, import_vue61.h)("span", null, "Profile")
+            (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")
             ])
           );
         }
@@ -9068,25 +9176,25 @@ var BaseUserDropdown = (0, import_vue61.defineComponent)({
         }
         if (props.onSignOut) {
           menuItems.push(
-            (0, import_vue61.h)("button", { class: prefix("user-dropdown__item"), onClick: props.onSignOut, type: "button" }, [
-              (0, import_vue61.h)(LogOutIcon, { size: 16 }),
-              (0, import_vue61.h)("span", null, "Sign Out")
+            (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")
             ])
           );
         }
-        children.push((0, import_vue61.h)("div", { class: prefix("user-dropdown__menu") }, menuItems));
+        children.push((0, import_vue62.h)("div", { class: prefix("user-dropdown__menu") }, menuItems));
       }
-      const container = (0, import_vue61.h)(
+      const container = (0, import_vue62.h)(
         "div",
         { class: [prefix("user-dropdown"), props.className].filter(Boolean).join(" ") },
         children
       );
       if (props.isProfileModalOpen) {
-        return (0, import_vue61.h)("div", [
+        return (0, import_vue62.h)("div", [
           container,
-          (0, import_vue61.h)("div", { class: prefix("user-dropdown__modal-overlay") }, [
-            (0, import_vue61.h)("div", { class: prefix("user-dropdown__modal-content") }, [
-              (0, import_vue61.h)(
+          (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)(
                 "button",
                 {
                   "aria-label": "Close profile modal",
@@ -9094,7 +9202,7 @@ var BaseUserDropdown = (0, import_vue61.defineComponent)({
                   onClick: props.onProfileModalClose,
                   type: "button"
                 },
-                [(0, import_vue61.h)(XIcon, { size: 24 })]
+                [(0, import_vue62.h)(XIcon, { size: 24 })]
               ),
               props.profileContent
             ])
@@ -9108,7 +9216,7 @@ var BaseUserDropdown = (0, import_vue61.defineComponent)({
 var BaseUserDropdown_default = BaseUserDropdown;
 
 // src/components/presentation/user-dropdown/UserDropdown.ts
-var UserDropdown = (0, import_vue62.defineComponent)({
+var UserDropdown = (0, import_vue63.defineComponent)({
   emits: ["profileClick"],
   name: "UserDropdown",
   props: {
@@ -9119,8 +9227,8 @@ var UserDropdown = (0, import_vue62.defineComponent)({
   },
   setup(props, { slots, emit }) {
     const { user, signOut } = useAsgardeo_default();
-    const isProfileModalOpen = (0, import_vue62.ref)(false);
-    return () => (0, import_vue62.h)(
+    const isProfileModalOpen = (0, import_vue63.ref)(false);
+    return () => (0, import_vue63.h)(
       BaseUserDropdown_default,
       {
         class: (0, import_browser51.withVendorCSSClassPrefix)("user-dropdown--styled"),
@@ -9136,7 +9244,7 @@ var UserDropdown = (0, import_vue62.defineComponent)({
         onSignOut: () => {
           signOut();
         },
-        profileContent: isProfileModalOpen.value ? (0, import_vue62.h)(UserProfile_default, {
+        profileContent: isProfileModalOpen.value ? (0, import_vue63.h)(UserProfile_default, {
           cardLayout: false,
           editable: true
         }) : null,
@@ -9149,12 +9257,12 @@ var UserDropdown = (0, import_vue62.defineComponent)({
 var UserDropdown_default = UserDropdown;
 
 // src/components/presentation/accept-invite/AcceptInvite.ts
-var import_vue64 = require("vue");
+var import_vue65 = require("vue");
 
 // src/components/presentation/accept-invite/BaseAcceptInvite.ts
 var import_browser52 = require("@asgardeo/browser");
-var import_vue63 = require("vue");
-var BaseAcceptInvite = (0, import_vue63.defineComponent)({
+var import_vue64 = require("vue");
+var BaseAcceptInvite = (0, import_vue64.defineComponent)({
   name: "BaseAcceptInvite",
   props: {
     className: { default: "", type: String },
@@ -9179,17 +9287,17 @@ var BaseAcceptInvite = (0, import_vue63.defineComponent)({
   setup(props, { slots }) {
     const { meta: metaRef } = useFlowMeta_default();
     const { t } = useI18n_default();
-    const isLoading = (0, import_vue63.ref)(false);
-    const isValidatingToken = (0, import_vue63.ref)(true);
-    const isTokenInvalid = (0, import_vue63.ref)(false);
-    const isComplete = (0, import_vue63.ref)(false);
-    const currentFlow = (0, import_vue63.ref)(null);
-    const apiError = (0, import_vue63.ref)(null);
-    const completionTitle = (0, import_vue63.ref)(void 0);
-    const formValues = (0, import_vue63.ref)({});
-    const formErrors = (0, import_vue63.ref)({});
-    const touchedFields = (0, import_vue63.ref)({});
-    const isFormValid = (0, import_vue63.ref)(true);
+    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);
     let tokenValidationAttempted = false;
     const handleError = (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t, "components.acceptInvite.errors.generic");
@@ -9211,8 +9319,8 @@ var BaseAcceptInvite = (0, import_vue63.defineComponent)({
       }
     };
     useOAuthCallback({
-      currentFlowId: (0, import_vue63.ref)(props.flowId ?? null),
-      isInitialized: (0, import_vue63.ref)(true),
+      currentFlowId: (0, import_vue64.ref)(props.flowId ?? null),
+      isInitialized: (0, import_vue64.ref)(true),
       onComplete: () => {
         isComplete.value = true;
         isValidatingToken.value = false;
@@ -9329,7 +9437,7 @@ var BaseAcceptInvite = (0, import_vue63.defineComponent)({
         isLoading.value = false;
       }
     };
-    (0, import_vue63.watch)(
+    (0, import_vue64.watch)(
       () => [props.flowId, props.inviteToken],
       ([flowId, inviteToken]) => {
         if (tokenValidationAttempted) return;
@@ -9408,44 +9516,44 @@ var BaseAcceptInvite = (0, import_vue63.defineComponent)({
           touched: touchedFields.value,
           values: formValues.value
         };
-        return (0, import_vue63.h)("div", { class: containerClass }, slots["default"](renderProps));
+        return (0, import_vue64.h)("div", { class: containerClass }, slots["default"](renderProps));
       }
       if (isValidatingToken.value) {
-        return (0, import_vue63.h)(
+        return (0, import_vue64.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue63.h)("div", { style: "display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem" }, [
-            (0, import_vue63.h)(Spinner_default),
-            (0, import_vue63.h)(Typography_default, { variant: "body1" }, () => "Validating your invite link...")
+          () => (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...")
           ])
         );
       }
       if (isTokenInvalid.value) {
-        return (0, import_vue63.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-          (0, import_vue63.h)("div", { style: "padding:1rem" }, [
-            (0, import_vue63.h)(Typography_default, { variant: "h5" }, () => "Invalid Invite Link"),
-            (0, import_vue63.h)(
+        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)(
               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_vue63.h)("div", { style: "display:flex;justify-content:center;margin-top:1.5rem" }, [
-              (0, import_vue63.h)(Button_default, { onClick: props.onGoToSignIn, variant: "outline" }, () => "Go to Sign In")
+            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")
             ]) : null
           ])
         ]);
       }
       if (isComplete.value) {
-        return (0, import_vue63.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-          (0, import_vue63.h)("div", { style: "padding:1rem" }, [
-            (0, import_vue63.h)(Typography_default, { variant: "h5" }, () => "Account Setup Complete!"),
-            (0, import_vue63.h)(
+        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)(
               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_vue63.h)("div", { style: "display:flex;justify-content:center;margin-top:1.5rem" }, [
-              (0, import_vue63.h)(Button_default, { onClick: props.onGoToSignIn, variant: "solid" }, () => "Sign In")
+            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")
             ]) : null
           ])
         ]);
@@ -9467,17 +9575,17 @@ var BaseAcceptInvite = (0, import_vue63.defineComponent)({
           variant: props.variant
         }
       ) : [];
-      return (0, import_vue63.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-        (props.showTitle || props.showSubtitle) && (title || subtitle) ? (0, import_vue63.h)("div", { style: "padding:1rem 1rem 0" }, [
-          props.showTitle && title ? (0, import_vue63.h)(Typography_default, { variant: "h5" }, () => title) : null,
-          props.showSubtitle && subtitle ? (0, import_vue63.h)(Typography_default, { style: "margin-top:0.25rem", variant: "body1" }, () => subtitle) : null
+      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
         ]) : null,
-        apiError.value ? (0, import_vue63.h)(
+        apiError.value ? (0, import_vue64.h)(
           "div",
           { style: "padding:0 1rem;margin-bottom:1rem" },
-          (0, import_vue63.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
+          (0, import_vue64.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
         ) : null,
-        (0, import_vue63.h)(
+        (0, import_vue64.h)(
           "div",
           { style: "padding:1rem" },
           (() => {
@@ -9485,18 +9593,18 @@ var BaseAcceptInvite = (0, import_vue63.defineComponent)({
             if (renderedComponents.length > 0) {
               formContent.push(renderedComponents);
             } else if (!isLoading.value) {
-              formContent.push((0, import_vue63.h)(Alert_default, { variant: "warning" }, () => "No form components available"));
+              formContent.push((0, import_vue64.h)(Alert_default, { variant: "warning" }, () => "No form components available"));
             }
             if (isLoading.value) {
-              formContent.push((0, import_vue63.h)("div", { style: "display:flex;justify-content:center;padding:1rem" }, (0, import_vue63.h)(Spinner_default)));
+              formContent.push((0, import_vue64.h)("div", { style: "display:flex;justify-content:center;padding:1rem" }, (0, import_vue64.h)(Spinner_default)));
             }
             return formContent;
           })()
         ),
-        props.onGoToSignIn ? (0, import_vue63.h)("div", { style: "margin-top:1.5rem;text-align:center;padding:0 1rem 1rem" }, [
-          (0, import_vue63.h)(Typography_default, { variant: "body2" }, () => [
+        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" }, () => [
             "Already have an account? ",
-            (0, import_vue63.h)(
+            (0, import_vue64.h)(
               Button_default,
               { onClick: props.onGoToSignIn, style: "min-width:auto;padding:0", variant: "text" },
               () => "Sign In"
@@ -9518,7 +9626,7 @@ var getUrlParams = () => {
     inviteToken: params.get("inviteToken") || void 0
   };
 };
-var AcceptInvite = (0, import_vue64.defineComponent)({
+var AcceptInvite = (0, import_vue65.defineComponent)({
   name: "AcceptInvite",
   props: {
     baseUrl: { default: void 0, type: String },
@@ -9557,7 +9665,7 @@ var AcceptInvite = (0, import_vue64.defineComponent)({
       }
       return response.json();
     };
-    return () => (0, import_vue64.h)(
+    return () => (0, import_vue65.h)(
       BaseAcceptInvite_default,
       {
         className: props.className,
@@ -9581,12 +9689,12 @@ var AcceptInvite_default = AcceptInvite;
 
 // src/components/presentation/invite-user/InviteUser.ts
 var import_browser54 = require("@asgardeo/browser");
-var import_vue66 = require("vue");
+var import_vue67 = require("vue");
 
 // src/components/presentation/invite-user/BaseInviteUser.ts
 var import_browser53 = require("@asgardeo/browser");
-var import_vue65 = require("vue");
-var BaseInviteUser = (0, import_vue65.defineComponent)({
+var import_vue66 = require("vue");
+var BaseInviteUser = (0, import_vue66.defineComponent)({
   name: "BaseInviteUser",
   props: {
     className: { default: "", type: String },
@@ -9616,17 +9724,17 @@ var BaseInviteUser = (0, import_vue65.defineComponent)({
   setup(props, { slots }) {
     const { meta: metaRef } = useFlowMeta_default();
     const { t } = useI18n_default();
-    const isLoading = (0, import_vue65.ref)(false);
-    const isFlowInitialized = (0, import_vue65.ref)(false);
-    const currentFlow = (0, import_vue65.ref)(null);
-    const apiError = (0, import_vue65.ref)(null);
-    const formValues = (0, import_vue65.ref)({});
-    const formErrors = (0, import_vue65.ref)({});
-    const touchedFields = (0, import_vue65.ref)({});
-    const isFormValid = (0, import_vue65.ref)(true);
-    const inviteLink = (0, import_vue65.ref)(void 0);
-    const inviteLinkCopied = (0, import_vue65.ref)(false);
-    const emailSent = (0, import_vue65.ref)(false);
+    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);
     let initializationAttempted = false;
     const handleError = (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t, "components.inviteUser.errors.generic");
@@ -9760,7 +9868,7 @@ var BaseInviteUser = (0, import_vue65.defineComponent)({
       emailSent.value = false;
       initializationAttempted = false;
     };
-    (0, import_vue65.watch)(
+    (0, import_vue66.watch)(
       () => [props.isInitialized, isFlowInitialized.value],
       ([initialized, flowInit]) => {
         if (initialized && !flowInit && !initializationAttempted) {
@@ -9833,56 +9941,56 @@ var BaseInviteUser = (0, import_vue65.defineComponent)({
           touched: touchedFields.value,
           values: formValues.value
         };
-        return (0, import_vue65.h)("div", { class: containerClass }, slots["default"](renderProps));
+        return (0, import_vue66.h)("div", { class: containerClass }, slots["default"](renderProps));
       }
       if (!props.isInitialized || !isFlowInitialized.value && isLoading.value) {
-        return (0, import_vue65.h)(
+        return (0, import_vue66.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue65.h)("div", { style: "display:flex;justify-content:center;padding:2rem" }, (0, import_vue65.h)(Spinner_default))
+          () => (0, import_vue66.h)("div", { style: "display:flex;justify-content:center;padding:2rem" }, (0, import_vue66.h)(Spinner_default))
         );
       }
       if (!currentFlow.value && apiError.value) {
-        return (0, import_vue65.h)(
+        return (0, import_vue66.h)(
           Card_default,
           { class: containerClass, variant: props.variant },
-          () => (0, import_vue65.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
+          () => (0, import_vue66.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
         );
       }
       if (isInviteGenerated && isEmailSent) {
-        return (0, import_vue65.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-          (0, import_vue65.h)("div", { style: "padding:1rem" }, [
-            (0, import_vue65.h)(Typography_default, { variant: "h5" }, () => "Invite Email Sent!"),
-            (0, import_vue65.h)(
+        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)(
               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_vue65.h)("div", { style: "display:flex;gap:0.5rem;margin-top:1.5rem" }, [
-              (0, import_vue65.h)(Button_default, { onClick: resetFlow, variant: "outline" }, () => "Invite Another User")
+            (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")
             ])
           ])
         ]);
       }
       if (isInviteGenerated && inviteLink.value) {
-        return (0, import_vue65.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-          (0, import_vue65.h)("div", { style: "padding:1rem" }, [
-            (0, import_vue65.h)(Typography_default, { variant: "h5" }, () => "Invite Link Generated!"),
-            (0, import_vue65.h)(
+        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)(
               Alert_default,
               { style: "margin-top:1rem", variant: "success" },
               () => "Share this link with the user to complete their registration."
             ),
-            (0, import_vue65.h)("div", { style: "margin-top:1rem" }, [
-              (0, import_vue65.h)(Typography_default, { style: "margin-bottom:0.5rem", variant: "body2" }, () => "Invite Link"),
-              (0, import_vue65.h)(
+            (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)(
                 "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_vue65.h)(Typography_default, { style: "flex:1", variant: "body2" }, () => inviteLink.value),
-                  (0, import_vue65.h)(
+                  (0, import_vue66.h)(Typography_default, { style: "flex:1", variant: "body2" }, () => inviteLink.value),
+                  (0, import_vue66.h)(
                     Button_default,
                     { onClick: copyInviteLink, size: "small", variant: "outline" },
                     () => inviteLinkCopied.value ? "Copied!" : "Copy"
@@ -9890,8 +9998,8 @@ var BaseInviteUser = (0, import_vue65.defineComponent)({
                 ]
               )
             ]),
-            (0, import_vue65.h)("div", { style: "display:flex;gap:0.5rem;margin-top:1.5rem" }, [
-              (0, import_vue65.h)(Button_default, { onClick: resetFlow, variant: "outline" }, () => "Invite Another User")
+            (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")
             ])
           ])
         ]);
@@ -9913,17 +10021,17 @@ var BaseInviteUser = (0, import_vue65.defineComponent)({
           variant: props.variant
         }
       ) : [];
-      return (0, import_vue65.h)(Card_default, { class: containerClass, variant: props.variant }, () => [
-        (props.showTitle || props.showSubtitle) && (title || subtitle) ? (0, import_vue65.h)("div", { style: "padding:1rem 1rem 0" }, [
-          props.showTitle && title ? (0, import_vue65.h)(Typography_default, { variant: "h5" }, () => title) : null,
-          props.showSubtitle && subtitle ? (0, import_vue65.h)(Typography_default, { style: "margin-top:0.25rem", variant: "body1" }, () => subtitle) : null
+      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
         ]) : null,
-        apiError.value ? (0, import_vue65.h)(
+        apiError.value ? (0, import_vue66.h)(
           "div",
           { style: "padding:0 1rem;margin-bottom:1rem" },
-          (0, import_vue65.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
+          (0, import_vue66.h)(Alert_default, { variant: "error" }, () => apiError.value.message)
         ) : null,
-        (0, import_vue65.h)(
+        (0, import_vue66.h)(
           "div",
           { style: "padding:1rem" },
           (() => {
@@ -9931,10 +10039,10 @@ var BaseInviteUser = (0, import_vue65.defineComponent)({
             if (renderedComponents.length > 0) {
               formContent.push(renderedComponents);
             } else if (!isLoading.value) {
-              formContent.push((0, import_vue65.h)(Alert_default, { variant: "warning" }, () => "No form components available"));
+              formContent.push((0, import_vue66.h)(Alert_default, { variant: "warning" }, () => "No form components available"));
             }
             if (isLoading.value) {
-              formContent.push((0, import_vue65.h)("div", { style: "display:flex;justify-content:center;padding:1rem" }, (0, import_vue65.h)(Spinner_default)));
+              formContent.push((0, import_vue66.h)("div", { style: "display:flex;justify-content:center;padding:1rem" }, (0, import_vue66.h)(Spinner_default)));
             }
             return formContent;
           })()
@@ -9946,7 +10054,7 @@ var BaseInviteUser = (0, import_vue65.defineComponent)({
 var BaseInviteUser_default = BaseInviteUser;
 
 // src/components/presentation/invite-user/InviteUser.ts
-var InviteUser = (0, import_vue66.defineComponent)({
+var InviteUser = (0, import_vue67.defineComponent)({
   name: "InviteUser",
   props: {
     className: { default: "", type: String },
@@ -9984,7 +10092,7 @@ var InviteUser = (0, import_vue66.defineComponent)({
       });
       return response.data;
     };
-    return () => (0, import_vue66.h)(
+    return () => (0, import_vue67.h)(
       BaseInviteUser_default,
       {
         className: props.className,
@@ -10007,12 +10115,12 @@ var InviteUser_default = InviteUser;
 
 // src/components/presentation/organization-list/OrganizationList.ts
 var import_browser56 = require("@asgardeo/browser");
-var import_vue68 = require("vue");
+var import_vue69 = require("vue");
 
 // src/components/presentation/organization-list/BaseOrganizationList.ts
 var import_browser55 = require("@asgardeo/browser");
-var import_vue67 = require("vue");
-var BaseOrganizationList = (0, import_vue67.defineComponent)({
+var import_vue68 = require("vue");
+var BaseOrganizationList = (0, import_vue68.defineComponent)({
   inheritAttrs: false,
   name: "BaseOrganizationList",
   props: {
@@ -10029,15 +10137,15 @@ var BaseOrganizationList = (0, import_vue67.defineComponent)({
       const prefix = import_browser55.withVendorCSSClassPrefix;
       const children = [];
       if (props.isLoading) {
-        children.push((0, import_vue67.h)("div", { class: prefix("organization-list__loading") }, [(0, import_vue67.h)(Spinner_default)]));
+        children.push((0, import_vue68.h)("div", { class: prefix("organization-list__loading") }, [(0, import_vue68.h)(Spinner_default)]));
       } else if (props.organizations.length === 0) {
         children.push(
-          (0, import_vue67.h)(Typography_default, { class: prefix("organization-list__empty"), variant: "body2" }, () => "No organizations found")
+          (0, import_vue68.h)(Typography_default, { class: prefix("organization-list__empty"), variant: "body2" }, () => "No organizations found")
         );
       } else {
         props.organizations.forEach((org) => {
           children.push(
-            (0, import_vue67.h)(
+            (0, import_vue68.h)(
               "button",
               {
                 class: prefix("organization-list__item"),
@@ -10045,19 +10153,19 @@ var BaseOrganizationList = (0, import_vue67.defineComponent)({
                 onClick: () => props.onSelect?.(org),
                 type: "button"
               },
-              [(0, import_vue67.h)(BuildingIcon, { size: 16 }), (0, import_vue67.h)(Typography_default, { variant: "body1" }, () => org["name"] || org["id"])]
+              [(0, import_vue68.h)(BuildingIcon, { size: 16 }), (0, import_vue68.h)(Typography_default, { variant: "body1" }, () => org["name"] || org["id"])]
             )
           );
         });
       }
-      return (0, import_vue67.h)("div", { class: [prefix("organization-list"), props.className].filter(Boolean).join(" ") }, children);
+      return (0, import_vue68.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_vue68.defineComponent)({
+var OrganizationList = (0, import_vue69.defineComponent)({
   emits: ["select"],
   name: "OrganizationList",
   props: {
@@ -10072,7 +10180,7 @@ var OrganizationList = (0, import_vue68.defineComponent)({
       emit("select", org);
       await switchOrganization(org);
     };
-    return () => (0, import_vue68.h)(
+    return () => (0, import_vue69.h)(
       BaseOrganizationList_default,
       {
         class: (0, import_browser56.withVendorCSSClassPrefix)("organization-list--styled"),
@@ -10089,11 +10197,11 @@ var OrganizationList_default = OrganizationList;
 
 // src/components/presentation/organization-profile/OrganizationProfile.ts
 var import_browser58 = require("@asgardeo/browser");
-var import_vue70 = require("vue");
+var import_vue71 = require("vue");
 
 // src/components/presentation/organization-profile/BaseOrganizationProfile.ts
 var import_browser57 = require("@asgardeo/browser");
-var import_vue69 = require("vue");
+var import_vue70 = require("vue");
 var ORG_AVATAR_GRADIENTS = [
   "linear-gradient(135deg, #22d3ee 0%, #2dd4bf 100%)",
   "linear-gradient(135deg, #34d399 0%, #059669 100%)",
@@ -10125,7 +10233,7 @@ var formatDate = (dateStr) => {
     return dateStr;
   }
 };
-var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
+var BaseOrganizationProfile = (0, import_vue70.defineComponent)({
   name: "BaseOrganizationProfile",
   props: {
     className: { default: "", type: String },
@@ -10138,10 +10246,10 @@ var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
     title: { default: "Organization Profile", type: String }
   },
   setup(props, { slots }) {
-    const editingName = (0, import_vue69.ref)(false);
-    const editingDescription = (0, import_vue69.ref)(false);
-    const editedName = (0, import_vue69.ref)("");
-    const editedDescription = (0, import_vue69.ref)("");
+    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)("");
     return () => {
       if (slots["default"]) {
         return slots["default"]({ organization: props.organization });
@@ -10161,43 +10269,43 @@ var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
       const avatarGradient = getOrgAvatarGradient(orgId || orgName);
       const children = [];
       children.push(
-        (0, import_vue69.h)("div", { class: prefix("organization-profile__header") }, [
-          (0, import_vue69.h)(Typography_default, { class: prefix("organization-profile__title"), variant: "h5" }, () => props.title)
+        (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)
         ])
       );
-      children.push((0, import_vue69.h)(Divider_default, { class: prefix("organization-profile__header-divider") }));
+      children.push((0, import_vue70.h)(Divider_default, { class: prefix("organization-profile__header-divider") }));
       children.push(
-        (0, import_vue69.h)("div", { class: prefix("organization-profile__identity") }, [
-          (0, import_vue69.h)(
+        (0, import_vue70.h)("div", { class: prefix("organization-profile__identity") }, [
+          (0, import_vue70.h)(
             "div",
             {
               class: prefix("organization-profile__avatar"),
               style: { background: avatarGradient }
             },
-            [(0, import_vue69.h)("span", { class: prefix("organization-profile__avatar-initials") }, initials)]
+            [(0, import_vue70.h)("span", { class: prefix("organization-profile__avatar-initials") }, initials)]
           ),
-          (0, import_vue69.h)(Typography_default, { class: prefix("organization-profile__org-name"), variant: "h5" }, () => orgName),
-          orgHandle ? (0, import_vue69.h)(
+          (0, import_vue70.h)(Typography_default, { class: prefix("organization-profile__org-name"), variant: "h5" }, () => orgName),
+          orgHandle ? (0, import_vue70.h)(
             Typography_default,
             { class: prefix("organization-profile__org-handle"), variant: "body2" },
             () => `@${orgHandle}`
           ) : null
         ])
       );
-      children.push((0, import_vue69.h)(Divider_default, { class: prefix("organization-profile__identity-divider") }));
+      children.push((0, import_vue70.h)(Divider_default, { class: prefix("organization-profile__identity-divider") }));
       const fieldRows = [];
       fieldRows.push(
-        (0, import_vue69.h)("div", { class: prefix("organization-profile__field"), key: "id" }, [
-          (0, import_vue69.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue69.h)(
+        (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)(
               Typography_default,
               { class: prefix("organization-profile__field-label"), variant: "body2" },
               () => "Organization ID"
             )
           ]),
-          (0, import_vue69.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            (0, import_vue69.h)("div", { class: prefix("organization-profile__field-display") }, [
-              orgId ? (0, import_vue69.h)(
+          (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)(
                 Typography_default,
                 {
                   class: [
@@ -10207,30 +10315,30 @@ var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
                   variant: "body1"
                 },
                 () => orgId
-              ) : (0, import_vue69.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
+              ) : (0, import_vue70.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
             ])
           ])
         ])
       );
       fieldRows.push(
-        (0, import_vue69.h)("div", { class: prefix("organization-profile__field"), key: "name" }, [
-          (0, import_vue69.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue69.h)(
+        (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)(
               Typography_default,
               { class: prefix("organization-profile__field-label"), variant: "body2" },
               () => "Organization Name"
             )
           ]),
-          (0, import_vue69.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            editingName.value ? (0, import_vue69.h)("div", { class: prefix("organization-profile__field-edit") }, [
-              (0, import_vue69.h)(TextField_default, {
+          (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, {
                 modelValue: editedName.value,
                 "onUpdate:modelValue": (v) => {
                   editedName.value = v;
                 }
               }),
-              (0, import_vue69.h)("div", { class: prefix("organization-profile__field-edit-actions") }, [
-                (0, import_vue69.h)(
+              (0, import_vue70.h)("div", { class: prefix("organization-profile__field-edit-actions") }, [
+                (0, import_vue70.h)(
                   Button_default,
                   {
                     onClick: async () => {
@@ -10242,7 +10350,7 @@ var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
                   },
                   () => "Save"
                 ),
-                (0, import_vue69.h)(
+                (0, import_vue70.h)(
                   Button_default,
                   {
                     onClick: () => {
@@ -10254,9 +10362,9 @@ var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
                   () => "Cancel"
                 )
               ])
-            ]) : (0, import_vue69.h)("div", { class: prefix("organization-profile__field-display") }, [
-              (0, import_vue69.h)(Typography_default, { class: prefix("organization-profile__field-value"), variant: "body1" }, () => orgName),
-              props.editable ? (0, import_vue69.h)(
+            ]) : (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)(
                 "button",
                 {
                   "aria-label": "Edit Organization Name",
@@ -10267,31 +10375,31 @@ var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
                   },
                   type: "button"
                 },
-                [(0, import_vue69.h)(PencilIcon)]
+                [(0, import_vue70.h)(PencilIcon)]
               ) : null
             ])
           ])
         ])
       );
       fieldRows.push(
-        (0, import_vue69.h)("div", { class: prefix("organization-profile__field"), key: "description" }, [
-          (0, import_vue69.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue69.h)(
+        (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)(
               Typography_default,
               { class: prefix("organization-profile__field-label"), variant: "body2" },
               () => "Organization Description"
             )
           ]),
-          (0, import_vue69.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            editingDescription.value ? (0, import_vue69.h)("div", { class: prefix("organization-profile__field-edit") }, [
-              (0, import_vue69.h)(TextField_default, {
+          (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, {
                 modelValue: editedDescription.value,
                 "onUpdate:modelValue": (v) => {
                   editedDescription.value = v;
                 }
               }),
-              (0, import_vue69.h)("div", { class: prefix("organization-profile__field-edit-actions") }, [
-                (0, import_vue69.h)(
+              (0, import_vue70.h)("div", { class: prefix("organization-profile__field-edit-actions") }, [
+                (0, import_vue70.h)(
                   Button_default,
                   {
                     onClick: async () => {
@@ -10303,7 +10411,7 @@ var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
                   },
                   () => "Save"
                 ),
-                (0, import_vue69.h)(
+                (0, import_vue70.h)(
                   Button_default,
                   {
                     onClick: () => {
@@ -10315,12 +10423,12 @@ var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
                   () => "Cancel"
                 )
               ])
-            ]) : (0, import_vue69.h)("div", { class: prefix("organization-profile__field-display") }, [
-              orgDescription != null ? (0, import_vue69.h)(
+            ]) : (0, import_vue70.h)("div", { class: prefix("organization-profile__field-display") }, [
+              orgDescription != null ? (0, import_vue70.h)(
                 Typography_default,
                 { class: prefix("organization-profile__field-value"), variant: "body1" },
                 () => orgDescription
-              ) : (0, import_vue69.h)(
+              ) : (0, import_vue70.h)(
                 "span",
                 {
                   class: prefix("organization-profile__field-placeholder"),
@@ -10331,7 +10439,7 @@ var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
                 },
                 "Enter organization description"
               ),
-              props.editable ? (0, import_vue69.h)(
+              props.editable ? (0, import_vue70.h)(
                 "button",
                 {
                   "aria-label": "Edit Organization Description",
@@ -10342,66 +10450,66 @@ var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
                   },
                   type: "button"
                 },
-                [(0, import_vue69.h)(PencilIcon)]
+                [(0, import_vue70.h)(PencilIcon)]
               ) : null
             ])
           ])
         ])
       );
       fieldRows.push(
-        (0, import_vue69.h)("div", { class: prefix("organization-profile__field"), key: "created" }, [
-          (0, import_vue69.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue69.h)(Typography_default, { class: prefix("organization-profile__field-label"), variant: "body2" }, () => "Created Date")
+        (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_vue69.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            (0, import_vue69.h)("div", { class: prefix("organization-profile__field-display") }, [
-              createdDate ? (0, import_vue69.h)(
+          (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)(
                 Typography_default,
                 { class: prefix("organization-profile__field-value"), variant: "body1" },
                 () => createdDate
-              ) : (0, import_vue69.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
+              ) : (0, import_vue70.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
             ])
           ])
         ])
       );
       fieldRows.push(
-        (0, import_vue69.h)("div", { class: prefix("organization-profile__field"), key: "lastModified" }, [
-          (0, import_vue69.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue69.h)(
+        (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)(
               Typography_default,
               { class: prefix("organization-profile__field-label"), variant: "body2" },
               () => "Last Modified Date"
             )
           ]),
-          (0, import_vue69.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            (0, import_vue69.h)("div", { class: prefix("organization-profile__field-display") }, [
-              lastModifiedDate ? (0, import_vue69.h)(
+          (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)(
                 Typography_default,
                 { class: prefix("organization-profile__field-value"), variant: "body1" },
                 () => lastModifiedDate
-              ) : (0, import_vue69.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
+              ) : (0, import_vue70.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
             ])
           ])
         ])
       );
       fieldRows.push(
-        (0, import_vue69.h)("div", { class: prefix("organization-profile__field"), key: "orgHandle" }, [
-          (0, import_vue69.h)("div", { class: prefix("organization-profile__field-label-col") }, [
-            (0, import_vue69.h)(
+        (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)(
               Typography_default,
               { class: prefix("organization-profile__field-label"), variant: "body2" },
               () => "Organization Handle"
             )
           ]),
-          (0, import_vue69.h)("div", { class: prefix("organization-profile__field-value-col") }, [
-            (0, import_vue69.h)("div", { class: prefix("organization-profile__field-display") }, [
-              orgHandle ? (0, import_vue69.h)(Typography_default, { class: prefix("organization-profile__field-value"), variant: "body1" }, () => orgHandle) : (0, import_vue69.h)("span", { class: prefix("organization-profile__field-placeholder") }, "Not available")
+          (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")
             ])
           ])
         ])
       );
-      children.push((0, import_vue69.h)("div", { class: prefix("organization-profile__fields") }, fieldRows));
-      return (0, import_vue69.h)(
+      children.push((0, import_vue70.h)("div", { class: prefix("organization-profile__fields") }, fieldRows));
+      return (0, import_vue70.h)(
         Card_default,
         { class: [prefix("organization-profile"), props.className].filter(Boolean).join(" ") },
         () => children
@@ -10412,7 +10520,7 @@ var BaseOrganizationProfile = (0, import_vue69.defineComponent)({
 var BaseOrganizationProfile_default = BaseOrganizationProfile;
 
 // src/components/presentation/organization-profile/OrganizationProfile.ts
-var OrganizationProfile = (0, import_vue70.defineComponent)({
+var OrganizationProfile = (0, import_vue71.defineComponent)({
   name: "OrganizationProfile",
   props: {
     className: { default: "", type: String },
@@ -10425,7 +10533,7 @@ var OrganizationProfile = (0, import_vue70.defineComponent)({
   },
   setup(props, { slots }) {
     const { currentOrganization } = useOrganization_default();
-    return () => (0, import_vue70.h)(
+    return () => (0, import_vue71.h)(
       BaseOrganizationProfile_default,
       {
         class: (0, import_browser58.withVendorCSSClassPrefix)("organization-profile--styled"),
@@ -10443,13 +10551,13 @@ var OrganizationProfile_default = OrganizationProfile;
 
 // src/components/presentation/organization-switcher/OrganizationSwitcher.ts
 var import_browser60 = require("@asgardeo/browser");
-var import_vue72 = require("vue");
+var import_vue73 = require("vue");
 
 // src/components/presentation/organization-switcher/BaseOrganizationSwitcher.ts
 var import_browser59 = require("@asgardeo/browser");
-var import_vue71 = require("vue");
+var import_vue72 = require("vue");
 var cls = (name) => (0, import_browser59.withVendorCSSClassPrefix)(`organization-switcher${name}`);
-var BaseOrganizationSwitcher = (0, import_vue71.defineComponent)({
+var BaseOrganizationSwitcher = (0, import_vue72.defineComponent)({
   inheritAttrs: false,
   name: "BaseOrganizationSwitcher",
   props: {
@@ -10460,7 +10568,7 @@ var BaseOrganizationSwitcher = (0, import_vue71.defineComponent)({
     organizations: { default: () => [], type: Array }
   },
   setup(props, { slots }) {
-    const isOpen = (0, import_vue71.ref)(false);
+    const isOpen = (0, import_vue72.ref)(false);
     const toggle = () => {
       isOpen.value = !isOpen.value;
     };
@@ -10480,7 +10588,7 @@ var BaseOrganizationSwitcher = (0, import_vue71.defineComponent)({
         });
       }
       const currentName = props.currentOrganization?.name ?? "No Organization";
-      const triggerButton = (0, import_vue71.h)(
+      const triggerButton = (0, import_vue72.h)(
         "button",
         {
           "aria-expanded": isOpen.value,
@@ -10490,23 +10598,23 @@ var BaseOrganizationSwitcher = (0, import_vue71.defineComponent)({
           type: "button"
         },
         [
-          (0, import_vue71.h)(BuildingIcon, { size: 16 }),
-          (0, import_vue71.h)(Typography_default, { class: cls("__trigger-label"), variant: "body2" }, () => currentName),
-          (0, import_vue71.h)(ChevronDownIcon, { size: 12 })
+          (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 })
         ]
       );
       const dropdownChildren = [];
       if (props.isLoading) {
-        dropdownChildren.push((0, import_vue71.h)("div", { class: cls("__loading") }, [(0, import_vue71.h)(Spinner_default, { size: "small" })]));
+        dropdownChildren.push((0, import_vue72.h)("div", { class: cls("__loading") }, [(0, import_vue72.h)(Spinner_default, { size: "small" })]));
       } else if (props.organizations.length === 0) {
         dropdownChildren.push(
-          (0, import_vue71.h)(Typography_default, { class: cls("__empty"), variant: "body2" }, () => "No organizations available")
+          (0, import_vue72.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_vue71.h)(
+            (0, import_vue72.h)(
               "button",
               {
                 "aria-selected": isActive,
@@ -10515,27 +10623,27 @@ var BaseOrganizationSwitcher = (0, import_vue71.defineComponent)({
                 role: "option",
                 type: "button"
               },
-              [(0, import_vue71.h)(BuildingIcon, { size: 14 }), (0, import_vue71.h)(Typography_default, { variant: "body2" }, () => org["name"])]
+              [(0, import_vue72.h)(BuildingIcon, { size: 14 }), (0, import_vue72.h)(Typography_default, { variant: "body2" }, () => org["name"])]
             )
           );
         });
       }
-      const dropdown = isOpen.value ? (0, import_vue71.h)("div", { class: cls("__dropdown"), role: "listbox" }, dropdownChildren) : null;
-      return (0, import_vue71.h)(Card_default, { class: [cls(""), props.className].filter(Boolean).join(" ") }, () => [triggerButton, dropdown]);
+      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]);
     };
   }
 });
 var BaseOrganizationSwitcher_default = BaseOrganizationSwitcher;
 
 // src/components/presentation/organization-switcher/OrganizationSwitcher.ts
-var OrganizationSwitcher = (0, import_vue72.defineComponent)({
+var OrganizationSwitcher = (0, import_vue73.defineComponent)({
   name: "OrganizationSwitcher",
   props: {
     className: { default: "", type: String }
   },
   setup(props, { slots }) {
     const { currentOrganization, myOrganizations, isLoading, switchOrganization } = useOrganization_default();
-    return () => (0, import_vue72.h)(
+    return () => (0, import_vue73.h)(
       BaseOrganizationSwitcher_default,
       {
         class: (0, import_browser60.withVendorCSSClassPrefix)("organization-switcher--styled"),
@@ -10553,13 +10661,13 @@ var OrganizationSwitcher_default = OrganizationSwitcher;
 
 // src/components/presentation/create-organization/CreateOrganization.ts
 var import_browser62 = require("@asgardeo/browser");
-var import_vue74 = require("vue");
+var import_vue75 = require("vue");
 
 // src/components/presentation/create-organization/BaseCreateOrganization.ts
 var import_browser61 = require("@asgardeo/browser");
-var import_vue73 = require("vue");
+var import_vue74 = require("vue");
 var cls2 = (name) => (0, import_browser61.withVendorCSSClassPrefix)(`create-organization${name}`);
-var BaseCreateOrganization = (0, import_vue73.defineComponent)({
+var BaseCreateOrganization = (0, import_vue74.defineComponent)({
   name: "BaseCreateOrganization",
   props: {
     className: { default: "", type: String },
@@ -10568,9 +10676,9 @@ var BaseCreateOrganization = (0, import_vue73.defineComponent)({
     title: { default: "Create Organization", type: String }
   },
   setup(props, { slots }) {
-    const orgName = (0, import_vue73.ref)("");
-    const isSubmitting = (0, import_vue73.ref)(false);
-    const error = (0, import_vue73.ref)(null);
+    const orgName = (0, import_vue74.ref)("");
+    const isSubmitting = (0, import_vue74.ref)(false);
+    const error = (0, import_vue74.ref)(null);
     const handleSubmit = async () => {
       const name = orgName.value.trim();
       if (!name) {
@@ -10600,11 +10708,11 @@ var BaseCreateOrganization = (0, import_vue73.defineComponent)({
           }
         });
       }
-      return (0, import_vue73.h)(Card_default, { class: [cls2(""), props.className].filter(Boolean).join(" ") }, () => [
-        (0, import_vue73.h)(Typography_default, { class: cls2("__title"), variant: "h6" }, () => props.title),
-        props.description ? (0, import_vue73.h)(Typography_default, { class: cls2("__description"), variant: "body2" }, () => props.description) : null,
-        error.value ? (0, import_vue73.h)(Alert_default, { class: cls2("__error"), severity: "error" }, () => error.value) : null,
-        (0, import_vue73.h)(TextField_default, {
+      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, {
           class: cls2("__input"),
           label: "Organization Name",
           modelValue: orgName.value,
@@ -10613,7 +10721,7 @@ var BaseCreateOrganization = (0, import_vue73.defineComponent)({
           },
           placeholder: "Enter organization name"
         }),
-        (0, import_vue73.h)(
+        (0, import_vue74.h)(
           Button_default,
           {
             class: cls2("__submit"),
@@ -10632,7 +10740,7 @@ var BaseCreateOrganization = (0, import_vue73.defineComponent)({
 var BaseCreateOrganization_default = BaseCreateOrganization;
 
 // src/components/presentation/create-organization/CreateOrganization.ts
-var CreateOrganization = (0, import_vue74.defineComponent)({
+var CreateOrganization = (0, import_vue75.defineComponent)({
   name: "CreateOrganization",
   props: {
     className: { default: "", type: String },
@@ -10641,7 +10749,7 @@ var CreateOrganization = (0, import_vue74.defineComponent)({
   },
   setup(props, { slots }) {
     const { createOrganization } = useOrganization_default();
-    return () => (0, import_vue74.h)(
+    return () => (0, import_vue75.h)(
       BaseCreateOrganization_default,
       {
         class: (0, import_browser62.withVendorCSSClassPrefix)("create-organization--styled"),
@@ -10660,13 +10768,13 @@ var CreateOrganization_default = CreateOrganization;
 
 // src/components/presentation/language-switcher/LanguageSwitcher.ts
 var import_browser64 = require("@asgardeo/browser");
-var import_vue76 = require("vue");
+var import_vue77 = require("vue");
 
 // src/components/presentation/language-switcher/BaseLanguageSwitcher.ts
 var import_browser63 = require("@asgardeo/browser");
-var import_vue75 = require("vue");
+var import_vue76 = require("vue");
 var cls3 = (name) => (0, import_browser63.withVendorCSSClassPrefix)(`language-switcher${name}`);
-var BaseLanguageSwitcher = (0, import_vue75.defineComponent)({
+var BaseLanguageSwitcher = (0, import_vue76.defineComponent)({
   name: "BaseLanguageSwitcher",
   props: {
     className: { default: "", type: String },
@@ -10675,7 +10783,7 @@ var BaseLanguageSwitcher = (0, import_vue75.defineComponent)({
     onLanguageChange: { default: void 0, type: Function }
   },
   setup(props, { slots }) {
-    const isOpen = (0, import_vue75.ref)(false);
+    const isOpen = (0, import_vue76.ref)(false);
     const toggle = () => {
       isOpen.value = !isOpen.value;
     };
@@ -10694,7 +10802,7 @@ var BaseLanguageSwitcher = (0, import_vue75.defineComponent)({
         });
       }
       const currentLabel = props.languages.find((l) => l.value === props.currentLanguage)?.label ?? props.currentLanguage;
-      const triggerButton = (0, import_vue75.h)(
+      const triggerButton = (0, import_vue76.h)(
         "button",
         {
           "aria-expanded": isOpen.value,
@@ -10704,14 +10812,14 @@ var BaseLanguageSwitcher = (0, import_vue75.defineComponent)({
           type: "button"
         },
         [
-          (0, import_vue75.h)(GlobeIcon, { size: 16 }),
-          (0, import_vue75.h)(Typography_default, { class: cls3("__trigger-label"), variant: "body2" }, () => currentLabel),
-          (0, import_vue75.h)(ChevronDownIcon, { size: 12 })
+          (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 })
         ]
       );
       const dropdownItems = props.languages.map((lang) => {
         const isActive = lang.value === props.currentLanguage;
-        return (0, import_vue75.h)(
+        return (0, import_vue76.h)(
           "button",
           {
             "aria-selected": isActive,
@@ -10720,18 +10828,18 @@ var BaseLanguageSwitcher = (0, import_vue75.defineComponent)({
             role: "option",
             type: "button"
           },
-          [(0, import_vue75.h)(Typography_default, { variant: "body2" }, () => lang.label)]
+          [(0, import_vue76.h)(Typography_default, { variant: "body2" }, () => lang.label)]
         );
       });
-      const dropdown = isOpen.value ? (0, import_vue75.h)("div", { class: cls3("__dropdown"), role: "listbox" }, dropdownItems) : null;
-      return (0, import_vue75.h)(Card_default, { class: [cls3(""), props.className].filter(Boolean).join(" ") }, () => [triggerButton, dropdown]);
+      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]);
     };
   }
 });
 var BaseLanguageSwitcher_default = BaseLanguageSwitcher;
 
 // src/components/presentation/language-switcher/LanguageSwitcher.ts
-var LanguageSwitcher = (0, import_vue76.defineComponent)({
+var LanguageSwitcher = (0, import_vue77.defineComponent)({
   name: "LanguageSwitcher",
   props: {
     className: { default: "", type: String },
@@ -10747,7 +10855,7 @@ var LanguageSwitcher = (0, import_vue76.defineComponent)({
   },
   setup(props, { slots }) {
     const { currentLanguage, setLanguage } = useI18n_default();
-    return () => (0, import_vue76.h)(
+    return () => (0, import_vue77.h)(
       BaseLanguageSwitcher_default,
       {
         class: (0, import_browser64.withVendorCSSClassPrefix)("language-switcher--styled"),
@@ -10823,12 +10931,12 @@ var import_browser67 = require("@asgardeo/browser");
 var import_browser68 = require("@asgardeo/browser");
 
 // src/router/guard.ts
-var import_vue77 = require("vue");
+var import_vue78 = require("vue");
 var logger7 = createVueLogger("Guard");
 var createAsgardeoGuard = (options = {}) => {
   const { redirectTo = "/", waitForInit = true, initTimeout = 1e4 } = options;
   return async (_to, _from, next) => {
-    const ctx = (0, import_vue77.inject)(ASGARDEO_KEY);
+    const ctx = (0, import_vue78.inject)(ASGARDEO_KEY);
     if (!ctx) {
       logger7.error(
         "createAsgardeoGuard: Asgardeo context not found. Ensure the AsgardeoPlugin is installed before using the router guard."
@@ -10875,13 +10983,13 @@ var createAsgardeoGuard = (options = {}) => {
 };
 
 // src/router/callbackRoute.ts
-var import_vue78 = require("vue");
+var import_vue79 = require("vue");
 var createCallbackRoute = (options = {}) => {
   const { path = "/callback", name, onError } = options;
-  const CallbackWrapper = (0, import_vue78.defineComponent)({
+  const CallbackWrapper = (0, import_vue79.defineComponent)({
     name: "AsgardeoCallbackRoute",
     setup() {
-      return () => (0, import_vue78.h)(Callback_default, {
+      return () => (0, import_vue79.h)(Callback_default, {
         ...onError && { onError }
       });
     }