@chemmangat/msal-next 4.1.1 → 4.2.0

package/dist/index.mjs

@@ -1686,8 +1686,673 @@ var ErrorBoundary = class extends Component {
   }
 };
 
+// src/hooks/useMultiAccount.ts
+import { useMsal as useMsal2 } from "@azure/msal-react";
+import { InteractionStatus as InteractionStatus2 } from "@azure/msal-browser";
+import { useCallback as useCallback5, useMemo as useMemo2, useState as useState5, useEffect as useEffect7 } from "react";
+function useMultiAccount(defaultScopes = ["User.Read"]) {
+  const { instance, accounts, inProgress } = useMsal2();
+  const [activeAccount, setActiveAccount] = useState5(
+    instance.getActiveAccount()
+  );
+  useEffect7(() => {
+    const currentActive = instance.getActiveAccount();
+    if (currentActive?.homeAccountId !== activeAccount?.homeAccountId) {
+      setActiveAccount(currentActive);
+    }
+  }, [instance, accounts, activeAccount]);
+  const hasMultipleAccounts = useMemo2(() => accounts.length > 1, [accounts]);
+  const accountCount = useMemo2(() => accounts.length, [accounts]);
+  const switchAccount = useCallback5(
+    (account) => {
+      try {
+        instance.setActiveAccount(account);
+        setActiveAccount(account);
+        if (process.env.NODE_ENV === "development") {
+          console.log("[MSAL Multi-Account] Switched to account:", account.username);
+        }
+      } catch (error) {
+        const msalError = wrapMsalError(error);
+        console.error("[MSAL Multi-Account] Failed to switch account:", msalError.message);
+        throw msalError;
+      }
+    },
+    [instance]
+  );
+  const addAccount = useCallback5(
+    async (scopes = defaultScopes) => {
+      if (inProgress !== InteractionStatus2.None) {
+        console.warn("[MSAL Multi-Account] Interaction already in progress");
+        return;
+      }
+      try {
+        const request = {
+          scopes,
+          prompt: "select_account",
+          // Force account selection
+          loginHint: void 0
+          // Don't hint any account
+        };
+        await instance.loginRedirect(request);
+      } catch (error) {
+        const msalError = wrapMsalError(error);
+        if (msalError.isUserCancellation()) {
+          console.log("[MSAL Multi-Account] User cancelled adding account");
+          return;
+        }
+        if (process.env.NODE_ENV === "development") {
+          console.error(msalError.toConsoleString());
+        } else {
+          console.error("[MSAL Multi-Account] Failed to add account:", msalError.message);
+        }
+        throw msalError;
+      }
+    },
+    [instance, defaultScopes, inProgress]
+  );
+  const removeAccount = useCallback5(
+    async (account) => {
+      try {
+        if (activeAccount?.homeAccountId === account.homeAccountId) {
+          const otherAccounts = accounts.filter(
+            (acc) => acc.homeAccountId !== account.homeAccountId
+          );
+          if (otherAccounts.length > 0) {
+            instance.setActiveAccount(otherAccounts[0]);
+            setActiveAccount(otherAccounts[0]);
+          } else {
+            instance.setActiveAccount(null);
+            setActiveAccount(null);
+          }
+        }
+        await instance.clearCache({
+          account
+        });
+        if (process.env.NODE_ENV === "development") {
+          console.log("[MSAL Multi-Account] Removed account:", account.username);
+        }
+      } catch (error) {
+        const msalError = wrapMsalError(error);
+        console.error("[MSAL Multi-Account] Failed to remove account:", msalError.message);
+        throw msalError;
+      }
+    },
+    [instance, activeAccount, accounts]
+  );
+  const signOutAccount = useCallback5(
+    async (account) => {
+      try {
+        await instance.logoutRedirect({
+          account
+        });
+      } catch (error) {
+        const msalError = wrapMsalError(error);
+        console.error("[MSAL Multi-Account] Failed to sign out account:", msalError.message);
+        throw msalError;
+      }
+    },
+    [instance]
+  );
+  const signOutAll = useCallback5(async () => {
+    try {
+      await instance.logoutRedirect({
+        account: activeAccount || void 0
+      });
+      instance.setActiveAccount(null);
+      await instance.clearCache();
+    } catch (error) {
+      const msalError = wrapMsalError(error);
+      console.error("[MSAL Multi-Account] Failed to sign out all accounts:", msalError.message);
+      throw msalError;
+    }
+  }, [instance, activeAccount]);
+  const getAccountByUsername = useCallback5(
+    (username) => {
+      return accounts.find((acc) => acc.username === username);
+    },
+    [accounts]
+  );
+  const getAccountById = useCallback5(
+    (homeAccountId) => {
+      return accounts.find((acc) => acc.homeAccountId === homeAccountId);
+    },
+    [accounts]
+  );
+  const isActiveAccount = useCallback5(
+    (account) => {
+      return activeAccount?.homeAccountId === account.homeAccountId;
+    },
+    [activeAccount]
+  );
+  return {
+    accounts,
+    activeAccount,
+    hasMultipleAccounts,
+    accountCount,
+    inProgress: inProgress !== InteractionStatus2.None,
+    switchAccount,
+    addAccount,
+    removeAccount,
+    signOutAccount,
+    signOutAll,
+    getAccountByUsername,
+    getAccountById,
+    isActiveAccount
+  };
+}
+
+// src/components/AccountSwitcher.tsx
+import { useState as useState6 } from "react";
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+function AccountSwitcher({
+  showAvatars = true,
+  maxAccounts = 5,
+  onSwitch,
+  onAdd,
+  onRemove,
+  className = "",
+  style,
+  variant = "default",
+  showAddButton = true,
+  showRemoveButton = true
+}) {
+  const {
+    accounts,
+    activeAccount,
+    switchAccount,
+    addAccount,
+    removeAccount,
+    isActiveAccount,
+    accountCount
+  } = useMultiAccount();
+  const [isOpen, setIsOpen] = useState6(false);
+  const [removingAccount, setRemovingAccount] = useState6(null);
+  const handleSwitch = (account) => {
+    switchAccount(account);
+    setIsOpen(false);
+    onSwitch?.(account);
+  };
+  const handleAdd = async () => {
+    if (accountCount >= maxAccounts) {
+      alert(`Maximum ${maxAccounts} accounts allowed`);
+      return;
+    }
+    await addAccount();
+    onAdd?.();
+  };
+  const handleRemove = async (account, e) => {
+    e.stopPropagation();
+    if (!confirm(`Remove account ${account.username}?`)) {
+      return;
+    }
+    setRemovingAccount(account.homeAccountId);
+    try {
+      await removeAccount(account);
+      onRemove?.(account);
+    } finally {
+      setRemovingAccount(null);
+    }
+  };
+  const containerStyle = {
+    position: "relative",
+    display: "inline-block",
+    ...style
+  };
+  const buttonStyle = {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px",
+    padding: variant === "compact" ? "6px 12px" : "8px 16px",
+    backgroundColor: "#fff",
+    border: "1px solid #d1d5db",
+    borderRadius: "6px",
+    cursor: "pointer",
+    fontSize: variant === "compact" ? "13px" : "14px",
+    fontFamily: "system-ui, -apple-system, sans-serif"
+  };
+  const dropdownStyle = {
+    position: "absolute",
+    top: "100%",
+    right: 0,
+    marginTop: "4px",
+    backgroundColor: "#fff",
+    border: "1px solid #d1d5db",
+    borderRadius: "8px",
+    boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+    minWidth: variant === "minimal" ? "200px" : "280px",
+    maxWidth: "320px",
+    zIndex: 1e3,
+    overflow: "hidden"
+  };
+  const accountItemStyle = {
+    display: "flex",
+    alignItems: "center",
+    gap: "12px",
+    padding: "12px 16px",
+    cursor: "pointer",
+    borderBottom: "1px solid #f3f4f6",
+    transition: "background-color 0.15s"
+  };
+  const avatarStyle = {
+    width: variant === "compact" ? "28px" : "32px",
+    height: variant === "compact" ? "28px" : "32px",
+    borderRadius: "50%",
+    backgroundColor: "#3b82f6",
+    color: "#fff",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: variant === "compact" ? "12px" : "14px",
+    fontWeight: "600",
+    flexShrink: 0
+  };
+  const getInitials = (name) => {
+    if (!name) return "?";
+    const parts = name.split(" ");
+    if (parts.length >= 2) {
+      return `${parts[0][0]}${parts[1][0]}`.toUpperCase();
+    }
+    return name.substring(0, 2).toUpperCase();
+  };
+  if (!activeAccount) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs6("div", { className, style: containerStyle, children: [
+    /* @__PURE__ */ jsxs6(
+      "button",
+      {
+        onClick: () => setIsOpen(!isOpen),
+        style: buttonStyle,
+        onMouseEnter: (e) => {
+          e.currentTarget.style.backgroundColor = "#f9fafb";
+        },
+        onMouseLeave: (e) => {
+          e.currentTarget.style.backgroundColor = "#fff";
+        },
+        children: [
+          showAvatars && /* @__PURE__ */ jsx9("div", { style: avatarStyle, children: getInitials(activeAccount.name) }),
+          /* @__PURE__ */ jsxs6("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start" }, children: [
+            /* @__PURE__ */ jsx9("div", { style: { fontWeight: "500" }, children: activeAccount.name || activeAccount.username }),
+            variant !== "minimal" && /* @__PURE__ */ jsx9("div", { style: { fontSize: "12px", color: "#6b7280" }, children: activeAccount.username })
+          ] }),
+          /* @__PURE__ */ jsx9(
+            "svg",
+            {
+              width: "16",
+              height: "16",
+              viewBox: "0 0 16 16",
+              fill: "none",
+              style: {
+                marginLeft: "auto",
+                transform: isOpen ? "rotate(180deg)" : "rotate(0deg)",
+                transition: "transform 0.2s"
+              },
+              children: /* @__PURE__ */ jsx9(
+                "path",
+                {
+                  d: "M4 6L8 10L12 6",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      /* @__PURE__ */ jsx9(
+        "div",
+        {
+          style: {
+            position: "fixed",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            zIndex: 999
+          },
+          onClick: () => setIsOpen(false)
+        }
+      ),
+      /* @__PURE__ */ jsxs6("div", { style: dropdownStyle, children: [
+        accounts.map((account) => /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            onClick: () => handleSwitch(account),
+            style: {
+              ...accountItemStyle,
+              backgroundColor: isActiveAccount(account) ? "#eff6ff" : "#fff"
+            },
+            onMouseEnter: (e) => {
+              if (!isActiveAccount(account)) {
+                e.currentTarget.style.backgroundColor = "#f9fafb";
+              }
+            },
+            onMouseLeave: (e) => {
+              if (!isActiveAccount(account)) {
+                e.currentTarget.style.backgroundColor = "#fff";
+              }
+            },
+            children: [
+              showAvatars && /* @__PURE__ */ jsx9("div", { style: avatarStyle, children: getInitials(account.name) }),
+              /* @__PURE__ */ jsxs6("div", { style: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ jsx9("div", { style: { fontWeight: "500", fontSize: "14px" }, children: account.name || account.username }),
+                /* @__PURE__ */ jsx9(
+                  "div",
+                  {
+                    style: {
+                      fontSize: "12px",
+                      color: "#6b7280",
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    children: account.username
+                  }
+                )
+              ] }),
+              isActiveAccount(account) && /* @__PURE__ */ jsx9(
+                "svg",
+                {
+                  width: "20",
+                  height: "20",
+                  viewBox: "0 0 20 20",
+                  fill: "none",
+                  style: { flexShrink: 0 },
+                  children: /* @__PURE__ */ jsx9(
+                    "path",
+                    {
+                      d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+                      fill: "#3b82f6"
+                    }
+                  )
+                }
+              ),
+              showRemoveButton && accounts.length > 1 && /* @__PURE__ */ jsx9(
+                "button",
+                {
+                  onClick: (e) => handleRemove(account, e),
+                  disabled: removingAccount === account.homeAccountId,
+                  style: {
+                    padding: "4px",
+                    backgroundColor: "transparent",
+                    border: "none",
+                    cursor: "pointer",
+                    borderRadius: "4px",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    opacity: removingAccount === account.homeAccountId ? 0.5 : 1
+                  },
+                  onMouseEnter: (e) => {
+                    e.currentTarget.style.backgroundColor = "#fee2e2";
+                  },
+                  onMouseLeave: (e) => {
+                    e.currentTarget.style.backgroundColor = "transparent";
+                  },
+                  children: /* @__PURE__ */ jsx9("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx9(
+                    "path",
+                    {
+                      d: "M4 4L12 12M12 4L4 12",
+                      stroke: "#ef4444",
+                      strokeWidth: "2",
+                      strokeLinecap: "round"
+                    }
+                  ) })
+                }
+              )
+            ]
+          },
+          account.homeAccountId
+        )),
+        showAddButton && accountCount < maxAccounts && /* @__PURE__ */ jsxs6(
+          "button",
+          {
+            onClick: handleAdd,
+            style: {
+              width: "100%",
+              padding: "12px 16px",
+              backgroundColor: "#fff",
+              border: "none",
+              borderTop: "1px solid #e5e7eb",
+              cursor: "pointer",
+              fontSize: "14px",
+              fontWeight: "500",
+              color: "#3b82f6",
+              display: "flex",
+              alignItems: "center",
+              gap: "8px",
+              justifyContent: "center"
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.backgroundColor = "#f9fafb";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.backgroundColor = "#fff";
+            },
+            children: [
+              /* @__PURE__ */ jsx9("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx9(
+                "path",
+                {
+                  d: "M8 3V13M3 8H13",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round"
+                }
+              ) }),
+              "Add Another Account"
+            ]
+          }
+        ),
+        accountCount >= maxAccounts && /* @__PURE__ */ jsxs6(
+          "div",
+          {
+            style: {
+              padding: "8px 16px",
+              fontSize: "12px",
+              color: "#6b7280",
+              textAlign: "center",
+              borderTop: "1px solid #e5e7eb"
+            },
+            children: [
+              "Maximum ",
+              maxAccounts,
+              " accounts reached"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/AccountList.tsx
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+function AccountList({
+  showAvatars = true,
+  showDetails = true,
+  showActiveIndicator = true,
+  clickToSwitch = true,
+  onAccountClick,
+  className = "",
+  style,
+  orientation = "vertical"
+}) {
+  const { accounts, switchAccount, isActiveAccount } = useMultiAccount();
+  const handleAccountClick = (account) => {
+    if (clickToSwitch && !isActiveAccount(account)) {
+      switchAccount(account);
+    }
+    onAccountClick?.(account);
+  };
+  const getInitials = (name) => {
+    if (!name) return "?";
+    const parts = name.split(" ");
+    if (parts.length >= 2) {
+      return `${parts[0][0]}${parts[1][0]}`.toUpperCase();
+    }
+    return name.substring(0, 2).toUpperCase();
+  };
+  const containerStyle = {
+    display: "flex",
+    flexDirection: orientation === "vertical" ? "column" : "row",
+    gap: orientation === "vertical" ? "12px" : "16px",
+    ...style
+  };
+  const accountItemStyle = {
+    display: "flex",
+    alignItems: "center",
+    gap: "12px",
+    padding: "16px",
+    backgroundColor: "#fff",
+    border: "1px solid #e5e7eb",
+    borderRadius: "8px",
+    cursor: clickToSwitch ? "pointer" : "default",
+    transition: "all 0.15s",
+    position: "relative"
+  };
+  const avatarStyle = {
+    width: "48px",
+    height: "48px",
+    borderRadius: "50%",
+    backgroundColor: "#3b82f6",
+    color: "#fff",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: "18px",
+    fontWeight: "600",
+    flexShrink: 0
+  };
+  if (accounts.length === 0) {
+    return /* @__PURE__ */ jsx10(
+      "div",
+      {
+        className,
+        style: {
+          padding: "24px",
+          textAlign: "center",
+          color: "#6b7280",
+          backgroundColor: "#f9fafb",
+          borderRadius: "8px",
+          ...style
+        },
+        children: "No accounts signed in"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx10("div", { className, style: containerStyle, children: accounts.map((account) => {
+    const isActive = isActiveAccount(account);
+    return /* @__PURE__ */ jsxs7(
+      "div",
+      {
+        onClick: () => handleAccountClick(account),
+        style: {
+          ...accountItemStyle,
+          borderColor: isActive ? "#3b82f6" : "#e5e7eb",
+          backgroundColor: isActive ? "#eff6ff" : "#fff",
+          boxShadow: isActive ? "0 0 0 3px rgba(59, 130, 246, 0.1)" : "none"
+        },
+        onMouseEnter: (e) => {
+          if (clickToSwitch && !isActive) {
+            e.currentTarget.style.backgroundColor = "#f9fafb";
+            e.currentTarget.style.borderColor = "#d1d5db";
+          }
+        },
+        onMouseLeave: (e) => {
+          if (clickToSwitch && !isActive) {
+            e.currentTarget.style.backgroundColor = "#fff";
+            e.currentTarget.style.borderColor = "#e5e7eb";
+          }
+        },
+        children: [
+          showAvatars && /* @__PURE__ */ jsx10("div", { style: avatarStyle, children: getInitials(account.name) }),
+          /* @__PURE__ */ jsxs7("div", { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsx10(
+              "div",
+              {
+                style: {
+                  fontSize: "16px",
+                  fontWeight: "600",
+                  color: "#111827",
+                  marginBottom: showDetails ? "4px" : 0
+                },
+                children: account.name || account.username
+              }
+            ),
+            showDetails && /* @__PURE__ */ jsxs7(Fragment5, { children: [
+              /* @__PURE__ */ jsx10(
+                "div",
+                {
+                  style: {
+                    fontSize: "14px",
+                    color: "#6b7280",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  },
+                  children: account.username
+                }
+              ),
+              account.tenantId && /* @__PURE__ */ jsxs7(
+                "div",
+                {
+                  style: {
+                    fontSize: "12px",
+                    color: "#9ca3af",
+                    marginTop: "2px"
+                  },
+                  children: [
+                    "Tenant: ",
+                    account.tenantId.substring(0, 8),
+                    "..."
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          showActiveIndicator && isActive && /* @__PURE__ */ jsxs7(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "6px",
+                padding: "4px 12px",
+                backgroundColor: "#3b82f6",
+                color: "#fff",
+                borderRadius: "12px",
+                fontSize: "12px",
+                fontWeight: "600",
+                flexShrink: 0
+              },
+              children: [
+                /* @__PURE__ */ jsx10("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx10(
+                  "path",
+                  {
+                    d: "M10 3L4.5 8.5L2 6",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                ) }),
+                "Active"
+              ]
+            }
+          )
+        ]
+      },
+      account.homeAccountId
+    );
+  }) });
+}
+
 // src/hooks/useRoles.ts
-import { useState as useState5, useEffect as useEffect7, useCallback as useCallback5 } from "react";
+import { useState as useState7, useEffect as useEffect8, useCallback as useCallback6 } from "react";
 var rolesCache = /* @__PURE__ */ new Map();
 var CACHE_DURATION2 = 5 * 60 * 1e3;
 var MAX_CACHE_SIZE2 = 100;
@@ -1709,11 +2374,11 @@ function enforceCacheLimit2() {
 function useRoles() {
   const { isAuthenticated, account } = useMsalAuth();
   const graph = useGraphApi();
-  const [roles, setRoles] = useState5([]);
-  const [groups, setGroups] = useState5([]);
-  const [loading, setLoading] = useState5(false);
-  const [error, setError] = useState5(null);
-  const fetchRolesAndGroups = useCallback5(async () => {
+  const [roles, setRoles] = useState7([]);
+  const [groups, setGroups] = useState7([]);
+  const [loading, setLoading] = useState7(false);
+  const [error, setError] = useState7(null);
+  const fetchRolesAndGroups = useCallback6(async () => {
     if (!isAuthenticated || !account) {
       setRoles([]);
       setGroups([]);
@@ -1756,31 +2421,31 @@ function useRoles() {
       setLoading(false);
     }
   }, [isAuthenticated, account, graph]);
-  const hasRole = useCallback5(
+  const hasRole = useCallback6(
     (role) => {
       return roles.includes(role);
     },
     [roles]
   );
-  const hasGroup = useCallback5(
+  const hasGroup = useCallback6(
     (groupId) => {
       return groups.includes(groupId);
     },
     [groups]
   );
-  const hasAnyRole = useCallback5(
+  const hasAnyRole = useCallback6(
     (checkRoles) => {
       return checkRoles.some((role) => roles.includes(role));
     },
     [roles]
   );
-  const hasAllRoles = useCallback5(
+  const hasAllRoles = useCallback6(
     (checkRoles) => {
       return checkRoles.every((role) => roles.includes(role));
     },
     [roles]
   );
-  useEffect7(() => {
+  useEffect8(() => {
     fetchRolesAndGroups();
     return () => {
       if (account) {
@@ -1802,11 +2467,11 @@ function useRoles() {
 }
 
 // src/utils/withAuth.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function withAuth(Component2, options = {}) {
   const { displayName, ...guardProps } = options;
   const WrappedComponent = (props) => {
-    return /* @__PURE__ */ jsx9(AuthGuard, { ...guardProps, children: /* @__PURE__ */ jsx9(Component2, { ...props }) });
+    return /* @__PURE__ */ jsx11(AuthGuard, { ...guardProps, children: /* @__PURE__ */ jsx11(Component2, { ...props }) });
   };
   WrappedComponent.displayName = displayName || `withAuth(${Component2.displayName || Component2.name || "Component"})`;
   return WrappedComponent;
@@ -2078,9 +2743,9 @@ function createScopedLogger(scope, config) {
 }
 
 // src/protection/ProtectedPage.tsx
-import { useEffect as useEffect8, useState as useState6 } from "react";
+import { useEffect as useEffect9, useState as useState8 } from "react";
 import { useRouter } from "next/navigation";
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 function ProtectedPage({
   children,
   config,
@@ -2091,9 +2756,9 @@ function ProtectedPage({
 }) {
   const router = useRouter();
   const { isAuthenticated, account, inProgress } = useMsalAuth();
-  const [isValidating, setIsValidating] = useState6(true);
-  const [isAuthorized, setIsAuthorized] = useState6(false);
-  useEffect8(() => {
+  const [isValidating, setIsValidating] = useState8(true);
+  const [isAuthorized, setIsAuthorized] = useState8(false);
+  useEffect9(() => {
     async function checkAuth() {
       if (debug) {
         console.log("[ProtectedPage] Checking auth...", {
@@ -2162,33 +2827,33 @@ function ProtectedPage({
   }, [isAuthenticated, account, inProgress, config, router, defaultRedirectTo, debug]);
   if (isValidating || inProgress) {
     if (config.loading) {
-      return /* @__PURE__ */ jsx10(Fragment4, { children: config.loading });
+      return /* @__PURE__ */ jsx12(Fragment6, { children: config.loading });
     }
     if (defaultLoading) {
-      return /* @__PURE__ */ jsx10(Fragment4, { children: defaultLoading });
+      return /* @__PURE__ */ jsx12(Fragment6, { children: defaultLoading });
     }
-    return /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx10("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600" }) });
+    return /* @__PURE__ */ jsx12("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx12("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600" }) });
   }
   if (!isAuthorized) {
     if (config.unauthorized) {
-      return /* @__PURE__ */ jsx10(Fragment4, { children: config.unauthorized });
+      return /* @__PURE__ */ jsx12(Fragment6, { children: config.unauthorized });
     }
     if (defaultUnauthorized) {
-      return /* @__PURE__ */ jsx10(Fragment4, { children: defaultUnauthorized });
+      return /* @__PURE__ */ jsx12(Fragment6, { children: defaultUnauthorized });
     }
-    return /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs6("div", { className: "text-center", children: [
-      /* @__PURE__ */ jsx10("h1", { className: "text-2xl font-bold text-gray-900 mb-2", children: "Access Denied" }),
-      /* @__PURE__ */ jsx10("p", { className: "text-gray-600", children: "You don't have permission to access this page." })
+    return /* @__PURE__ */ jsx12("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs8("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx12("h1", { className: "text-2xl font-bold text-gray-900 mb-2", children: "Access Denied" }),
+      /* @__PURE__ */ jsx12("p", { className: "text-gray-600", children: "You don't have permission to access this page." })
     ] }) });
   }
-  return /* @__PURE__ */ jsx10(Fragment4, { children });
+  return /* @__PURE__ */ jsx12(Fragment6, { children });
 }
 
 // src/protection/withPageAuth.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function withPageAuth(Component2, authConfig, globalConfig) {
   const WrappedComponent = (props) => {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx13(
       ProtectedPage,
       {
         config: authConfig,
@@ -2196,7 +2861,7 @@ function withPageAuth(Component2, authConfig, globalConfig) {
         defaultLoading: globalConfig?.defaultLoading,
         defaultUnauthorized: globalConfig?.defaultUnauthorized,
         debug: globalConfig?.debug,
-        children: /* @__PURE__ */ jsx11(Component2, { ...props })
+        children: /* @__PURE__ */ jsx13(Component2, { ...props })
       }
     );
   };
@@ -2278,8 +2943,10 @@ function createAuthMiddleware(config = {}) {
 }
 
 // src/client.ts
-import { useMsal as useMsal2, useIsAuthenticated, useAccount as useAccount2 } from "@azure/msal-react";
+import { useMsal as useMsal3, useIsAuthenticated, useAccount as useAccount2 } from "@azure/msal-react";
 export {
+  AccountList,
+  AccountSwitcher,
   AuthGuard,
   AuthStatus,
   ErrorBoundary,
@@ -2307,8 +2974,9 @@ export {
   useAccount2 as useAccount,
   useGraphApi,
   useIsAuthenticated,
-  useMsal2 as useMsal,
+  useMsal3 as useMsal,
   useMsalAuth,
+  useMultiAccount,
   useRoles,
   useTokenRefresh,
   useUserProfile,