@asgardeo/react 0.14.1 → 0.14.3

package/dist/cjs/index.js

@@ -61,6 +61,8 @@ __export(index_exports, {
   Checkbox: () => Checkbox_default,
   CircleAlert: () => CircleAlert_default,
   CircleCheck: () => CircleCheck_default,
+  Consent: () => Consent_default,
+  ConsentCheckboxList: () => ConsentCheckboxList_default,
   CreateOrganization: () => CreateOrganization,
   DatePicker: () => DatePicker_default,
   Divider: () => Divider_default,
@@ -77,6 +79,7 @@ __export(index_exports, {
   FieldFactory: () => FieldFactory,
   FlowContext: () => FlowContext_default,
   FlowProvider: () => FlowProvider_default,
+  FlowTimer: () => FlowTimer_default,
   FormControl: () => FormControl_default,
   GitHubButton: () => GitHubButton_default,
   GoogleButton: () => GoogleButton_default,
@@ -135,6 +138,7 @@ __export(index_exports, {
   createSignInOptionFromAuthenticator: () => createSignInOptionFromAuthenticator,
   getActiveTheme: () => import_browser91.getActiveTheme,
   getAllOrganizations: () => getAllOrganizations_default,
+  getConsentOptionalKey: () => getConsentOptionalKey,
   getMeOrganizations: () => getMeOrganizations_default,
   getMeProfile: () => getScim2Me_default,
   getOrganization: () => getOrganization_default,
@@ -7728,7 +7732,7 @@ var BaseSignIn_default = BaseSignIn;
 // src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx
 var import_browser51 = require("@asgardeo/browser");
 var import_css37 = require("@emotion/css");
-var import_react63 = require("react");
+var import_react64 = require("react");
 
 // src/utils/v2/resolveTranslationsInObject.ts
 var import_browser49 = require("@asgardeo/browser");
@@ -7840,7 +7844,16 @@ var normalizeFlowResponse = (response, t, options = {}, meta) => {
   if (errorMessage && throwOnError) {
     throw response;
   }
+  const additionalData = response?.data?.additionalData ?? {};
+  if (typeof additionalData["consentPrompt"] === "string") {
+    try {
+      const parsed = JSON.parse(additionalData["consentPrompt"]);
+      additionalData["consentPrompt"] = { purposes: Array.isArray(parsed) ? parsed : [] };
+    } catch {
+    }
+  }
   return {
+    additionalData,
     components: transformComponents(response, t, resolveTranslations, meta),
     flowId: response.flowId
   };
@@ -7910,10 +7923,158 @@ var getAuthComponentHeadings_default = getAuthComponentHeadings;
 var import_browser50 = require("@asgardeo/browser");
 var import_css36 = require("@emotion/css");
 var import_dompurify = __toESM(require("dompurify"), 1);
+var import_react63 = require("react");
+
+// src/components/adapters/ConsentCheckboxList.tsx
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var getConsentOptionalKey = (purposeId, attrName) => `__consent_opt__${purposeId}__${attrName}`;
+var ConsentCheckboxList = ({
+  variant,
+  purpose,
+  formValues,
+  onInputChange,
+  children
+}) => {
+  const attributes = variant === "ESSENTIAL" ? purpose.essential : purpose.optional;
+  if (!attributes || attributes.length === 0) {
+    return null;
+  }
+  const isEssential = variant === "ESSENTIAL";
+  const isChecked = (attrName) => {
+    if (isEssential) {
+      return true;
+    }
+    const key = getConsentOptionalKey(purpose.purpose_id, attrName);
+    return formValues[key] !== "false";
+  };
+  const handleChange = (attrName, checked) => {
+    const key = getConsentOptionalKey(purpose.purpose_id, attrName);
+    onInputChange(key, checked ? "true" : "false");
+  };
+  if (children) {
+    return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children: children({ attributes, handleChange, isChecked, variant }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "0.25rem",
+        margin: "0.25rem 0 0.5rem"
+      },
+      children: attributes.map((attr) => {
+        const inputId = `consent_${isEssential ? "ess" : "opt"}_${purpose.purpose_id}_${attr}`;
+        const checked = isChecked(attr);
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          Checkbox_default,
+          {
+            id: inputId,
+            checked,
+            disabled: isEssential,
+            label: attr,
+            onChange: isEssential ? void 0 : (e) => handleChange(attr, e.target.checked)
+          },
+          attr
+        );
+      })
+    }
+  );
+};
+var ConsentCheckboxList_default = ConsentCheckboxList;
+
+// src/components/adapters/Consent.tsx
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var Consent = ({ consentData, formValues, onInputChange, children }) => {
+  if (!consentData) return null;
+  let purposes = [];
+  try {
+    const parsed = typeof consentData === "string" ? JSON.parse(consentData) : consentData;
+    purposes = Array.isArray(parsed) ? parsed : parsed.purposes || [];
+  } catch (e) {
+    return null;
+  }
+  if (purposes.length === 0) return null;
+  if (children) {
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, { children: children({ formValues, onInputChange, purposes }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "1rem", marginTop: "0.25rem" }, children: purposes.map((purpose, purposeIndex) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { style: { paddingBottom: "1rem" }, children: [
+    purpose.essential && purpose.essential.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { style: { marginTop: "0.5rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Typography_default, { variant: "subtitle2", fontWeight: "bold", children: "Essential Attributes" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        ConsentCheckboxList_default,
+        {
+          variant: "ESSENTIAL",
+          purpose,
+          formValues,
+          onInputChange
+        }
+      )
+    ] }),
+    purpose.optional && purpose.optional.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { style: { marginTop: "0.5rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Typography_default, { variant: "subtitle2", fontWeight: "bold", children: "Optional Attributes" }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        ConsentCheckboxList_default,
+        {
+          variant: "OPTIONAL",
+          purpose,
+          formValues,
+          onInputChange
+        }
+      )
+    ] })
+  ] }, purpose.purpose_id || purposeIndex)) });
+};
+var Consent_default = Consent;
+
+// src/components/adapters/FlowTimer.tsx
 var import_react62 = require("react");
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var FlowTimer = ({
+  expiresIn = 0,
+  textTemplate = "Time remaining: {time}",
+  children
+}) => {
+  const [remaining, setRemaining] = (0, import_react62.useState)(expiresIn > 0 ? expiresIn : 0);
+  (0, import_react62.useEffect)(() => {
+    if (expiresIn <= 0) {
+      return void 0;
+    }
+    setRemaining(expiresIn);
+    const interval = setInterval(() => {
+      setRemaining((prev) => {
+        if (prev <= 1) {
+          clearInterval(interval);
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [expiresIn]);
+  if (expiresIn <= 0) {
+    return null;
+  }
+  const formatTime = (seconds) => {
+    if (seconds <= 0) {
+      return "Timed out";
+    }
+    const m = Math.floor(seconds / 60);
+    const s = seconds % 60;
+    return `${m}:${s.toString().padStart(2, "0")}`;
+  };
+  const isExpired = remaining <= 0;
+  const formattedTime = formatTime(remaining);
+  if (children) {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_jsx_runtime61.Fragment, { children: children({ formattedTime, isExpired, remaining }) });
+  }
+  const displayText = isExpired ? "Timed out" : textTemplate.replace("{time}", formattedTime);
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Typography_default, { variant: "body2", children: displayText });
+};
+var FlowTimer_default = FlowTimer;
 
 // src/components/adapters/ImageComponent.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var ImageComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
@@ -7930,7 +8091,7 @@ var ImageComponent = ({ component }) => {
   if (!src) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { style: { textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     "img",
     {
       src,
@@ -7947,7 +8108,7 @@ var ImageComponent = ({ component }) => {
 var ImageComponent_default = ImageComponent;
 
 // src/components/adapters/SmsOtpButton.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var SmsOtpButton = ({
   isLoading,
   preferences,
@@ -7955,7 +8116,7 @@ var SmsOtpButton = ({
   ...rest
 }) => {
   const { t } = useTranslation_default(preferences?.i18n);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     Button_default,
     {
       ...rest,
@@ -7964,7 +8125,7 @@ var SmsOtpButton = ({
       color: "secondary",
       variant: "solid",
       disabled: isLoading,
-      startIcon: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      startIcon: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
         "path",
         {
           fill: "currentColor",
@@ -7978,8 +8139,8 @@ var SmsOtpButton = ({
 var SmsOtpButton_default = SmsOtpButton;
 
 // src/components/primitives/Icons/ArrowLeftRight.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7992,10 +8153,10 @@ var ArrowLeftRight = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M8 3 4 7l4 4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M4 7h16" }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "m16 21 4-4-4-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { d: "M20 17H4" })
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M8 3 4 7l4 4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M4 7h16" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "m16 21 4-4-4-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { d: "M20 17H4" })
     ]
   }
 );
@@ -8003,8 +8164,8 @@ ArrowLeftRight.displayName = "ArrowLeftRight";
 var ArrowLeftRight_default = ArrowLeftRight;
 
 // src/components/primitives/Icons/ArrowRightLeft.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
-var ArrowRightLeft = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var ArrowRightLeft = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8017,10 +8178,10 @@ var ArrowRightLeft = ({ color = "currentColor", size = 24 }) => /* @__PURE__ */
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "m16 3 4 4-4 4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M20 7H4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "m8 21-4-4 4-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { d: "M4 17h16" })
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "m16 3 4 4-4 4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "M20 7H4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "m8 21-4-4 4-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { d: "M4 17h16" })
     ]
   }
 );
@@ -8035,7 +8196,7 @@ var flowIconRegistry = {
 var flowIconRegistry_default = flowIconRegistry;
 
 // src/components/presentation/auth/AuthOptionFactory.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var logger5 = (0, import_browser50.createPackageComponentLogger)(
   "@asgardeo/react",
   "AuthOptionFactory"
@@ -8116,7 +8277,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         type: fieldType,
         value
       });
-      return (0, import_react62.cloneElement)(field, { key });
+      return (0, import_react63.cloneElement)(field, { key });
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.Action: {
       const actionId = component.id;
@@ -8130,31 +8291,53 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           Object.keys(formValues).forEach((field) => {
             formData[field] = formValues[field];
           });
+          const consentPrompt = options.additionalData?.["consentPrompt"];
+          if (consentPrompt && eventType.toUpperCase() === import_browser50.EmbeddedFlowEventTypeV2.Submit) {
+            const isDeny = componentVariant.toLowerCase() !== "primary";
+            const decisions = {
+              purposes: consentPrompt.purposes.map(
+                (p) => ({
+                  approved: !isDeny,
+                  elements: [
+                    ...p.essential.map((attr) => ({ approved: !isDeny, name: attr })),
+                    ...p.optional.map(
+                      (attr) => ({
+                        approved: isDeny ? false : formValues[getConsentOptionalKey(p.purpose_id, attr)] !== "false",
+                        name: attr
+                      })
+                    )
+                  ],
+                  purpose_name: p.purpose_name
+                })
+              )
+            };
+            formData["consent_decisions"] = JSON.stringify(decisions);
+          }
           options.onSubmit(component, formData, shouldSkipValidation);
         }
       };
       if (matchesSocialProvider(actionId, eventType, buttonText, "google", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(GoogleButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "github", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GitHubButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(GitHubButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "facebook", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(FacebookButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FacebookButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "microsoft", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(MicrosoftButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(MicrosoftButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "linkedin", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(LinkedInButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(LinkedInButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (matchesSocialProvider(actionId, eventType, buttonText, "ethereum", authType, componentVariant)) {
-        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SignInWithEthereumButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SignInWithEthereumButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
       if (actionId === "prompt_mobile" || eventType === "prompt_mobile") {
-        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SmsOtpButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(SmsOtpButton_default, { onClick: handleClick, className: options.buttonClassName }, key);
       }
-      const startIconEl = component.startIcon ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      const startIconEl = component.startIcon ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         "img",
         {
           src: component.startIcon,
@@ -8163,7 +8346,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
         }
       ) : null;
-      const endIconEl = component.endIcon ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      const endIconEl = component.endIcon ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         "img",
         {
           src: component.endIcon,
@@ -8172,12 +8355,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           style: { height: "1.25em", objectFit: "contain", width: "1.25em" }
         }
       ) : null;
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Button_default,
         {
           fullWidth: true,
           onClick: handleClick,
-          disabled: isLoading || !isFormValid,
+          disabled: isLoading || !isFormValid && !shouldSkipValidation || options.isTimeoutDisabled || component.config?.disabled,
           className: options.buttonClassName,
           "data-testid": "asgardeo-signin-submit",
           variant: component.variant?.toLowerCase() === "primary" ? "solid" : "outline",
@@ -8191,10 +8374,10 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.Text: {
       const variant = getTypographyVariant(component.variant);
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Typography_default, { variant, children: resolve(component.label) }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Typography_default, { variant, children: resolve(component.label) }, key);
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.Divider: {
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Divider_default, { children: resolve(component.label) || "" }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Divider_default, { children: resolve(component.label) || "" }, key);
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.Select: {
       const identifier = component.ref;
@@ -8205,7 +8388,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         label: typeof opt === "string" ? opt : String(opt.label ?? opt.value ?? ""),
         value: typeof opt === "string" ? opt : String(opt.value ?? "")
       }));
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Select_default,
         {
           name: identifier,
@@ -8240,12 +8423,12 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
             }
           )
         ).filter(Boolean);
-        return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("form", { id: component.id, children: blockComponents }, key);
+        return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("form", { id: component.id, children: blockComponents }, key);
       }
       return null;
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.RichText: {
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         "div",
         {
           className: richTextClass,
@@ -8257,7 +8440,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
     case import_browser50.EmbeddedFlowComponentTypeV2.Image: {
       const explicitHeight = resolve(component.height?.toString());
       const explicitWidth = resolve(component.width?.toString());
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         ImageComponent_default,
         {
           component: {
@@ -8287,7 +8470,7 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
         logger5.warn(`Unknown icon name: "${iconName}". Skipping render.`);
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(IconComponent, { size: component.size || 24, color: component.color || "currentColor" }, key);
     }
     case import_browser50.EmbeddedFlowComponentTypeV2.Stack: {
       const direction = component.direction || "row";
@@ -8319,7 +8502,25 @@ var createAuthComponentFromFlow = (component, formValues, touchedFields, formErr
           }
         )
       ) : [];
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { style: stackStyle, children: stackChildren }, key);
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { style: stackStyle, children: stackChildren }, key);
+    }
+    case import_browser50.EmbeddedFlowComponentTypeV2.Consent: {
+      const consentPromptRawData = options.additionalData?.["consentPrompt"];
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        Consent_default,
+        {
+          consentData: consentPromptRawData,
+          formValues,
+          onInputChange
+        },
+        key
+      );
+    }
+    case import_browser50.EmbeddedFlowComponentTypeV2.Timer: {
+      const textTemplate = resolve(component.label) || "Time remaining: {time}";
+      const timeoutMs = Number(options.additionalData?.["stepTimeout"]) || 0;
+      const expiresIn = timeoutMs > 0 ? Math.max(0, Math.floor((timeoutMs - Date.now()) / 1e3)) : 0;
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(FlowTimer_default, { expiresIn, textTemplate }, key);
     }
     default:
       logger5.warn(`Unsupported component type: ${component.type}. Skipping render.`);
@@ -8376,7 +8577,7 @@ var renderInviteUserComponents = (components, formValues, touchedFields, formErr
 ).filter(Boolean);
 
 // src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var BaseSignInContent2 = ({
   components = [],
   onSubmit,
@@ -8391,17 +8592,19 @@ var BaseSignInContent2 = ({
   isLoading: externalIsLoading,
   children,
   showTitle = true,
-  showSubtitle = true
+  showSubtitle = true,
+  additionalData = {},
+  isTimeoutDisabled = false
 }) => {
   const { meta } = useAsgardeo_default();
   const { theme } = useTheme_default();
   const { t } = useTranslation_default();
   const { subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages } = useFlow_default();
   const styles = BaseSignIn_styles_default(theme, theme.vars.colors.text.primary);
-  const [isSubmitting, setIsSubmitting] = (0, import_react63.useState)(false);
-  const [apiError, setApiError] = (0, import_react63.useState)(null);
+  const [isSubmitting, setIsSubmitting] = (0, import_react64.useState)(false);
+  const [apiError, setApiError] = (0, import_react64.useState)(null);
   const isLoading = externalIsLoading || isSubmitting;
-  const handleError = (0, import_react63.useCallback)(
+  const handleError = (0, import_react64.useCallback)(
     (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t);
       setApiError(error instanceof Error ? error : new Error(errorMessage));
@@ -8413,7 +8616,7 @@ var BaseSignInContent2 = ({
     },
     [t, addMessage, clearMessages]
   );
-  const extractFormFields = (0, import_react63.useCallback)(
+  const extractFormFields = (0, import_react64.useCallback)(
     (flowComponents) => {
       const fields = [];
       const processComponents = (comps) => {
@@ -8528,7 +8731,7 @@ var BaseSignInContent2 = ({
     buttonClassName
   );
   const messageClasses = (0, import_css37.cx)([(0, import_browser51.withVendorCSSClassPrefix)("signin__messages")], messageClassName);
-  const renderComponents = (0, import_react63.useCallback)(
+  const renderComponents = (0, import_react64.useCallback)(
     (flowComponents) => renderSignInComponents(
       flowComponents,
       formValues,
@@ -8538,8 +8741,10 @@ var BaseSignInContent2 = ({
       isFormValid,
       handleInputChange,
       {
+        additionalData,
         buttonClassName: buttonClasses,
         inputClassName: inputClasses,
+        isTimeoutDisabled,
         meta,
         onInputBlur: handleInputBlur,
         onSubmit: handleSubmit,
@@ -8549,6 +8754,7 @@ var BaseSignInContent2 = ({
       }
     ),
     [
+      additionalData,
       formValues,
       touchedFields,
       formErrors,
@@ -8561,7 +8767,8 @@ var BaseSignInContent2 = ({
       inputClasses,
       buttonClasses,
       handleInputBlur,
-      handleSubmit
+      handleSubmit,
+      isTimeoutDisabled
     ]
   );
   if (children) {
@@ -8572,6 +8779,7 @@ var BaseSignInContent2 = ({
       handleInputChange,
       handleSubmit,
       isLoading,
+      isTimeoutDisabled,
       isValid: isFormValid,
       messages: flowMessages || [],
       meta,
@@ -8584,13 +8792,13 @@ var BaseSignInContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: containerClasses, "data-testid": "asgardeo-signin", children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: containerClasses, "data-testid": "asgardeo-signin", children: children(renderProps) });
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Spinner_default, {}) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Spinner_default, {}) }) }) });
   }
   if (!components || components.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Typography_default, { variant: "body1", children: t("errors.signin.components.not.available") }) }) }) });
   }
   const {
     title: rawTitle,
@@ -8599,46 +8807,46 @@ var BaseSignInContent2 = ({
   } = getAuthComponentHeadings_default(components, flowTitle, flowSubtitle, void 0, void 0);
   const title = (0, import_browser51.resolveVars)(rawTitle, { meta, t });
   const subtitle = (0, import_browser51.resolveVars)(rawSubtitle, { meta, t });
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: [
-    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Card_default, { className: (0, import_css37.cx)(containerClasses, styles.card), "data-testid": "asgardeo-signin", variant, children: [
+    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Card_default.Header, { className: styles.header, children: [
+      showTitle && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Card_default.Content, { children: [
-      externalError && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Alert_default, { variant: "error", className: (0, import_css37.cx)(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Alert_default.Description, { children: externalError.message }) }) }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Card_default.Content, { children: [
+      externalError && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Alert_default, { variant: "error", className: (0, import_css37.cx)(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Alert_default.Description, { children: externalError.message }) }) }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         Alert_default,
         {
           variant: message.type === "error" ? "error" : "info",
           className: (0, import_css37.cx)(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Alert_default.Description, { children: message.message })
         },
         index
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: styles.contentContainer, children: componentsWithoutHeadings && renderComponents(componentsWithoutHeadings) })
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: styles.contentContainer, children: componentsWithoutHeadings && renderComponents(componentsWithoutHeadings) })
     ] })
   ] });
 };
 var BaseSignIn2 = ({ preferences, showLogo = true, ...rest }) => {
   const { theme } = useTheme_default();
   const styles = BaseSignIn_styles_default(theme, theme.vars.colors.text.primary);
-  const content = /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { children: [
-    showLogo && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BaseSignInContent2, { showLogo, ...rest }) })
+  const content = /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
+    showLogo && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(BaseSignInContent2, { showLogo, ...rest }) })
   ] });
   if (!preferences) return content;
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
 };
 var BaseSignIn_default2 = BaseSignIn2;
 
 // src/components/presentation/auth/SignIn/BaseSignIn.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var BaseSignIn3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === import_browser52.Platform.AsgardeoV2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(BaseSignIn_default2, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(BaseSignIn_default2, { ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(BaseSignIn_default, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(BaseSignIn_default, { ...props });
 };
 var BaseSignIn_default3 = BaseSignIn3;
 
@@ -8647,10 +8855,10 @@ var import_browser56 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/SignIn/v2/SignIn.tsx
 var import_browser55 = require("@asgardeo/browser");
-var import_react65 = require("react");
+var import_react66 = require("react");
 
 // src/hooks/v2/useOAuthCallback.ts
-var import_react64 = require("react");
+var import_react65 = require("react");
 function cleanupUrlParams() {
   if (typeof window === "undefined") return;
   const url = new URL(window.location.href);
@@ -8675,9 +8883,9 @@ function useOAuthCallback({
   setFlowId,
   tokenValidationAttemptedRef
 }) {
-  const internalRef = (0, import_react64.useRef)(false);
+  const internalRef = (0, import_react65.useRef)(false);
   const oauthCodeProcessedRef = processedRef ?? internalRef;
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (!isInitialized || isSubmitting) {
       return;
     }
@@ -8923,7 +9131,7 @@ var handlePasskeyAuthentication = async (challengeData) => {
 };
 
 // src/components/presentation/auth/SignIn/v2/SignIn.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var SignIn = ({
   className,
   preferences,
@@ -8935,12 +9143,14 @@ var SignIn = ({
 }) => {
   const { applicationId, afterSignInUrl, signIn, isInitialized, isLoading, meta } = useAsgardeo_default();
   const { t } = useTranslation_default(preferences?.i18n);
-  const [components, setComponents] = (0, import_react65.useState)([]);
-  const [currentFlowId, setCurrentFlowId] = (0, import_react65.useState)(null);
-  const [isFlowInitialized, setIsFlowInitialized] = (0, import_react65.useState)(false);
-  const [flowError, setFlowError] = (0, import_react65.useState)(null);
-  const [isSubmitting, setIsSubmitting] = (0, import_react65.useState)(false);
-  const [passkeyState, setPasskeyState] = (0, import_react65.useState)({
+  const [components, setComponents] = (0, import_react66.useState)([]);
+  const [additionalData, setAdditionalData] = (0, import_react66.useState)({});
+  const [currentFlowId, setCurrentFlowId] = (0, import_react66.useState)(null);
+  const [isFlowInitialized, setIsFlowInitialized] = (0, import_react66.useState)(false);
+  const [flowError, setFlowError] = (0, import_react66.useState)(null);
+  const [isSubmitting, setIsSubmitting] = (0, import_react66.useState)(false);
+  const [isTimeoutDisabled, setIsTimeoutDisabled] = (0, import_react66.useState)(false);
+  const [passkeyState, setPasskeyState] = (0, import_react66.useState)({
     actionId: null,
     challenge: null,
     creationOptions: null,
@@ -8948,9 +9158,9 @@ var SignIn = ({
     flowId: null,
     isActive: false
   });
-  const initializationAttemptedRef = (0, import_react65.useRef)(false);
-  const oauthCodeProcessedRef = (0, import_react65.useRef)(false);
-  const passkeyProcessedRef = (0, import_react65.useRef)(false);
+  const initializationAttemptedRef = (0, import_react66.useRef)(false);
+  const oauthCodeProcessedRef = (0, import_react66.useRef)(false);
+  const passkeyProcessedRef = (0, import_react66.useRef)(false);
   const setFlowId = (flowId) => {
     setCurrentFlowId(flowId);
     if (flowId) {
@@ -8963,6 +9173,7 @@ var SignIn = ({
     setFlowId(null);
     setIsFlowInitialized(false);
     sessionStorage.removeItem("asgardeo_auth_id");
+    setIsTimeoutDisabled(false);
     oauthCodeProcessedRef.current = false;
   };
   const getUrlParams2 = () => {
@@ -9060,7 +9271,11 @@ var SignIn = ({
       if (handleRedirection(response)) {
         return;
       }
-      const { flowId: normalizedFlowId, components: normalizedComponents } = normalizeFlowResponse(
+      const {
+        flowId: normalizedFlowId,
+        components: normalizedComponents,
+        additionalData: normalizedAdditionalData
+      } = normalizeFlowResponse(
         response,
         t,
         {
@@ -9071,7 +9286,9 @@ var SignIn = ({
       if (normalizedFlowId && normalizedComponents) {
         setFlowId(normalizedFlowId);
         setComponents(normalizedComponents);
+        setAdditionalData(normalizedAdditionalData ?? {});
         setIsFlowInitialized(true);
+        setIsTimeoutDisabled(false);
         cleanupFlowUrlParams();
       }
     } catch (error) {
@@ -9082,33 +9299,104 @@ var SignIn = ({
       initializationAttemptedRef.current = false;
     }
   };
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     const urlParams = getUrlParams2();
     if (urlParams.error) {
       handleOAuthError(urlParams.error, urlParams.errorDescription);
       return;
     }
     handleAuthId(urlParams.authId);
-    if (urlParams.code || urlParams.state) {
-      return;
-    }
+  }, []);
+  (0, import_react66.useEffect)(() => {
     const currentUrlParams = getUrlParams2();
     if (isInitialized && !isLoading && !isFlowInitialized && !initializationAttemptedRef.current && !currentFlowId && !currentUrlParams.code && !currentUrlParams.state && !isSubmitting && !oauthCodeProcessedRef.current) {
       initializationAttemptedRef.current = true;
       initializeFlow();
     }
   }, [isInitialized, isLoading, isFlowInitialized, currentFlowId]);
+  (0, import_react66.useEffect)(() => {
+    const timeoutMs = Number(additionalData?.["stepTimeout"]) || 0;
+    if (timeoutMs <= 0 || !isFlowInitialized) {
+      setIsTimeoutDisabled(false);
+      return void 0;
+    }
+    const remaining = Math.max(0, Math.floor((timeoutMs - Date.now()) / 1e3));
+    const handleTimeout = () => {
+      const errorMessage = t("errors.signin.timeout") || "Time allowed to complete the step has expired.";
+      setError(new Error(errorMessage));
+      setIsTimeoutDisabled(true);
+    };
+    if (remaining <= 0) {
+      handleTimeout();
+      return void 0;
+    }
+    const timerId = setTimeout(() => {
+      handleTimeout();
+    }, remaining * 1e3);
+    return () => clearTimeout(timerId);
+  }, [additionalData?.["stepTimeout"], isFlowInitialized, t]);
   const handleSubmit = async (payload) => {
     const effectiveFlowId = payload.flowId || currentFlowId;
     if (!effectiveFlowId) {
       throw new Error("No active flow ID");
     }
+    const processedInputs = { ...payload.inputs };
+    if (additionalData?.["consentPrompt"]) {
+      try {
+        const consentPromptRawData = additionalData["consentPrompt"];
+        const purposes = typeof consentPromptRawData === "string" ? JSON.parse(consentPromptRawData) : consentPromptRawData.purposes || consentPromptRawData;
+        let isDeny = false;
+        if (payload.action) {
+          const findAction = (comps) => {
+            if (!comps || comps.length === 0) return null;
+            const found = comps.find((c) => c.id === payload.action);
+            if (found) return found;
+            return comps.reduce((acc, c) => {
+              if (acc) return acc;
+              if (c.components) return findAction(c.components);
+              return null;
+            }, null);
+          };
+          const submitAction = findAction(components);
+          if (submitAction && submitAction.variant?.toLowerCase() !== "primary") {
+            isDeny = true;
+          }
+        }
+        const decisions = {
+          purposes: purposes.map((p) => ({
+            approved: !isDeny,
+            elements: [
+              ...(p.essential || []).map((attr) => ({
+                approved: !isDeny,
+                name: attr
+              })),
+              ...(p.optional || []).map((attr) => {
+                const key = `__consent_opt__${p.purpose_id}__${attr}`;
+                return {
+                  approved: isDeny ? false : processedInputs[key] !== "false",
+                  name: attr
+                };
+              })
+            ],
+            purpose_name: p.purpose_name
+          }))
+        };
+        processedInputs["consent_decisions"] = JSON.stringify(decisions);
+        Object.keys(processedInputs).forEach((key) => {
+          if (key.startsWith("__consent_opt__")) {
+            delete processedInputs[key];
+          }
+        });
+      } catch (e) {
+      }
+    }
     try {
       setIsSubmitting(true);
       setFlowError(null);
       const response = await signIn({
         flowId: effectiveFlowId,
-        ...payload
+        ...payload,
+        inputs: processedInputs
       });
       if (handleRedirection(response)) {
         return;
@@ -9128,7 +9416,11 @@ var SignIn = ({
         setIsSubmitting(false);
         return;
       }
-      const { flowId: normalizedFlowId, components: normalizedComponents } = normalizeFlowResponse(
+      const {
+        flowId: normalizedFlowId,
+        components: normalizedComponents,
+        additionalData: normalizedAdditionalData
+      } = normalizeFlowResponse(
         response,
         t,
         {
@@ -9168,6 +9460,8 @@ var SignIn = ({
       if (normalizedFlowId && normalizedComponents) {
         setFlowId(normalizedFlowId);
         setComponents(normalizedComponents);
+        setAdditionalData(normalizedAdditionalData ?? {});
+        setIsTimeoutDisabled(false);
         setIsFlowInitialized(true);
         cleanupFlowUrlParams();
         if (response?.failureReason) {
@@ -9199,7 +9493,7 @@ var SignIn = ({
     processedRef: oauthCodeProcessedRef,
     setFlowId
   });
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     if (!passkeyState.isActive || !passkeyState.challenge && !passkeyState.creationOptions || !passkeyState.flowId) {
       return;
     }
@@ -9252,21 +9546,25 @@ var SignIn = ({
   }, [passkeyState.isActive, passkeyState.challenge, passkeyState.creationOptions, passkeyState.flowId]);
   if (children) {
     const renderProps = {
+      additionalData,
       components,
       error: flowError,
       initialize: initializeFlow,
       isInitialized: isFlowInitialized,
       isLoading: isLoading || isSubmitting || !isInitialized,
+      isTimeoutDisabled,
       meta,
       onSubmit: handleSubmit
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: children(renderProps) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     BaseSignIn_default2,
     {
+      additionalData,
       components,
       isLoading: isLoading || !isInitialized || !isFlowInitialized,
+      isTimeoutDisabled,
       onSubmit: handleSubmit,
       onError: handleError,
       error: flowError,
@@ -9280,7 +9578,7 @@ var SignIn = ({
 var SignIn_default = SignIn;
 
 // src/components/presentation/auth/SignIn/SignIn.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) => {
   const { signIn, afterSignInUrl, isInitialized, isLoading, platform } = useAsgardeo_default();
   const handleInitialize = async () => await signIn({ response_mode: "direct" });
@@ -9297,7 +9595,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
     }
   };
   if (platform === import_browser56.Platform.AsgardeoV2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       SignIn_default,
       {
         className,
@@ -9310,7 +9608,7 @@ var SignIn2 = ({ className, size = "medium", children, preferences, ...rest }) =
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     BaseSignIn_default3,
     {
       isLoading: isLoading || !isInitialized,
@@ -9336,7 +9634,7 @@ var import_browser67 = require("@asgardeo/browser");
 // src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
 var import_browser65 = require("@asgardeo/browser");
 var import_css39 = require("@emotion/css");
-var import_react67 = require("react");
+var import_react68 = require("react");
 
 // src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
 var import_browser64 = require("@asgardeo/browser");
@@ -9398,13 +9696,13 @@ var DateInput = ({
 var DateInput_default = DateInput;
 
 // src/components/adapters/DividerComponent.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var DividerComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
   const text = config["text"] || "";
   const variant = component.variant?.toLowerCase() || "horizontal";
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     Divider_default,
     {
       orientation: variant === "vertical" ? "vertical" : "horizontal",
@@ -9445,7 +9743,7 @@ var EmailInput = ({
 var EmailInput_default = EmailInput;
 
 // src/components/adapters/FormContainer.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var FormContainer = (props) => {
   const { component } = props;
   if (component.components && component.components.length > 0) {
@@ -9458,14 +9756,14 @@ var FormContainer = (props) => {
         props.onSubmit(submitButton, props.formValues);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("form", { onSubmit: handleFormSubmit, style: { display: "flex", flexDirection: "column" }, children: component.components.map(
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("form", { onSubmit: handleFormSubmit, style: { display: "flex", flexDirection: "column" }, children: component.components.map(
       (childComponent) => createSignUpComponent({
         ...props,
         component: childComponent
       })
     ) }, component.id);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", {}, component.id);
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", {}, component.id);
 };
 var FormContainer_default = FormContainer;
 
@@ -9591,7 +9889,7 @@ var SelectInput = ({
 var SelectInput_default = SelectInput;
 
 // src/components/adapters/SubmitButton.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var ButtonComponent = ({
   component,
   isLoading,
@@ -9625,7 +9923,7 @@ var ButtonComponent = ({
       onSubmit(component);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     Button_default,
     {
       type: buttonType === "submit" ? "submit" : "button",
@@ -9636,7 +9934,7 @@ var ButtonComponent = ({
       onClick: buttonType !== "submit" ? handleClick : void 0,
       className: buttonClassName,
       style: { width: "100%" },
-      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Spinner_default, { size: "small" }) : buttonText
+      children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Spinner_default, { size: "small" }) : buttonText
     },
     component.id
   );
@@ -9644,7 +9942,7 @@ var ButtonComponent = ({
 var SubmitButton_default = ButtonComponent;
 
 // src/components/adapters/TelephoneInput.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var TelephoneInput = ({
   component,
   formValues,
@@ -9657,7 +9955,7 @@ var TelephoneInput = ({
   const fieldName = config["identifier"] || config["name"] || component.id;
   const value = formValues[fieldName] || "";
   const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     TextField_default,
     {
       name: fieldName,
@@ -9705,7 +10003,7 @@ var TextInput = ({
 var TextInput_default = TextInput;
 
 // src/components/adapters/Typography.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var TypographyComponent = ({ component }) => {
   const { theme } = useTheme_default();
   const config = component.config || {};
@@ -9746,7 +10044,7 @@ var TypographyComponent = ({ component }) => {
     default:
       typographyVariant = "body1";
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     Typography_default,
     {
       variant: typographyVariant,
@@ -9759,69 +10057,69 @@ var TypographyComponent = ({ component }) => {
 var Typography_default2 = TypographyComponent;
 
 // src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var createSignUpComponent = ({ component, onSubmit, ...rest }) => {
   switch (component.type) {
     case import_browser64.EmbeddedFlowComponentType.Typography:
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Typography_default2, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Typography_default2, { component, onSubmit, ...rest });
     case import_browser64.EmbeddedFlowComponentType.Input: {
       const inputVariant = component.variant?.toUpperCase();
       const inputType = component.config["type"]?.toLowerCase();
       if (inputVariant === "EMAIL" || inputType === "email") {
-        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EmailInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(EmailInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "PASSWORD" || inputType === "password") {
-        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PasswordInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(PasswordInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "TELEPHONE" || inputType === "tel") {
-        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TelephoneInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TelephoneInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "NUMBER" || inputType === "number") {
-        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(NumberInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(NumberInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "DATE" || inputType === "date") {
-        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DateInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DateInput_default, { component, onSubmit, ...rest });
       }
       if (inputVariant === "CHECKBOX" || inputType === "checkbox") {
-        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(CheckboxInput_default, { component, onSubmit, ...rest });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(CheckboxInput_default, { component, onSubmit, ...rest });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(TextInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TextInput_default, { component, onSubmit, ...rest });
     }
     case import_browser64.EmbeddedFlowComponentType.Button: {
       const buttonVariant = component.variant?.toUpperCase();
       const buttonText = component.config["text"] || component.config["label"] || "";
       if (buttonVariant === "SOCIAL") {
         if (buttonText.toLowerCase().includes("google")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(GoogleButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(GoogleButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("github")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(GitHubButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(GitHubButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("microsoft")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(MicrosoftButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(MicrosoftButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("facebook")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FacebookButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(FacebookButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("linkedin")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(LinkedInButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(LinkedInButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
         if (buttonText.toLowerCase().includes("ethereum")) {
-          return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SignInWithEthereumButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
+          return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SignInWithEthereumButton_default, { onClick: () => onSubmit(component, {}), ...rest, children: buttonText });
         }
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SubmitButton_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SubmitButton_default, { component, onSubmit, ...rest });
     }
     case import_browser64.EmbeddedFlowComponentType.Form:
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(FormContainer_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(FormContainer_default, { component, onSubmit, ...rest });
     case import_browser64.EmbeddedFlowComponentType.Select:
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(SelectInput_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectInput_default, { component, onSubmit, ...rest });
     case import_browser64.EmbeddedFlowComponentType.Divider:
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DividerComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DividerComponent_default, { component, onSubmit, ...rest });
     case import_browser64.EmbeddedFlowComponentType.Image:
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ImageComponent_default, { component, onSubmit, ...rest });
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ImageComponent_default, { component, onSubmit, ...rest });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", {});
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", {});
   }
 };
 var createSignUpOptionFromComponent = (component, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, options) => createSignUpComponent({
@@ -9853,8 +10151,8 @@ var renderSignUpComponents2 = (components, formValues, touchedFields, formErrors
 
 // src/components/presentation/auth/SignUp/BaseSignUp.styles.ts
 var import_css38 = require("@emotion/css");
-var import_react66 = require("react");
-var useStyles17 = (theme, colorScheme) => (0, import_react66.useMemo)(() => {
+var import_react67 = require("react");
+var useStyles17 = (theme, colorScheme) => (0, import_react67.useMemo)(() => {
   const signUp = import_css38.css`
       min-width: 420px;
       margin: 0 auto;
@@ -9990,7 +10288,7 @@ var useStyles17 = (theme, colorScheme) => (0, import_react66.useMemo)(() => {
 var BaseSignUp_styles_default = useStyles17;
 
 // src/components/presentation/auth/SignUp/v1/BaseSignUp.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var logger6 = (0, import_browser65.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseSignUp"
@@ -10019,7 +10317,7 @@ var BaseSignUpContent = ({
   const { subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages } = useFlow_default();
   useAsgardeo_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
-  const handleError = (0, import_react67.useCallback)(
+  const handleError = (0, import_react68.useCallback)(
     (error) => {
       let errorMessage = t("errors.signup.flow.failure");
       if (error && typeof error === "object") {
@@ -10052,11 +10350,11 @@ var BaseSignUpContent = ({
     },
     [t, addMessage, clearMessages]
   );
-  const [isLoading, setIsLoading] = (0, import_react67.useState)(false);
-  const [isFlowInitialized, setIsFlowInitialized] = (0, import_react67.useState)(false);
-  const [currentFlow, setCurrentFlow] = (0, import_react67.useState)(null);
-  const initializationAttemptedRef = (0, import_react67.useRef)(false);
-  const extractFormFields = (0, import_react67.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react68.useState)(false);
+  const [isFlowInitialized, setIsFlowInitialized] = (0, import_react68.useState)(false);
+  const [currentFlow, setCurrentFlow] = (0, import_react68.useState)(null);
+  const initializationAttemptedRef = (0, import_react68.useRef)(false);
+  const extractFormFields = (0, import_react68.useCallback)(
     (components) => {
       const fields = [];
       const processComponents = (comps) => {
@@ -10109,7 +10407,7 @@ var BaseSignUpContent = ({
     validateForm,
     reset: resetForm
   } = form;
-  const setupFormFields = (0, import_react67.useCallback)(
+  const setupFormFields = (0, import_react68.useCallback)(
     (flowResponse) => {
       const fields = extractFormFields(flowResponse.data?.components || []);
       const initialValues = {};
@@ -10311,7 +10609,7 @@ var BaseSignUpContent = ({
   );
   const errorClasses = (0, import_css39.cx)([(0, import_browser65.withVendorCSSClassPrefix)("signup__error")], errorClassName);
   const messageClasses = (0, import_css39.cx)([(0, import_browser65.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
-  const renderComponents = (0, import_react67.useCallback)(
+  const renderComponents = (0, import_react68.useCallback)(
     (components) => renderSignUpComponents2(
       components,
       formValues,
@@ -10341,7 +10639,7 @@ var BaseSignUpContent = ({
       handleSubmit
     ]
   );
-  (0, import_react67.useEffect)(() => {
+  (0, import_react68.useEffect)(() => {
     if (isInitialized && !isFlowInitialized && !initializationAttemptedRef.current) {
       initializationAttemptedRef.current = true;
       (async () => {
@@ -10393,42 +10691,42 @@ var BaseSignUpContent = ({
       validateForm,
       values: formValues
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: containerClasses, children: children(renderProps) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow) {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Alert_default, { variant: "error", className: errorClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default.Title, { children: t("errors.heading") }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
+    return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Alert_default, { variant: "error", className: errorClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Alert_default.Title, { children: t("errors.heading") }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
     ] }) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: [
-    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Card_default.Title, { level: 2, className: styles.title, children: flowTitle || t("signup.heading") }),
-      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: flowSubtitle || t("signup.subheading") })
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Card_default, { className: (0, import_css39.cx)(containerClasses, styles.card), variant, children: [
+    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Card_default.Header, { className: styles.header, children: [
+      showTitle && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Card_default.Title, { level: 2, className: styles.title, children: flowTitle || t("signup.heading") }),
+      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: flowSubtitle || t("signup.subheading") })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card_default.Content, { children: [
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Card_default.Content, { children: [
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         Alert_default,
         {
           variant: message.type?.toLowerCase() === "error" ? "error" : "info",
           className: (0, import_css39.cx)(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Alert_default.Description, { children: message.message })
         },
         message.id || index
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.contentContainer, children: currentFlow.data?.components && currentFlow.data.components.length > 0 ? renderComponents(currentFlow.data.components) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: styles.contentContainer, children: currentFlow.data?.components && currentFlow.data.components.length > 0 ? renderComponents(currentFlow.data.components) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
     ] })
   ] });
 };
 var BaseSignUp = ({ showLogo = true, ...rest }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
-    showLogo && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(BaseSignUpContent, { showLogo, ...rest }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { children: [
+    showLogo && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(BaseSignUpContent, { showLogo, ...rest }) })
   ] });
 };
 var BaseSignUp_default = BaseSignUp;
@@ -10436,8 +10734,8 @@ var BaseSignUp_default = BaseSignUp;
 // src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx
 var import_browser66 = require("@asgardeo/browser");
 var import_css40 = require("@emotion/css");
-var import_react68 = require("react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_react69 = require("react");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var logger7 = (0, import_browser66.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseSignUp"
@@ -10467,20 +10765,20 @@ var BaseSignUpContent2 = ({
   const { subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages } = useFlow_default();
   const { meta } = useAsgardeo_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
-  const [isLoading, setIsLoading] = (0, import_react68.useState)(false);
-  const [isFlowInitialized, setIsFlowInitialized] = (0, import_react68.useState)(false);
-  const [currentFlow, setCurrentFlow] = (0, import_react68.useState)(null);
-  const [apiError, setApiError] = (0, import_react68.useState)(null);
-  const [passkeyState, setPasskeyState] = (0, import_react68.useState)({
+  const [isLoading, setIsLoading] = (0, import_react69.useState)(false);
+  const [isFlowInitialized, setIsFlowInitialized] = (0, import_react69.useState)(false);
+  const [currentFlow, setCurrentFlow] = (0, import_react69.useState)(null);
+  const [apiError, setApiError] = (0, import_react69.useState)(null);
+  const [passkeyState, setPasskeyState] = (0, import_react69.useState)({
     actionId: null,
     creationOptions: null,
     error: null,
     flowId: null,
     isActive: false
   });
-  const initializationAttemptedRef = (0, import_react68.useRef)(false);
-  const passkeyProcessedRef = (0, import_react68.useRef)(false);
-  const handleError = (0, import_react68.useCallback)(
+  const initializationAttemptedRef = (0, import_react69.useRef)(false);
+  const passkeyProcessedRef = (0, import_react69.useRef)(false);
+  const handleError = (0, import_react69.useCallback)(
     (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t);
       setApiError(error instanceof Error ? error : new Error(errorMessage));
@@ -10492,7 +10790,7 @@ var BaseSignUpContent2 = ({
     },
     [t, addMessage, clearMessages]
   );
-  const normalizeFlowResponseLocal = (0, import_react68.useCallback)(
+  const normalizeFlowResponseLocal = (0, import_react69.useCallback)(
     (response) => {
       if (response?.data?.components && Array.isArray(response.data.components)) {
         return response;
@@ -10519,7 +10817,7 @@ var BaseSignUpContent2 = ({
     },
     [t, children]
   );
-  const extractFormFields = (0, import_react68.useCallback)(
+  const extractFormFields = (0, import_react69.useCallback)(
     (components) => {
       const fields = [];
       const processComponents = (comps) => {
@@ -10570,7 +10868,7 @@ var BaseSignUpContent2 = ({
     touchAllFields,
     reset: resetForm
   } = form;
-  const setupFormFields = (0, import_react68.useCallback)(
+  const setupFormFields = (0, import_react69.useCallback)(
     (flowResponse) => {
       const fields = extractFormFields(flowResponse.data?.components || []);
       const initialValues = {};
@@ -10772,7 +11070,7 @@ var BaseSignUpContent2 = ({
       setIsLoading(false);
     }
   };
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (!passkeyState.isActive || !passkeyState.creationOptions || !passkeyState.flowId) {
       return;
     }
@@ -10838,7 +11136,7 @@ var BaseSignUpContent2 = ({
   );
   const errorClasses = (0, import_css40.cx)([(0, import_browser66.withVendorCSSClassPrefix)("signup__error")], errorClassName);
   const messageClasses = (0, import_css40.cx)([(0, import_browser66.withVendorCSSClassPrefix)("signup__messages")], messageClassName);
-  const renderComponents = (0, import_react68.useCallback)(
+  const renderComponents = (0, import_react69.useCallback)(
     (components) => renderSignUpComponents(
       components,
       formValues,
@@ -10878,7 +11176,7 @@ var BaseSignUpContent2 = ({
       state: urlParams.get("state")
     };
   };
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     const urlParams = getUrlParams2();
     if (urlParams.code || urlParams.state) {
       return;
@@ -10941,15 +11239,15 @@ var BaseSignUpContent2 = ({
       },
       values: formValues
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: containerClasses, children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: containerClasses, children: children(renderProps) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow) {
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Alert_default, { variant: "error", className: errorClasses, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default.Title, { children: t("errors.heading") }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Alert_default, { variant: "error", className: errorClasses, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Alert_default.Title, { children: t("errors.heading") }),
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Alert_default.Description, { children: t("errors.signup.flow.initialization.failure") })
     ] }) }) });
   }
   const componentsToRender = currentFlow.data?.components || [];
@@ -10960,46 +11258,46 @@ var BaseSignUpContent2 = ({
     t("signup.heading"),
     t("signup.subheading")
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: [
-    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Card_default.Header, { className: styles.header, children: [
-      showTitle && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Card_default, { className: (0, import_css40.cx)(containerClasses, styles.card), variant, children: [
+    (showTitle || showSubtitle) && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Card_default.Header, { className: styles.header, children: [
+      showTitle && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Card_default.Content, { children: [
-      externalError && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default, { variant: "error", className: (0, import_css40.cx)(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default.Description, { children: externalError.message }) }) }),
-      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(Card_default.Content, { children: [
+      externalError && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: styles.flowMessagesContainer, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Alert_default, { variant: "error", className: (0, import_css40.cx)(styles.flowMessageItem, messageClasses), children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Alert_default.Description, { children: externalError.message }) }) }),
+      flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: styles.flowMessagesContainer, children: flowMessages.map((message, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         Alert_default,
         {
           variant: message.type?.toLowerCase() === "error" ? "error" : "info",
           className: (0, import_css40.cx)(styles.flowMessageItem, messageClasses),
-          children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default.Description, { children: message.message })
+          children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Alert_default.Description, { children: message.message })
         },
         message.id || index
       )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: styles.contentContainer, children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: styles.contentContainer, children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Typography_default, { variant: "body1", children: t("errors.signup.components.not.available") }) }) })
     ] })
   ] });
 };
 var BaseSignUp2 = ({ preferences, showLogo = true, ...rest }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseSignUp_styles_default(theme, colorScheme);
-  const content = /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { children: [
-    showLogo && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Logo_default, { size: "large" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(BaseSignUpContent2, { showLogo, ...rest }) })
+  const content = /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { children: [
+    showLogo && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: styles.logoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Logo_default, { size: "large" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(FlowProvider_default, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(BaseSignUpContent2, { showLogo, ...rest }) })
   ] });
   if (!preferences) return content;
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ComponentPreferencesContext_default.Provider, { value: preferences, children: content });
 };
 var BaseSignUp_default2 = BaseSignUp2;
 
 // src/components/presentation/auth/SignUp/BaseSignUp.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var BaseSignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === import_browser67.Platform.AsgardeoV2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(BaseSignUp_default2, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(BaseSignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(BaseSignUp_default, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(BaseSignUp_default, { ...props });
 };
 var BaseSignUp_default3 = BaseSignUp3;
 
@@ -11008,7 +11306,7 @@ var import_browser70 = require("@asgardeo/browser");
 
 // src/components/presentation/auth/SignUp/v1/SignUp.tsx
 var import_browser68 = require("@asgardeo/browser");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var SignUp = ({
   className,
   size = "medium",
@@ -11037,7 +11335,7 @@ var SignUp = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     BaseSignUp_default,
     {
       afterSignUpUrl,
@@ -11060,7 +11358,7 @@ var SignUp_default = SignUp;
 
 // src/components/presentation/auth/SignUp/v2/SignUp.tsx
 var import_browser69 = require("@asgardeo/browser");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var SignUp2 = ({
   className,
   size = "medium",
@@ -11098,7 +11396,7 @@ var SignUp2 = ({
       window.location.href = response.data.redirectURL;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     BaseSignUp_default2,
     {
       afterSignUpUrl,
@@ -11120,13 +11418,13 @@ var SignUp2 = ({
 var SignUp_default2 = SignUp2;
 
 // src/components/presentation/auth/SignUp/SignUp.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var SignUp3 = (props) => {
   const { platform } = useAsgardeo_default();
   if (platform === import_browser70.Platform.AsgardeoV2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SignUp_default2, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SignUp_default2, { ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(SignUp_default, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(SignUp_default, { ...props });
 };
 var SignUp_default3 = SignUp3;
 
@@ -11136,12 +11434,12 @@ var import_browser72 = require("@asgardeo/browser");
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx
 var import_browser71 = require("@asgardeo/browser");
 var import_css42 = require("@emotion/css");
-var import_react70 = require("react");
+var import_react71 = require("react");
 
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.styles.ts
 var import_css41 = require("@emotion/css");
-var import_react69 = require("react");
-var useStyles18 = (theme, colorScheme) => (0, import_react69.useMemo)(() => {
+var import_react70 = require("react");
+var useStyles18 = (theme, colorScheme) => (0, import_react70.useMemo)(() => {
   const card = import_css41.css`
       background: ${theme.vars.colors.background.surface};
       border-radius: ${theme.vars.borderRadius.large};
@@ -11179,7 +11477,7 @@ var useStyles18 = (theme, colorScheme) => (0, import_react69.useMemo)(() => {
 var BaseInviteUser_styles_default = useStyles18;
 
 // src/components/presentation/auth/InviteUser/v2/BaseInviteUser.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var BaseInviteUser = ({
   onInitialize,
   onSubmit,
@@ -11199,18 +11497,18 @@ var BaseInviteUser = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const { theme } = useTheme_default();
   const styles = BaseInviteUser_styles_default(theme, theme.vars.colors.text.primary);
-  const [isLoading, setIsLoading] = (0, import_react70.useState)(false);
-  const [isFlowInitialized, setIsFlowInitialized] = (0, import_react70.useState)(false);
-  const [currentFlow, setCurrentFlow] = (0, import_react70.useState)(null);
-  const [apiError, setApiError] = (0, import_react70.useState)(null);
-  const [formValues, setFormValues] = (0, import_react70.useState)({});
-  const [formErrors, setFormErrors] = (0, import_react70.useState)({});
-  const [touchedFields, setTouchedFields] = (0, import_react70.useState)({});
-  const [inviteLink, setInviteLink] = (0, import_react70.useState)();
-  const [inviteLinkCopied, setInviteLinkCopied] = (0, import_react70.useState)(false);
-  const [isFormValid, setIsFormValid] = (0, import_react70.useState)(true);
-  const initializationAttemptedRef = (0, import_react70.useRef)(false);
-  const handleError = (0, import_react70.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react71.useState)(false);
+  const [isFlowInitialized, setIsFlowInitialized] = (0, import_react71.useState)(false);
+  const [currentFlow, setCurrentFlow] = (0, import_react71.useState)(null);
+  const [apiError, setApiError] = (0, import_react71.useState)(null);
+  const [formValues, setFormValues] = (0, import_react71.useState)({});
+  const [formErrors, setFormErrors] = (0, import_react71.useState)({});
+  const [touchedFields, setTouchedFields] = (0, import_react71.useState)({});
+  const [inviteLink, setInviteLink] = (0, import_react71.useState)();
+  const [inviteLinkCopied, setInviteLinkCopied] = (0, import_react71.useState)(false);
+  const [isFormValid, setIsFormValid] = (0, import_react71.useState)(true);
+  const initializationAttemptedRef = (0, import_react71.useRef)(false);
+  const handleError = (0, import_react71.useCallback)(
     (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t, "components.inviteUser.errors.generic");
       setApiError(error instanceof Error ? error : new Error(errorMessage));
@@ -11218,7 +11516,7 @@ var BaseInviteUser = ({
     },
     [t, onError]
   );
-  const normalizeFlowResponseLocal = (0, import_react70.useCallback)(
+  const normalizeFlowResponseLocal = (0, import_react71.useCallback)(
     (response) => {
       if (!response?.data?.meta?.components) {
         return response;
@@ -11246,7 +11544,7 @@ var BaseInviteUser = ({
     },
     [t, children]
   );
-  const handleInputChange = (0, import_react70.useCallback)((name, value) => {
+  const handleInputChange = (0, import_react71.useCallback)((name, value) => {
     setFormValues((prev) => ({ ...prev, [name]: value }));
     setFormErrors((prev) => {
       const newErrors = { ...prev };
@@ -11254,10 +11552,10 @@ var BaseInviteUser = ({
       return newErrors;
     });
   }, []);
-  const handleInputBlur = (0, import_react70.useCallback)((name) => {
+  const handleInputBlur = (0, import_react71.useCallback)((name) => {
     setTouchedFields((prev) => ({ ...prev, [name]: true }));
   }, []);
-  const validateForm = (0, import_react70.useCallback)(
+  const validateForm = (0, import_react71.useCallback)(
     (components2) => {
       const errors = {};
       const validateComponents = (comps) => {
@@ -11281,7 +11579,7 @@ var BaseInviteUser = ({
     },
     [formValues]
   );
-  const handleSubmit = (0, import_react70.useCallback)(
+  const handleSubmit = (0, import_react71.useCallback)(
     async (component, data) => {
       if (!currentFlow) {
         return;
@@ -11344,7 +11642,7 @@ var BaseInviteUser = ({
       normalizeFlowResponseLocal
     ]
   );
-  const copyInviteLink = (0, import_react70.useCallback)(async () => {
+  const copyInviteLink = (0, import_react71.useCallback)(async () => {
     if (!inviteLink) return;
     try {
       await navigator.clipboard.writeText(inviteLink);
@@ -11361,7 +11659,7 @@ var BaseInviteUser = ({
       setTimeout(() => setInviteLinkCopied(false), 3e3);
     }
   }, [inviteLink]);
-  const resetFlow = (0, import_react70.useCallback)(() => {
+  const resetFlow = (0, import_react71.useCallback)(() => {
     setIsFlowInitialized(false);
     setCurrentFlow(null);
     setApiError(null);
@@ -11372,7 +11670,7 @@ var BaseInviteUser = ({
     setInviteLinkCopied(false);
     initializationAttemptedRef.current = false;
   }, []);
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (isInitialized && !isFlowInitialized && !initializationAttemptedRef.current) {
       initializationAttemptedRef.current = true;
       (async () => {
@@ -11399,7 +11697,7 @@ var BaseInviteUser = ({
       })();
     }
   }, [isInitialized, isFlowInitialized, onInitialize, onFlowChange, handleError, normalizeFlowResponseLocal]);
-  (0, import_react70.useEffect)(() => {
+  (0, import_react71.useEffect)(() => {
     if (currentFlow && isFlowInitialized) {
       const components2 = currentFlow.data?.components || [];
       if (components2.length > 0) {
@@ -11408,7 +11706,7 @@ var BaseInviteUser = ({
       }
     }
   }, [formValues, currentFlow, isFlowInitialized, validateForm]);
-  const extractHeadings = (0, import_react70.useCallback)((components2) => {
+  const extractHeadings = (0, import_react71.useCallback)((components2) => {
     let title2;
     let subtitle2;
     components2.forEach((comp) => {
@@ -11422,13 +11720,13 @@ var BaseInviteUser = ({
     });
     return { subtitle: subtitle2, title: title2 };
   }, []);
-  const filterHeadings = (0, import_react70.useCallback)(
+  const filterHeadings = (0, import_react71.useCallback)(
     (components2) => components2.filter(
       (comp) => !(comp.type === "TEXT" && (comp.variant === "HEADING_1" || comp.variant === "HEADING_2"))
     ),
     []
   );
-  const renderComponents = (0, import_react70.useCallback)(
+  const renderComponents = (0, import_react71.useCallback)(
     (components2) => renderInviteUserComponents(
       components2,
       formValues,
@@ -11483,28 +11781,28 @@ var BaseInviteUser = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className, children: children(renderProps) });
   }
   if (!isInitialized) {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!isFlowInitialized && isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Spinner_default, { size: "medium" }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "2rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Spinner_default, { size: "medium" }) }) }) });
   }
   if (!currentFlow && apiError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Alert_default, { variant: "error", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default.Title, { children: "Error" }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default.Description, { children: apiError.message })
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Alert_default, { variant: "error", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Alert_default.Title, { children: "Error" }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Alert_default.Description, { children: apiError.message })
     ] }) }) });
   }
   if (isInviteGenerated && inviteLink) {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Invite Link Generated!" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default, { variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default.Description, { children: "Share this link with the user to complete their registration." }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { style: { marginTop: "1rem" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "body2", style: { marginBottom: "0.5rem" }, children: "Invite Link" }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Invite Link Generated!" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Card_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Alert_default, { variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Alert_default.Description, { children: "Share this link with the user to complete their registration." }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { style: { marginTop: "1rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Typography_default, { variant: "body2", style: { marginBottom: "0.5rem" }, children: "Invite Link" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
             "div",
             {
               style: {
@@ -11517,26 +11815,26 @@ var BaseInviteUser = ({
                 wordBreak: "break-all"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "body2", style: { flex: 1 }, children: inviteLink }),
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button_default, { variant: "outline", size: "small", onClick: copyInviteLink, children: inviteLinkCopied ? "Copied!" : "Copy" })
+                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Typography_default, { variant: "body2", style: { flex: 1 }, children: inviteLink }),
+                /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button_default, { variant: "outline", size: "small", onClick: copyInviteLink, children: inviteLinkCopied ? "Copied!" : "Copy" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: { display: "flex", gap: "0.5rem", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Button_default, { variant: "outline", onClick: resetFlow, children: "Invite Another User" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { style: { display: "flex", gap: "0.5rem", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button_default, { variant: "outline", onClick: resetFlow, children: "Invite Another User" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: [
-    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card_default.Header, { className: styles.header, children: [
-      showTitle && title && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && subtitle && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Card_default, { className: (0, import_css42.cx)(className, styles.card), variant, children: [
+    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Card_default.Header, { className: styles.header, children: [
+      showTitle && title && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Card_default.Content, { children: [
-      apiError && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default, { variant: "error", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default.Description, { children: apiError.message }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { children: [
-        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Typography_default, { variant: "body1", children: "No form components available" }) }),
-        isLoading && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Spinner_default, { size: "small" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Card_default.Content, { children: [
+      apiError && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Alert_default, { variant: "error", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Alert_default.Description, { children: apiError.message }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { children: [
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Spinner_default, { size: "small" }) })
       ] })
     ] })
   ] });
@@ -11544,7 +11842,7 @@ var BaseInviteUser = ({
 var BaseInviteUser_default = BaseInviteUser;
 
 // src/components/presentation/auth/InviteUser/v2/InviteUser.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var InviteUser = ({
   onInviteLinkGenerated,
   onError,
@@ -11588,7 +11886,7 @@ var InviteUser = ({
     });
     return response.data;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     BaseInviteUser_default,
     {
       onInitialize: handleInitialize,
@@ -11609,16 +11907,16 @@ var InviteUser = ({
 var InviteUser_default = InviteUser;
 
 // src/components/presentation/auth/AcceptInvite/v2/AcceptInvite.tsx
-var import_react73 = require("react");
+var import_react74 = require("react");
 
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx
 var import_css44 = require("@emotion/css");
-var import_react72 = require("react");
+var import_react73 = require("react");
 
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.styles.ts
 var import_css43 = require("@emotion/css");
-var import_react71 = require("react");
-var useStyles19 = (theme, colorScheme) => (0, import_react71.useMemo)(() => {
+var import_react72 = require("react");
+var useStyles19 = (theme, colorScheme) => (0, import_react72.useMemo)(() => {
   const card = import_css43.css`
       background: ${theme.vars.colors.background.surface};
       border-radius: ${theme.vars.borderRadius.large};
@@ -11656,7 +11954,7 @@ var useStyles19 = (theme, colorScheme) => (0, import_react71.useMemo)(() => {
 var BaseAcceptInvite_styles_default = useStyles19;
 
 // src/components/presentation/auth/AcceptInvite/v2/BaseAcceptInvite.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var BaseAcceptInvite = ({
   flowId,
   inviteToken,
@@ -11677,19 +11975,19 @@ var BaseAcceptInvite = ({
   const { t } = useTranslation_default(preferences?.i18n);
   const { theme } = useTheme_default();
   const styles = BaseAcceptInvite_styles_default(theme, theme.vars.colors.text.primary);
-  const [isLoading, setIsLoading] = (0, import_react72.useState)(false);
-  const [isValidatingToken, setIsValidatingToken] = (0, import_react72.useState)(true);
-  const [isTokenInvalid, setIsTokenInvalid] = (0, import_react72.useState)(false);
-  const [isComplete, setIsComplete] = (0, import_react72.useState)(false);
-  const [currentFlow, setCurrentFlow] = (0, import_react72.useState)(null);
-  const [apiError, setApiError] = (0, import_react72.useState)(null);
-  const [formValues, setFormValues] = (0, import_react72.useState)({});
-  const [formErrors, setFormErrors] = (0, import_react72.useState)({});
-  const [touchedFields, setTouchedFields] = (0, import_react72.useState)({});
-  const [isFormValid, setIsFormValid] = (0, import_react72.useState)(true);
-  const [completionTitle, setCompletionTitle] = (0, import_react72.useState)(void 0);
-  const tokenValidationAttemptedRef = (0, import_react72.useRef)(false);
-  const handleError = (0, import_react72.useCallback)(
+  const [isLoading, setIsLoading] = (0, import_react73.useState)(false);
+  const [isValidatingToken, setIsValidatingToken] = (0, import_react73.useState)(true);
+  const [isTokenInvalid, setIsTokenInvalid] = (0, import_react73.useState)(false);
+  const [isComplete, setIsComplete] = (0, import_react73.useState)(false);
+  const [currentFlow, setCurrentFlow] = (0, import_react73.useState)(null);
+  const [apiError, setApiError] = (0, import_react73.useState)(null);
+  const [formValues, setFormValues] = (0, import_react73.useState)({});
+  const [formErrors, setFormErrors] = (0, import_react73.useState)({});
+  const [touchedFields, setTouchedFields] = (0, import_react73.useState)({});
+  const [isFormValid, setIsFormValid] = (0, import_react73.useState)(true);
+  const [completionTitle, setCompletionTitle] = (0, import_react73.useState)(void 0);
+  const tokenValidationAttemptedRef = (0, import_react73.useRef)(false);
+  const handleError = (0, import_react73.useCallback)(
     (error) => {
       const errorMessage = error?.failureReason || extractErrorMessage(error, t, "components.acceptInvite.errors.generic");
       setApiError(error instanceof Error ? error : new Error(errorMessage));
@@ -11697,7 +11995,7 @@ var BaseAcceptInvite = ({
     },
     [t, onError]
   );
-  const normalizeFlowResponseLocal = (0, import_react72.useCallback)(
+  const normalizeFlowResponseLocal = (0, import_react73.useCallback)(
     (response) => {
       if (!response?.data?.meta?.components) {
         return response;
@@ -11757,7 +12055,7 @@ var BaseAcceptInvite = ({
     },
     tokenValidationAttemptedRef
   });
-  const handleInputChange = (0, import_react72.useCallback)((name, value) => {
+  const handleInputChange = (0, import_react73.useCallback)((name, value) => {
     setFormValues((prev) => ({ ...prev, [name]: value }));
     setFormErrors((prev) => {
       const newErrors = { ...prev };
@@ -11765,10 +12063,10 @@ var BaseAcceptInvite = ({
       return newErrors;
     });
   }, []);
-  const handleInputBlur = (0, import_react72.useCallback)((name) => {
+  const handleInputBlur = (0, import_react73.useCallback)((name) => {
     setTouchedFields((prev) => ({ ...prev, [name]: true }));
   }, []);
-  const validateForm = (0, import_react72.useCallback)(
+  const validateForm = (0, import_react73.useCallback)(
     (components2) => {
       const errors = {};
       const validateComponents = (comps) => {
@@ -11789,7 +12087,7 @@ var BaseAcceptInvite = ({
     },
     [formValues]
   );
-  const handleSubmit = (0, import_react72.useCallback)(
+  const handleSubmit = (0, import_react73.useCallback)(
     async (component, data) => {
       if (!currentFlow) {
         return;
@@ -11868,7 +12166,7 @@ var BaseAcceptInvite = ({
       normalizeFlowResponseLocal
     ]
   );
-  (0, import_react72.useEffect)(() => {
+  (0, import_react73.useEffect)(() => {
     if (tokenValidationAttemptedRef.current) {
       return;
     }
@@ -11910,7 +12208,7 @@ var BaseAcceptInvite = ({
       }
     })();
   }, [flowId, inviteToken, onSubmit, onFlowChange, handleError, normalizeFlowResponseLocal]);
-  const extractHeadings = (0, import_react72.useCallback)((components2) => {
+  const extractHeadings = (0, import_react73.useCallback)((components2) => {
     let title2;
     let subtitle2;
     components2.forEach((comp) => {
@@ -11924,13 +12222,13 @@ var BaseAcceptInvite = ({
     });
     return { subtitle: subtitle2, title: title2 };
   }, []);
-  const filterHeadings = (0, import_react72.useCallback)(
+  const filterHeadings = (0, import_react73.useCallback)(
     (components2) => components2.filter(
       (comp) => !(comp.type === "TEXT" && (comp.variant === "HEADING_1" || comp.variant === "HEADING_2"))
     ),
     []
   );
-  const renderComponents = (0, import_react72.useCallback)(
+  const renderComponents = (0, import_react73.useCallback)(
     (components2) => renderInviteUserComponents(
       components2,
       formValues,
@@ -11985,50 +12283,50 @@ var BaseAcceptInvite = ({
     values: formValues
   };
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className, children: children(renderProps) });
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className, children: children(renderProps) });
   }
   if (isValidatingToken) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { style: { alignItems: "center", display: "flex", flexDirection: "column", gap: "1rem", padding: "2rem" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Spinner_default, { size: "medium" }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Typography_default, { variant: "body1", children: "Validating your invite link..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card_default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { style: { alignItems: "center", display: "flex", flexDirection: "column", gap: "1rem", padding: "2rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Spinner_default, { size: "medium" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography_default, { variant: "body1", children: "Validating your invite link..." })
     ] }) }) });
   }
   if (isTokenInvalid) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Invalid Invite Link" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Alert_default, { variant: "error", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default.Title, { children: "Unable to verify invite" }),
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default.Description, { children: apiError?.message || "This invite link is invalid or has expired. Please contact your administrator for a new invite." })
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Invalid Invite Link" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Card_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Alert_default, { variant: "error", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Alert_default.Title, { children: "Unable to verify invite" }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Alert_default.Description, { children: apiError?.message || "This invite link is invalid or has expired. Please contact your administrator for a new invite." })
         ] }),
-        onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button_default, { variant: "outline", onClick: onGoToSignIn, children: "Go to Sign In" }) })
+        onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button_default, { variant: "outline", onClick: onGoToSignIn, children: "Go to Sign In" }) })
       ] })
     ] });
   }
   if (isComplete) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Account Setup Complete!" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default, { variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default.Description, { children: "Your account has been successfully set up. You can now sign in with your credentials." }) }),
-        onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button_default, { variant: "solid", color: "primary", onClick: onGoToSignIn, children: "Sign In" }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card_default.Header, { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card_default.Title, { level: 2, className: styles.title, children: "Account Setup Complete!" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Card_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Alert_default, { variant: "success", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Alert_default.Description, { children: "Your account has been successfully set up. You can now sign in with your credentials." }) }),
+        onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { display: "flex", justifyContent: "center", marginTop: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button_default, { variant: "solid", color: "primary", onClick: onGoToSignIn, children: "Sign In" }) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
-    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default.Header, { className: styles.header, children: [
-      showTitle && title && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
-      showSubtitle && subtitle && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Card_default, { className: (0, import_css44.cx)(className, styles.card), variant, children: [
+    (showTitle || showSubtitle) && (title || subtitle) && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Card_default.Header, { className: styles.header, children: [
+      showTitle && title && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Card_default.Title, { level: 2, className: styles.title, children: title }),
+      showSubtitle && subtitle && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography_default, { variant: "body1", className: styles.subtitle, children: subtitle })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Card_default.Content, { children: [
-      apiError && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default, { variant: "error", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default.Description, { children: apiError.message }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { children: [
-        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Typography_default, { variant: "body1", children: "No form components available" }) }),
-        isLoading && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Spinner_default, { size: "small" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Card_default.Content, { children: [
+      apiError && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { marginBottom: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Alert_default, { variant: "error", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Alert_default.Description, { children: apiError.message }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
+        componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : !isLoading && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Alert_default, { variant: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Typography_default, { variant: "body1", children: "No form components available" }) }),
+        isLoading && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { display: "flex", justifyContent: "center", padding: "1rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Spinner_default, { size: "small" }) })
       ] }),
-      onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Typography_default, { variant: "body2", children: [
+      onGoToSignIn && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { style: { marginTop: "1.5rem", textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(Typography_default, { variant: "body2", children: [
         "Already have an account?",
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button_default, { variant: "text", onClick: onGoToSignIn, style: { minWidth: "auto", padding: 0 }, children: "Sign In" })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button_default, { variant: "text", onClick: onGoToSignIn, style: { minWidth: "auto", padding: 0 }, children: "Sign In" })
       ] }) })
     ] })
   ] });
@@ -12036,7 +12334,7 @@ var BaseAcceptInvite = ({
 var BaseAcceptInvite_default = BaseAcceptInvite;
 
 // src/components/presentation/auth/AcceptInvite/v2/AcceptInvite.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var getUrlParams = () => {
   if (typeof window === "undefined") {
     return {};
@@ -12062,10 +12360,10 @@ var AcceptInvite = ({
   showTitle = true,
   showSubtitle = true
 }) => {
-  const { flowId: urlFlowId, inviteToken: urlInviteToken } = (0, import_react73.useMemo)(() => getUrlParams(), []);
+  const { flowId: urlFlowId, inviteToken: urlInviteToken } = (0, import_react74.useMemo)(() => getUrlParams(), []);
   const flowId = flowIdProp || urlFlowId;
   const inviteToken = inviteTokenProp || urlInviteToken;
-  const apiBaseUrl = (0, import_react73.useMemo)(() => {
+  const apiBaseUrl = (0, import_react74.useMemo)(() => {
     if (baseUrl) {
       return baseUrl;
     }
@@ -12092,7 +12390,7 @@ var AcceptInvite = ({
     }
     return response.json();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     BaseAcceptInvite_default,
     {
       flowId,
@@ -12115,9 +12413,9 @@ var AcceptInvite_default = AcceptInvite;
 
 // src/components/auth/Callback/Callback.tsx
 var import_browser73 = require("@asgardeo/browser");
-var import_react74 = require("react");
+var import_react75 = require("react");
 var Callback = ({ onNavigate, onError }) => {
-  const processingRef = (0, import_react74.useRef)(false);
+  const processingRef = (0, import_react75.useRef)(false);
   const navigate6 = (path) => {
     if (onNavigate) {
       onNavigate(path);
@@ -12125,7 +12423,7 @@ var Callback = ({ onNavigate, onError }) => {
       (0, import_browser73.navigate)(path);
     }
   };
-  (0, import_react74.useEffect)(() => {
+  (0, import_react75.useEffect)(() => {
     const processOAuthCallback = () => {
       if (processingRef.current) {
         return;
@@ -12203,45 +12501,45 @@ var Callback = ({ onNavigate, onError }) => {
 };
 
 // src/components/presentation/User/BaseUser.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var BaseUser = ({ user, children, fallback = null }) => {
   if (!user) {
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_jsx_runtime84.Fragment, { children: fallback });
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_jsx_runtime87.Fragment, { children: fallback });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_jsx_runtime84.Fragment, { children: children(user) });
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_jsx_runtime87.Fragment, { children: children(user) });
 };
 BaseUser.displayName = "BaseUser";
 var BaseUser_default = BaseUser;
 
 // src/components/presentation/User/User.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var User5 = ({ children, fallback = null }) => {
   const { user } = useAsgardeo_default();
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(BaseUser_default, { user, fallback, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(BaseUser_default, { user, fallback, children });
 };
 User5.displayName = "User";
 var User_default = User5;
 
 // src/components/presentation/Organization/BaseOrganization.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var BaseOrganization = ({
   children,
   fallback = null,
   organization
 }) => {
   if (!organization) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_jsx_runtime86.Fragment, { children: fallback });
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_jsx_runtime89.Fragment, { children: fallback });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(import_jsx_runtime86.Fragment, { children: children(organization) });
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_jsx_runtime89.Fragment, { children: children(organization) });
 };
 BaseOrganization.displayName = "BaseOrganization";
 var BaseOrganization_default = BaseOrganization;
 
 // src/components/presentation/Organization/Organization.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var Organization5 = ({ children, fallback = null }) => {
   const { currentOrganization } = useOrganization_default();
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(BaseOrganization_default, { organization: currentOrganization, fallback, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BaseOrganization_default, { organization: currentOrganization, fallback, children });
 };
 Organization5.displayName = "Organization";
 var Organization_default = Organization5;
@@ -12249,12 +12547,12 @@ var Organization_default = Organization5;
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
 var import_browser79 = require("@asgardeo/browser");
 var import_css52 = require("@emotion/css");
-var import_react83 = require("react");
+var import_react84 = require("react");
 
 // src/components/presentation/UserProfile/BaseUserProfile.styles.ts
 var import_browser74 = require("@asgardeo/browser");
 var import_css45 = require("@emotion/css");
-var import_react75 = require("react");
+var import_react76 = require("react");
 var useStyles20 = (theme, colorScheme) => {
   const valuePlaceholder = import_css45.css`
     font-style: italic;
@@ -12299,7 +12597,7 @@ var useStyles20 = (theme, colorScheme) => {
     padding: ${theme.vars.spacing.unit};
     vertical-align: top;
   `;
-  return (0, import_react75.useMemo)(() => {
+  return (0, import_react76.useMemo)(() => {
     const root = import_css45.css`
       padding: calc(${theme.vars.spacing.unit} * 4);
       min-width: 600px;
@@ -12511,12 +12809,12 @@ var getDisplayName_default = getDisplayName;
 // src/components/primitives/Avatar/Avatar.tsx
 var import_browser76 = require("@asgardeo/browser");
 var import_css47 = require("@emotion/css");
-var import_react77 = require("react");
+var import_react78 = require("react");
 
 // src/components/primitives/Avatar/Avatar.styles.ts
 var import_css46 = require("@emotion/css");
-var import_react76 = require("react");
-var useStyles21 = (theme, colorScheme, size, variant, backgroundColor) => (0, import_react76.useMemo)(() => {
+var import_react77 = require("react");
+var useStyles21 = (theme, colorScheme, size, variant, backgroundColor) => (0, import_react77.useMemo)(() => {
   const baseAvatar = import_css46.css`
       align-items: center;
       background: ${backgroundColor || theme.vars.colors.background.surface};
@@ -12580,7 +12878,7 @@ var useStyles21 = (theme, colorScheme, size, variant, backgroundColor) => (0, im
 var Avatar_styles_default = useStyles21;
 
 // src/components/primitives/Avatar/Avatar.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var Avatar = ({
   alt = "User avatar",
   background = "random",
@@ -12610,7 +12908,7 @@ var Avatar = ({
     const colors = generateColor(seed);
     return `linear-gradient(${angle}deg, ${colors})`;
   };
-  const backgroundColor = (0, import_react77.useMemo)(() => {
+  const backgroundColor = (0, import_react78.useMemo)(() => {
     if (!name || imageUrl) {
       return void 0;
     }
@@ -12627,7 +12925,7 @@ var Avatar = ({
   const getInitials = (fullName) => fullName.split(" ").map((part) => part[0]).slice(0, 2).join("").toUpperCase();
   const renderContent = () => {
     if (imageUrl) {
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         "img",
         {
           src: imageUrl,
@@ -12640,19 +12938,19 @@ var Avatar = ({
       return getInitials(name);
     }
     if (isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: (0, import_css47.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar", "skeleton")), styles["skeleton"]) });
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: (0, import_css47.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar", "skeleton")), styles["skeleton"]) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 640 640",
         className: (0, import_css47.cx)((0, import_browser76.withVendorCSSClassPrefix)((0, import_browser76.bem)("avatar", "icon")), styles["icon"]),
-        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { d: "M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M240 192C240 147.8 275.8 112 320 112C364.2 112 400 147.8 400 192C400 236.2 364.2 272 320 272C275.8 272 240 236.2 240 192zM448 192C448 121.3 390.7 64 320 64C249.3 64 192 121.3 192 192C192 262.7 249.3 320 320 320C390.7 320 448 262.7 448 192zM144 544C144 473.3 201.3 416 272 416L368 416C438.7 416 496 473.3 496 544L496 552C496 565.3 506.7 576 520 576C533.3 576 544 565.3 544 552L544 544C544 446.8 465.2 368 368 368L272 368C174.8 368 96 446.8 96 544L96 552C96 565.3 106.7 576 120 576C133.3 576 144 565.3 144 552L144 544z" })
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "div",
     {
       className: (0, import_css47.cx)(
@@ -12671,13 +12969,13 @@ var Avatar = ({
 // src/components/primitives/Dialog/Dialog.tsx
 var import_browser77 = require("@asgardeo/browser");
 var import_css49 = require("@emotion/css");
-var import_react79 = require("@floating-ui/react");
-var import_react80 = require("react");
+var import_react80 = require("@floating-ui/react");
+var import_react81 = require("react");
 
 // src/components/primitives/Dialog/Dialog.styles.ts
 var import_css48 = require("@emotion/css");
-var import_react78 = require("react");
-var useStyles22 = (theme, colorScheme) => (0, import_react78.useMemo)(() => {
+var import_react79 = require("react");
+var useStyles22 = (theme, colorScheme) => (0, import_react79.useMemo)(() => {
   const overlay = import_css48.css`
       background-color: rgba(0, 0, 0, 0.5);
       display: flex;
@@ -12739,8 +13037,8 @@ var useStyles22 = (theme, colorScheme) => (0, import_react78.useMemo)(() => {
 var Dialog_styles_default = useStyles22;
 
 // src/components/primitives/Icons/LogOut.tsx
-var import_jsx_runtime89 = require("react/jsx-runtime");
-var LogOut = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var LogOut = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12754,17 +13052,17 @@ var LogOut = (props) => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "m16 17 5-5-5-5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M21 12H9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", { d: "m16 17 5-5-5-5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", { d: "M21 12H9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" })
     ]
   }
 );
 var LogOut_default = LogOut;
 
 // src/components/primitives/Icons/Plus.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
-var Plus = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+var import_jsx_runtime93 = require("react/jsx-runtime");
+var Plus = (props) => /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12778,16 +13076,16 @@ var Plus = (props) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { d: "M12 5v14" })
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M12 5v14" })
     ]
   }
 );
 var Plus_default = Plus;
 
 // src/components/primitives/Icons/User.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
-var User7 = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var User7 = (props) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12801,16 +13099,16 @@ var User7 = (props) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("circle", { cx: "12", cy: "7", r: "4" })
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("circle", { cx: "12", cy: "7", r: "4" })
     ]
   }
 );
 var User_default2 = User7;
 
 // src/components/primitives/Icons/X.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
-var X = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+var import_jsx_runtime95 = require("react/jsx-runtime");
+var X = (props) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12824,37 +13122,37 @@ var X = (props) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     strokeLinejoin: "round",
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", { d: "M18 6 6 18" }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", { d: "m6 6 12 12" })
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M18 6 6 18" }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "m6 6 12 12" })
     ]
   }
 );
 var X_default = X;
 
 // src/components/primitives/Dialog/Dialog.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 function useDialog({
   initialOpen = false,
   open: controlledOpen,
   onOpenChange: setControlledOpen
 } = {}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react80.useState)(initialOpen);
-  const [labelId, setLabelId] = (0, import_react80.useState)();
-  const [descriptionId, setDescriptionId] = (0, import_react80.useState)();
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react81.useState)(initialOpen);
+  const [labelId, setLabelId] = (0, import_react81.useState)();
+  const [descriptionId, setDescriptionId] = (0, import_react81.useState)();
   const open = controlledOpen ?? uncontrolledOpen;
   const setOpen = setControlledOpen ?? setUncontrolledOpen;
-  const data = (0, import_react79.useFloating)({
+  const data = (0, import_react80.useFloating)({
     onOpenChange: setOpen,
     open
   });
   const { context } = data;
-  const click = (0, import_react79.useClick)(context, {
+  const click = (0, import_react80.useClick)(context, {
     enabled: controlledOpen == null
   });
-  const dismiss = (0, import_react79.useDismiss)(context, { outsidePressEvent: "mousedown" });
-  const role = (0, import_react79.useRole)(context);
-  const interactions = (0, import_react79.useInteractions)([click, dismiss, role]);
-  return (0, import_react80.useMemo)(
+  const dismiss = (0, import_react80.useDismiss)(context, { outsidePressEvent: "mousedown" });
+  const role = (0, import_react80.useRole)(context);
+  const interactions = (0, import_react80.useInteractions)([click, dismiss, role]);
+  return (0, import_react81.useMemo)(
     () => ({
       open,
       setOpen,
@@ -12868,9 +13166,9 @@ function useDialog({
     [open, setOpen, interactions, data, labelId, descriptionId]
   );
 }
-var DialogContext = (0, import_react80.createContext)(null);
+var DialogContext = (0, import_react81.createContext)(null);
 var useDialogContext = () => {
-  const context = (0, import_react80.useContext)(DialogContext);
+  const context = (0, import_react81.useContext)(DialogContext);
   if (context == null) {
     throw new Error("Dialog components must be wrapped in <Dialog />");
   }
@@ -12878,15 +13176,15 @@ var useDialogContext = () => {
 };
 function Dialog({ children, ...options }) {
   const dialog = useDialog(options);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DialogContext.Provider, { value: dialog, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(DialogContext.Provider, { value: dialog, children });
 }
-var DialogTrigger = (0, import_react80.forwardRef)(
+var DialogTrigger = (0, import_react81.forwardRef)(
   ({ children, asChild = false, ...props }, propRef) => {
     const context = useDialogContext();
     const childrenRef = children.ref;
-    const ref = (0, import_react79.useMergeRefs)([context.refs.setReference, propRef, childrenRef]);
-    if (asChild && (0, import_react80.isValidElement)(children)) {
-      return (0, import_react80.cloneElement)(
+    const ref = (0, import_react80.useMergeRefs)([context.refs.setReference, propRef, childrenRef]);
+    if (asChild && (0, import_react81.isValidElement)(children)) {
+      return (0, import_react81.cloneElement)(
         children,
         context.getReferenceProps({
           ref,
@@ -12896,22 +13194,22 @@ var DialogTrigger = (0, import_react80.forwardRef)(
         })
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("button", { ref, "data-state": context.open ? "open" : "closed", ...context.getReferenceProps(props), children });
   }
 );
-var DialogContent = (0, import_react80.forwardRef)(
+var DialogContent = (0, import_react81.forwardRef)(
   (props, propRef) => {
     const { context: floatingContext, ...context } = useDialogContext();
     const { theme, colorScheme } = useTheme_default();
     const styles = Dialog_styles_default(theme, colorScheme);
-    const ref = (0, import_react79.useMergeRefs)([context.refs.setFloating, propRef]);
+    const ref = (0, import_react80.useMergeRefs)([context.refs.setFloating, propRef]);
     if (!floatingContext.open) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react79.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-      import_react79.FloatingOverlay,
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react80.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      import_react80.FloatingOverlay,
       {
         className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "overlay")), styles["overlay"]),
         lockScroll: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react79.FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react80.FloatingFocusManager, { context: floatingContext, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           "div",
           {
             ref,
@@ -12926,20 +13224,20 @@ var DialogContent = (0, import_react80.forwardRef)(
     ) });
   }
 );
-var DialogHeading = (0, import_react80.forwardRef)(
+var DialogHeading = (0, import_react81.forwardRef)(
   ({ children, ...props }, ref) => {
     const context = useDialogContext();
     const { theme, colorScheme } = useTheme_default();
     const styles = Dialog_styles_default(theme, colorScheme);
-    const id = (0, import_react79.useId)();
-    (0, import_react80.useLayoutEffect)(() => {
+    const id = (0, import_react80.useId)();
+    (0, import_react81.useLayoutEffect)(() => {
       context.setLabelId(id);
       return () => {
         context.setLabelId(void 0);
       };
     }, [id, context.setLabelId]);
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "header")), styles["header"]), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: (0, import_css49.cx)((0, import_browser77.withVendorCSSClassPrefix)((0, import_browser77.bem)("dialog", "header")), styles["header"]), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         "h2",
         {
           ...props,
@@ -12949,7 +13247,7 @@ var DialogHeading = (0, import_react80.forwardRef)(
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
         Button_default,
         {
           color: "tertiary",
@@ -12960,25 +13258,25 @@ var DialogHeading = (0, import_react80.forwardRef)(
             context.setOpen(false);
           },
           "aria-label": "Close",
-          children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(X_default, { width: 16, height: 16 })
+          children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(X_default, { width: 16, height: 16 })
         }
       )
     ] });
   }
 );
-var DialogDescription = (0, import_react80.forwardRef)(
+var DialogDescription = (0, import_react81.forwardRef)(
   ({ children, ...props }, ref) => {
     const context = useDialogContext();
     const { theme, colorScheme } = useTheme_default();
     const styles = Dialog_styles_default(theme, colorScheme);
-    const id = (0, import_react79.useId)();
-    (0, import_react80.useLayoutEffect)(() => {
+    const id = (0, import_react80.useId)();
+    (0, import_react81.useLayoutEffect)(() => {
       context.setDescriptionId(id);
       return () => {
         context.setDescriptionId(void 0);
       };
     }, [id, context.setDescriptionId]);
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "p",
       {
         ...props,
@@ -12990,24 +13288,24 @@ var DialogDescription = (0, import_react80.forwardRef)(
     );
   }
 );
-var DialogClose = (0, import_react80.forwardRef)(
+var DialogClose = (0, import_react81.forwardRef)(
   ({ children, asChild = false, ...props }, propRef) => {
     const context = useDialogContext();
     const childrenRef = children?.ref;
-    const ref = (0, import_react79.useMergeRefs)([propRef, childrenRef]);
+    const ref = (0, import_react80.useMergeRefs)([propRef, childrenRef]);
     const handleClick = (event) => {
       context.setOpen(false);
       props.onClick?.(event);
     };
-    if (asChild && (0, import_react80.isValidElement)(children)) {
-      return (0, import_react80.cloneElement)(children, {
+    if (asChild && (0, import_react81.isValidElement)(children)) {
+      return (0, import_react81.cloneElement)(children, {
         ref,
         ...props,
         ...children.props,
         onClick: handleClick
       });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       Button_default,
       {
         ...props,
@@ -13035,12 +13333,12 @@ var Dialog_default = Dialog;
 // src/components/primitives/MultiInput/MultiInput.tsx
 var import_browser78 = require("@asgardeo/browser");
 var import_css51 = require("@emotion/css");
-var import_react82 = require("react");
+var import_react83 = require("react");
 
 // src/components/primitives/MultiInput/MultiInput.styles.ts
 var import_css50 = require("@emotion/css");
-var import_react81 = require("react");
-var useStyles23 = (theme, colorScheme, disabled, hasError, canAddMore, canRemove) => (0, import_react81.useMemo)(() => {
+var import_react82 = require("react");
+var useStyles23 = (theme, colorScheme, disabled, hasError, canAddMore, canRemove) => (0, import_react82.useMemo)(() => {
   const container = import_css50.css`
       display: flex;
       flex-direction: column;
@@ -13130,7 +13428,7 @@ var useStyles23 = (theme, colorScheme, disabled, hasError, canAddMore, canRemove
 var MultiInput_styles_default = useStyles23;
 
 // src/components/primitives/MultiInput/MultiInput.tsx
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var MultiInput = ({
   label,
   error,
@@ -13153,9 +13451,9 @@ var MultiInput = ({
   const canAddMore = !maxFields || values.length < maxFields;
   const canRemove = values.length > minFields;
   const styles = MultiInput_styles_default(theme, colorScheme, !!disabled, !!error, canAddMore, canRemove);
-  const PlusIcon = ({ iconClassName }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: (0, import_css51.cx)(styles["icon"], iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M12 5v14M5 12h14" }) });
-  const BinIcon = ({ iconClassName }) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: (0, import_css51.cx)(styles["icon"], iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14ZM10 11v6M14 11v6" }) });
-  const handleAddValue = (0, import_react82.useCallback)(
+  const PlusIcon = ({ iconClassName }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: (0, import_css51.cx)(styles["icon"], iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("path", { d: "M12 5v14M5 12h14" }) });
+  const BinIcon = ({ iconClassName }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", className: (0, import_css51.cx)(styles["icon"], iconClassName), children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("path", { d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14ZM10 11v6M14 11v6" }) });
+  const handleAddValue = (0, import_react83.useCallback)(
     (newValue) => {
       if (newValue.trim() !== "" && (!maxFields || values.length < maxFields)) {
         onChange([...values, newValue.trim()]);
@@ -13163,7 +13461,7 @@ var MultiInput = ({
     },
     [values, onChange, maxFields]
   );
-  const handleRemoveValue = (0, import_react82.useCallback)(
+  const handleRemoveValue = (0, import_react83.useCallback)(
     (index) => {
       if (values.length > minFields) {
         const updatedValues = values.filter((_, i) => i !== index);
@@ -13172,7 +13470,7 @@ var MultiInput = ({
     },
     [values, onChange, minFields]
   );
-  const renderInputField = (0, import_react82.useCallback)(
+  const renderInputField = (0, import_react83.useCallback)(
     (value, onValueChange, attachedEndIcon, onEndIconClick) => {
       const handleInputChange = (e) => {
         const newValue = e.target ? e.target.value : e;
@@ -13198,9 +13496,9 @@ var MultiInput = ({
       };
       switch (fieldType) {
         case "DATE_TIME":
-          return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DatePicker_default, { ...commonProps });
+          return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(DatePicker_default, { ...commonProps });
         case "BOOLEAN":
-          return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             Checkbox_default,
             {
               ...commonProps,
@@ -13209,19 +13507,19 @@ var MultiInput = ({
             }
           );
         default:
-          return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(TextField_default, { ...commonProps, type });
+          return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(TextField_default, { ...commonProps, type });
       }
     },
     [placeholder, disabled, startIcon, endIcon, error, fieldType, type]
   );
-  const [currentInputValue, setCurrentInputValue] = (0, import_react82.useState)("");
-  const handleInputSubmit = (0, import_react82.useCallback)(() => {
+  const [currentInputValue, setCurrentInputValue] = (0, import_react83.useState)("");
+  const handleInputSubmit = (0, import_react83.useCallback)(() => {
     if (currentInputValue.trim() !== "") {
       handleAddValue(currentInputValue);
       setCurrentInputValue("");
     }
   }, [currentInputValue, handleAddValue]);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
     FormControl_default,
     {
       error,
@@ -13229,27 +13527,27 @@ var MultiInput = ({
       className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input")), className),
       style,
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(InputLabel_default, { required, error: !!error, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "container")), styles["container"]), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
+        label && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(InputLabel_default, { required, error: !!error, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "container")), styles["container"]), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "input-row")), styles["inputRow"]), children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "input-wrapper")), styles["inputWrapper"]), children: renderInputField(
             currentInputValue,
             setCurrentInputValue,
-            canAddMore ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PlusIcon, { iconClassName: styles["plusIcon"] }) : void 0,
+            canAddMore ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(PlusIcon, { iconClassName: styles["plusIcon"] }) : void 0,
             canAddMore ? handleInputSubmit : void 0
           ) }) }),
-          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+          values.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "list-container")), styles["listContainer"]), children: values.map((value, index) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
             "div",
             {
               className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "list-item")), styles["listItem"]),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                   "span",
                   {
                     className: (0, import_css51.cx)((0, import_browser78.withVendorCSSClassPrefix)((0, import_browser78.bem)("multi-input", "list-item-text")), styles["listItemText"]),
                     children: value
                   }
                 ),
-                canRemove && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+                canRemove && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                   "button",
                   {
                     type: "button",
@@ -13260,7 +13558,7 @@ var MultiInput = ({
                       styles["removeButton"]
                     ),
                     title: "Remove value",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(BinIcon, { iconClassName: styles["icon"] })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(BinIcon, { iconClassName: styles["icon"] })
                   }
                 )
               ]
@@ -13275,7 +13573,7 @@ var MultiInput = ({
 var MultiInput_default = MultiInput;
 
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var fieldsToSkip = [
   "roles.default",
   "active",
@@ -13319,10 +13617,10 @@ var BaseUserProfile = ({
   displayNameAttributes = []
 }) => {
   const { theme, colorScheme } = useTheme_default();
-  const [editedUser, setEditedUser] = (0, import_react83.useState)(flattenedProfile || profile);
-  const [editingFields, setEditingFields] = (0, import_react83.useState)({});
+  const [editedUser, setEditedUser] = (0, import_react84.useState)(flattenedProfile || profile);
+  const [editingFields, setEditingFields] = (0, import_react84.useState)({});
   const { t } = useTranslation_default(preferences?.i18n);
-  const shouldShowField = (0, import_react83.useCallback)(
+  const shouldShowField = (0, import_react84.useCallback)(
     (fieldName) => {
       if (fieldsToSkip.includes(fieldName)) {
         return false;
@@ -13337,7 +13635,7 @@ var BaseUserProfile = ({
     },
     [showFields, hideFields]
   );
-  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     "svg",
     {
       width: "16",
@@ -13348,16 +13646,16 @@ var BaseUserProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
     }
   );
-  const toggleFieldEdit = (0, import_react83.useCallback)((fieldName) => {
+  const toggleFieldEdit = (0, import_react84.useCallback)((fieldName) => {
     setEditingFields((prev) => ({
       ...prev,
       [fieldName]: !prev[fieldName]
     }));
   }, []);
-  const getFieldPlaceholder = (0, import_react83.useCallback)((schema) => {
+  const getFieldPlaceholder = (0, import_react84.useCallback)((schema) => {
     const { type, displayName, description, name } = schema;
     const fieldLabel = displayName || description || name || "value";
     switch (type) {
@@ -13371,19 +13669,19 @@ var BaseUserProfile = ({
         return `Enter your ${fieldLabel.toLowerCase()}`;
     }
   }, []);
-  const formatLabel = (0, import_react83.useCallback)(
+  const formatLabel = (0, import_react84.useCallback)(
     (key) => key.split(/(?=[A-Z])|_/).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" "),
     []
   );
   const styles = BaseUserProfile_styles_default(theme, colorScheme);
   const ObjectDisplay = ({ data }) => {
     if (!data || typeof data !== "object") return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("table", { className: styles.value, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("tr", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { className: styles.objectKey, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("strong", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("table", { className: styles.value, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("tbody", { children: Object.entries(data).map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("tr", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("td", { className: styles.objectKey, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("strong", { children: [
         formatLabel(key),
         ":"
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ObjectDisplay, { data: value }) : String(value) })
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("td", { className: styles.objectValue, children: typeof value === "object" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ObjectDisplay, { data: value }) : String(value) })
     ] }, key)) }) });
   };
   function set(obj, path, value) {
@@ -13401,7 +13699,7 @@ var BaseUserProfile = ({
       }
     }
   }
-  const handleFieldSave = (0, import_react83.useCallback)(
+  const handleFieldSave = (0, import_react84.useCallback)(
     (schema) => {
       if (!onUpdate || !schema.name) return;
       const fieldName = schema.name;
@@ -13431,7 +13729,7 @@ var BaseUserProfile = ({
     },
     [editedUser, flattenedProfile, onUpdate, toggleFieldEdit]
   );
-  const handleFieldCancel = (0, import_react83.useCallback)(
+  const handleFieldCancel = (0, import_react84.useCallback)(
     (fieldName) => {
       const currentUser2 = flattenedProfile || profile;
       setEditedUser((prev) => ({
@@ -13458,7 +13756,7 @@ var BaseUserProfile = ({
     const { value, displayName, description, name, type, required, mutability, subAttributes, multiValued } = schema;
     const label = displayName || description || name || "";
     if (subAttributes && Array.isArray(subAttributes)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_jsx_runtime95.Fragment, { children: subAttributes.map((subAttr, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_jsx_runtime98.Fragment, { children: subAttributes.map((subAttr, index) => {
         let displayValue2;
         if (Array.isArray(subAttr.value)) {
           displayValue2 = subAttr.value.map((item) => typeof item === "object" ? JSON.stringify(item) : String(item)).join(", ");
@@ -13467,9 +13765,9 @@ var BaseUserProfile = ({
         } else {
           displayValue2 = String(subAttr.value);
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: styles.field, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.label, children: subAttr.displayName || subAttr.description || "" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.value, children: displayValue2 })
+        return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: styles.field, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: styles.label, children: subAttr.displayName || subAttr.description || "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: styles.value, children: displayValue2 })
         ] }, index);
       }) });
     }
@@ -13493,9 +13791,9 @@ var BaseUserProfile = ({
         } else {
           fieldValues = [];
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.label, children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.value, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: styles.label, children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: styles.value, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             MultiInput_default,
             {
               values: fieldValues,
@@ -13526,9 +13824,9 @@ var BaseUserProfile = ({
       } else {
         displayValue2 = "-";
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.label, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: (0, import_css52.cx)(styles.value, !hasValues ? styles.valuePlaceholder : ""), children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: (0, import_css52.cx)(styles.value, !hasValues ? styles.valuePlaceholder : ""), children: !hasValues && isEditable2 && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           Button_default,
           {
             onClick: onStartEdit,
@@ -13543,7 +13841,7 @@ var BaseUserProfile = ({
       ] });
     }
     if (type === "COMPLEX" && typeof value === "object") {
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ObjectDisplay, { data: value });
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ObjectDisplay, { data: value });
     }
     if (isEditing && onEditValue && mutability !== "READ_ONLY" && !readonlyFields.includes(name || "")) {
       let fieldValue;
@@ -13565,13 +13863,13 @@ var BaseUserProfile = ({
       let field;
       switch (type) {
         case "STRING":
-          field = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TextField_default, { ...commonProps });
           break;
         case "DATE_TIME":
-          field = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DatePicker_default, { ...commonProps });
+          field = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(DatePicker_default, { ...commonProps });
           break;
         case "BOOLEAN":
-          field = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+          field = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Checkbox_default,
             {
               ...commonProps,
@@ -13583,7 +13881,7 @@ var BaseUserProfile = ({
           );
           break;
         case "COMPLEX":
-          field = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+          field = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             "textarea",
             {
               value: fieldValue,
@@ -13595,11 +13893,11 @@ var BaseUserProfile = ({
           );
           break;
         default:
-          field = /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(TextField_default, { ...commonProps });
+          field = /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(TextField_default, { ...commonProps });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.label, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.value, children: field })
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: styles.label, children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: styles.value, children: field })
       ] });
     }
     const hasValue = value !== void 0 && value !== null && value !== "";
@@ -13612,9 +13910,9 @@ var BaseUserProfile = ({
     } else {
       displayValue = "-";
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: styles.label, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: (0, import_css52.cx)(styles.value, !hasValue ? styles.valuePlaceholder : ""), children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: styles.label, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: (0, import_css52.cx)(styles.value, !hasValue ? styles.valuePlaceholder : ""), children: !hasValue && isEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
         Button_default,
         {
           onClick: onStartEdit,
@@ -13637,8 +13935,8 @@ var BaseUserProfile = ({
     if (!shouldShow) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: styles.field, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.fieldInner, children: renderSchemaField(
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: styles.field, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: styles.fieldInner, children: renderSchemaField(
         schema,
         isFieldEditing,
         (value) => {
@@ -13648,10 +13946,10 @@ var BaseUserProfile = ({
         },
         () => toggleFieldEdit(schema.name)
       ) }),
-      editable && schema.mutability !== "READ_ONLY" && !isReadonlyField && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: styles.fieldActions, children: [
-        isFieldEditing && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      editable && schema.mutability !== "READ_ONLY" && !isReadonlyField && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: styles.fieldActions, children: [
+        isFieldEditing && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button_default, { size: "small", color: "primary", variant: "solid", onClick: () => handleFieldSave(schema), children: "Save" }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Button_default,
             {
               size: "small",
@@ -13662,7 +13960,7 @@ var BaseUserProfile = ({
             }
           )
         ] }),
-        !isFieldEditing && hasValue && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+        !isFieldEditing && hasValue && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           Button_default,
           {
             size: "small",
@@ -13671,7 +13969,7 @@ var BaseUserProfile = ({
             onClick: () => toggleFieldEdit(schema.name),
             title: "Edit",
             className: styles.editButton,
-            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(PencilIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(PencilIcon, {})
           }
         )
       ] })
@@ -13694,9 +13992,9 @@ var BaseUserProfile = ({
       if (!shouldShowField(key)) return false;
       return value !== void 0 && value !== "" && value !== null;
     }).sort(([a], [b]) => a.localeCompare(b));
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: styles.profileSummary, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: styles.profileSummary, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           Avatar,
           {
             imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -13706,32 +14004,32 @@ var BaseUserProfile = ({
             isLoading
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Typography_default, { variant: "h3", fontWeight: "medium", children: displayName }),
-        getMappedUserProfileValue_default("email", mergedMappings, currentUser) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Typography_default, { variant: "body2", color: "textSecondary", children: getMappedUserProfileValue_default("email", mergedMappings, currentUser) })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Typography_default, { variant: "h3", fontWeight: "medium", children: displayName }),
+        getMappedUserProfileValue_default("email", mergedMappings, currentUser) && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Typography_default, { variant: "body2", color: "textSecondary", children: getMappedUserProfileValue_default("email", mergedMappings, currentUser) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Divider_default, {}),
-      profileEntries.map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: styles.sectionRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.sectionLabel, children: formatLabel(key) }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.sectionValue, children: typeof value === "object" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ObjectDisplay, { data: value }) : String(value) })
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Divider_default, {}),
+      profileEntries.map(([key, value], index) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: styles.sectionRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: styles.sectionLabel, children: formatLabel(key) }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: styles.sectionValue, children: typeof value === "object" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(ObjectDisplay, { data: value }) : String(value) })
         ] }),
-        index < profileEntries.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Divider_default, {})
+        index < profileEntries.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Divider_default, {})
       ] }, key))
     ] });
   };
-  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Card_default, { className: containerClasses, children: [
-    error && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Card_default, { className: containerClasses, children: [
+    error && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
       Alert_default,
       {
         variant: "error",
         className: (0, import_css52.cx)((0, import_browser79.withVendorCSSClassPrefix)((0, import_browser79.bem)("user-profile", "alert")), styles.alert),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Alert_default.Title, { children: t("errors.heading") || "Error" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Alert_default.Description, { children: error })
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Alert_default.Title, { children: t("errors.heading") || "Error" }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Alert_default.Description, { children: error })
         ]
       }
     ),
-    schemas && schemas.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+    schemas && schemas.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: styles.header, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       Avatar,
       {
         imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, currentUser),
@@ -13741,7 +14039,7 @@ var BaseUserProfile = ({
         isLoading
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.infoContainer, children: schemas && schemas.length > 0 ? schemas.filter((schema) => {
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: styles.infoContainer, children: schemas && schemas.length > 0 ? schemas.filter((schema) => {
       if (!schema.name || !shouldShowField(schema.name)) return false;
       if (!editable) {
         const value = flattenedProfile && schema.name ? flattenedProfile[schema.name] : void 0;
@@ -13758,13 +14056,13 @@ var BaseUserProfile = ({
         ...schema,
         value
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.info, children: renderUserInfo(schemaWithValue) }, schema.name || index);
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: styles.info, children: renderUserInfo(schemaWithValue) }, schema.name || index);
     }) : renderProfileWithoutSchemas() })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Dialog_default.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Dialog_default.Heading, { children: title ?? t("user.profile.heading") }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: styles.popup, children: profileContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Dialog_default.Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Dialog_default.Heading, { children: title ?? t("user.profile.heading") }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: styles.popup, children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -13773,7 +14071,7 @@ var BaseUserProfile_default = BaseUserProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
 var import_browser81 = require("@asgardeo/browser");
-var import_react84 = require("react");
+var import_react85 = require("react");
 
 // src/api/updateMeProfile.ts
 var import_browser80 = require("@asgardeo/browser");
@@ -13803,12 +14101,12 @@ var updateMeProfile = async ({ fetcher, instanceId = 0, ...requestConfig }) => {
 var updateMeProfile_default = updateMeProfile;
 
 // src/components/presentation/UserProfile/UserProfile.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var UserProfile3 = ({ preferences, ...rest }) => {
   const { baseUrl, instanceId } = useAsgardeo_default();
   const { profile, flattenedProfile, schemas, onUpdateProfile } = useUser_default();
   const { t } = useTranslation_default(preferences?.i18n);
-  const [error, setError] = (0, import_react84.useState)(null);
+  const [error, setError] = (0, import_react85.useState)(null);
   const handleProfileUpdate = async (payload) => {
     setError(null);
     try {
@@ -13822,7 +14120,7 @@ var UserProfile3 = ({ preferences, ...rest }) => {
       setError(message);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     BaseUserProfile_default,
     {
       profile,
@@ -13840,13 +14138,13 @@ var UserProfile_default = UserProfile3;
 // src/components/presentation/UserDropdown/BaseUserDropdown.tsx
 var import_browser82 = require("@asgardeo/browser");
 var import_css54 = require("@emotion/css");
-var import_react86 = require("@floating-ui/react");
-var import_react87 = require("react");
+var import_react87 = require("@floating-ui/react");
+var import_react88 = require("react");
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.styles.ts
 var import_css53 = require("@emotion/css");
-var import_react85 = require("react");
-var useStyles24 = (theme, colorScheme) => (0, import_react85.useMemo)(() => {
+var import_react86 = require("react");
+var useStyles24 = (theme, colorScheme) => (0, import_react86.useMemo)(() => {
   const trigger = import_css53.css`
       display: inline-flex;
       align-items: center;
@@ -14033,7 +14331,7 @@ var useStyles24 = (theme, colorScheme) => (0, import_react85.useMemo)(() => {
 var BaseUserDropdown_styles_default = useStyles24;
 
 // src/components/presentation/UserDropdown/BaseUserDropdown.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var BaseUserDropdown = ({
   fallback = null,
   className = "",
@@ -14049,19 +14347,19 @@ var BaseUserDropdown = ({
 }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseUserDropdown_styles_default(theme, colorScheme);
-  const [isOpen, setIsOpen] = (0, import_react87.useState)(false);
-  const [hoveredItemIndex, setHoveredItemIndex] = (0, import_react87.useState)(null);
-  const { refs, floatingStyles, context } = (0, import_react86.useFloating)({
-    middleware: [(0, import_react86.offset)(5), (0, import_react86.flip)({ fallbackAxisSideDirection: "end" }), (0, import_react86.shift)({ padding: 5 })],
+  const [isOpen, setIsOpen] = (0, import_react88.useState)(false);
+  const [hoveredItemIndex, setHoveredItemIndex] = (0, import_react88.useState)(null);
+  const { refs, floatingStyles, context } = (0, import_react87.useFloating)({
+    middleware: [(0, import_react87.offset)(5), (0, import_react87.flip)({ fallbackAxisSideDirection: "end" }), (0, import_react87.shift)({ padding: 5 })],
     onOpenChange: setIsOpen,
     open: isOpen,
     placement: "bottom-end",
-    whileElementsMounted: import_react86.autoUpdate
+    whileElementsMounted: import_react87.autoUpdate
   });
-  const click = (0, import_react86.useClick)(context);
-  const dismiss = (0, import_react86.useDismiss)(context);
-  const role = (0, import_react86.useRole)(context);
-  const { getReferenceProps, getFloatingProps } = (0, import_react86.useInteractions)([click, dismiss, role]);
+  const click = (0, import_react87.useClick)(context);
+  const dismiss = (0, import_react87.useDismiss)(context);
+  const role = (0, import_react87.useRole)(context);
+  const { getReferenceProps, getFloatingProps } = (0, import_react87.useInteractions)([click, dismiss, role]);
   const defaultAttributeMappings = {
     email: ["emails"],
     firstName: ["name.givenName", "given_name"],
@@ -14085,14 +14383,14 @@ var BaseUserDropdown = ({
   const defaultMenuItems = [];
   if (onManageProfile) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(User_default2, { width: "16", height: "16" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(User_default2, { width: "16", height: "16" }),
       label: "Manage Profile",
       onClick: onManageProfile
     });
   }
   if (onSignOut) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(LogOut_default, { width: "16", height: "16" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(LogOut_default, { width: "16", height: "16" }),
       label: "Sign Out",
       onClick: onSignOut
     });
@@ -14104,8 +14402,8 @@ var BaseUserDropdown = ({
     }
     allMenuItems.push(...defaultMenuItems);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown"), className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       Button_default,
       {
         ref: refs.setReference,
@@ -14116,7 +14414,7 @@ var BaseUserDropdown = ({
         "data-testid": "asgardeo-user-dropdown-trigger",
         ...getReferenceProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             Avatar,
             {
               imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -14125,7 +14423,7 @@ var BaseUserDropdown = ({
               alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
             }
           ),
-          showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             Typography_default,
             {
               variant: "body2",
@@ -14136,7 +14434,7 @@ var BaseUserDropdown = ({
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react86.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_react86.FloatingFocusManager, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react87.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react87.FloatingFocusManager, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
       "div",
       {
         ref: refs.setFloating,
@@ -14149,8 +14447,8 @@ var BaseUserDropdown = ({
         },
         ...getFloatingProps(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header"), styles["dropdownHeader"]), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header"), styles["dropdownHeader"]), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
               Avatar,
               {
                 imageUrl: getMappedUserProfileValue_default("picture", mergedMappings, user),
@@ -14159,8 +14457,8 @@ var BaseUserDropdown = ({
                 alt: `${getDisplayName_default(mergedMappings, user)}'s avatar`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles["headerInfo"]), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__header-info"), styles["headerInfo"]), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                 Typography_default,
                 {
                   noWrap: true,
@@ -14170,7 +14468,7 @@ var BaseUserDropdown = ({
                   children: getDisplayName_default(mergedMappings, user)
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                 Typography_default,
                 {
                   noWrap: true,
@@ -14182,9 +14480,9 @@ var BaseUserDropdown = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { children: (() => {
+          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__menu"), styles["dropdownMenu"]), children: allMenuItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { children: (() => {
             if (item.label === "") {
-              return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                 "div",
                 {
                   className: (0, import_css54.cx)((0, import_browser82.withVendorCSSClassPrefix)("user-dropdown__menu-divider"), styles["divider"])
@@ -14192,7 +14490,7 @@ var BaseUserDropdown = ({
               );
             }
             if (item.href) {
-              return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
                 "a",
                 {
                   href: item.href,
@@ -14209,12 +14507,12 @@ var BaseUserDropdown = ({
                   onBlur: () => setHoveredItemIndex(null),
                   children: [
                     item.icon,
-                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { children: item.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: item.label })
                   ]
                 }
               );
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
               Button_default,
               {
                 onClick: () => handleMenuItemClick(item),
@@ -14240,8 +14538,8 @@ var BaseUserDropdown = ({
 var BaseUserDropdown_default = BaseUserDropdown;
 
 // src/components/presentation/UserDropdown/UserDropdown.tsx
-var import_react88 = require("react");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_react89 = require("react");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var UserDropdown = ({
   children,
   renderTrigger,
@@ -14250,7 +14548,7 @@ var UserDropdown = ({
   ...rest
 }) => {
   const { user, isLoading, signOut, meta } = useAsgardeo_default();
-  const [isProfileOpen, setIsProfileOpen] = (0, import_react88.useState)(false);
+  const [isProfileOpen, setIsProfileOpen] = (0, import_react89.useState)(false);
   const handleManageProfile = () => {
     setIsProfileOpen(true);
   };
@@ -14273,14 +14571,14 @@ var UserDropdown = ({
     user
   };
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
       children(renderProps),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
   if (renderTrigger || renderDropdown) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+      renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         BaseUserDropdown,
         {
           user,
@@ -14290,11 +14588,11 @@ var UserDropdown = ({
           ...rest
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       BaseUserDropdown,
       {
         user,
@@ -14304,20 +14602,20 @@ var UserDropdown = ({
         ...rest
       }
     ),
-    isProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
+    isProfileOpen && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(UserProfile_default, { mode: "popup", open: isProfileOpen, onOpenChange: setIsProfileOpen })
   ] });
 };
 var UserDropdown_default = UserDropdown;
 
 // src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.tsx
 var import_css56 = require("@emotion/css");
-var import_react90 = require("@floating-ui/react");
-var import_react91 = require("react");
+var import_react91 = require("@floating-ui/react");
+var import_react92 = require("react");
 
 // src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.ts
 var import_css55 = require("@emotion/css");
-var import_react89 = require("react");
-var useStyles25 = (theme, colorScheme) => (0, import_react89.useMemo)(() => {
+var import_react90 = require("react");
+var useStyles25 = (theme, colorScheme) => (0, import_react90.useMemo)(() => {
   const root = import_css55.css`
       display: inline-block;
       position: relative;
@@ -14540,9 +14838,9 @@ var useStyles25 = (theme, colorScheme) => (0, import_react89.useMemo)(() => {
 var BaseOrganizationSwitcher_styles_default = useStyles25;
 
 // src/components/primitives/Icons/Building.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
-var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+var import_jsx_runtime102 = require("react/jsx-runtime");
+var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     "path",
     {
       d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z",
@@ -14552,30 +14850,30 @@ var Building = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PU
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("path", { d: "M14 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M6 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M6 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M14 8h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M14 12h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M6 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M14 18h4", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
 ] });
 Building.displayName = "Building";
 var Building_default = Building;
 
 // src/components/primitives/Icons/Check.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
-var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { d: "M20 6 9 17l-5-5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var import_jsx_runtime103 = require("react/jsx-runtime");
+var Check = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M20 6 9 17l-5-5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 Check.displayName = "Check";
 var Check_default = Check;
 
 // src/components/primitives/Icons/ChevronDown.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
-var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { d: "m6 9 6 6 6-6", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var import_jsx_runtime104 = require("react/jsx-runtime");
+var ChevronDown = ({ color = "currentColor", height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("svg", { width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("path", { d: "m6 9 6 6 6-6", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 ChevronDown.displayName = "ChevronDown";
 var ChevronDown_default = ChevronDown;
 
 // src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var BaseOrganizationSwitcher = ({
   organizations,
   currentOrganization,
@@ -14599,21 +14897,21 @@ var BaseOrganizationSwitcher = ({
 }) => {
   const { theme, colorScheme, direction } = useTheme_default();
   const styles = BaseOrganizationSwitcher_styles_default(theme, colorScheme);
-  const [isOpen, setIsOpen] = (0, import_react91.useState)(false);
-  const [hoveredItemIndex, setHoveredItemIndex] = (0, import_react91.useState)(null);
+  const [isOpen, setIsOpen] = (0, import_react92.useState)(false);
+  const [hoveredItemIndex, setHoveredItemIndex] = (0, import_react92.useState)(null);
   const { t } = useTranslation_default(preferences?.i18n);
   const isRTL = direction === "rtl";
-  const { refs, floatingStyles, context } = (0, import_react90.useFloating)({
-    middleware: [(0, import_react90.offset)(5), (0, import_react90.flip)({ fallbackAxisSideDirection: "end" }), (0, import_react90.shift)({ padding: 5 })],
+  const { refs, floatingStyles, context } = (0, import_react91.useFloating)({
+    middleware: [(0, import_react91.offset)(5), (0, import_react91.flip)({ fallbackAxisSideDirection: "end" }), (0, import_react91.shift)({ padding: 5 })],
     onOpenChange: setIsOpen,
     open: isOpen,
     placement: "bottom-end",
-    whileElementsMounted: import_react90.autoUpdate
+    whileElementsMounted: import_react91.autoUpdate
   });
-  const click = (0, import_react90.useClick)(context);
-  const dismiss = (0, import_react90.useDismiss)(context);
-  const role = (0, import_react90.useRole)(context);
-  const { getReferenceProps, getFloatingProps } = (0, import_react90.useInteractions)([click, dismiss, role]);
+  const click = (0, import_react91.useClick)(context);
+  const dismiss = (0, import_react91.useDismiss)(context);
+  const role = (0, import_react91.useRole)(context);
+  const { getReferenceProps, getFloatingProps } = (0, import_react91.useInteractions)([click, dismiss, role]);
   if (fallback && !currentOrganization && !loading && organizations.length === 0) {
     return fallback;
   }
@@ -14630,8 +14928,8 @@ var BaseOrganizationSwitcher = ({
   const switchableOrganizations = organizations.filter(
     (org) => org.id !== currentOrganization?.id
   );
-  const defaultRenderOrganization2 = (organization, isSelected) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  const defaultRenderOrganization2 = (organization, isSelected) => /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       Avatar,
       {
         variant: "square",
@@ -14641,24 +14939,24 @@ var BaseOrganizationSwitcher = ({
         alt: `${organization.name} avatar`
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["organizationInfo"]), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "body2", fontWeight: "medium", className: (0, import_css56.cx)(styles["organizationName"]), children: organization.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["organizationMeta"]), children: [
-        showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css56.cx)(styles["organizationInfo"]), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { variant: "body2", fontWeight: "medium", className: (0, import_css56.cx)(styles["organizationName"]), children: organization.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css56.cx)(styles["organizationMeta"]), children: [
+        showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("span", { children: [
           organization.memberCount,
           " ",
           organization.memberCount === 1 ? t("organization.switcher.member") : t("organization.switcher.members")
         ] }),
-        showRole && organization.role && showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: " \u2022 " }),
-        showRole && organization.role && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: (0, import_css56.cx)(styles["roleCapitalized"]), children: organization.role })
+        showRole && organization.role && showMemberCount && organization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { children: " \u2022 " }),
+        showRole && organization.role && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: (0, import_css56.cx)(styles["roleCapitalized"]), children: organization.role })
       ] })
     ] }),
-    isSelected && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Check_default, { width: "16", height: "16", color: theme.vars.colors.text.primary })
+    isSelected && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Check_default, { width: "16", height: "16", color: theme.vars.colors.text.primary })
   ] });
-  const defaultRenderLoading2 = () => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_css56.cx)(styles["loadingContainer"]), children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "caption", className: (0, import_css56.cx)(styles["loadingText"]), children: t("organization.switcher.loading.placeholder.organizations") }) });
-  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_css56.cx)(styles["errorContainer"]), children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "caption", className: (0, import_css56.cx)(styles["errorText"]), children: errorMessage }) });
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["root"], className), style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+  const defaultRenderLoading2 = () => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css56.cx)(styles["loadingContainer"]), children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { variant: "caption", className: (0, import_css56.cx)(styles["loadingText"]), children: t("organization.switcher.loading.placeholder.organizations") }) });
+  const defaultRenderError2 = (errorMessage) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css56.cx)(styles["errorContainer"]), children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { variant: "caption", className: (0, import_css56.cx)(styles["errorText"]), children: errorMessage }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css56.cx)(styles["root"], className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
       Button_default,
       {
         ref: refs.setReference,
@@ -14668,8 +14966,8 @@ var BaseOrganizationSwitcher = ({
         size: "medium",
         ...getReferenceProps(),
         children: [
-          currentOrganization ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          currentOrganization ? /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
               Avatar,
               {
                 variant: "square",
@@ -14679,16 +14977,16 @@ var BaseOrganizationSwitcher = ({
                 alt: `${currentOrganization.name} avatar`
               }
             ),
-            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "body2", className: (0, import_css56.cx)(styles["triggerLabel"]), children: currentOrganization.name })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Building_default, { width: avatarSize, height: avatarSize }),
-            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "body2", className: (0, import_css56.cx)(styles["triggerLabel"]), children: t("elements.fields.organization.select.label") })
+            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { variant: "body2", className: (0, import_css56.cx)(styles["triggerLabel"]), children: currentOrganization.name })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Building_default, { width: avatarSize, height: avatarSize }),
+            showTriggerLabel && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { variant: "body2", className: (0, import_css56.cx)(styles["triggerLabel"]), children: t("elements.fields.organization.select.label") })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { style: { display: "inline-flex", transform: isRTL ? "scaleX(-1)" : "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(ChevronDown_default, { width: "16", height: "16" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { style: { display: "inline-flex", transform: isRTL ? "scaleX(-1)" : "none" }, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ChevronDown_default, { width: "16", height: "16" }) })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react90.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_react90.FloatingFocusManager, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react91.FloatingPortal, { id: portalId, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react91.FloatingFocusManager, { context, modal: false, initialFocus: -1, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
       "div",
       {
         ref: refs.setFloating,
@@ -14696,8 +14994,8 @@ var BaseOrganizationSwitcher = ({
         style: floatingStyles,
         ...getFloatingProps(),
         children: [
-          currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["header"]), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css56.cx)(styles["header"]), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
               Avatar,
               {
                 variant: "square",
@@ -14707,10 +15005,10 @@ var BaseOrganizationSwitcher = ({
                 alt: `${currentOrganization.name} avatar`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["headerInfo"]), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { noWrap: true, className: (0, import_css56.cx)(styles["headerName"]), variant: "body1", fontWeight: "medium", children: currentOrganization.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: (0, import_css56.cx)(styles["headerMeta"]), children: [
-                showMemberCount && currentOrganization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css56.cx)(styles["headerInfo"]), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { noWrap: true, className: (0, import_css56.cx)(styles["headerName"]), variant: "body1", fontWeight: "medium", children: currentOrganization.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: (0, import_css56.cx)(styles["headerMeta"]), children: [
+                showMemberCount && currentOrganization.memberCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
                   Typography_default,
                   {
                     noWrap: true,
@@ -14720,17 +15018,17 @@ var BaseOrganizationSwitcher = ({
                       currentOrganization.memberCount,
                       " ",
                       currentOrganization.memberCount === 1 ? t("organization.switcher.member") : t("organization.switcher.members"),
-                      showRole && currentOrganization.role && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("span", { children: [
+                      showRole && currentOrganization.role && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("span", { children: [
                         " \u2022 ",
                         currentOrganization.role
                       ] })
                     ]
                   }
                 ),
-                showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { noWrap: true, className: (0, import_css56.cx)(styles["headerRole"]), variant: "caption", color: "secondary", children: currentOrganization.role })
+                showRole && currentOrganization.role && (!showMemberCount || currentOrganization.memberCount === void 0) && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { noWrap: true, className: (0, import_css56.cx)(styles["headerRole"]), variant: "caption", color: "secondary", children: currentOrganization.role })
               ] })
             ] }),
-            onManageProfile && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+            onManageProfile && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
               Button_default,
               {
                 onClick: onManageProfile,
@@ -14739,7 +15037,7 @@ var BaseOrganizationSwitcher = ({
                 size: "small",
                 "aria-label": "Manage Organization Profile",
                 className: (0, import_css56.cx)(styles["manageButton"]),
-                endIcon: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+                endIcon: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
                   "svg",
                   {
                     width: "16",
@@ -14751,8 +15049,8 @@ var BaseOrganizationSwitcher = ({
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
+                      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
                     ]
                   }
                 ),
@@ -14760,27 +15058,27 @@ var BaseOrganizationSwitcher = ({
               }
             )
           ] }),
-          organizations.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          organizations.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
             "div",
             {
               className: (0, import_css56.cx)(styles["header"], styles["sectionHeaderContainer"]),
               style: {
                 borderTop: currentOrganization ? `1px solid ${theme.vars.colors.border}` : "none"
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Typography_default, { variant: "caption", fontWeight: 600, className: (0, import_css56.cx)(styles["sectionHeader"]), children: t("organization.switcher.switch.organization") })
+              children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Typography_default, { variant: "caption", fontWeight: 600, className: (0, import_css56.cx)(styles["sectionHeader"]), children: t("organization.switcher.switch.organization") })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_css56.cx)(styles["menu"]), children: (() => {
+          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css56.cx)(styles["menu"]), children: (() => {
             if (loading) {
               return renderLoading ? renderLoading() : defaultRenderLoading2();
             }
             if (error) {
               return renderError ? renderError(error) : defaultRenderError2(error);
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+            return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
               switchableOrganizations.map((organization) => {
                 const isSelected = false;
-                return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                   Button_default,
                   {
                     onClick: () => handleOrganizationSwitch(organization),
@@ -14798,10 +15096,10 @@ var BaseOrganizationSwitcher = ({
                   organization.id
                 );
               }),
-              menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: (0, import_css56.cx)(styles["menuDivider"]) }),
+              menuItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: (0, import_css56.cx)(styles["menuDivider"]) }),
                 menuItems.map(
-                  (item, index) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { children: item.href ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+                  (item, index) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { children: item.href ? /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
                     "a",
                     {
                       href: item.href,
@@ -14815,10 +15113,10 @@ var BaseOrganizationSwitcher = ({
                       onBlur: () => setHoveredItemIndex(null),
                       children: [
                         item.icon,
-                        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: item.label })
+                        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { children: item.label })
                       ]
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                     Button_default,
                     {
                       onClick: () => handleMenuItemClick(item),
@@ -14847,11 +15145,11 @@ var BaseOrganizationSwitcher = ({
 var BaseOrganizationSwitcher_default = BaseOrganizationSwitcher;
 
 // src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
-var import_react104 = require("react");
+var import_react105 = require("react");
 
 // src/components/primitives/Icons/BuildingAlt.tsx
-var import_jsx_runtime103 = require("react/jsx-runtime");
-var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+var import_jsx_runtime106 = require("react/jsx-runtime");
+var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
   "svg",
   {
     width,
@@ -14864,13 +15162,13 @@ var BuildingAlt = ({ height = 24, width = 24 }) => /* @__PURE__ */ (0, import_js
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M10 6h4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M10 10h4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M10 14h4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("path", { d: "M10 18h4" })
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("path", { d: "M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("path", { d: "M10 6h4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("path", { d: "M10 10h4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("path", { d: "M10 14h4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("path", { d: "M10 18h4" })
     ]
   }
 );
@@ -14878,17 +15176,17 @@ BuildingAlt.displayName = "BuildingAlt";
 var BuildingAlt_default = BuildingAlt;
 
 // src/components/presentation/CreateOrganization/CreateOrganization.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
 var import_browser83 = require("@asgardeo/browser");
 var import_css58 = require("@emotion/css");
-var import_react93 = require("react");
+var import_react94 = require("react");
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.styles.ts
 var import_css57 = require("@emotion/css");
-var import_react92 = require("react");
-var useStyles26 = (theme, colorScheme) => (0, import_react92.useMemo)(() => {
+var import_react93 = require("react");
+var useStyles26 = (theme, colorScheme) => (0, import_react93.useMemo)(() => {
   const root = import_css57.css`
       padding: calc(${theme.vars.spacing.unit} * 4);
       min-width: 600px;
@@ -15024,7 +15322,7 @@ var useStyles26 = (theme, colorScheme) => (0, import_react92.useMemo)(() => {
 var BaseCreateOrganization_styles_default = useStyles26;
 
 // src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var logger8 = (0, import_browser83.createPackageComponentLogger)(
   "@asgardeo/react",
   "BaseCreateOrganization"
@@ -15051,13 +15349,13 @@ var BaseCreateOrganization = ({
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseCreateOrganization_styles_default(theme, colorScheme);
   const { t } = useTranslation_default(preferences?.i18n);
-  const [formData, setFormData] = (0, import_react93.useState)({
+  const [formData, setFormData] = (0, import_react94.useState)({
     description: "",
     handle: "",
     name: "",
     ...initialValues
   });
-  const [formErrors, setFormErrors] = (0, import_react93.useState)({});
+  const [formErrors, setFormErrors] = (0, import_react94.useState)({});
   const validateForm = () => {
     const errors = {};
     if (!formData.name.trim()) {
@@ -15114,13 +15412,13 @@ var BaseCreateOrganization = ({
       logger8.error("Form submission error:");
     }
   };
-  const createOrganizationContent = /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: (0, import_css58.cx)(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: (0, import_css58.cx)(styles["content"]), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("form", { id: "create-organization-form", className: (0, import_css58.cx)(styles["form"]), onSubmit: handleSubmit, children: [
-      error && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Alert_default.Title, { children: "Error" }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Alert_default.Description, { children: error })
+  const createOrganizationContent = /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: (0, import_css58.cx)(styles["root"], cardLayout && styles["card"], className), style, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: (0, import_css58.cx)(styles["content"]), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("form", { id: "create-organization-form", className: (0, import_css58.cx)(styles["form"]), onSubmit: handleSubmit, children: [
+      error && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Alert_default, { variant: "error", className: styles["errorAlert"], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Alert_default.Title, { children: "Error" }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Alert_default.Description, { children: error })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         TextField_default,
         {
           label: `${t("elements.fields.organization.name.label")}`,
@@ -15133,7 +15431,7 @@ var BaseCreateOrganization = ({
           className: (0, import_css58.cx)(styles["input"])
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         TextField_default,
         {
           label: `${t("elements.fields.organization.handle.label") || "Organization Handle"}`,
@@ -15147,9 +15445,9 @@ var BaseCreateOrganization = ({
           className: (0, import_css58.cx)(styles["input"])
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(FormControl_default, { error: formErrors.description, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(InputLabel_default, { required: true, children: t("elements.fields.organization.description.label") }),
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: (0, import_css58.cx)(styles["fieldGroup"]), children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(FormControl_default, { error: formErrors.description, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(InputLabel_default, { required: true, children: t("elements.fields.organization.description.label") }),
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           "textarea",
           {
             className: (0, import_css58.cx)(styles["textarea"], formErrors.description && styles["textareaError"]),
@@ -15163,15 +15461,15 @@ var BaseCreateOrganization = ({
       ] }) }),
       renderAdditionalFields && renderAdditionalFields()
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: (0, import_css58.cx)(styles["actions"]), children: [
-      onCancel && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.buttons.cancel.text") }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Button_default, { type: "submit", variant: "solid", color: "primary", disabled: loading, form: "create-organization-form", children: loading ? t("organization.create.buttons.create_organization.loading.text") : t("organization.create.buttons.create_organization.text") })
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: (0, import_css58.cx)(styles["actions"]), children: [
+      onCancel && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Button_default, { type: "button", variant: "outline", onClick: onCancel, disabled: loading, children: t("organization.create.buttons.cancel.text") }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Button_default, { type: "submit", variant: "solid", color: "primary", disabled: loading, form: "create-organization-form", children: loading ? t("organization.create.buttons.create_organization.loading.text") : t("organization.create.buttons.create_organization.text") })
     ] })
   ] }) });
   if (mode === "popup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(Dialog_default.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: styles["popup"], children: createOrganizationContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Dialog_default.Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: styles["popup"], children: createOrganizationContent })
     ] }) });
   }
   return createOrganizationContent;
@@ -15209,7 +15507,7 @@ var createOrganization = async ({
 var createOrganization_default = createOrganization;
 
 // src/components/presentation/CreateOrganization/CreateOrganization.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var CreateOrganization = ({
   onCreateOrganization,
   fallback = null,
@@ -15219,13 +15517,13 @@ var CreateOrganization = ({
 }) => {
   const { isSignedIn, baseUrl, instanceId } = useAsgardeo_default();
   const { currentOrganization, revalidateMyOrganizations } = useOrganization_default();
-  const [loading, setLoading] = (0, import_react94.useState)(false);
-  const [error, setError] = (0, import_react94.useState)(null);
+  const [loading, setLoading] = (0, import_react95.useState)(false);
+  const [error, setError] = (0, import_react95.useState)(null);
   if (!isSignedIn && fallback) {
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_jsx_runtime105.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_jsx_runtime108.Fragment, {});
   }
   const parentId = defaultParentId || currentOrganization?.id || "";
   const handleSubmit = async (payload) => {
@@ -15260,7 +15558,7 @@ var CreateOrganization = ({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     BaseCreateOrganization,
     {
       onSubmit: handleSubmit,
@@ -15275,16 +15573,16 @@ var CreateOrganization = ({
 
 // src/components/presentation/OrganizationList/OrganizationList.tsx
 var import_css62 = require("@emotion/css");
-var import_react98 = require("react");
+var import_react99 = require("react");
 
 // src/components/presentation/OrganizationList/BaseOrganizationList.tsx
 var import_css60 = require("@emotion/css");
-var import_react96 = require("react");
+var import_react97 = require("react");
 
 // src/components/presentation/OrganizationList/BaseOrganizationList.styles.ts
 var import_css59 = require("@emotion/css");
-var import_react95 = require("react");
-var useStyles27 = (theme, colorScheme) => (0, import_react95.useMemo)(() => {
+var import_react96 = require("react");
+var useStyles27 = (theme, colorScheme) => (0, import_react96.useMemo)(() => {
   const root = import_css59.css`
       padding: calc(${theme.vars.spacing.unit} * 4);
       min-width: 600px;
@@ -15508,20 +15806,20 @@ var useStyles27 = (theme, colorScheme) => (0, import_react95.useMemo)(() => {
 var BaseOrganizationList_styles_default = useStyles27;
 
 // src/components/presentation/OrganizationList/BaseOrganizationList.tsx
-var import_jsx_runtime106 = require("react/jsx-runtime");
-var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect, showStatus) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationItem), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationContent), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Avatar, { variant: "square", name: organization.name, size: 48, alt: `${organization.name} logo` }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationInfo), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Typography_default, { variant: "h6", className: (0, import_css60.cx)(styles.organizationName), children: organization.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles.organizationHandle), children: [
+var import_jsx_runtime109 = require("react/jsx-runtime");
+var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect, showStatus) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationItem), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationContent), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Avatar, { variant: "square", name: organization.name, size: 48, alt: `${organization.name} logo` }),
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css60.cx)(styles.organizationInfo), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Typography_default, { variant: "h6", className: (0, import_css60.cx)(styles.organizationName), children: organization.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles.organizationHandle), children: [
         "@",
         organization.orgHandle
       ] }),
-      showStatus && /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles.organizationStatus), children: [
+      showStatus && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles.organizationStatus), children: [
         t("organization.switcher.status.label"),
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
           "span",
           {
             className: (0, import_css60.cx)(
@@ -15534,7 +15832,7 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
       ] })
     ] })
   ] }),
-  organization.canSwitch && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles.organizationActions), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  organization.canSwitch && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles.organizationActions), children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
     Button_default,
     {
       onClick: (e) => {
@@ -15547,17 +15845,17 @@ var defaultRenderOrganization = (organization, styles, t, onOrganizationSelect,
     }
   ) })
 ] }, organization.id);
-var defaultRenderLoading = (t, styles) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles.loadingContainer), children: [
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Spinner_default, { size: "medium" }),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Typography_default, { variant: "body1", color: "textSecondary", className: (0, import_css60.cx)(styles.loadingText), children: t("organization.switcher.loading.placeholder.organizations") })
+var defaultRenderLoading = (t, styles) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css60.cx)(styles.loadingContainer), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Spinner_default, { size: "medium" }),
+  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Typography_default, { variant: "body1", color: "textSecondary", className: (0, import_css60.cx)(styles.loadingText), children: t("organization.switcher.loading.placeholder.organizations") })
 ] });
-var defaultRenderError = (errorMessage, t, styles) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles.errorContainer), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Typography_default, { variant: "body1", color: "error", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("strong", { children: t("organization.switcher.error.prefix") }),
+var defaultRenderError = (errorMessage, t, styles) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles.errorContainer), children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Typography_default, { variant: "body1", color: "error", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("strong", { children: t("organization.switcher.error.prefix") }),
   " ",
   errorMessage
 ] }) });
-var defaultRenderLoadMore = (onLoadMore, isLoadingMore, t, styles) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Button_default, { onClick: onLoadMore, disabled: isLoadingMore, className: (0, import_css60.cx)(styles.loadMoreButton), type: "button", fullWidth: true, children: isLoadingMore ? t("organization.switcher.loading.more") : t("organization.switcher.buttons.load_more.text") });
-var defaultRenderEmpty = (t, styles) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles.emptyContainer), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Typography_default, { variant: "body1", color: "textSecondary", className: (0, import_css60.cx)(styles.emptyText), children: t("organization.switcher.no.organizations") }) });
+var defaultRenderLoadMore = (onLoadMore, isLoadingMore, t, styles) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Button_default, { onClick: onLoadMore, disabled: isLoadingMore, className: (0, import_css60.cx)(styles.loadMoreButton), type: "button", fullWidth: true, children: isLoadingMore ? t("organization.switcher.loading.more") : t("organization.switcher.buttons.load_more.text") });
+var defaultRenderEmpty = (t, styles) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles.emptyContainer), children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Typography_default, { variant: "body1", color: "textSecondary", className: (0, import_css60.cx)(styles.emptyText), children: t("organization.switcher.no.organizations") }) });
 var BaseOrganizationList = ({
   className = "",
   allOrganizations,
@@ -15585,7 +15883,7 @@ var BaseOrganizationList = ({
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseOrganizationList_styles_default(theme, colorScheme);
   const { t } = useTranslation_default(preferences?.i18n);
-  const organizationsWithSwitchAccess = (0, import_react96.useMemo)(() => {
+  const organizationsWithSwitchAccess = (0, import_react97.useMemo)(() => {
     if (!allOrganizations?.organizations) {
       return [];
     }
@@ -15601,42 +15899,42 @@ var BaseOrganizationList = ({
   const renderLoadMoreWithStyles = renderLoadMore || ((onLoadMore, loadingMore) => defaultRenderLoadMore(onLoadMore, loadingMore, t, styles));
   const renderOrganizationWithStyles = renderOrganization || ((org) => defaultRenderOrganization(org, styles, t, onOrganizationSelect, showStatus));
   if (isLoading && organizationsWithSwitchAccess?.length === 0) {
-    const loadingContent = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderLoadingWithStyles() });
+    const loadingContent = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderLoadingWithStyles() });
     if (mode === "popup") {
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Dialog_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: loadingContent })
+      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Dialog_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: loadingContent })
       ] }) });
     }
     return loadingContent;
   }
   if (error && organizationsWithSwitchAccess?.length === 0) {
-    const errorContent = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderErrorWithStyles(error) });
+    const errorContent = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderErrorWithStyles(error) });
     if (mode === "popup") {
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Dialog_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: errorContent })
+      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Dialog_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: errorContent })
       ] }) });
     }
     return errorContent;
   }
   if (!isLoading && organizationsWithSwitchAccess?.length === 0) {
-    const emptyContent = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderEmptyWithStyles() });
+    const emptyContent = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: renderEmptyWithStyles() });
     if (mode === "popup") {
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Dialog_default.Content, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default.Heading, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: emptyContent })
+      return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Dialog_default.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default.Heading, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: emptyContent })
       ] }) });
     }
     return emptyContent;
   }
-  const organizationListContent = /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: (0, import_css60.cx)(styles["header"]), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["headerInfo"]), children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles["subtitle"]), children: t("organization.switcher.showing.count", {
+  const organizationListContent = /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css60.cx)(styles["root"], className), style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css60.cx)(styles["header"]), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles["headerInfo"]), children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Typography_default, { variant: "body2", color: "textSecondary", className: (0, import_css60.cx)(styles["subtitle"]), children: t("organization.switcher.showing.count", {
         showing: organizationsWithSwitchAccess?.length,
         total: allOrganizations?.organizations?.length || 0
       }) }) }),
-      onRefresh && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+      onRefresh && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
         Button_default,
         {
           onClick: onRefresh,
@@ -15648,16 +15946,16 @@ var BaseOrganizationList = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["listContainer"]), children: organizationsWithSwitchAccess?.map(
+    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles["listContainer"]), children: organizationsWithSwitchAccess?.map(
       (organization, index) => renderOrganizationWithStyles(organization, index)
     ) }),
-    error && organizationsWithSwitchAccess?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["errorMargin"]), children: renderErrorWithStyles(error) }),
-    hasMore && fetchMore && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["loadMoreMargin"]), children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
+    error && organizationsWithSwitchAccess?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles["errorMargin"]), children: renderErrorWithStyles(error) }),
+    hasMore && fetchMore && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles["loadMoreMargin"]), children: renderLoadMoreWithStyles(fetchMore, isLoadingMore) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(Dialog_default.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: organizationListContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Dialog_default.Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css60.cx)(styles["popupContent"]), children: organizationListContent })
     ] }) });
   }
   return organizationListContent;
@@ -15666,8 +15964,8 @@ var BaseOrganizationList_default = BaseOrganizationList;
 
 // src/components/presentation/OrganizationList/OrganizationList.styles.ts
 var import_css61 = require("@emotion/css");
-var import_react97 = require("react");
-var useStyles28 = (theme, colorScheme) => (0, import_react97.useMemo)(() => {
+var import_react98 = require("react");
+var useStyles28 = (theme, colorScheme) => (0, import_react98.useMemo)(() => {
   const cssOrganizationListWrapper = import_css61.css`
       /* Container wrapper styles for OrganizationList component */
       width: 100%;
@@ -15727,22 +16025,22 @@ var useStyles28 = (theme, colorScheme) => (0, import_react97.useMemo)(() => {
 var OrganizationList_styles_default = useStyles28;
 
 // src/components/presentation/OrganizationList/OrganizationList.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var OrganizationList = (props) => {
   const { onOrganizationSelect, className = "", style, ...baseProps } = props;
   const { autoFetch, filter, limit, recursive, ...filteredBaseProps } = baseProps;
   const { theme, colorScheme } = useTheme_default();
   const styles = OrganizationList_styles_default(theme, colorScheme);
   const { getAllOrganizations: getAllOrganizations2, error, isLoading, myOrganizations } = useOrganization_default();
-  const [allOrganizations, setAllOrganizations] = (0, import_react98.useState)({
+  const [allOrganizations, setAllOrganizations] = (0, import_react99.useState)({
     organizations: []
   });
-  (0, import_react98.useEffect)(() => {
+  (0, import_react99.useEffect)(() => {
     (async () => {
       setAllOrganizations(await getAllOrganizations2());
     })();
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: (0, import_css62.cx)(styles["root"], className), style, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: (0, import_css62.cx)(styles["container"]), children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: (0, import_css62.cx)(styles["root"], className), style, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: (0, import_css62.cx)(styles["container"]), children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
     BaseOrganizationList,
     {
       allOrganizations,
@@ -15758,17 +16056,17 @@ var OrganizationList_default = OrganizationList;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
 var import_browser89 = require("@asgardeo/browser");
-var import_react103 = require("react");
+var import_react104 = require("react");
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
 var import_browser86 = require("@asgardeo/browser");
 var import_css66 = require("@emotion/css");
-var import_react102 = require("react");
+var import_react103 = require("react");
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.styles.ts
 var import_css63 = require("@emotion/css");
-var import_react99 = require("react");
-var useStyles29 = (theme, colorScheme) => (0, import_react99.useMemo)(
+var import_react100 = require("react");
+var useStyles29 = (theme, colorScheme) => (0, import_react100.useMemo)(
   () => ({
     attributeItem: import_css63.css`
         display: flex;
@@ -15924,12 +16222,12 @@ var BaseOrganizationProfile_styles_default = useStyles29;
 // src/components/primitives/KeyValueInput/KeyValueInput.tsx
 var import_browser85 = require("@asgardeo/browser");
 var import_css65 = require("@emotion/css");
-var import_react101 = require("react");
+var import_react102 = require("react");
 
 // src/components/primitives/KeyValueInput/KeyValueInput.styles.ts
 var import_css64 = require("@emotion/css");
-var import_react100 = require("react");
-var useStyles30 = (theme, colorScheme, disabled, readOnly, hasError) => (0, import_react100.useMemo)(() => {
+var import_react101 = require("react");
+var useStyles30 = (theme, colorScheme, disabled, readOnly, hasError) => (0, import_react101.useMemo)(() => {
   const container = import_css64.css`
       display: flex;
       flex-direction: column;
@@ -16081,7 +16379,7 @@ var useStyles30 = (theme, colorScheme, disabled, readOnly, hasError) => (0, impo
 var KeyValueInput_styles_default = useStyles30;
 
 // src/components/primitives/KeyValueInput/KeyValueInput.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var KeyValueInput = ({
   className = "",
   disabled = false,
@@ -16104,10 +16402,10 @@ var KeyValueInput = ({
   const { theme, colorScheme } = useTheme_default();
   const styles = KeyValueInput_styles_default(theme, colorScheme, disabled, readOnly, !!error);
   const initialPairs = Array.isArray(value) ? value : Object.entries(value).map(([key, val]) => ({ key, value: String(val) }));
-  const [pairs, setPairs] = (0, import_react101.useState)(initialPairs);
-  const [newKey, setNewKey] = (0, import_react101.useState)("");
-  const [newValue, setNewValue] = (0, import_react101.useState)("");
-  const handleAddPair = (0, import_react101.useCallback)(() => {
+  const [pairs, setPairs] = (0, import_react102.useState)(initialPairs);
+  const [newKey, setNewKey] = (0, import_react102.useState)("");
+  const [newValue, setNewValue] = (0, import_react102.useState)("");
+  const handleAddPair = (0, import_react102.useCallback)(() => {
     if (!newKey.trim() || !newValue.trim()) return;
     if (maxPairs && pairs.length >= maxPairs) return;
     const newPair = {
@@ -16125,7 +16423,7 @@ var KeyValueInput = ({
       onAdd(newPair);
     }
   }, [newKey, newValue, pairs, maxPairs, onChange, onAdd]);
-  const handleRemovePair = (0, import_react101.useCallback)(
+  const handleRemovePair = (0, import_react102.useCallback)(
     (index) => {
       const pairToRemove = pairs[index];
       const updatedPairs = pairs.filter((_, i) => i !== index);
@@ -16139,7 +16437,7 @@ var KeyValueInput = ({
     },
     [pairs, onChange, onRemove]
   );
-  const handleUpdatePair = (0, import_react101.useCallback)(
+  const handleUpdatePair = (0, import_react102.useCallback)(
     (index, field, newVal) => {
       const updatedPairs = pairs.map((pair, i) => {
         if (i === index) {
@@ -16158,18 +16456,18 @@ var KeyValueInput = ({
   const isAddDisabled = disabled || readOnly || !canAddMore || !newKey.trim() || !newValue.trim();
   const renderReadOnlyContent = () => {
     if (pairs.length === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
+      return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "empty-state")), styles["emptyState"]), children: "No attributes defined" });
     }
-    return pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+    return pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
       "div",
       {
         className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "readonly-pair")), styles["readOnlyPair"]),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "readonly-key")), styles["readOnlyKey"]), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "readonly-key")), styles["readOnlyKey"]), children: [
             pair.key,
             ":"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
             "span",
             {
               className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "readonly-value")), styles["readOnlyValue"]),
@@ -16181,10 +16479,10 @@ var KeyValueInput = ({
       `${pair.key}-${index}`
     ));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input")), styles["container"], className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("label", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "label")), styles["label"]), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input")), styles["container"], className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("label", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "label")), styles["label"]), children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      required && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
         "span",
         {
           className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "required")), styles["requiredIndicator"]),
@@ -16192,13 +16490,13 @@ var KeyValueInput = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pairs-list")), styles["pairsList"]), children: [
-      readOnly ? renderReadOnlyContent() : pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pairs-list")), styles["pairsList"]), children: [
+      readOnly ? renderReadOnlyContent() : pairs.map((pair, index) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(
         "div",
         {
           className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "pair-row")), styles["pairRow"]),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
               TextField_default,
               {
                 placeholder: keyPlaceholder,
@@ -16209,7 +16507,7 @@ var KeyValueInput = ({
                 "aria-label": `${keyLabel} ${index + 1}`
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
               TextField_default,
               {
                 placeholder: valuePlaceholder,
@@ -16220,7 +16518,7 @@ var KeyValueInput = ({
                 "aria-label": `${valueLabel} ${index + 1}`
               }
             ),
-            !readOnly && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+            !readOnly && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
               "button",
               {
                 type: "button",
@@ -16231,15 +16529,15 @@ var KeyValueInput = ({
                   styles["removeButton"]
                 ),
                 "aria-label": `${removeButtonText} ${pair.key}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(X_default, { width: 16, height: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(X_default, { width: 16, height: 16 })
               }
             )
           ]
         },
         `${pair.key}-${index}`
       )),
-      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "add-row")), styles["addRow"]), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "add-row")), styles["addRow"]), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           TextField_default,
           {
             placeholder: keyPlaceholder,
@@ -16250,7 +16548,7 @@ var KeyValueInput = ({
             "aria-label": "New key"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           TextField_default,
           {
             placeholder: valuePlaceholder,
@@ -16266,7 +16564,7 @@ var KeyValueInput = ({
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
           "button",
           {
             type: "button",
@@ -16274,13 +16572,13 @@ var KeyValueInput = ({
             disabled: isAddDisabled,
             className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "add-button")), styles["addButton"]),
             "aria-label": "Add new key-value pair",
-            children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Plus_default, { width: 16, height: 16 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Plus_default, { width: 16, height: 16 })
           }
         )
       ] })
     ] }),
-    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
-    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "counter")), styles["counterText"]), children: [
+    (helperText || error) && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "helper-text")), styles["helperText"]), children: error || helperText }),
+    maxPairs && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: (0, import_css65.cx)((0, import_browser85.withVendorCSSClassPrefix)((0, import_browser85.bem)("key-value-input", "counter")), styles["counterText"]), children: [
       pairs.length,
       " of ",
       maxPairs,
@@ -16291,7 +16589,7 @@ var KeyValueInput = ({
 var KeyValueInput_default = KeyValueInput;
 
 // src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var BaseOrganizationProfile = ({
   fallback = null,
   className = "",
@@ -16338,9 +16636,9 @@ var BaseOrganizationProfile = ({
 }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseOrganizationProfile_styles_default(theme, colorScheme);
-  const [editedOrganization, setEditedOrganization] = (0, import_react102.useState)(organization);
-  const [editingFields, setEditingFields] = (0, import_react102.useState)({});
-  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  const [editedOrganization, setEditedOrganization] = (0, import_react103.useState)(organization);
+  const [editingFields, setEditingFields] = (0, import_react103.useState)({});
+  const PencilIcon = () => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
     "svg",
     {
       width: "16",
@@ -16351,16 +16649,16 @@ var BaseOrganizationProfile = ({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
     }
   );
-  const toggleFieldEdit = (0, import_react102.useCallback)((fieldName) => {
+  const toggleFieldEdit = (0, import_react103.useCallback)((fieldName) => {
     setEditingFields((prev) => ({
       ...prev,
       [fieldName]: !prev[fieldName]
     }));
   }, []);
-  const getFieldPlaceholder = (0, import_react102.useCallback)((fieldKey) => {
+  const getFieldPlaceholder = (0, import_react103.useCallback)((fieldKey) => {
     const fieldLabels = {
       description: "organization description",
       name: "organization name",
@@ -16371,7 +16669,7 @@ var BaseOrganizationProfile = ({
     const fieldLabel = fieldLabels[fieldKey] || fieldKey.toLowerCase();
     return `Enter ${fieldLabel}`;
   }, []);
-  const handleFieldSave = (0, import_react102.useCallback)(
+  const handleFieldSave = (0, import_react103.useCallback)(
     (fieldKey) => {
       if (!onUpdate || !fieldKey) return;
       let fieldValue;
@@ -16390,7 +16688,7 @@ var BaseOrganizationProfile = ({
     },
     [editedOrganization, organization, onUpdate, toggleFieldEdit]
   );
-  const handleFieldCancel = (0, import_react102.useCallback)(
+  const handleFieldCancel = (0, import_react103.useCallback)(
     (fieldKey) => {
       setEditedOrganization((prev) => ({
         ...prev,
@@ -16421,7 +16719,7 @@ var BaseOrganizationProfile = ({
       let fieldInput;
       if (key === "attributes") {
         const attributesValue = typeof fieldValue === "object" && fieldValue !== null ? fieldValue : {};
-        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           KeyValueInput_default,
           {
             value: attributesValue,
@@ -16459,26 +16757,26 @@ var BaseOrganizationProfile = ({
           }
         );
       } else {
-        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(TextField_default, { ...commonProps });
+        fieldInput = /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(TextField_default, { ...commonProps });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: (0, import_css66.cx)(styles["label"]), children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(styles["value"]), children: fieldInput })
+      return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_jsx_runtime112.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: (0, import_css66.cx)(styles["label"]), children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: (0, import_css66.cx)(styles["value"]), children: fieldInput })
       ] });
     }
     const hasValue = value !== void 0 && value !== null && value !== "";
     const isFieldEditable = editable && fieldEditable;
     let displayValue;
     if (hasValue) {
-      displayValue = key === "attributes" && typeof value === "object" && value !== null ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
+      displayValue = key === "attributes" && typeof value === "object" && value !== null ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(KeyValueInput_default, { value, readOnly: true, label: "" }) : String(renderedValue);
     } else if (isFieldEditable) {
       displayValue = getFieldPlaceholder(key);
     } else {
       displayValue = "-";
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: (0, import_css66.cx)(styles["label"]), children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(styles["value"], !hasValue && styles["valueEmpty"]), children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_jsx_runtime112.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: (0, import_css66.cx)(styles["label"]), children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: (0, import_css66.cx)(styles["value"], !hasValue && styles["valueEmpty"]), children: !hasValue && isFieldEditable && onStartEdit ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
         Button_default,
         {
           onClick: onStartEdit,
@@ -16501,8 +16799,8 @@ var BaseOrganizationProfile = ({
     if (!shouldShow) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css66.cx)(styles["field"]), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(styles["fieldContent"]), children: renderField(
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: (0, import_css66.cx)(styles["field"]), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: (0, import_css66.cx)(styles["fieldContent"]), children: renderField(
         field,
         isFieldEditing,
         (value) => {
@@ -16512,8 +16810,8 @@ var BaseOrganizationProfile = ({
         },
         () => toggleFieldEdit(field.key)
       ) }),
-      isFieldEditable && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      isFieldEditable && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: (0, import_css66.cx)(styles["fieldActions"]), children: isFieldEditing ? /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_jsx_runtime112.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           Button_default,
           {
             onClick: () => handleFieldSave(field.key),
@@ -16524,7 +16822,7 @@ var BaseOrganizationProfile = ({
             children: saveButtonText
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           Button_default,
           {
             onClick: () => handleFieldCancel(field.key),
@@ -16535,7 +16833,7 @@ var BaseOrganizationProfile = ({
             children: cancelButtonText
           }
         )
-      ] }) : hasValue && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+      ] }) : hasValue && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
         Button_default,
         {
           onClick: () => toggleFieldEdit(field.key),
@@ -16544,7 +16842,7 @@ var BaseOrganizationProfile = ({
           size: "small",
           title: "Edit field",
           className: (0, import_css66.cx)(styles["editButton"]),
-          children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(PencilIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(PencilIcon, {})
         }
       ) })
     ] }, field.key);
@@ -16552,23 +16850,23 @@ var BaseOrganizationProfile = ({
   if (!organization) {
     return fallback;
   }
-  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Card_default, { className: (0, import_css66.cx)(styles["root"], cardLayout && styles["card"], className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css66.cx)(styles["header"]), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: (0, import_css66.cx)(styles["orgInfo"]), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("h2", { className: (0, import_css66.cx)(styles["name"]), children: organization.name }),
-        organization.orgHandle && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("p", { className: (0, import_css66.cx)(styles["handle"]), children: [
+  const profileContent = /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Card_default, { className: (0, import_css66.cx)(styles["root"], cardLayout && styles["card"], className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: (0, import_css66.cx)(styles["header"]), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Avatar, { name: getOrgInitials(organization.name), size: 80, alt: `${organization.name} logo` }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: (0, import_css66.cx)(styles["orgInfo"]), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("h2", { className: (0, import_css66.cx)(styles["name"]), children: organization.name }),
+        organization.orgHandle && /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("p", { className: (0, import_css66.cx)(styles["handle"]), children: [
           "@",
           organization.orgHandle
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(styles["infoContainer"]), children: fields.map((field) => renderOrganizationField(field)) })
+    /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: (0, import_css66.cx)(styles["infoContainer"]), children: fields.map((field) => renderOrganizationField(field)) })
   ] });
   if (mode === "popup") {
-    return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(Dialog_default.Content, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(Dialog_default.Heading, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: (0, import_css66.cx)(styles["popup"]), children: profileContent })
+    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Dialog_default, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(Dialog_default.Content, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Dialog_default.Heading, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: (0, import_css66.cx)(styles["popup"]), children: profileContent })
     ] }) });
   }
   return profileContent;
@@ -16637,7 +16935,7 @@ var updateOrganization = async ({
 var updateOrganization_default = updateOrganization;
 
 // src/components/presentation/OrganizationProfile/OrganizationProfile.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var logger9 = (0, import_browser89.createPackageComponentLogger)(
   "@asgardeo/react",
   "OrganizationProfile"
@@ -16656,7 +16954,7 @@ var OrganizationProfile = ({
 }) => {
   const { baseUrl, instanceId } = useAsgardeo_default();
   const { t } = useTranslation_default(preferences?.i18n);
-  const [organization, setOrganization] = (0, import_react103.useState)(null);
+  const [organization, setOrganization] = (0, import_react104.useState)(null);
   const fetchOrganization = async () => {
     if (!baseUrl || !organizationId) {
       return;
@@ -16673,7 +16971,7 @@ var OrganizationProfile = ({
       setOrganization(null);
     }
   };
-  (0, import_react103.useEffect)(() => {
+  (0, import_react104.useEffect)(() => {
     fetchOrganization();
   }, [baseUrl, organizationId]);
   const handleOrganizationUpdate = async (payload) => {
@@ -16695,7 +16993,7 @@ var OrganizationProfile = ({
       throw err;
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     BaseOrganizationProfile_default,
     {
       organization,
@@ -16712,7 +17010,7 @@ var OrganizationProfile = ({
 var OrganizationProfile_default = OrganizationProfile;
 
 // src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 var OrganizationSwitcher = ({
   currentOrganization: propCurrentOrganization,
   fallback = null,
@@ -16729,15 +17027,15 @@ var OrganizationSwitcher = ({
     isLoading,
     error
   } = useOrganization_default();
-  const [isCreateOrgOpen, setIsCreateOrgOpen] = (0, import_react104.useState)(false);
-  const [isProfileOpen, setIsProfileOpen] = (0, import_react104.useState)(false);
-  const [isOrganizationListOpen, setIsOrganizationListOpen] = (0, import_react104.useState)(false);
+  const [isCreateOrgOpen, setIsCreateOrgOpen] = (0, import_react105.useState)(false);
+  const [isProfileOpen, setIsProfileOpen] = (0, import_react105.useState)(false);
+  const [isOrganizationListOpen, setIsOrganizationListOpen] = (0, import_react105.useState)(false);
   const { t } = useTranslation_default(preferences?.i18n);
   if (!isSignedIn && fallback) {
     return fallback;
   }
   if (!isSignedIn) {
-    return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_jsx_runtime111.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_jsx_runtime114.Fragment, {});
   }
   const organizations = propOrganizations || contextOrganizations || [];
   const currentOrganization = propCurrentOrganization || contextCurrentOrganization;
@@ -16751,19 +17049,19 @@ var OrganizationSwitcher = ({
   const defaultMenuItems = [];
   if (currentOrganization) {
     defaultMenuItems.push({
-      icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(BuildingAlt_default, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(BuildingAlt_default, {}),
       label: t("organization.switcher.manage.organizations"),
       onClick: handleManageOrganizations
     });
   }
   defaultMenuItems.push({
-    icon: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("path", { d: "M12 5v14m-7-7h14" }) }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", { d: "M12 5v14m-7-7h14" }) }),
     label: t("organization.switcher.create.organization"),
     onClick: () => setIsCreateOrgOpen(true)
   });
   const menuItems = props.menuItems ? [...defaultMenuItems, ...props.menuItems] : defaultMenuItems;
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(import_jsx_runtime114.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
       BaseOrganizationSwitcher,
       {
         organizations,
@@ -16777,7 +17075,7 @@ var OrganizationSwitcher = ({
         ...props
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
       CreateOrganization,
       {
         mode: "popup",
@@ -16791,7 +17089,7 @@ var OrganizationSwitcher = ({
         }
       }
     ),
-    currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    currentOrganization && /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
       OrganizationProfile_default,
       {
         organizationId: currentOrganization.id,
@@ -16799,11 +17097,11 @@ var OrganizationSwitcher = ({
         open: isProfileOpen,
         onOpenChange: setIsProfileOpen,
         cardLayout: true,
-        loadingFallback: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { children: t("organization.profile.loading") }),
-        errorFallback: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { children: t("organization.profile.error") })
+        loadingFallback: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { children: t("organization.profile.loading") }),
+        errorFallback: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { children: t("organization.profile.error") })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
       OrganizationList_default,
       {
         mode: "popup",
@@ -16824,13 +17122,13 @@ var OrganizationSwitcher_default = OrganizationSwitcher;
 
 // src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.tsx
 var import_css68 = require("@emotion/css");
-var import_react106 = require("@floating-ui/react");
-var import_react107 = require("react");
+var import_react107 = require("@floating-ui/react");
+var import_react108 = require("react");
 
 // src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.styles.ts
 var import_css67 = require("@emotion/css");
-var import_react105 = require("react");
-var useStyles31 = (theme, colorScheme) => (0, import_react105.useMemo)(() => {
+var import_react106 = require("react");
+var useStyles31 = (theme, colorScheme) => (0, import_react106.useMemo)(() => {
   const root = import_css67.css`
       display: inline-block;
       position: relative;
@@ -16940,7 +17238,7 @@ var useStyles31 = (theme, colorScheme) => (0, import_react105.useMemo)(() => {
 var BaseLanguageSwitcher_styles_default = useStyles31;
 
 // src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 var BaseLanguageSwitcher = ({
   children,
   className,
@@ -16951,34 +17249,34 @@ var BaseLanguageSwitcher = ({
 }) => {
   const { theme, colorScheme } = useTheme_default();
   const styles = BaseLanguageSwitcher_styles_default(theme, colorScheme);
-  const [isOpen, setIsOpen] = (0, import_react107.useState)(false);
+  const [isOpen, setIsOpen] = (0, import_react108.useState)(false);
   const hasMultipleLanguages = languages.length > 1;
-  (0, import_react107.useEffect)(() => {
+  (0, import_react108.useEffect)(() => {
     if (!hasMultipleLanguages && isOpen) {
       setIsOpen(false);
     }
   }, [hasMultipleLanguages, isOpen]);
-  const { refs, floatingStyles, context } = (0, import_react106.useFloating)({
-    middleware: [(0, import_react106.offset)(4), (0, import_react106.flip)(), (0, import_react106.shift)()],
+  const { refs, floatingStyles, context } = (0, import_react107.useFloating)({
+    middleware: [(0, import_react107.offset)(4), (0, import_react107.flip)(), (0, import_react107.shift)()],
     onOpenChange: setIsOpen,
     open: isOpen,
-    whileElementsMounted: import_react106.autoUpdate
+    whileElementsMounted: import_react107.autoUpdate
   });
-  const click = (0, import_react106.useClick)(context, { enabled: hasMultipleLanguages });
-  const dismiss = (0, import_react106.useDismiss)(context, { enabled: hasMultipleLanguages });
-  const role = (0, import_react106.useRole)(context, { enabled: hasMultipleLanguages, role: "listbox" });
-  const { getReferenceProps, getFloatingProps } = (0, import_react106.useInteractions)([click, dismiss, role]);
+  const click = (0, import_react107.useClick)(context, { enabled: hasMultipleLanguages });
+  const dismiss = (0, import_react107.useDismiss)(context, { enabled: hasMultipleLanguages });
+  const role = (0, import_react107.useRole)(context, { enabled: hasMultipleLanguages, role: "listbox" });
+  const { getReferenceProps, getFloatingProps } = (0, import_react107.useInteractions)([click, dismiss, role]);
   const currentOption = languages.find((l) => l.code === currentLanguage);
   if (children) {
-    return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_jsx_runtime112.Fragment, { children: children({
+    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_jsx_runtime115.Fragment, { children: children({
       currentLanguage,
       isLoading,
       languages,
       onLanguageChange
     }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: (0, import_css68.cx)(styles["root"], className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: (0, import_css68.cx)(styles["root"], className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
       "button",
       {
         ref: refs.setReference,
@@ -16988,13 +17286,13 @@ var BaseLanguageSwitcher = ({
         ...getReferenceProps(),
         className: styles["trigger"],
         children: [
-          currentOption && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: styles["triggerEmoji"], children: currentOption.emoji }),
-          /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: styles["triggerLabel"], children: currentOption?.displayName ?? currentLanguage }),
-          hasMultipleLanguages && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(ChevronDown_default, {})
+          currentOption && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: styles["triggerEmoji"], children: currentOption.emoji }),
+          /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: styles["triggerLabel"], children: currentOption?.displayName ?? currentLanguage }),
+          hasMultipleLanguages && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ChevronDown_default, {})
         ]
       }
     ),
-    isOpen && hasMultipleLanguages && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react106.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_react106.FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
+    isOpen && hasMultipleLanguages && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react107.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react107.FloatingFocusManager, { context, modal: false, children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       "div",
       {
         ref: refs.setFloating,
@@ -17003,7 +17301,7 @@ var BaseLanguageSwitcher = ({
         className: styles["content"],
         role: "listbox",
         "aria-label": "Select language",
-        children: languages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(
+        children: languages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
           "button",
           {
             type: "button",
@@ -17015,9 +17313,9 @@ var BaseLanguageSwitcher = ({
               setIsOpen(false);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: styles["optionEmoji"], children: lang.emoji }),
-              /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: styles["optionLabel"], children: lang.displayName }),
-              lang.code === currentLanguage && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("span", { className: styles["checkIcon"], children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Check_default, {}) })
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: styles["optionEmoji"], children: lang.emoji }),
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: styles["optionLabel"], children: lang.displayName }),
+              lang.code === currentLanguage && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: styles["checkIcon"], children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Check_default, {}) })
             ]
           },
           lang.code
@@ -17030,12 +17328,12 @@ var BaseLanguageSwitcher_default = BaseLanguageSwitcher;
 
 // src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx
 var import_browser90 = require("@asgardeo/browser");
-var import_react109 = require("react");
+var import_react110 = require("react");
 
 // src/contexts/FlowMeta/useFlowMeta.ts
-var import_react108 = require("react");
+var import_react109 = require("react");
 var useFlowMeta = () => {
-  const context = (0, import_react108.useContext)(FlowMetaContext_default);
+  const context = (0, import_react109.useContext)(FlowMetaContext_default);
   if (!context) {
     throw new Error("useFlowMeta must be used within a FlowMetaProvider");
   }
@@ -17044,16 +17342,16 @@ var useFlowMeta = () => {
 var useFlowMeta_default = useFlowMeta;
 
 // src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx
-var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 var LanguageSwitcher = ({ children, className }) => {
   const { meta, switchLanguage, isLoading } = useFlowMeta_default();
   const { currentLanguage } = useTranslation_default();
   const availableLanguageCodes = meta?.i18n?.languages ?? [];
-  const effectiveLanguageCodes = (0, import_react109.useMemo)(() => {
+  const effectiveLanguageCodes = (0, import_react110.useMemo)(() => {
     const fallbackCodes = availableLanguageCodes.length > 0 ? availableLanguageCodes : [currentLanguage];
     return Array.from(/* @__PURE__ */ new Set([currentLanguage, ...fallbackCodes]));
   }, [availableLanguageCodes, currentLanguage]);
-  const languages = (0, import_react109.useMemo)(
+  const languages = (0, import_react110.useMemo)(
     () => effectiveLanguageCodes.map((code) => ({
       code,
       // Resolve each label in its own locale so option names stay stable across UI language switches.
@@ -17067,7 +17365,7 @@ var LanguageSwitcher = ({ children, className }) => {
       switchLanguage(language);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
     BaseLanguageSwitcher_default,
     {
       currentLanguage,