@chemmangat/msal-next 2.0.0 → 2.1.0

package/dist/index.js

@@ -1,1266 +1,2 @@
-'use strict';
-
-var msalReact = require('@azure/msal-react');
-var msalBrowser = require('@azure/msal-browser');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var server = require('next/server');
-
-function createMsalConfig(config) {
-  if (config.msalConfig) {
-    return config.msalConfig;
-  }
-  const {
-    clientId,
-    tenantId,
-    authorityType = "common",
-    redirectUri,
-    postLogoutRedirectUri,
-    cacheLocation = "sessionStorage",
-    storeAuthStateInCookie = false,
-    navigateToLoginRequestUrl = true,
-    enableLogging = false,
-    loggerCallback
-  } = config;
-  if (!clientId) {
-    throw new Error("@chemmangat/msal-next: clientId is required");
-  }
-  const getAuthority = () => {
-    if (authorityType === "tenant") {
-      if (!tenantId) {
-        throw new Error('@chemmangat/msal-next: tenantId is required when authorityType is "tenant"');
-      }
-      return `https://login.microsoftonline.com/${tenantId}`;
-    }
-    return `https://login.microsoftonline.com/${authorityType}`;
-  };
-  const defaultRedirectUri = typeof window !== "undefined" ? window.location.origin : "http://localhost:3000";
-  const finalRedirectUri = redirectUri || defaultRedirectUri;
-  const msalConfig = {
-    auth: {
-      clientId,
-      authority: getAuthority(),
-      redirectUri: finalRedirectUri,
-      postLogoutRedirectUri: postLogoutRedirectUri || finalRedirectUri,
-      navigateToLoginRequestUrl
-    },
-    cache: {
-      cacheLocation,
-      storeAuthStateInCookie
-    },
-    system: {
-      loggerOptions: {
-        loggerCallback: loggerCallback || ((level, message, containsPii) => {
-          if (containsPii || !enableLogging) return;
-          switch (level) {
-            case msalBrowser.LogLevel.Error:
-              console.error("[MSAL]", message);
-              break;
-            case msalBrowser.LogLevel.Warning:
-              console.warn("[MSAL]", message);
-              break;
-            case msalBrowser.LogLevel.Info:
-              console.info("[MSAL]", message);
-              break;
-            case msalBrowser.LogLevel.Verbose:
-              console.debug("[MSAL]", message);
-              break;
-          }
-        }),
-        logLevel: enableLogging ? msalBrowser.LogLevel.Verbose : msalBrowser.LogLevel.Error
-      }
-    }
-  };
-  return msalConfig;
-}
-var globalMsalInstance = null;
-function getMsalInstance() {
-  return globalMsalInstance;
-}
-function MsalAuthProvider({ children, loadingComponent, onInitialized, ...config }) {
-  const [msalInstance, setMsalInstance] = react.useState(null);
-  const instanceRef = react.useRef(null);
-  react.useEffect(() => {
-    if (typeof window === "undefined") {
-      return;
-    }
-    if (instanceRef.current) {
-      return;
-    }
-    const initializeMsal = async () => {
-      try {
-        const msalConfig = createMsalConfig(config);
-        const instance = new msalBrowser.PublicClientApplication(msalConfig);
-        await instance.initialize();
-        const response = await instance.handleRedirectPromise();
-        if (response && config.enableLogging) {
-          console.log("[MSAL] Redirect authentication successful");
-        }
-        const enableLogging = config.enableLogging || false;
-        instance.addEventCallback((event) => {
-          if (event.eventType === msalBrowser.EventType.LOGIN_SUCCESS) {
-            if (enableLogging) {
-              const payload = event.payload;
-              console.log("[MSAL] Login successful:", payload.account?.username);
-            }
-          }
-          if (event.eventType === msalBrowser.EventType.LOGIN_FAILURE) {
-            console.error("[MSAL] Login failed:", event.error);
-          }
-          if (event.eventType === msalBrowser.EventType.LOGOUT_SUCCESS) {
-            if (enableLogging) {
-              console.log("[MSAL] Logout successful");
-            }
-          }
-        });
-        instanceRef.current = instance;
-        globalMsalInstance = instance;
-        setMsalInstance(instance);
-        if (onInitialized) {
-          onInitialized(instance);
-        }
-      } catch (error) {
-        console.error("[MSAL] Initialization failed:", error);
-        throw error;
-      }
-    };
-    initializeMsal();
-  }, []);
-  if (typeof window === "undefined") {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: loadingComponent || /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Loading authentication..." }) });
-  }
-  if (!msalInstance) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: loadingComponent || /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Loading authentication..." }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(msalReact.MsalProvider, { instance: msalInstance, children });
-}
-function useMsalAuth(defaultScopes = ["User.Read"]) {
-  const { instance, accounts, inProgress } = msalReact.useMsal();
-  const account = msalReact.useAccount(accounts[0] || null);
-  const isAuthenticated = react.useMemo(() => accounts.length > 0, [accounts]);
-  const loginPopup = react.useCallback(
-    async (scopes = defaultScopes) => {
-      try {
-        const request = {
-          scopes,
-          prompt: "select_account"
-        };
-        await instance.loginPopup(request);
-      } catch (error) {
-        console.error("[MSAL] Login popup failed:", error);
-        throw error;
-      }
-    },
-    [instance, defaultScopes]
-  );
-  const loginRedirect = react.useCallback(
-    async (scopes = defaultScopes) => {
-      try {
-        const request = {
-          scopes,
-          prompt: "select_account"
-        };
-        await instance.loginRedirect(request);
-      } catch (error) {
-        console.error("[MSAL] Login redirect failed:", error);
-        throw error;
-      }
-    },
-    [instance, defaultScopes]
-  );
-  const logoutPopup = react.useCallback(async () => {
-    try {
-      await instance.logoutPopup({
-        account: account || void 0
-      });
-    } catch (error) {
-      console.error("[MSAL] Logout popup failed:", error);
-      throw error;
-    }
-  }, [instance, account]);
-  const logoutRedirect = react.useCallback(async () => {
-    try {
-      await instance.logoutRedirect({
-        account: account || void 0
-      });
-    } catch (error) {
-      console.error("[MSAL] Logout redirect failed:", error);
-      throw error;
-    }
-  }, [instance, account]);
-  const acquireTokenSilent = react.useCallback(
-    async (scopes = defaultScopes) => {
-      if (!account) {
-        throw new Error("[MSAL] No active account. Please login first.");
-      }
-      try {
-        const request = {
-          scopes,
-          account,
-          forceRefresh: false
-        };
-        const response = await instance.acquireTokenSilent(request);
-        return response.accessToken;
-      } catch (error) {
-        console.error("[MSAL] Silent token acquisition failed:", error);
-        throw error;
-      }
-    },
-    [instance, account, defaultScopes]
-  );
-  const acquireTokenPopup = react.useCallback(
-    async (scopes = defaultScopes) => {
-      if (!account) {
-        throw new Error("[MSAL] No active account. Please login first.");
-      }
-      try {
-        const request = {
-          scopes,
-          account
-        };
-        const response = await instance.acquireTokenPopup(request);
-        return response.accessToken;
-      } catch (error) {
-        console.error("[MSAL] Token popup acquisition failed:", error);
-        throw error;
-      }
-    },
-    [instance, account, defaultScopes]
-  );
-  const acquireTokenRedirect = react.useCallback(
-    async (scopes = defaultScopes) => {
-      if (!account) {
-        throw new Error("[MSAL] No active account. Please login first.");
-      }
-      try {
-        const request = {
-          scopes,
-          account
-        };
-        await instance.acquireTokenRedirect(request);
-      } catch (error) {
-        console.error("[MSAL] Token redirect acquisition failed:", error);
-        throw error;
-      }
-    },
-    [instance, account, defaultScopes]
-  );
-  const acquireToken = react.useCallback(
-    async (scopes = defaultScopes) => {
-      try {
-        return await acquireTokenSilent(scopes);
-      } catch (error) {
-        console.warn("[MSAL] Silent token acquisition failed, falling back to popup");
-        return await acquireTokenPopup(scopes);
-      }
-    },
-    [acquireTokenSilent, acquireTokenPopup, defaultScopes]
-  );
-  const clearSession = react.useCallback(async () => {
-    instance.setActiveAccount(null);
-    await instance.clearCache();
-  }, [instance]);
-  return {
-    account,
-    accounts,
-    isAuthenticated,
-    inProgress: inProgress !== msalBrowser.InteractionStatus.None,
-    loginPopup,
-    loginRedirect,
-    logoutPopup,
-    logoutRedirect,
-    acquireToken,
-    acquireTokenSilent,
-    acquireTokenPopup,
-    acquireTokenRedirect,
-    clearSession
-  };
-}
-function MicrosoftSignInButton({
-  text = "Sign in with Microsoft",
-  variant = "dark",
-  size = "medium",
-  useRedirect = false,
-  scopes,
-  className = "",
-  style,
-  onSuccess,
-  onError
-}) {
-  const { loginPopup, loginRedirect, inProgress } = useMsalAuth();
-  const handleClick = async () => {
-    try {
-      if (useRedirect) {
-        await loginRedirect(scopes);
-      } else {
-        await loginPopup(scopes);
-      }
-      onSuccess?.();
-    } catch (error) {
-      onError?.(error);
-    }
-  };
-  const sizeStyles = {
-    small: {
-      padding: "8px 16px",
-      fontSize: "14px",
-      height: "36px"
-    },
-    medium: {
-      padding: "10px 20px",
-      fontSize: "15px",
-      height: "41px"
-    },
-    large: {
-      padding: "12px 24px",
-      fontSize: "16px",
-      height: "48px"
-    }
-  };
-  const variantStyles = {
-    dark: {
-      backgroundColor: "#2F2F2F",
-      color: "#FFFFFF",
-      border: "1px solid #8C8C8C"
-    },
-    light: {
-      backgroundColor: "#FFFFFF",
-      color: "#5E5E5E",
-      border: "1px solid #8C8C8C"
-    }
-  };
-  const baseStyles = {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "12px",
-    fontFamily: '"Segoe UI", Tahoma, Geneva, Verdana, sans-serif',
-    fontWeight: 600,
-    borderRadius: "2px",
-    cursor: inProgress ? "not-allowed" : "pointer",
-    transition: "all 0.2s ease",
-    opacity: inProgress ? 0.6 : 1,
-    ...variantStyles[variant],
-    ...sizeStyles[size],
-    ...style
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      onClick: handleClick,
-      disabled: inProgress,
-      className,
-      style: baseStyles,
-      "aria-label": text,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(MicrosoftLogo, {}),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: text })
-      ]
-    }
-  );
-}
-function MicrosoftLogo() {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "21", height: "21", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "10", height: "10", fill: "#F25022" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", width: "10", height: "10", fill: "#7FBA00" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { y: "11", width: "10", height: "10", fill: "#00A4EF" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "11", width: "10", height: "10", fill: "#FFB900" })
-  ] });
-}
-function SignOutButton({
-  text = "Sign out",
-  variant = "dark",
-  size = "medium",
-  useRedirect = false,
-  className = "",
-  style,
-  onSuccess,
-  onError
-}) {
-  const { logoutPopup, logoutRedirect, inProgress } = useMsalAuth();
-  const handleClick = async () => {
-    try {
-      if (useRedirect) {
-        await logoutRedirect();
-      } else {
-        await logoutPopup();
-      }
-      onSuccess?.();
-    } catch (error) {
-      onError?.(error);
-    }
-  };
-  const sizeStyles = {
-    small: {
-      padding: "8px 16px",
-      fontSize: "14px",
-      height: "36px"
-    },
-    medium: {
-      padding: "10px 20px",
-      fontSize: "15px",
-      height: "41px"
-    },
-    large: {
-      padding: "12px 24px",
-      fontSize: "16px",
-      height: "48px"
-    }
-  };
-  const variantStyles = {
-    dark: {
-      backgroundColor: "#2F2F2F",
-      color: "#FFFFFF",
-      border: "1px solid #8C8C8C"
-    },
-    light: {
-      backgroundColor: "#FFFFFF",
-      color: "#5E5E5E",
-      border: "1px solid #8C8C8C"
-    }
-  };
-  const baseStyles = {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: "12px",
-    fontFamily: '"Segoe UI", Tahoma, Geneva, Verdana, sans-serif',
-    fontWeight: 600,
-    borderRadius: "2px",
-    cursor: inProgress ? "not-allowed" : "pointer",
-    transition: "all 0.2s ease",
-    opacity: inProgress ? 0.6 : 1,
-    ...variantStyles[variant],
-    ...sizeStyles[size],
-    ...style
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      onClick: handleClick,
-      disabled: inProgress,
-      className,
-      style: baseStyles,
-      "aria-label": text,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(MicrosoftLogo2, {}),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: text })
-      ]
-    }
-  );
-}
-function MicrosoftLogo2() {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "21", height: "21", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "10", height: "10", fill: "#F25022" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", width: "10", height: "10", fill: "#7FBA00" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { y: "11", width: "10", height: "10", fill: "#00A4EF" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "11", y: "11", width: "10", height: "10", fill: "#FFB900" })
-  ] });
-}
-function useGraphApi() {
-  const { acquireToken } = useMsalAuth();
-  const request = react.useCallback(
-    async (endpoint, options = {}) => {
-      const {
-        scopes = ["User.Read"],
-        version = "v1.0",
-        debug = false,
-        ...fetchOptions
-      } = options;
-      try {
-        const token = await acquireToken(scopes);
-        const baseUrl = `https://graph.microsoft.com/${version}`;
-        const url = endpoint.startsWith("http") ? endpoint : `${baseUrl}${endpoint.startsWith("/") ? endpoint : `/${endpoint}`}`;
-        if (debug) {
-          console.log("[GraphAPI] Request:", { url, method: fetchOptions.method || "GET" });
-        }
-        const response = await fetch(url, {
-          ...fetchOptions,
-          headers: {
-            "Authorization": `Bearer ${token}`,
-            "Content-Type": "application/json",
-            ...fetchOptions.headers
-          }
-        });
-        if (!response.ok) {
-          const errorText = await response.text();
-          throw new Error(`Graph API error (${response.status}): ${errorText}`);
-        }
-        if (response.status === 204 || response.headers.get("content-length") === "0") {
-          return null;
-        }
-        const data = await response.json();
-        if (debug) {
-          console.log("[GraphAPI] Response:", data);
-        }
-        return data;
-      } catch (error) {
-        console.error("[GraphAPI] Request failed:", error);
-        throw error;
-      }
-    },
-    [acquireToken]
-  );
-  const get = react.useCallback(
-    (endpoint, options = {}) => {
-      return request(endpoint, { ...options, method: "GET" });
-    },
-    [request]
-  );
-  const post = react.useCallback(
-    (endpoint, body, options = {}) => {
-      return request(endpoint, {
-        ...options,
-        method: "POST",
-        body: body ? JSON.stringify(body) : void 0
-      });
-    },
-    [request]
-  );
-  const put = react.useCallback(
-    (endpoint, body, options = {}) => {
-      return request(endpoint, {
-        ...options,
-        method: "PUT",
-        body: body ? JSON.stringify(body) : void 0
-      });
-    },
-    [request]
-  );
-  const patch = react.useCallback(
-    (endpoint, body, options = {}) => {
-      return request(endpoint, {
-        ...options,
-        method: "PATCH",
-        body: body ? JSON.stringify(body) : void 0
-      });
-    },
-    [request]
-  );
-  const deleteRequest = react.useCallback(
-    (endpoint, options = {}) => {
-      return request(endpoint, { ...options, method: "DELETE" });
-    },
-    [request]
-  );
-  return {
-    get,
-    post,
-    put,
-    patch,
-    delete: deleteRequest,
-    request
-  };
-}
-
-// src/hooks/useUserProfile.ts
-var profileCache = /* @__PURE__ */ new Map();
-var CACHE_DURATION = 5 * 60 * 1e3;
-function useUserProfile() {
-  const { isAuthenticated, account } = useMsalAuth();
-  const graph = useGraphApi();
-  const [profile, setProfile] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const fetchProfile = react.useCallback(async () => {
-    if (!isAuthenticated || !account) {
-      setProfile(null);
-      return;
-    }
-    const cacheKey = account.homeAccountId;
-    const cached = profileCache.get(cacheKey);
-    if (cached && Date.now() - cached.timestamp < CACHE_DURATION) {
-      setProfile(cached.data);
-      return;
-    }
-    setLoading(true);
-    setError(null);
-    try {
-      const userData = await graph.get("/me", {
-        scopes: ["User.Read"]
-      });
-      let photoUrl;
-      try {
-        const photoBlob = await graph.get("/me/photo/$value", {
-          scopes: ["User.Read"],
-          headers: {
-            "Content-Type": "image/jpeg"
-          }
-        });
-        if (photoBlob) {
-          photoUrl = URL.createObjectURL(photoBlob);
-        }
-      } catch (photoError) {
-        console.debug("[UserProfile] Photo not available");
-      }
-      const profileData = {
-        id: userData.id,
-        displayName: userData.displayName,
-        givenName: userData.givenName,
-        surname: userData.surname,
-        userPrincipalName: userData.userPrincipalName,
-        mail: userData.mail,
-        jobTitle: userData.jobTitle,
-        officeLocation: userData.officeLocation,
-        mobilePhone: userData.mobilePhone,
-        businessPhones: userData.businessPhones,
-        photo: photoUrl
-      };
-      profileCache.set(cacheKey, {
-        data: profileData,
-        timestamp: Date.now()
-      });
-      setProfile(profileData);
-    } catch (err) {
-      const error2 = err;
-      setError(error2);
-      console.error("[UserProfile] Failed to fetch profile:", error2);
-    } finally {
-      setLoading(false);
-    }
-  }, [isAuthenticated, account, graph]);
-  const clearCache = react.useCallback(() => {
-    if (account) {
-      profileCache.delete(account.homeAccountId);
-    }
-    setProfile(null);
-  }, [account]);
-  react.useEffect(() => {
-    fetchProfile();
-  }, [fetchProfile]);
-  return {
-    profile,
-    loading,
-    error,
-    refetch: fetchProfile,
-    clearCache
-  };
-}
-function UserAvatar({
-  size = 40,
-  className = "",
-  style,
-  showTooltip = true,
-  fallbackImage
-}) {
-  const { profile, loading } = useUserProfile();
-  const [photoUrl, setPhotoUrl] = react.useState(null);
-  const [photoError, setPhotoError] = react.useState(false);
-  react.useEffect(() => {
-    if (profile?.photo) {
-      setPhotoUrl(profile.photo);
-    }
-  }, [profile?.photo]);
-  const getInitials = () => {
-    if (!profile) return "?";
-    const { givenName, surname, displayName: displayName2 } = profile;
-    if (givenName && surname) {
-      return `${givenName[0]}${surname[0]}`.toUpperCase();
-    }
-    if (displayName2) {
-      const parts = displayName2.split(" ");
-      if (parts.length >= 2) {
-        return `${parts[0][0]}${parts[parts.length - 1][0]}`.toUpperCase();
-      }
-      return displayName2.substring(0, 2).toUpperCase();
-    }
-    return "?";
-  };
-  const baseStyles = {
-    width: `${size}px`,
-    height: `${size}px`,
-    borderRadius: "50%",
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: `${size * 0.4}px`,
-    fontWeight: 600,
-    fontFamily: '"Segoe UI", Tahoma, Geneva, Verdana, sans-serif',
-    backgroundColor: "#0078D4",
-    color: "#FFFFFF",
-    overflow: "hidden",
-    userSelect: "none",
-    ...style
-  };
-  const displayName = profile?.displayName || "User";
-  if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className,
-        style: { ...baseStyles, backgroundColor: "#E1E1E1" },
-        "aria-label": "Loading user avatar",
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: `${size * 0.3}px` }, children: "..." })
-      }
-    );
-  }
-  if (photoUrl && !photoError) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className,
-        style: baseStyles,
-        title: showTooltip ? displayName : void 0,
-        "aria-label": `${displayName} avatar`,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: photoUrl,
-            alt: displayName,
-            style: { width: "100%", height: "100%", objectFit: "cover" },
-            onError: () => {
-              setPhotoError(true);
-              if (fallbackImage) {
-                setPhotoUrl(fallbackImage);
-              }
-            }
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className,
-      style: baseStyles,
-      title: showTooltip ? displayName : void 0,
-      "aria-label": `${displayName} avatar`,
-      children: getInitials()
-    }
-  );
-}
-function AuthStatus({
-  className = "",
-  style,
-  showDetails = false,
-  renderLoading,
-  renderAuthenticated,
-  renderUnauthenticated
-}) {
-  const { isAuthenticated, inProgress, account } = useMsalAuth();
-  const baseStyles = {
-    display: "inline-flex",
-    alignItems: "center",
-    gap: "8px",
-    padding: "8px 12px",
-    borderRadius: "4px",
-    fontFamily: '"Segoe UI", Tahoma, Geneva, Verdana, sans-serif',
-    fontSize: "14px",
-    fontWeight: 500,
-    ...style
-  };
-  if (inProgress) {
-    if (renderLoading) {
-      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderLoading() });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className,
-        style: { ...baseStyles, backgroundColor: "#FFF4CE", color: "#8A6D3B" },
-        role: "status",
-        "aria-live": "polite",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(StatusIndicator, { color: "#FFA500" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading..." })
-        ]
-      }
-    );
-  }
-  if (isAuthenticated) {
-    const username = account?.username || account?.name || "User";
-    if (renderAuthenticated) {
-      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderAuthenticated(username) });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className,
-        style: { ...baseStyles, backgroundColor: "#D4EDDA", color: "#155724" },
-        role: "status",
-        "aria-live": "polite",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(StatusIndicator, { color: "#28A745" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: showDetails ? `Authenticated as ${username}` : "Authenticated" })
-        ]
-      }
-    );
-  }
-  if (renderUnauthenticated) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderUnauthenticated() });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className,
-      style: { ...baseStyles, backgroundColor: "#F8D7DA", color: "#721C24" },
-      role: "status",
-      "aria-live": "polite",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(StatusIndicator, { color: "#DC3545" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Not authenticated" })
-      ]
-    }
-  );
-}
-function StatusIndicator({ color }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "4", cy: "4", r: "4", fill: color }) });
-}
-function AuthGuard({
-  children,
-  loadingComponent,
-  fallbackComponent,
-  useRedirect = true,
-  scopes,
-  onAuthRequired
-}) {
-  const { isAuthenticated, inProgress, loginRedirect, loginPopup } = useMsalAuth();
-  react.useEffect(() => {
-    if (!isAuthenticated && !inProgress) {
-      onAuthRequired?.();
-      const login = async () => {
-        try {
-          if (useRedirect) {
-            await loginRedirect(scopes);
-          } else {
-            await loginPopup(scopes);
-          }
-        } catch (error) {
-          console.error("[AuthGuard] Authentication failed:", error);
-        }
-      };
-      login();
-    }
-  }, [isAuthenticated, inProgress, useRedirect, scopes, loginRedirect, loginPopup, onAuthRequired]);
-  if (inProgress) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: loadingComponent || /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Authenticating..." }) });
-  }
-  if (!isAuthenticated) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fallbackComponent || /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Redirecting to login..." }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-}
-var ErrorBoundary = class extends react.Component {
-  constructor(props) {
-    super(props);
-    this.reset = () => {
-      this.setState({
-        hasError: false,
-        error: null
-      });
-    };
-    this.state = {
-      hasError: false,
-      error: null
-    };
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      hasError: true,
-      error
-    };
-  }
-  componentDidCatch(error, errorInfo) {
-    const { onError, debug } = this.props;
-    if (debug) {
-      console.error("[ErrorBoundary] Caught error:", error);
-      console.error("[ErrorBoundary] Error info:", errorInfo);
-    }
-    onError?.(error, errorInfo);
-  }
-  render() {
-    const { hasError, error } = this.state;
-    const { children, fallback } = this.props;
-    if (hasError && error) {
-      if (fallback) {
-        return fallback(error, this.reset);
-      }
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          style: {
-            padding: "20px",
-            margin: "20px",
-            border: "1px solid #DC3545",
-            borderRadius: "4px",
-            backgroundColor: "#F8D7DA",
-            color: "#721C24",
-            fontFamily: '"Segoe UI", Tahoma, Geneva, Verdana, sans-serif'
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { style: { margin: "0 0 10px 0", fontSize: "18px" }, children: "Authentication Error" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "0 0 10px 0" }, children: error.message }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: this.reset,
-                style: {
-                  padding: "8px 16px",
-                  backgroundColor: "#DC3545",
-                  color: "#FFFFFF",
-                  border: "none",
-                  borderRadius: "4px",
-                  cursor: "pointer",
-                  fontSize: "14px",
-                  fontWeight: 600
-                },
-                children: "Try Again"
-              }
-            )
-          ]
-        }
-      );
-    }
-    return children;
-  }
-};
-var rolesCache = /* @__PURE__ */ new Map();
-var CACHE_DURATION2 = 5 * 60 * 1e3;
-function useRoles() {
-  const { isAuthenticated, account } = useMsalAuth();
-  const graph = useGraphApi();
-  const [roles, setRoles] = react.useState([]);
-  const [groups, setGroups] = react.useState([]);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const fetchRolesAndGroups = react.useCallback(async () => {
-    if (!isAuthenticated || !account) {
-      setRoles([]);
-      setGroups([]);
-      return;
-    }
-    const cacheKey = account.homeAccountId;
-    const cached = rolesCache.get(cacheKey);
-    if (cached && Date.now() - cached.timestamp < CACHE_DURATION2) {
-      setRoles(cached.roles);
-      setGroups(cached.groups);
-      return;
-    }
-    setLoading(true);
-    setError(null);
-    try {
-      const idTokenClaims = account.idTokenClaims;
-      const tokenRoles = idTokenClaims?.roles || [];
-      const groupsResponse = await graph.get("/me/memberOf", {
-        scopes: ["User.Read", "Directory.Read.All"]
-      });
-      const userGroups = groupsResponse.value.map((group) => group.id);
-      rolesCache.set(cacheKey, {
-        roles: tokenRoles,
-        groups: userGroups,
-        timestamp: Date.now()
-      });
-      setRoles(tokenRoles);
-      setGroups(userGroups);
-    } catch (err) {
-      const error2 = err;
-      setError(error2);
-      console.error("[Roles] Failed to fetch roles/groups:", error2);
-      const idTokenClaims = account.idTokenClaims;
-      const tokenRoles = idTokenClaims?.roles || [];
-      setRoles(tokenRoles);
-    } finally {
-      setLoading(false);
-    }
-  }, [isAuthenticated, account, graph]);
-  const hasRole = react.useCallback(
-    (role) => {
-      return roles.includes(role);
-    },
-    [roles]
-  );
-  const hasGroup = react.useCallback(
-    (groupId) => {
-      return groups.includes(groupId);
-    },
-    [groups]
-  );
-  const hasAnyRole = react.useCallback(
-    (checkRoles) => {
-      return checkRoles.some((role) => roles.includes(role));
-    },
-    [roles]
-  );
-  const hasAllRoles = react.useCallback(
-    (checkRoles) => {
-      return checkRoles.every((role) => roles.includes(role));
-    },
-    [roles]
-  );
-  react.useEffect(() => {
-    fetchRolesAndGroups();
-  }, [fetchRolesAndGroups]);
-  return {
-    roles,
-    groups,
-    loading,
-    error,
-    hasRole,
-    hasGroup,
-    hasAnyRole,
-    hasAllRoles,
-    refetch: fetchRolesAndGroups
-  };
-}
-function withAuth(Component2, options = {}) {
-  const { displayName, ...guardProps } = options;
-  const WrappedComponent = (props) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(AuthGuard, { ...guardProps, children: /* @__PURE__ */ jsxRuntime.jsx(Component2, { ...props }) });
-  };
-  WrappedComponent.displayName = displayName || `withAuth(${Component2.displayName || Component2.name || "Component"})`;
-  return WrappedComponent;
-}
-
-// src/utils/tokenRetry.ts
-async function retryWithBackoff(fn, config = {}) {
-  const {
-    maxRetries = 3,
-    initialDelay = 1e3,
-    maxDelay = 1e4,
-    backoffMultiplier = 2,
-    debug = false
-  } = config;
-  let lastError;
-  let delay = initialDelay;
-  for (let attempt = 0; attempt <= maxRetries; attempt++) {
-    try {
-      if (debug && attempt > 0) {
-        console.log(`[TokenRetry] Attempt ${attempt + 1}/${maxRetries + 1}`);
-      }
-      return await fn();
-    } catch (error) {
-      lastError = error;
-      if (attempt === maxRetries) {
-        if (debug) {
-          console.error("[TokenRetry] All retry attempts failed");
-        }
-        break;
-      }
-      if (!isRetryableError(error)) {
-        if (debug) {
-          console.log("[TokenRetry] Non-retryable error, aborting");
-        }
-        throw error;
-      }
-      if (debug) {
-        console.warn(`[TokenRetry] Attempt ${attempt + 1} failed, retrying in ${delay}ms...`);
-      }
-      await sleep(delay);
-      delay = Math.min(delay * backoffMultiplier, maxDelay);
-    }
-  }
-  throw lastError;
-}
-function isRetryableError(error) {
-  const message = error.message.toLowerCase();
-  if (message.includes("network") || message.includes("timeout") || message.includes("fetch") || message.includes("connection")) {
-    return true;
-  }
-  if (message.includes("500") || message.includes("502") || message.includes("503")) {
-    return true;
-  }
-  if (message.includes("429") || message.includes("rate limit")) {
-    return true;
-  }
-  if (message.includes("token") && message.includes("expired")) {
-    return true;
-  }
-  return false;
-}
-function sleep(ms) {
-  return new Promise((resolve) => setTimeout(resolve, ms));
-}
-function createRetryWrapper(fn, config = {}) {
-  return (...args) => {
-    return retryWithBackoff(() => fn(...args), config);
-  };
-}
-
-// src/utils/debugLogger.ts
-var DebugLogger = class {
-  constructor(config = {}) {
-    this.config = {
-      enabled: config.enabled ?? false,
-      prefix: config.prefix ?? "[MSAL-Next]",
-      showTimestamp: config.showTimestamp ?? true,
-      level: config.level ?? "info"
-    };
-  }
-  shouldLog(level) {
-    if (!this.config.enabled) return false;
-    const levels = ["error", "warn", "info", "debug"];
-    const currentLevelIndex = levels.indexOf(this.config.level);
-    const messageLevelIndex = levels.indexOf(level);
-    return messageLevelIndex <= currentLevelIndex;
-  }
-  formatMessage(level, message, data) {
-    const timestamp = this.config.showTimestamp ? `[${(/* @__PURE__ */ new Date()).toISOString()}]` : "";
-    const prefix = this.config.prefix;
-    const levelStr = `[${level.toUpperCase()}]`;
-    let formatted = `${timestamp} ${prefix} ${levelStr} ${message}`;
-    if (data !== void 0) {
-      formatted += "\n" + JSON.stringify(data, null, 2);
-    }
-    return formatted;
-  }
-  error(message, data) {
-    if (this.shouldLog("error")) {
-      console.error(this.formatMessage("error", message, data));
-    }
-  }
-  warn(message, data) {
-    if (this.shouldLog("warn")) {
-      console.warn(this.formatMessage("warn", message, data));
-    }
-  }
-  info(message, data) {
-    if (this.shouldLog("info")) {
-      console.info(this.formatMessage("info", message, data));
-    }
-  }
-  debug(message, data) {
-    if (this.shouldLog("debug")) {
-      console.debug(this.formatMessage("debug", message, data));
-    }
-  }
-  group(label) {
-    if (this.config.enabled) {
-      console.group(`${this.config.prefix} ${label}`);
-    }
-  }
-  groupEnd() {
-    if (this.config.enabled) {
-      console.groupEnd();
-    }
-  }
-  setEnabled(enabled) {
-    this.config.enabled = enabled;
-  }
-  setLevel(level) {
-    if (level) {
-      this.config.level = level;
-    }
-  }
-};
-var globalLogger = null;
-function getDebugLogger(config) {
-  if (!globalLogger) {
-    globalLogger = new DebugLogger(config);
-  } else if (config) {
-    if (config.enabled !== void 0) {
-      globalLogger.setEnabled(config.enabled);
-    }
-    if (config.level) {
-      globalLogger.setLevel(config.level);
-    }
-  }
-  return globalLogger;
-}
-function createScopedLogger(scope, config) {
-  return new DebugLogger({
-    ...config,
-    prefix: `[MSAL-Next:${scope}]`
-  });
-}
-function createAuthMiddleware(config = {}) {
-  const {
-    protectedRoutes = [],
-    publicOnlyRoutes = [],
-    loginPath = "/login",
-    redirectAfterLogin = "/",
-    sessionCookie = "msal.account",
-    isAuthenticated: customAuthCheck,
-    debug = false
-  } = config;
-  return async function authMiddleware(request) {
-    const { pathname } = request.nextUrl;
-    if (debug) {
-      console.log("[AuthMiddleware] Processing:", pathname);
-    }
-    let authenticated = false;
-    if (customAuthCheck) {
-      authenticated = await customAuthCheck(request);
-    } else {
-      const sessionData = request.cookies.get(sessionCookie);
-      authenticated = !!sessionData?.value;
-    }
-    if (debug) {
-      console.log("[AuthMiddleware] Authenticated:", authenticated);
-    }
-    const isProtectedRoute = protectedRoutes.some(
-      (route) => pathname.startsWith(route)
-    );
-    const isPublicOnlyRoute = publicOnlyRoutes.some(
-      (route) => pathname.startsWith(route)
-    );
-    if (isProtectedRoute && !authenticated) {
-      if (debug) {
-        console.log("[AuthMiddleware] Redirecting to login");
-      }
-      const url = request.nextUrl.clone();
-      url.pathname = loginPath;
-      url.searchParams.set("returnUrl", pathname);
-      return server.NextResponse.redirect(url);
-    }
-    if (isPublicOnlyRoute && authenticated) {
-      if (debug) {
-        console.log("[AuthMiddleware] Redirecting to home");
-      }
-      const returnUrl = request.nextUrl.searchParams.get("returnUrl");
-      const url = request.nextUrl.clone();
-      url.pathname = returnUrl || redirectAfterLogin;
-      url.searchParams.delete("returnUrl");
-      return server.NextResponse.redirect(url);
-    }
-    const response = server.NextResponse.next();
-    if (authenticated) {
-      response.headers.set("x-msal-authenticated", "true");
-      try {
-        const sessionData = request.cookies.get(sessionCookie);
-        if (sessionData?.value) {
-          const account = JSON.parse(sessionData.value);
-          if (account.username) {
-            response.headers.set("x-msal-username", account.username);
-          }
-        }
-      } catch (error) {
-      }
-    }
-    return response;
-  };
-}
-
-Object.defineProperty(exports, "useAccount", {
-  enumerable: true,
-  get: function () { return msalReact.useAccount; }
-});
-Object.defineProperty(exports, "useIsAuthenticated", {
-  enumerable: true,
-  get: function () { return msalReact.useIsAuthenticated; }
-});
-Object.defineProperty(exports, "useMsal", {
-  enumerable: true,
-  get: function () { return msalReact.useMsal; }
-});
-exports.AuthGuard = AuthGuard;
-exports.AuthStatus = AuthStatus;
-exports.ErrorBoundary = ErrorBoundary;
-exports.MicrosoftSignInButton = MicrosoftSignInButton;
-exports.MsalAuthProvider = MsalAuthProvider;
-exports.SignOutButton = SignOutButton;
-exports.UserAvatar = UserAvatar;
-exports.createAuthMiddleware = createAuthMiddleware;
-exports.createMsalConfig = createMsalConfig;
-exports.createRetryWrapper = createRetryWrapper;
-exports.createScopedLogger = createScopedLogger;
-exports.getDebugLogger = getDebugLogger;
-exports.getMsalInstance = getMsalInstance;
-exports.retryWithBackoff = retryWithBackoff;
-exports.useGraphApi = useGraphApi;
-exports.useMsalAuth = useMsalAuth;
-exports.useRoles = useRoles;
-exports.useUserProfile = useUserProfile;
-exports.withAuth = withAuth;
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+'use strict';var msalReact=require('@azure/msal-react'),msalBrowser=require('@azure/msal-browser'),react=require('react'),jsxRuntime=require('react/jsx-runtime'),server=require('next/server');function G(r){if(r.msalConfig)return r.msalConfig;let{clientId:e,tenantId:o,authorityType:s="common",redirectUri:n,postLogoutRedirectUri:u,cacheLocation:p="sessionStorage",storeAuthStateInCookie:l=false,navigateToLoginRequestUrl:c=true,enableLogging:i=false,loggerCallback:f}=r;if(!e)throw new Error("@chemmangat/msal-next: clientId is required");let g=()=>{if(s==="tenant"){if(!o)throw new Error('@chemmangat/msal-next: tenantId is required when authorityType is "tenant"');return `https://login.microsoftonline.com/${o}`}return `https://login.microsoftonline.com/${s}`},h=typeof window<"u"?window.location.origin:"http://localhost:3000",d=n||h;return {auth:{clientId:e,authority:g(),redirectUri:d,postLogoutRedirectUri:u||d,navigateToLoginRequestUrl:c},cache:{cacheLocation:p,storeAuthStateInCookie:l},system:{loggerOptions:{loggerCallback:f||((a,t,y)=>{if(!(y||!i))switch(a){case msalBrowser.LogLevel.Error:console.error("[MSAL]",t);break;case msalBrowser.LogLevel.Warning:console.warn("[MSAL]",t);break;case msalBrowser.LogLevel.Info:console.info("[MSAL]",t);break;case msalBrowser.LogLevel.Verbose:console.debug("[MSAL]",t);break}}),logLevel:i?msalBrowser.LogLevel.Verbose:msalBrowser.LogLevel.Error}}}}var Q=null;function pe(){return Q}function de({children:r,loadingComponent:e,onInitialized:o,...s}){let[n,u]=react.useState(null),p=react.useRef(null);return react.useEffect(()=>{if(typeof window>"u"||p.current)return;(async()=>{try{let c=G(s),i=new msalBrowser.PublicClientApplication(c);await i.initialize(),await i.handleRedirectPromise()&&s.enableLogging&&console.log("[MSAL] Redirect authentication successful");let g=s.enableLogging||!1;i.addEventCallback(h=>{if(h.eventType===msalBrowser.EventType.LOGIN_SUCCESS&&g){let d=h.payload;console.log("[MSAL] Login successful:",d.account?.username);}h.eventType===msalBrowser.EventType.LOGIN_FAILURE&&console.error("[MSAL] Login failed:",h.error),h.eventType===msalBrowser.EventType.LOGOUT_SUCCESS&&g&&console.log("[MSAL] Logout successful");}),p.current=i,Q=i,u(i),o&&o(i);}catch(c){throw console.error("[MSAL] Initialization failed:",c),c}})();},[]),typeof window>"u"?jsxRuntime.jsx(jsxRuntime.Fragment,{children:e||jsxRuntime.jsx("div",{children:"Loading authentication..."})}):n?jsxRuntime.jsx(msalReact.MsalProvider,{instance:n,children:r}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:e||jsxRuntime.jsx("div",{children:"Loading authentication..."})})}function A(r=["User.Read"]){let{instance:e,accounts:o,inProgress:s}=msalReact.useMsal(),n=msalReact.useAccount(o[0]||null),u=react.useMemo(()=>o.length>0,[o]),p=react.useCallback(async(a=r)=>{try{let t={scopes:a,prompt:"select_account"};await e.loginPopup(t);}catch(t){throw console.error("[MSAL] Login popup failed:",t),t}},[e,r]),l=react.useCallback(async(a=r)=>{try{let t={scopes:a,prompt:"select_account"};await e.loginRedirect(t);}catch(t){throw console.error("[MSAL] Login redirect failed:",t),t}},[e,r]),c=react.useCallback(async()=>{try{await e.logoutPopup({account:n||void 0});}catch(a){throw console.error("[MSAL] Logout popup failed:",a),a}},[e,n]),i=react.useCallback(async()=>{try{await e.logoutRedirect({account:n||void 0});}catch(a){throw console.error("[MSAL] Logout redirect failed:",a),a}},[e,n]),f=react.useCallback(async(a=r)=>{if(!n)throw new Error("[MSAL] No active account. Please login first.");try{let t={scopes:a,account:n,forceRefresh:!1};return (await e.acquireTokenSilent(t)).accessToken}catch(t){throw console.error("[MSAL] Silent token acquisition failed:",t),t}},[e,n,r]),g=react.useCallback(async(a=r)=>{if(!n)throw new Error("[MSAL] No active account. Please login first.");try{let t={scopes:a,account:n};return (await e.acquireTokenPopup(t)).accessToken}catch(t){throw console.error("[MSAL] Token popup acquisition failed:",t),t}},[e,n,r]),h=react.useCallback(async(a=r)=>{if(!n)throw new Error("[MSAL] No active account. Please login first.");try{let t={scopes:a,account:n};await e.acquireTokenRedirect(t);}catch(t){throw console.error("[MSAL] Token redirect acquisition failed:",t),t}},[e,n,r]),d=react.useCallback(async(a=r)=>{try{return await f(a)}catch{return console.warn("[MSAL] Silent token acquisition failed, falling back to popup"),await g(a)}},[f,g,r]),m=react.useCallback(async()=>{e.setActiveAccount(null),await e.clearCache();},[e]);return {account:n,accounts:o,isAuthenticated:u,inProgress:s!==msalBrowser.InteractionStatus.None,loginPopup:p,loginRedirect:l,logoutPopup:c,logoutRedirect:i,acquireToken:d,acquireTokenSilent:f,acquireTokenPopup:g,acquireTokenRedirect:h,clearSession:m}}function ye({text:r="Sign in with Microsoft",variant:e="dark",size:o="medium",useRedirect:s=false,scopes:n,className:u="",style:p,onSuccess:l,onError:c}){let{loginPopup:i,loginRedirect:f,inProgress:g}=A(),h=async()=>{try{s?await f(n):await i(n),l?.();}catch(t){c?.(t);}},d={small:{padding:"8px 16px",fontSize:"14px",height:"36px"},medium:{padding:"10px 20px",fontSize:"15px",height:"41px"},large:{padding:"12px 24px",fontSize:"16px",height:"48px"}},a={display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"12px",fontFamily:'"Segoe UI", Tahoma, Geneva, Verdana, sans-serif',fontWeight:600,borderRadius:"2px",cursor:g?"not-allowed":"pointer",transition:"all 0.2s ease",opacity:g?.6:1,...{dark:{backgroundColor:"#2F2F2F",color:"#FFFFFF",border:"1px solid #8C8C8C"},light:{backgroundColor:"#FFFFFF",color:"#5E5E5E",border:"1px solid #8C8C8C"}}[e],...d[o],...p};return jsxRuntime.jsxs("button",{onClick:h,disabled:g,className:u,style:a,"aria-label":r,children:[jsxRuntime.jsx(Ae,{}),jsxRuntime.jsx("span",{children:r})]})}function Ae(){return jsxRuntime.jsxs("svg",{width:"21",height:"21",viewBox:"0 0 21 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{width:"10",height:"10",fill:"#F25022"}),jsxRuntime.jsx("rect",{x:"11",width:"10",height:"10",fill:"#7FBA00"}),jsxRuntime.jsx("rect",{y:"11",width:"10",height:"10",fill:"#00A4EF"}),jsxRuntime.jsx("rect",{x:"11",y:"11",width:"10",height:"10",fill:"#FFB900"})]})}function be({text:r="Sign out",variant:e="dark",size:o="medium",useRedirect:s=false,className:n="",style:u,onSuccess:p,onError:l}){let{logoutPopup:c,logoutRedirect:i,inProgress:f}=A(),g=async()=>{try{s?await i():await c(),p?.();}catch(a){l?.(a);}},h={small:{padding:"8px 16px",fontSize:"14px",height:"36px"},medium:{padding:"10px 20px",fontSize:"15px",height:"41px"},large:{padding:"12px 24px",fontSize:"16px",height:"48px"}},m={display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"12px",fontFamily:'"Segoe UI", Tahoma, Geneva, Verdana, sans-serif',fontWeight:600,borderRadius:"2px",cursor:f?"not-allowed":"pointer",transition:"all 0.2s ease",opacity:f?.6:1,...{dark:{backgroundColor:"#2F2F2F",color:"#FFFFFF",border:"1px solid #8C8C8C"},light:{backgroundColor:"#FFFFFF",color:"#5E5E5E",border:"1px solid #8C8C8C"}}[e],...h[o],...u};return jsxRuntime.jsxs("button",{onClick:g,disabled:f,className:n,style:m,"aria-label":r,children:[jsxRuntime.jsx(xe,{}),jsxRuntime.jsx("span",{children:r})]})}function xe(){return jsxRuntime.jsxs("svg",{width:"21",height:"21",viewBox:"0 0 21 21",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("rect",{width:"10",height:"10",fill:"#F25022"}),jsxRuntime.jsx("rect",{x:"11",width:"10",height:"10",fill:"#7FBA00"}),jsxRuntime.jsx("rect",{y:"11",width:"10",height:"10",fill:"#00A4EF"}),jsxRuntime.jsx("rect",{x:"11",y:"11",width:"10",height:"10",fill:"#FFB900"})]})}function T(){let{acquireToken:r}=A(),e=react.useCallback(async(l,c={})=>{let{scopes:i=["User.Read"],version:f="v1.0",debug:g=false,...h}=c;try{let d=await r(i),m=`https://graph.microsoft.com/${f}`,a=l.startsWith("http")?l:`${m}${l.startsWith("/")?l:`/${l}`}`;g&&console.log("[GraphAPI] Request:",{url:a,method:h.method||"GET"});let t=await fetch(a,{...h,headers:{Authorization:`Bearer ${d}`,"Content-Type":"application/json",...h.headers}});if(!t.ok){let U=await t.text();throw new Error(`Graph API error (${t.status}): ${U}`)}if(t.status===204||t.headers.get("content-length")==="0")return null;let y=await t.json();return g&&console.log("[GraphAPI] Response:",y),y}catch(d){throw console.error("[GraphAPI] Request failed:",d),d}},[r]),o=react.useCallback((l,c={})=>e(l,{...c,method:"GET"}),[e]),s=react.useCallback((l,c,i={})=>e(l,{...i,method:"POST",body:c?JSON.stringify(c):void 0}),[e]),n=react.useCallback((l,c,i={})=>e(l,{...i,method:"PUT",body:c?JSON.stringify(c):void 0}),[e]),u=react.useCallback((l,c,i={})=>e(l,{...i,method:"PATCH",body:c?JSON.stringify(c):void 0}),[e]),p=react.useCallback((l,c={})=>e(l,{...c,method:"DELETE"}),[e]);return {get:o,post:s,put:n,patch:u,delete:p,request:e}}var q=new Map,ve=300*1e3;function B(){let{isAuthenticated:r,account:e}=A(),o=T(),[s,n]=react.useState(null),[u,p]=react.useState(false),[l,c]=react.useState(null),i=react.useCallback(async()=>{if(!r||!e){n(null);return}let g=e.homeAccountId,h=q.get(g);if(h&&Date.now()-h.timestamp<ve){n(h.data);return}p(true),c(null);try{let d=await o.get("/me",{scopes:["User.Read"]}),m;try{let t=await o.get("/me/photo/$value",{scopes:["User.Read"],headers:{"Content-Type":"image/jpeg"}});t&&(m=URL.createObjectURL(t));}catch{console.debug("[UserProfile] Photo not available");}let a={id:d.id,displayName:d.displayName,givenName:d.givenName,surname:d.surname,userPrincipalName:d.userPrincipalName,mail:d.mail,jobTitle:d.jobTitle,officeLocation:d.officeLocation,mobilePhone:d.mobilePhone,businessPhones:d.businessPhones,photo:m};q.set(g,{data:a,timestamp:Date.now()}),n(a);}catch(d){let m=d;c(m),console.error("[UserProfile] Failed to fetch profile:",m);}finally{p(false);}},[r,e,o]),f=react.useCallback(()=>{e&&q.delete(e.homeAccountId),n(null);},[e]);return react.useEffect(()=>{i();},[i]),{profile:s,loading:u,error:l,refetch:i,clearCache:f}}function Re({size:r=40,className:e="",style:o,showTooltip:s=true,fallbackImage:n}){let{profile:u,loading:p}=B(),[l,c]=react.useState(null),[i,f]=react.useState(false);react.useEffect(()=>{u?.photo&&c(u.photo);},[u?.photo]);let g=()=>{if(!u)return "?";let{givenName:m,surname:a,displayName:t}=u;if(m&&a)return `${m[0]}${a[0]}`.toUpperCase();if(t){let y=t.split(" ");return y.length>=2?`${y[0][0]}${y[y.length-1][0]}`.toUpperCase():t.substring(0,2).toUpperCase()}return "?"},h={width:`${r}px`,height:`${r}px`,borderRadius:"50%",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:`${r*.4}px`,fontWeight:600,fontFamily:'"Segoe UI", Tahoma, Geneva, Verdana, sans-serif',backgroundColor:"#0078D4",color:"#FFFFFF",overflow:"hidden",userSelect:"none",...o},d=u?.displayName||"User";return p?jsxRuntime.jsx("div",{className:e,style:{...h,backgroundColor:"#E1E1E1"},"aria-label":"Loading user avatar",children:jsxRuntime.jsx("span",{style:{fontSize:`${r*.3}px`},children:"..."})}):l&&!i?jsxRuntime.jsx("div",{className:e,style:h,title:s?d:void 0,"aria-label":`${d} avatar`,children:jsxRuntime.jsx("img",{src:l,alt:d,style:{width:"100%",height:"100%",objectFit:"cover"},onError:()=>{f(true),n&&c(n);}})}):jsxRuntime.jsx("div",{className:e,style:h,title:s?d:void 0,"aria-label":`${d} avatar`,children:g()})}function Ce({className:r="",style:e,showDetails:o=false,renderLoading:s,renderAuthenticated:n,renderUnauthenticated:u}){let{isAuthenticated:p,inProgress:l,account:c}=A(),i={display:"inline-flex",alignItems:"center",gap:"8px",padding:"8px 12px",borderRadius:"4px",fontFamily:'"Segoe UI", Tahoma, Geneva, Verdana, sans-serif',fontSize:"14px",fontWeight:500,...e};if(l)return s?jsxRuntime.jsx(jsxRuntime.Fragment,{children:s()}):jsxRuntime.jsxs("div",{className:r,style:{...i,backgroundColor:"#FFF4CE",color:"#8A6D3B"},role:"status","aria-live":"polite",children:[jsxRuntime.jsx($,{color:"#FFA500"}),jsxRuntime.jsx("span",{children:"Loading..."})]});if(p){let f=c?.username||c?.name||"User";return n?jsxRuntime.jsx(jsxRuntime.Fragment,{children:n(f)}):jsxRuntime.jsxs("div",{className:r,style:{...i,backgroundColor:"#D4EDDA",color:"#155724"},role:"status","aria-live":"polite",children:[jsxRuntime.jsx($,{color:"#28A745"}),jsxRuntime.jsx("span",{children:o?`Authenticated as ${f}`:"Authenticated"})]})}return u?jsxRuntime.jsx(jsxRuntime.Fragment,{children:u()}):jsxRuntime.jsxs("div",{className:r,style:{...i,backgroundColor:"#F8D7DA",color:"#721C24"},role:"status","aria-live":"polite",children:[jsxRuntime.jsx($,{color:"#DC3545"}),jsxRuntime.jsx("span",{children:"Not authenticated"})]})}function $({color:r}){return jsxRuntime.jsx("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("circle",{cx:"4",cy:"4",r:"4",fill:r})})}function _({children:r,loadingComponent:e,fallbackComponent:o,useRedirect:s=true,scopes:n,onAuthRequired:u}){let{isAuthenticated:p,inProgress:l,loginRedirect:c,loginPopup:i}=A();return react.useEffect(()=>{!p&&!l&&(u?.(),(async()=>{try{s?await c(n):await i(n);}catch(g){console.error("[AuthGuard] Authentication failed:",g);}})());},[p,l,s,n,c,i,u]),l?jsxRuntime.jsx(jsxRuntime.Fragment,{children:e||jsxRuntime.jsx("div",{children:"Authenticating..."})}):p?jsxRuntime.jsx(jsxRuntime.Fragment,{children:r}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:o||jsxRuntime.jsx("div",{children:"Redirecting to login..."})})}var j=class extends react.Component{constructor(o){super(o);this.reset=()=>{this.setState({hasError:false,error:null});};this.state={hasError:false,error:null};}static getDerivedStateFromError(o){return {hasError:true,error:o}}componentDidCatch(o,s){let{onError:n,debug:u}=this.props;u&&(console.error("[ErrorBoundary] Caught error:",o),console.error("[ErrorBoundary] Error info:",s)),n?.(o,s);}render(){let{hasError:o,error:s}=this.state,{children:n,fallback:u}=this.props;return o&&s?u?u(s,this.reset):jsxRuntime.jsxs("div",{style:{padding:"20px",margin:"20px",border:"1px solid #DC3545",borderRadius:"4px",backgroundColor:"#F8D7DA",color:"#721C24",fontFamily:'"Segoe UI", Tahoma, Geneva, Verdana, sans-serif'},children:[jsxRuntime.jsx("h2",{style:{margin:"0 0 10px 0",fontSize:"18px"},children:"Authentication Error"}),jsxRuntime.jsx("p",{style:{margin:"0 0 10px 0"},children:s.message}),jsxRuntime.jsx("button",{onClick:this.reset,style:{padding:"8px 16px",backgroundColor:"#DC3545",color:"#FFFFFF",border:"none",borderRadius:"4px",cursor:"pointer",fontSize:"14px",fontWeight:600},children:"Try Again"})]}):n}};var re=new Map,ke=300*1e3;function Le(){let{isAuthenticated:r,account:e}=A(),o=T(),[s,n]=react.useState([]),[u,p]=react.useState([]),[l,c]=react.useState(false),[i,f]=react.useState(null),g=react.useCallback(async()=>{if(!r||!e){n([]),p([]);return}let t=e.homeAccountId,y=re.get(t);if(y&&Date.now()-y.timestamp<ke){n(y.roles),p(y.groups);return}c(true),f(null);try{let C=e.idTokenClaims?.roles||[],F=(await o.get("/me/memberOf",{scopes:["User.Read","Directory.Read.All"]})).value.map(ie=>ie.id);re.set(t,{roles:C,groups:F,timestamp:Date.now()}),n(C),p(F);}catch(U){let C=U;f(C),console.error("[Roles] Failed to fetch roles/groups:",C);let F=e.idTokenClaims?.roles||[];n(F);}finally{c(false);}},[r,e,o]),h=react.useCallback(t=>s.includes(t),[s]),d=react.useCallback(t=>u.includes(t),[u]),m=react.useCallback(t=>t.some(y=>s.includes(y)),[s]),a=react.useCallback(t=>t.every(y=>s.includes(y)),[s]);return react.useEffect(()=>{g();},[g]),{roles:s,groups:u,loading:l,error:i,hasRole:h,hasGroup:d,hasAnyRole:m,hasAllRoles:a,refetch:g}}function Ue(r,e={}){let{displayName:o,...s}=e,n=u=>jsxRuntime.jsx(_,{...s,children:jsxRuntime.jsx(r,{...u})});return n.displayName=o||`withAuth(${r.displayName||r.name||"Component"})`,n}async function oe(r,e={}){let{maxRetries:o=3,initialDelay:s=1e3,maxDelay:n=1e4,backoffMultiplier:u=2,debug:p=false}=e,l,c=s;for(let i=0;i<=o;i++)try{return p&&i>0&&console.log(`[TokenRetry] Attempt ${i+1}/${o+1}`),await r()}catch(f){if(l=f,i===o){p&&console.error("[TokenRetry] All retry attempts failed");break}if(!Fe(f))throw p&&console.log("[TokenRetry] Non-retryable error, aborting"),f;p&&console.warn(`[TokenRetry] Attempt ${i+1} failed, retrying in ${c}ms...`),await Ne(c),c=Math.min(c*u,n);}throw l}function Fe(r){let e=r.message.toLowerCase();return !!(e.includes("network")||e.includes("timeout")||e.includes("fetch")||e.includes("connection")||e.includes("500")||e.includes("502")||e.includes("503")||e.includes("429")||e.includes("rate limit")||e.includes("token")&&e.includes("expired"))}function Ne(r){return new Promise(e=>setTimeout(e,r))}function Ie(r,e={}){return (...o)=>oe(()=>r(...o),e)}var I=class{constructor(e={}){this.config={enabled:e.enabled??false,prefix:e.prefix??"[MSAL-Next]",showTimestamp:e.showTimestamp??true,level:e.level??"info"};}shouldLog(e){if(!this.config.enabled)return  false;let o=["error","warn","info","debug"],s=o.indexOf(this.config.level);return o.indexOf(e)<=s}formatMessage(e,o,s){let n=this.config.showTimestamp?`[${new Date().toISOString()}]`:"",u=this.config.prefix,p=`[${e.toUpperCase()}]`,l=`${n} ${u} ${p} ${o}`;return s!==void 0&&(l+=`
+`+JSON.stringify(s,null,2)),l}error(e,o){this.shouldLog("error")&&console.error(this.formatMessage("error",e,o));}warn(e,o){this.shouldLog("warn")&&console.warn(this.formatMessage("warn",e,o));}info(e,o){this.shouldLog("info")&&console.info(this.formatMessage("info",e,o));}debug(e,o){this.shouldLog("debug")&&console.debug(this.formatMessage("debug",e,o));}group(e){this.config.enabled&&console.group(`${this.config.prefix} ${e}`);}groupEnd(){this.config.enabled&&console.groupEnd();}setEnabled(e){this.config.enabled=e;}setLevel(e){e&&(this.config.level=e);}},L=null;function Ge(r){return L?r&&(r.enabled!==void 0&&L.setEnabled(r.enabled),r.level&&L.setLevel(r.level)):L=new I(r),L}function Oe(r,e){return new I({...e,prefix:`[MSAL-Next:${r}]`})}function De(r={}){let{protectedRoutes:e=[],publicOnlyRoutes:o=[],loginPath:s="/login",redirectAfterLogin:n="/",sessionCookie:u="msal.account",isAuthenticated:p,debug:l=false}=r;return async function(i){let{pathname:f}=i.nextUrl;l&&console.log("[AuthMiddleware] Processing:",f);let g=false;p?g=await p(i):g=!!i.cookies.get(u)?.value,l&&console.log("[AuthMiddleware] Authenticated:",g);let h=e.some(a=>f.startsWith(a)),d=o.some(a=>f.startsWith(a));if(h&&!g){l&&console.log("[AuthMiddleware] Redirecting to login");let a=i.nextUrl.clone();return a.pathname=s,a.searchParams.set("returnUrl",f),server.NextResponse.redirect(a)}if(d&&g){l&&console.log("[AuthMiddleware] Redirecting to home");let a=i.nextUrl.searchParams.get("returnUrl"),t=i.nextUrl.clone();return t.pathname=a||n,t.searchParams.delete("returnUrl"),server.NextResponse.redirect(t)}let m=server.NextResponse.next();if(g){m.headers.set("x-msal-authenticated","true");try{let a=i.cookies.get(u);if(a?.value){let t=JSON.parse(a.value);t.username&&m.headers.set("x-msal-username",t.username);}}catch{}}return m}}Object.defineProperty(exports,"useAccount",{enumerable:true,get:function(){return msalReact.useAccount}});Object.defineProperty(exports,"useIsAuthenticated",{enumerable:true,get:function(){return msalReact.useIsAuthenticated}});Object.defineProperty(exports,"useMsal",{enumerable:true,get:function(){return msalReact.useMsal}});exports.AuthGuard=_;exports.AuthStatus=Ce;exports.ErrorBoundary=j;exports.MicrosoftSignInButton=ye;exports.MsalAuthProvider=de;exports.SignOutButton=be;exports.UserAvatar=Re;exports.createAuthMiddleware=De;exports.createMsalConfig=G;exports.createRetryWrapper=Ie;exports.createScopedLogger=Oe;exports.getDebugLogger=Ge;exports.getMsalInstance=pe;exports.retryWithBackoff=oe;exports.useGraphApi=T;exports.useMsalAuth=A;exports.useRoles=Le;exports.useUserProfile=B;exports.withAuth=Ue;