@azure/msal-react 2.0.21 → 2.1.0

package/dist/MsalContext.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
-import { IPublicClientApplication, Logger, InteractionStatus, AccountInfo } from "@azure/msal-browser";
-export interface IMsalContext {
-    instance: IPublicClientApplication;
-    inProgress: InteractionStatus;
-    accounts: AccountInfo[];
-    logger: Logger;
-}
-export declare const MsalContext: React.Context<IMsalContext>;
-export declare const MsalConsumer: React.Consumer<IMsalContext>;
+import * as React from "react";
+import { IPublicClientApplication, Logger, InteractionStatus, AccountInfo } from "@azure/msal-browser";
+export interface IMsalContext {
+    instance: IPublicClientApplication;
+    inProgress: InteractionStatus;
+    accounts: AccountInfo[];
+    logger: Logger;
+}
+export declare const MsalContext: React.Context<IMsalContext>;
+export declare const MsalConsumer: React.Consumer<IMsalContext>;

package/dist/MsalContext.js

@@ -1,23 +1,23 @@
-/*! @azure/msal-react v2.0.21 2024-07-16 */
+/*! @azure/msal-react v2.1.0 2024-09-20 */
 'use strict';
 import * as React from 'react';
 import { stubbedPublicClientApplication, InteractionStatus, Logger } from '@azure/msal-browser';
 
-/*
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the MIT License.
- */
-/*
- * Stubbed context implementation
- * Only used when there is no provider, which is an unsupported scenario
- */
-const defaultMsalContext = {
-    instance: stubbedPublicClientApplication,
-    inProgress: InteractionStatus.None,
-    accounts: [],
-    logger: new Logger({}),
-};
-const MsalContext = React.createContext(defaultMsalContext);
+/*
+ * Copyright (c) Microsoft Corporation. All rights reserved.
+ * Licensed under the MIT License.
+ */
+/*
+ * Stubbed context implementation
+ * Only used when there is no provider, which is an unsupported scenario
+ */
+const defaultMsalContext = {
+    instance: stubbedPublicClientApplication,
+    inProgress: InteractionStatus.None,
+    accounts: [],
+    logger: new Logger({}),
+};
+const MsalContext = React.createContext(defaultMsalContext);
 const MsalConsumer = MsalContext.Consumer;
 
 export { MsalConsumer, MsalContext };

package/dist/MsalProvider.d.ts

@@ -1,9 +1,9 @@
-import React, { PropsWithChildren } from "react";
-import { IPublicClientApplication } from "@azure/msal-browser";
-export type MsalProviderProps = PropsWithChildren<{
-    instance: IPublicClientApplication;
-}>;
-/**
- * MSAL context provider component. This must be rendered above any other components that use MSAL.
- */
-export declare function MsalProvider({ instance, children, }: MsalProviderProps): React.ReactElement;
+import React, { PropsWithChildren } from "react";
+import { IPublicClientApplication } from "@azure/msal-browser";
+export type MsalProviderProps = PropsWithChildren<{
+    instance: IPublicClientApplication;
+}>;
+/**
+ * MSAL context provider component. This must be rendered above any other components that use MSAL.
+ */
+export declare function MsalProvider({ instance, children, }: MsalProviderProps): React.ReactElement;

package/dist/MsalProvider.js

@@ -1,4 +1,4 @@
-/*! @azure/msal-react v2.0.21 2024-07-16 */
+/*! @azure/msal-react v2.1.0 2024-09-20 */
 'use strict';
 import React__default, { useEffect, useMemo, useReducer } from 'react';
 import { WrapperSKU, InteractionStatus, EventMessageUtils } from '@azure/msal-browser';
@@ -6,141 +6,141 @@ import { MsalContext } from './MsalContext.js';
 import { accountArraysAreEqual } from './utils/utilities.js';
 import { version, name } from './packageMetadata.js';
 
-/*
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the MIT License.
- */
-const MsalProviderActionType = {
-    UNBLOCK_INPROGRESS: "UNBLOCK_INPROGRESS",
-    EVENT: "EVENT",
-};
-/**
- * Returns the next inProgress and accounts state based on event message
- * @param previousState
- * @param action
- */
-const reducer = (previousState, action) => {
-    const { type, payload } = action;
-    let newInProgress = previousState.inProgress;
-    switch (type) {
-        case MsalProviderActionType.UNBLOCK_INPROGRESS:
-            if (previousState.inProgress === InteractionStatus.Startup) {
-                newInProgress = InteractionStatus.None;
-                payload.logger.info("MsalProvider - handleRedirectPromise resolved, setting inProgress to 'none'");
-            }
-            break;
-        case MsalProviderActionType.EVENT:
-            const message = payload.message;
-            const status = EventMessageUtils.getInteractionStatusFromEvent(message, previousState.inProgress);
-            if (status) {
-                payload.logger.info(`MsalProvider - ${message.eventType} results in setting inProgress from ${previousState.inProgress} to ${status}`);
-                newInProgress = status;
-            }
-            break;
-        default:
-            throw new Error(`Unknown action type: ${type}`);
-    }
-    const currentAccounts = payload.instance.getAllAccounts();
-    if (newInProgress !== previousState.inProgress &&
-        !accountArraysAreEqual(currentAccounts, previousState.accounts)) {
-        // Both inProgress and accounts changed
-        return {
-            ...previousState,
-            inProgress: newInProgress,
-            accounts: currentAccounts,
-        };
-    }
-    else if (newInProgress !== previousState.inProgress) {
-        // Only only inProgress changed
-        return {
-            ...previousState,
-            inProgress: newInProgress,
-        };
-    }
-    else if (!accountArraysAreEqual(currentAccounts, previousState.accounts)) {
-        // Only accounts changed
-        return {
-            ...previousState,
-            accounts: currentAccounts,
-        };
-    }
-    else {
-        // Nothing changed
-        return previousState;
-    }
-};
-/**
- * MSAL context provider component. This must be rendered above any other components that use MSAL.
- */
-function MsalProvider({ instance, children, }) {
-    useEffect(() => {
-        instance.initializeWrapperLibrary(WrapperSKU.React, version);
-    }, [instance]);
-    // Create a logger instance for msal-react with the same options as PublicClientApplication
-    const logger = useMemo(() => {
-        return instance.getLogger().clone(name, version);
-    }, [instance]);
-    const [state, updateState] = useReducer(reducer, undefined, () => {
-        // Lazy initialization of the initial state
-        return {
-            inProgress: InteractionStatus.Startup,
-            accounts: instance.getAllAccounts(),
-        };
-    });
-    useEffect(() => {
-        const callbackId = instance.addEventCallback((message) => {
-            updateState({
-                payload: {
-                    instance,
-                    logger,
-                    message,
-                },
-                type: MsalProviderActionType.EVENT,
-            });
-        });
-        logger.verbose(`MsalProvider - Registered event callback with id: ${callbackId}`);
-        instance
-            .initialize()
-            .then(() => {
-            instance
-                .handleRedirectPromise()
-                .catch(() => {
-                // Errors should be handled by listening to the LOGIN_FAILURE event
-                return;
-            })
-                .finally(() => {
-                /*
-                 * If handleRedirectPromise returns a cached promise the necessary events may not be fired
-                 * This is a fallback to prevent inProgress from getting stuck in 'startup'
-                 */
-                updateState({
-                    payload: {
-                        instance,
-                        logger,
-                    },
-                    type: MsalProviderActionType.UNBLOCK_INPROGRESS,
-                });
-            });
-        })
-            .catch(() => {
-            // Errors should be handled by listening to the LOGIN_FAILURE event
-            return;
-        });
-        return () => {
-            // Remove callback when component unmounts or accounts change
-            if (callbackId) {
-                logger.verbose(`MsalProvider - Removing event callback ${callbackId}`);
-                instance.removeEventCallback(callbackId);
-            }
-        };
-    }, [instance, logger]);
-    const contextValue = {
-        instance,
-        inProgress: state.inProgress,
-        accounts: state.accounts,
-        logger,
-    };
-    return (React__default.createElement(MsalContext.Provider, { value: contextValue }, children));
+/*
+ * Copyright (c) Microsoft Corporation. All rights reserved.
+ * Licensed under the MIT License.
+ */
+const MsalProviderActionType = {
+    UNBLOCK_INPROGRESS: "UNBLOCK_INPROGRESS",
+    EVENT: "EVENT",
+};
+/**
+ * Returns the next inProgress and accounts state based on event message
+ * @param previousState
+ * @param action
+ */
+const reducer = (previousState, action) => {
+    const { type, payload } = action;
+    let newInProgress = previousState.inProgress;
+    switch (type) {
+        case MsalProviderActionType.UNBLOCK_INPROGRESS:
+            if (previousState.inProgress === InteractionStatus.Startup) {
+                newInProgress = InteractionStatus.None;
+                payload.logger.info("MsalProvider - handleRedirectPromise resolved, setting inProgress to 'none'");
+            }
+            break;
+        case MsalProviderActionType.EVENT:
+            const message = payload.message;
+            const status = EventMessageUtils.getInteractionStatusFromEvent(message, previousState.inProgress);
+            if (status) {
+                payload.logger.info(`MsalProvider - ${message.eventType} results in setting inProgress from ${previousState.inProgress} to ${status}`);
+                newInProgress = status;
+            }
+            break;
+        default:
+            throw new Error(`Unknown action type: ${type}`);
+    }
+    const currentAccounts = payload.instance.getAllAccounts();
+    if (newInProgress !== previousState.inProgress &&
+        !accountArraysAreEqual(currentAccounts, previousState.accounts)) {
+        // Both inProgress and accounts changed
+        return {
+            ...previousState,
+            inProgress: newInProgress,
+            accounts: currentAccounts,
+        };
+    }
+    else if (newInProgress !== previousState.inProgress) {
+        // Only only inProgress changed
+        return {
+            ...previousState,
+            inProgress: newInProgress,
+        };
+    }
+    else if (!accountArraysAreEqual(currentAccounts, previousState.accounts)) {
+        // Only accounts changed
+        return {
+            ...previousState,
+            accounts: currentAccounts,
+        };
+    }
+    else {
+        // Nothing changed
+        return previousState;
+    }
+};
+/**
+ * MSAL context provider component. This must be rendered above any other components that use MSAL.
+ */
+function MsalProvider({ instance, children, }) {
+    useEffect(() => {
+        instance.initializeWrapperLibrary(WrapperSKU.React, version);
+    }, [instance]);
+    // Create a logger instance for msal-react with the same options as PublicClientApplication
+    const logger = useMemo(() => {
+        return instance.getLogger().clone(name, version);
+    }, [instance]);
+    const [state, updateState] = useReducer(reducer, undefined, () => {
+        // Lazy initialization of the initial state
+        return {
+            inProgress: InteractionStatus.Startup,
+            accounts: instance.getAllAccounts(),
+        };
+    });
+    useEffect(() => {
+        const callbackId = instance.addEventCallback((message) => {
+            updateState({
+                payload: {
+                    instance,
+                    logger,
+                    message,
+                },
+                type: MsalProviderActionType.EVENT,
+            });
+        });
+        logger.verbose(`MsalProvider - Registered event callback with id: ${callbackId}`);
+        instance
+            .initialize()
+            .then(() => {
+            instance
+                .handleRedirectPromise()
+                .catch(() => {
+                // Errors should be handled by listening to the LOGIN_FAILURE event
+                return;
+            })
+                .finally(() => {
+                /*
+                 * If handleRedirectPromise returns a cached promise the necessary events may not be fired
+                 * This is a fallback to prevent inProgress from getting stuck in 'startup'
+                 */
+                updateState({
+                    payload: {
+                        instance,
+                        logger,
+                    },
+                    type: MsalProviderActionType.UNBLOCK_INPROGRESS,
+                });
+            });
+        })
+            .catch(() => {
+            // Errors should be handled by listening to the LOGIN_FAILURE event
+            return;
+        });
+        return () => {
+            // Remove callback when component unmounts or accounts change
+            if (callbackId) {
+                logger.verbose(`MsalProvider - Removing event callback ${callbackId}`);
+                instance.removeEventCallback(callbackId);
+            }
+        };
+    }, [instance, logger]);
+    const contextValue = {
+        instance,
+        inProgress: state.inProgress,
+        accounts: state.accounts,
+        logger,
+    };
+    return (React__default.createElement(MsalContext.Provider, { value: contextValue }, children));
 }
 
 export { MsalProvider };

package/dist/components/AuthenticatedTemplate.d.ts

@@ -1,8 +1,8 @@
-import React, { PropsWithChildren } from "react";
-import { AccountIdentifiers } from "../types/AccountIdentifiers";
-export type AuthenticatedTemplateProps = PropsWithChildren<AccountIdentifiers>;
-/**
- * Renders child components if user is authenticated
- * @param props
- */
-export declare function AuthenticatedTemplate({ username, homeAccountId, localAccountId, children, }: AuthenticatedTemplateProps): React.ReactElement | null;
+import React, { PropsWithChildren } from "react";
+import { AccountIdentifiers } from "../types/AccountIdentifiers.js";
+export type AuthenticatedTemplateProps = PropsWithChildren<AccountIdentifiers>;
+/**
+ * Renders child components if user is authenticated
+ * @param props
+ */
+export declare function AuthenticatedTemplate({ username, homeAccountId, localAccountId, children, }: AuthenticatedTemplateProps): React.ReactElement | null;

package/dist/components/AuthenticatedTemplate.js

@@ -1,4 +1,4 @@
-/*! @azure/msal-react v2.0.21 2024-07-16 */
+/*! @azure/msal-react v2.1.0 2024-09-20 */
 'use strict';
 import React__default, { useMemo } from 'react';
 import { getChildrenOrFunction } from '../utils/utilities.js';
@@ -6,28 +6,28 @@ import { useMsal } from '../hooks/useMsal.js';
 import { useIsAuthenticated } from '../hooks/useIsAuthenticated.js';
 import { InteractionStatus } from '@azure/msal-browser';
 
-/*
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the MIT License.
- */
-/**
- * Renders child components if user is authenticated
- * @param props
- */
-function AuthenticatedTemplate({ username, homeAccountId, localAccountId, children, }) {
-    const context = useMsal();
-    const accountIdentifier = useMemo(() => {
-        return {
-            username,
-            homeAccountId,
-            localAccountId,
-        };
-    }, [username, homeAccountId, localAccountId]);
-    const isAuthenticated = useIsAuthenticated(accountIdentifier);
-    if (isAuthenticated && context.inProgress !== InteractionStatus.Startup) {
-        return (React__default.createElement(React__default.Fragment, null, getChildrenOrFunction(children, context)));
-    }
-    return null;
+/*
+ * Copyright (c) Microsoft Corporation. All rights reserved.
+ * Licensed under the MIT License.
+ */
+/**
+ * Renders child components if user is authenticated
+ * @param props
+ */
+function AuthenticatedTemplate({ username, homeAccountId, localAccountId, children, }) {
+    const context = useMsal();
+    const accountIdentifier = useMemo(() => {
+        return {
+            username,
+            homeAccountId,
+            localAccountId,
+        };
+    }, [username, homeAccountId, localAccountId]);
+    const isAuthenticated = useIsAuthenticated(accountIdentifier);
+    if (isAuthenticated && context.inProgress !== InteractionStatus.Startup) {
+        return (React__default.createElement(React__default.Fragment, null, getChildrenOrFunction(children, context)));
+    }
+    return null;
 }
 
 export { AuthenticatedTemplate };

package/dist/components/MsalAuthenticationTemplate.d.ts

@@ -1,16 +1,16 @@
-import React, { PropsWithChildren } from "react";
-import { AccountIdentifiers } from "../types/AccountIdentifiers";
-import { MsalAuthenticationResult } from "../hooks/useMsalAuthentication";
-import { InteractionType, PopupRequest, RedirectRequest, SsoSilentRequest } from "@azure/msal-browser";
-import { IMsalContext } from "../MsalContext";
-export type MsalAuthenticationProps = PropsWithChildren<AccountIdentifiers & {
-    interactionType: InteractionType;
-    authenticationRequest?: PopupRequest | RedirectRequest | SsoSilentRequest;
-    loadingComponent?: React.ElementType<IMsalContext>;
-    errorComponent?: React.ElementType<MsalAuthenticationResult>;
-}>;
-/**
- * Attempts to authenticate user if not already authenticated, then renders child components
- * @param props
- */
-export declare function MsalAuthenticationTemplate({ interactionType, username, homeAccountId, localAccountId, authenticationRequest, loadingComponent: LoadingComponent, errorComponent: ErrorComponent, children, }: MsalAuthenticationProps): React.ReactElement | null;
+import React, { PropsWithChildren } from "react";
+import { AccountIdentifiers } from "../types/AccountIdentifiers.js";
+import { MsalAuthenticationResult } from "../hooks/useMsalAuthentication.js";
+import { InteractionType, PopupRequest, RedirectRequest, SsoSilentRequest } from "@azure/msal-browser";
+import { IMsalContext } from "../MsalContext.js";
+export type MsalAuthenticationProps = PropsWithChildren<AccountIdentifiers & {
+    interactionType: InteractionType;
+    authenticationRequest?: PopupRequest | RedirectRequest | SsoSilentRequest;
+    loadingComponent?: React.ElementType<IMsalContext>;
+    errorComponent?: React.ElementType<MsalAuthenticationResult>;
+}>;
+/**
+ * Attempts to authenticate user if not already authenticated, then renders child components
+ * @param props
+ */
+export declare function MsalAuthenticationTemplate({ interactionType, username, homeAccountId, localAccountId, authenticationRequest, loadingComponent: LoadingComponent, errorComponent: ErrorComponent, children, }: MsalAuthenticationProps): React.ReactElement | null;

package/dist/components/MsalAuthenticationTemplate.js

@@ -1,4 +1,4 @@
-/*! @azure/msal-react v2.0.21 2024-07-16 */
+/*! @azure/msal-react v2.1.0 2024-09-20 */
 'use strict';
 import React__default, { useMemo } from 'react';
 import { getChildrenOrFunction } from '../utils/utilities.js';
@@ -7,38 +7,38 @@ import { useMsalAuthentication } from '../hooks/useMsalAuthentication.js';
 import { useIsAuthenticated } from '../hooks/useIsAuthenticated.js';
 import { InteractionStatus } from '@azure/msal-browser';
 
-/*
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the MIT License.
- */
-/**
- * Attempts to authenticate user if not already authenticated, then renders child components
- * @param props
- */
-function MsalAuthenticationTemplate({ interactionType, username, homeAccountId, localAccountId, authenticationRequest, loadingComponent: LoadingComponent, errorComponent: ErrorComponent, children, }) {
-    const accountIdentifier = useMemo(() => {
-        return {
-            username,
-            homeAccountId,
-            localAccountId,
-        };
-    }, [username, homeAccountId, localAccountId]);
-    const context = useMsal();
-    const msalAuthResult = useMsalAuthentication(interactionType, authenticationRequest, accountIdentifier);
-    const isAuthenticated = useIsAuthenticated(accountIdentifier);
-    if (msalAuthResult.error && context.inProgress === InteractionStatus.None) {
-        if (!!ErrorComponent) {
-            return React__default.createElement(ErrorComponent, { ...msalAuthResult });
-        }
-        throw msalAuthResult.error;
-    }
-    if (isAuthenticated) {
-        return (React__default.createElement(React__default.Fragment, null, getChildrenOrFunction(children, msalAuthResult)));
-    }
-    if (!!LoadingComponent && context.inProgress !== InteractionStatus.None) {
-        return React__default.createElement(LoadingComponent, { ...context });
-    }
-    return null;
+/*
+ * Copyright (c) Microsoft Corporation. All rights reserved.
+ * Licensed under the MIT License.
+ */
+/**
+ * Attempts to authenticate user if not already authenticated, then renders child components
+ * @param props
+ */
+function MsalAuthenticationTemplate({ interactionType, username, homeAccountId, localAccountId, authenticationRequest, loadingComponent: LoadingComponent, errorComponent: ErrorComponent, children, }) {
+    const accountIdentifier = useMemo(() => {
+        return {
+            username,
+            homeAccountId,
+            localAccountId,
+        };
+    }, [username, homeAccountId, localAccountId]);
+    const context = useMsal();
+    const msalAuthResult = useMsalAuthentication(interactionType, authenticationRequest, accountIdentifier);
+    const isAuthenticated = useIsAuthenticated(accountIdentifier);
+    if (msalAuthResult.error && context.inProgress === InteractionStatus.None) {
+        if (!!ErrorComponent) {
+            return React__default.createElement(ErrorComponent, { ...msalAuthResult });
+        }
+        throw msalAuthResult.error;
+    }
+    if (isAuthenticated) {
+        return (React__default.createElement(React__default.Fragment, null, getChildrenOrFunction(children, msalAuthResult)));
+    }
+    if (!!LoadingComponent && context.inProgress !== InteractionStatus.None) {
+        return React__default.createElement(LoadingComponent, { ...context });
+    }
+    return null;
 }
 
 export { MsalAuthenticationTemplate };

package/dist/components/UnauthenticatedTemplate.d.ts

@@ -1,8 +1,8 @@
-import React, { PropsWithChildren } from "react";
-import { AccountIdentifiers } from "../types/AccountIdentifiers";
-export type UnauthenticatedTemplateProps = PropsWithChildren<AccountIdentifiers>;
-/**
- * Renders child components if user is unauthenticated
- * @param props
- */
-export declare function UnauthenticatedTemplate({ username, homeAccountId, localAccountId, children, }: UnauthenticatedTemplateProps): React.ReactElement | null;
+import React, { PropsWithChildren } from "react";
+import { AccountIdentifiers } from "../types/AccountIdentifiers.js";
+export type UnauthenticatedTemplateProps = PropsWithChildren<AccountIdentifiers>;
+/**
+ * Renders child components if user is unauthenticated
+ * @param props
+ */
+export declare function UnauthenticatedTemplate({ username, homeAccountId, localAccountId, children, }: UnauthenticatedTemplateProps): React.ReactElement | null;

package/dist/components/UnauthenticatedTemplate.js

@@ -1,4 +1,4 @@
-/*! @azure/msal-react v2.0.21 2024-07-16 */
+/*! @azure/msal-react v2.1.0 2024-09-20 */
 'use strict';
 import React__default, { useMemo } from 'react';
 import { useMsal } from '../hooks/useMsal.js';
@@ -6,30 +6,30 @@ import { useIsAuthenticated } from '../hooks/useIsAuthenticated.js';
 import { getChildrenOrFunction } from '../utils/utilities.js';
 import { InteractionStatus } from '@azure/msal-browser';
 
-/*
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the MIT License.
- */
-/**
- * Renders child components if user is unauthenticated
- * @param props
- */
-function UnauthenticatedTemplate({ username, homeAccountId, localAccountId, children, }) {
-    const context = useMsal();
-    const accountIdentifier = useMemo(() => {
-        return {
-            username,
-            homeAccountId,
-            localAccountId,
-        };
-    }, [username, homeAccountId, localAccountId]);
-    const isAuthenticated = useIsAuthenticated(accountIdentifier);
-    if (!isAuthenticated &&
-        context.inProgress !== InteractionStatus.Startup &&
-        context.inProgress !== InteractionStatus.HandleRedirect) {
-        return (React__default.createElement(React__default.Fragment, null, getChildrenOrFunction(children, context)));
-    }
-    return null;
+/*
+ * Copyright (c) Microsoft Corporation. All rights reserved.
+ * Licensed under the MIT License.
+ */
+/**
+ * Renders child components if user is unauthenticated
+ * @param props
+ */
+function UnauthenticatedTemplate({ username, homeAccountId, localAccountId, children, }) {
+    const context = useMsal();
+    const accountIdentifier = useMemo(() => {
+        return {
+            username,
+            homeAccountId,
+            localAccountId,
+        };
+    }, [username, homeAccountId, localAccountId]);
+    const isAuthenticated = useIsAuthenticated(accountIdentifier);
+    if (!isAuthenticated &&
+        context.inProgress !== InteractionStatus.Startup &&
+        context.inProgress !== InteractionStatus.HandleRedirect) {
+        return (React__default.createElement(React__default.Fragment, null, getChildrenOrFunction(children, context)));
+    }
+    return null;
 }
 
 export { UnauthenticatedTemplate };

package/dist/components/withMsal.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
-import { IMsalContext } from "../MsalContext";
-import { Subtract } from "../utils/utilities";
-export type WithMsalProps = {
-    msalContext: IMsalContext;
-};
-/**
- * Higher order component wraps provided component with msal by injecting msal context values into the component's props
- * @param Component
- */
-export declare const withMsal: <P extends WithMsalProps>(Component: React.ComponentType<P>) => React.FunctionComponent<Subtract<P, WithMsalProps>>;
+import React from "react";
+import { IMsalContext } from "../MsalContext.js";
+import { Subtract } from "../utils/utilities.js";
+export type WithMsalProps = {
+    msalContext: IMsalContext;
+};
+/**
+ * Higher order component wraps provided component with msal by injecting msal context values into the component's props
+ * @param Component
+ */
+export declare const withMsal: <P extends WithMsalProps>(Component: React.ComponentType<P>) => React.FunctionComponent<Subtract<P, WithMsalProps>>;