@equinor/fusion-framework-react-app 4.1.18 → 4.2.0

package/dist/types/msal/index.d.ts

@@ -0,0 +1,3 @@
+export { useCurrentAccount } from './useCurrentAccount';
+export { useAccessToken } from './useAccessToken';
+export { useToken } from './useToken';

package/dist/types/msal/useAccessToken.d.ts

@@ -0,0 +1,6 @@
+import { AuthRequest } from '@equinor/fusion-framework-module-msal/client';
+export declare const useAccessToken: (req: AuthRequest) => {
+    token?: string | undefined;
+    pending: boolean;
+    error: unknown;
+};

package/dist/types/msal/useCurrentAccount.d.ts

@@ -0,0 +1,2 @@
+import { AccountInfo } from '@equinor/fusion-framework-module-msal';
+export declare const useCurrentAccount: () => AccountInfo | undefined;

package/dist/types/msal/useToken.d.ts

@@ -0,0 +1,7 @@
+import { AuthRequest, AuthenticationResult } from '@equinor/fusion-framework-module-msal/client';
+export declare const useToken: (req: AuthRequest) => {
+    token?: AuthenticationResult | undefined;
+    pending: boolean;
+    error: unknown;
+};
+export default useToken;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.1.18";
+export declare const version = "4.2.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-framework-react-app",
-  "version": "4.1.18",
+  "version": "4.2.0",
   "description": "",
   "main": "dist/esm/index.js",
   "exports": {
@@ -24,6 +24,10 @@
       "import": "./dist/esm/http/index.js",
       "types": "./dist/types/http/index.d.ts"
     },
+    "./msal": {
+      "import": "./dist/esm/msal/index.js",
+      "types": "./dist/types/msal/index.d.ts"
+    },
     "./navigation": {
       "import": "./dist/esm/navigation/index.js",
       "types": "./dist/types/navigation/index.d.ts"
@@ -44,6 +48,9 @@
       "http": [
         "dist/types/http/index.d.ts"
       ],
+      "msal": [
+        "dist/types/msal/index.d.ts"
+      ],
       "navigation": [
         "dist/types/navigation/index.d.ts"
       ]
@@ -61,13 +68,13 @@
     "directory": "packages/react"
   },
   "dependencies": {
-    "@equinor/fusion-framework-app": "^7.1.13",
-    "@equinor/fusion-framework-module-app": "^5.2.12",
+    "@equinor/fusion-framework-app": "^7.1.15",
     "@equinor/fusion-framework-module": "^4.2.6",
-    "@equinor/fusion-framework-module-navigation": "^3.1.3",
+    "@equinor/fusion-framework-module-app": "^5.2.12",
+    "@equinor/fusion-framework-react": "^5.3.8",
     "@equinor/fusion-framework-react-module": "^3.0.7",
-    "@equinor/fusion-framework-react": "^5.3.6",
-    "@equinor/fusion-framework-react-module-http": "^4.0.3"
+    "@equinor/fusion-framework-module-navigation": "^3.1.3",
+    "@equinor/fusion-framework-react-module-http": "^4.0.5"
   },
   "devDependencies": {
     "@types/react": "^18.2.20",
@@ -75,14 +82,16 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.1.3",
-    "@equinor/fusion-framework-react-module-bookmark": "^2.0.25",
-    "@equinor/fusion-framework-react-module-context": "^6.0.18",
-    "@equinor/fusion-framework-module-event": "^4.0.7"
+    "@equinor/fusion-framework-module-msal": "^3.0.9",
+    "@equinor/fusion-framework-react-module-bookmark": "^2.0.27",
+    "@equinor/fusion-framework-module-event": "^4.0.7",
+    "@equinor/fusion-framework-react-module-context": "^6.0.18"
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "@equinor/fusion-framework-module-msal": "^3.0.9"
   },
   "peerDependenciesMeta": {
     "@equinor/fusion-framework-react-module-context": {

package/src/msal/index.ts

@@ -0,0 +1,3 @@
+export { useCurrentAccount } from './useCurrentAccount';
+export { useAccessToken } from './useAccessToken';
+export { useToken } from './useToken';

package/src/msal/useAccessToken.ts

@@ -0,0 +1,15 @@
+import { AuthRequest } from '@equinor/fusion-framework-module-msal/client';
+import { useToken } from './useToken';
+
+/**
+ * Custom hook that retrieves an access token for the specified authentication request.
+ *
+ * @param req - The authentication request.
+ * @returns An object containing the access token, pending state, and error.
+ */
+export const useAccessToken = (
+    req: AuthRequest,
+): { token?: string; pending: boolean; error: unknown } => {
+    const { token, error, pending } = useToken(req);
+    return { token: token?.accessToken, pending, error };
+};

package/src/msal/useCurrentAccount.ts

@@ -0,0 +1,11 @@
+import { AccountInfo } from '@equinor/fusion-framework-module-msal';
+import useAppModule from '../useAppModule';
+
+/**
+ * Retrieves the current account information from the MSAL provider.
+ * @returns The current account information or undefined if no account is available.
+ */
+export const useCurrentAccount = (): AccountInfo | undefined => {
+    const msalProvider = useAppModule('auth');
+    return msalProvider.defaultAccount;
+};

package/src/msal/useToken.ts

@@ -0,0 +1,29 @@
+import { AuthRequest, AuthenticationResult } from '@equinor/fusion-framework-module-msal/client';
+import useAppModule from '../useAppModule';
+import { useEffect, useState } from 'react';
+
+/**
+ * Custom hook for acquiring an authentication token using MSAL.
+ * @param req - The authentication request.
+ * @returns An object containing the acquired token, pending state, and error.
+ */
+export const useToken = (
+    req: AuthRequest,
+): { token?: AuthenticationResult; pending: boolean; error: unknown } => {
+    const msalProvider = useAppModule('auth');
+    const [token, setToken] = useState<AuthenticationResult | undefined>(undefined);
+    const [pending, setPending] = useState<boolean>(false);
+    const [error, setError] = useState<unknown>(null);
+    useEffect(() => {
+        setPending(true);
+        setToken(undefined);
+        msalProvider
+            .acquireToken(req)
+            .then((token) => token && setToken(token))
+            .catch(setError)
+            .finally(() => setPending(false));
+    }, [msalProvider, req]);
+    return { token, pending, error };
+};
+
+export default useToken;

package/src/version.ts

@@ -1,2 +1,2 @@
 // Generated by genversion.
-export const version = '4.1.18';
+export const version = '4.2.0';