udp-react-enterprise-component-library 25.18.1-beta.3 → 25.18.1-beta.30

package/dist/auth-coxAZdaS.js

@@ -0,0 +1,253 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { a as acquireAccessToken, c as useLogoutAction, d as getLoginRequest, f as getSignInAuthProvider, l as whitelistedPaths, m as initSignInAuthProvider } from "./apiHelpers-B_cn3sZo.js";
+import { i as storeTenant, n as getStoredTenant, t as clearStoredTenant } from "./UnitySessionStorage-CUDx9YWR.js";
+import { n as UserContext, r as UserDispatchContext } from "./useUser-wpHGo6jU.js";
+import { C as RoleIdEnums } from "./unitySystemEnums-DtVX3A-I.js";
+import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
+import { t as clearStoredPath } from "./LocalRedirectUrlStorage-Dl3UyONi.js";
+import { t as clearStoredExternalPath } from "./ExternalRedirectUrlStorage-NwBaYWri.js";
+import { t as LoadingIndicator } from "./LoadingIndicator-DJ4rFzOc.js";
+import { t as CustomNavigationClient_default } from "./CustomNavigationClient-ZypJD4Vc.js";
+import { t as TenantProvider } from "./TenantProvider-5j0-Ay9P.js";
+import { t as PasswordResetRedirect } from "./PasswordResetRedirect-Ddfq7Gxu.js";
+import React, { useEffect, useMemo, useReducer, useState } from "react";
+import { InteractionType } from "@azure/msal-browser";
+import { useHistory } from "react-router-dom";
+import { useLocation as useLocation$1 } from "react-use";
+import { MsalAuthenticationTemplate, MsalProvider, useAccount } from "@azure/msal-react";
+
+//#region src/utilities/auth/user.ts
+/**
+* Create a "unified" user object from MSAL account info and Univerus user data (in the future)
+*/
+function createUser(userInfo) {
+	const tenantId = getStoredTenant() || (userInfo?.defaultTenantId ?? (userInfo?.tenantIds ? userInfo?.tenantIds[0] : ""));
+	let userTenantPermissions = [];
+	let userTenantRoles = [];
+	let userTenantProducts = [];
+	const currentUserTenantProperties = userInfo?.userTenantPropertiesView?.find((propertyView) => propertyView?.tenantId === tenantId);
+	userTenantPermissions = currentUserTenantProperties ? currentUserTenantProperties.permissions : [];
+	userTenantRoles = currentUserTenantProperties ? currentUserTenantProperties.securityRoles : [];
+	userTenantProducts = currentUserTenantProperties ? currentUserTenantProperties.products : [];
+	let roleIds = userTenantRoles.map((role) => role.roleId) ?? [];
+	return {
+		name: userInfo?.displayName ?? "",
+		firstName: userInfo?.givenName ?? "",
+		familyName: userInfo?.surname ?? "",
+		jobTitle: userInfo?.jobTitle ?? "",
+		email: userInfo?.email ?? "",
+		mobile: userInfo?.mobilePhone ?? "",
+		phone: userInfo?.officePhone ?? "",
+		id: userInfo?.userId ?? "",
+		location: userInfo?.location ?? "",
+		aadId: userInfo?.externalUUID ?? "",
+		accessToken: userInfo?.accessToken ?? "",
+		tenantIds: userInfo?.tenantIds ?? [],
+		defaultTenantId: userInfo?.defaultTenantId ?? "",
+		currentTenantId: ConfigService.config.UNITY_TENANT_ID ? ConfigService.config.UNITY_TENANT_ID : tenantId,
+		roleIds,
+		products: userTenantProducts,
+		permissions: userTenantPermissions,
+		can: userTenantPermissions.reduce((can, permission) => {
+			if (permission.value === "false") can[permission.name] = false;
+			else if (permission.value === "true") can[permission.name] = true;
+			else can[permission.name] = permission.value;
+			return can;
+		}, {}) ?? {},
+		statusCode: userInfo?.statusCode ?? 200,
+		unityId: userInfo?.userId ?? "",
+		additionalProperties: userInfo?.additionalProperties ?? void 0,
+		roleNames: userTenantRoles.map((role) => role.name) ?? [],
+		isUnitySystemAdmin: !!roleIds.find((id) => id === RoleIdEnums.Unity_System_Administrator)
+	};
+}
+
+//#endregion
+//#region src/utilities/auth/useAccessToken.js
+const useAccessToken = () => {
+	const [accessToken, setAccessToken] = useState(null);
+	acquireAccessToken().then((token) => {
+		if (accessToken !== token) setAccessToken(token);
+	});
+	return accessToken;
+};
+
+//#endregion
+//#region src/utilities/auth/UserProvider.jsx
+const emptyUser = {
+	name: "",
+	firstName: "",
+	familyName: "",
+	jobTitle: "",
+	email: "",
+	mobile: "",
+	phone: "",
+	id: "",
+	location: "",
+	aadId: "",
+	accessToken: "",
+	defaultTenantId: "",
+	currentTenantId: "",
+	tenantIds: [],
+	roleIds: [],
+	products: [],
+	permissions: [],
+	can: {},
+	statusCode: void 0,
+	unityId: void 0,
+	additionalProperties: void 0,
+	roleNames: [],
+	isUnitySystemAdmin: void 0
+};
+const UserProvider = (props) => {
+	const { children, setSessionExpiredModalOpen, setNonExistingUserModalOpen, setErrorMessage, isWhiteListed, doNotWaitForTenant = false, unityTenantId } = props;
+	const idTokenClaims = useAccount()?.idTokenClaims;
+	const sub = idTokenClaims?.sub;
+	const accessToken = useAccessToken();
+	const [{ data: userInfo, error: userError }] = useAxiosGet(ConfigService.securityV1ApiUrl, `users/unityuser?sub=${sub}`, {}, false, false);
+	useEffect(() => {
+		if (userError) {
+			setErrorMessage("Unable to get user details. Please try again.");
+			setNonExistingUserModalOpen(true);
+		}
+	}, [
+		setErrorMessage,
+		setNonExistingUserModalOpen,
+		userError
+	]);
+	const [userState, dispatch] = useReducer((state, action) => {
+		switch (action.type) {
+			case "SET_USER":
+				state = {
+					...state,
+					user: action.user
+				};
+				break;
+			case "CHANGE_TENANT":
+				let userTenantPermissions = [];
+				let userTenantRoles = [];
+				let userTenantProducts = [];
+				if (state.tenantIds) {
+					const currentUserTenantProperties = userInfo.userTenantPropertiesView?.find((propertyView) => propertyView?.tenantId === action.tenantId);
+					userTenantPermissions = currentUserTenantProperties ? currentUserTenantProperties.permissions : [];
+					userTenantRoles = currentUserTenantProperties ? currentUserTenantProperties.securityRoles : [];
+					userTenantProducts = currentUserTenantProperties ? currentUserTenantProperties.products : [];
+				}
+				state = { user: {
+					...state,
+					currentTenantId: action.tenantId,
+					products: userTenantProducts,
+					permissions: userTenantPermissions,
+					roleIds: userTenantRoles.map((role) => role.roleId) ?? [],
+					roleNames: userTenantRoles.map((role) => role.name) ?? []
+				} };
+				break;
+			default: throw new Error(`Unknown action type ${action.type}`);
+		}
+		return state.user;
+	}, emptyUser);
+	useEffect(() => {
+		if (userInfo?.userId) {
+			const user = createUser({
+				...userInfo,
+				displayName: idTokenClaims?.name,
+				givenName: idTokenClaims?.given_name ?? idTokenClaims?.name,
+				accessToken,
+				surname: idTokenClaims?.family_name
+			});
+			sessionStorage.setItem("user-id", userInfo?.userId);
+			dispatch({
+				type: "SET_USER",
+				user
+			});
+		}
+	}, [
+		userInfo,
+		idTokenClaims?.name,
+		idTokenClaims.firstName,
+		accessToken,
+		idTokenClaims.lastName,
+		idTokenClaims?.given_name,
+		idTokenClaims?.family_name
+	]);
+	useEffect(() => {
+		if (userInfo?.defaultTenantId) {
+			if (!getStoredTenant()) if (unityTenantId) storeTenant(unityTenantId);
+			else storeTenant(userInfo.defaultTenantId);
+		}
+	}, [userInfo]);
+	return /* @__PURE__ */ React.createElement("div", null, doNotWaitForTenant && !userState?.currentTenantId && !isWhiteListed ? /* @__PURE__ */ React.createElement(LoadingIndicator, null) : /* @__PURE__ */ React.createElement(UserContext.Provider, { value: userState }, /* @__PURE__ */ React.createElement(UserDispatchContext.Provider, { value: dispatch }, /* @__PURE__ */ React.createElement(TenantProvider, null, children))));
+};
+var UserProvider_default = UserProvider;
+
+//#endregion
+//#region src/utilities/auth/AuthProvider.jsx
+const AuthProvider = ({ children, doNotWaitForTenant = false, unityTenantId }) => {
+	const [msalInstance, setMsalInstance] = useState(null);
+	const [loginRequestInstance, setLoginRequestInstance] = useState(null);
+	const [isInitialized, setIsInitialized] = useState(false);
+	const history = useHistory();
+	const location = useLocation$1();
+	useEffect(() => {
+		const initialize = async () => {
+			try {
+				await initSignInAuthProvider();
+				const authProvider = getSignInAuthProvider();
+				const navigationClient = new CustomNavigationClient_default(history);
+				authProvider.setNavigationClient(navigationClient);
+				setMsalInstance(authProvider);
+				setLoginRequestInstance(getLoginRequest());
+				setIsInitialized(true);
+			} catch (error) {
+				console.error("Failed to initialize AuthProvider:", error);
+			}
+		};
+		initialize();
+	}, [history]);
+	const [sessionExpiredModalOpen, setSessionExpiredModalOpen] = useState(false);
+	const [nonExistingUserModalOpen, setNonExistingUserModalOpen] = useState(false);
+	const [errorMessage, setErrorMessage] = useState("");
+	const isWhiteListed = useMemo(() => {
+		const url = location.pathname;
+		return whitelistedPaths.includes(url ?? "");
+	}, [location]);
+	if (!isInitialized) return /* @__PURE__ */ React.createElement(LoadingIndicator, null);
+	if (isWhiteListed) return /* @__PURE__ */ React.createElement(MsalProvider, { instance: msalInstance }, children);
+	return /* @__PURE__ */ React.createElement(MsalProvider, { instance: msalInstance }, /* @__PURE__ */ React.createElement(MsalAuthenticationTemplate, {
+		interactionType: InteractionType.Redirect,
+		authenticationRequest: loginRequestInstance,
+		loadingComponent: () => /* @__PURE__ */ React.createElement(LoadingIndicator, null),
+		errorComponent: (props) => /* @__PURE__ */ React.createElement(PasswordResetRedirect, props)
+	}, /* @__PURE__ */ React.createElement(UserProvider_default, {
+		sessionExpiredModalOpen,
+		setSessionExpiredModalOpen,
+		setNonExistingUserModalOpen,
+		setErrorMessage,
+		isWhiteListed,
+		doNotWaitForTenant,
+		unityTenantId
+	}, children)));
+};
+
+//#endregion
+//#region src/utilities/auth/AuthProviderWrapper.jsx
+const AuthProviderWrapper = (props) => {
+	const { children } = props;
+	return /* @__PURE__ */ React.createElement(AuthProvider, props, " ", children);
+};
+
+//#endregion
+//#region src/utilities/auth/useSingleLogout.ts
+const useSingleLogout = () => {
+	const logout = useLogoutAction();
+	return () => {
+		clearStoredPath();
+		clearStoredExternalPath();
+		clearStoredTenant();
+		logout();
+	};
+};
+
+//#endregion
+export { createUser as a, useAccessToken as i, AuthProviderWrapper as n, AuthProvider as r, useSingleLogout as t };
+//# sourceMappingURL=auth-coxAZdaS.js.map

package/dist/auth-coxAZdaS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-coxAZdaS.js","names":["tenantId: any","userTenantPermissions: any","userTenantRoles: any","userTenantProducts: any","roleIds: any","useLocation","CustomNavigationClient","UserProvider","useSingleLogout: () => () => void"],"sources":["../src/utilities/auth/user.ts","../src/utilities/auth/useAccessToken.js","../src/utilities/auth/UserProvider.jsx","../src/utilities/auth/AuthProvider.jsx","../src/utilities/auth/AuthProviderWrapper.jsx","../src/utilities/auth/useSingleLogout.ts"],"sourcesContent":["import { ConfigService } from '../../configService';\nimport { RoleIdEnums } from '../../enums/unitySystemEnums';\nimport { getStoredTenant } from '../storage/UnitySessionStorage';\n\nexport interface User {\n  name: string | undefined;\n  firstName: string | undefined;\n  familyName: string | undefined;\n  jobTitle: string | undefined;\n  email: string | undefined;\n  mobile: string | undefined;\n  phone: string | undefined;\n  id: string | undefined;\n  location: string | undefined;\n  aadId: string | undefined;\n  accessToken: string | undefined;\n  defaultTenantId: string | undefined;\n  currentTenantId: string | undefined;\n  tenantIds: Array<string> | undefined;\n  roleIds: Array<string> | undefined;\n  products: Array<object> | undefined;\n  permissions: Array<object> | undefined;\n  can: any | undefined;\n  statusCode: number | undefined;\n  unityId: string | undefined;\n  additionalProperties: any | undefined;\n  roleNames: Array<string> | undefined;\n  isUnitySystemAdmin: boolean | undefined;\n}\n\n/**\n * Create a \"unified\" user object from MSAL account info and Univerus user data (in the future)\n */\nexport function createUser(userInfo: any): User {\n  const tenantId: any =\n    getStoredTenant() ||\n    (userInfo?.defaultTenantId ??\n      (userInfo?.tenantIds ? userInfo?.tenantIds[0] : ''));\n  let userTenantPermissions: any = [];\n  let userTenantRoles: any = [];\n  let userTenantProducts: any = [];\n  const currentUserTenantProperties = userInfo?.userTenantPropertiesView?.find(\n    (propertyView: any) => propertyView?.tenantId === tenantId\n  );\n  userTenantPermissions = currentUserTenantProperties\n    ? currentUserTenantProperties.permissions\n    : [];\n  userTenantRoles = currentUserTenantProperties\n    ? currentUserTenantProperties.securityRoles\n    : [];\n  userTenantProducts = currentUserTenantProperties\n    ? currentUserTenantProperties.products\n    : [];\n\n  let roleIds: any = userTenantRoles.map((role: any) => role.roleId) ?? [];\n\n  return {\n    name: userInfo?.displayName ?? '',\n    firstName: userInfo?.givenName ?? '',\n    familyName: userInfo?.surname ?? '',\n    jobTitle: userInfo?.jobTitle ?? '',\n    email: userInfo?.email ?? '',\n    mobile: userInfo?.mobilePhone ?? '',\n    phone: userInfo?.officePhone ?? '',\n    id: userInfo?.userId ?? '',\n    location: userInfo?.location ?? '',\n    aadId: userInfo?.externalUUID ?? '',\n    accessToken: userInfo?.accessToken ?? '',\n    tenantIds: userInfo?.tenantIds ?? [],\n    defaultTenantId: userInfo?.defaultTenantId ?? '',\n    currentTenantId: ConfigService.config.UNITY_TENANT_ID\n      ? ConfigService.config.UNITY_TENANT_ID\n      : tenantId,\n    roleIds: roleIds,\n    products: userTenantProducts,\n    permissions: userTenantPermissions,\n    can:\n      userTenantPermissions.reduce((can: any, permission: any) => {\n        if (permission.value === 'false') {\n          can[permission.name] = false;\n        } else if (permission.value === 'true') {\n          can[permission.name] = true;\n        } else {\n          can[permission.name] = permission.value;\n        }\n        return can;\n      }, {}) ?? {},\n    statusCode: userInfo?.statusCode ?? 200,\n    unityId: userInfo?.userId ?? '',\n    additionalProperties: userInfo?.additionalProperties ?? undefined,\n    roleNames: userTenantRoles.map((role) => role.name) ?? [],\n    isUnitySystemAdmin: !!roleIds.find(\n      (id: string) => id === RoleIdEnums.Unity_System_Administrator\n    )\n  };\n}\n","import { useState } from 'react';\nimport { acquireAccessToken } from './authActions';\n\nexport const useAccessToken = () => {\n  const [accessToken, setAccessToken] = useState(null);\n\n  acquireAccessToken().then((token) => {\n    if (accessToken !== token) {\n      setAccessToken(token);\n    }\n  });\n\n  return accessToken;\n};\n","import React, { useReducer, useEffect } from 'react';\nimport { UserContext, UserDispatchContext } from './internal';\nimport { createUser } from './user';\nimport { LoadingIndicator } from '../../UI/loading/LoadingIndicator';\nimport { useAccount } from '@azure/msal-react';\nimport { storeTenant, getStoredTenant } from '../storage/UnitySessionStorage';\nimport { useAxiosGet } from '../useAxiosGet';\nimport { TenantProvider } from '../tenant/TenantProvider';\nimport { useAccessToken } from './useAccessToken';\nimport { ConfigService } from '../../configService';\nconst emptyUser = {\n  name: '',\n  firstName: '',\n  familyName: '',\n  jobTitle: '',\n  email: '',\n  mobile: '',\n  phone: '',\n  id: '',\n  location: '',\n  aadId: '',\n  accessToken: '',\n  defaultTenantId: '',\n  currentTenantId: '',\n  tenantIds: [],\n  roleIds: [],\n  products: [],\n  permissions: [],\n  can: {},\n  statusCode: undefined,\n  unityId: undefined,\n  additionalProperties: undefined,\n  roleNames: [],\n  isUnitySystemAdmin: undefined\n};\n\nconst UserProvider = (props) => {\n  const {\n    children,\n    setSessionExpiredModalOpen,\n    setNonExistingUserModalOpen,\n    setErrorMessage,\n    isWhiteListed,\n    doNotWaitForTenant = false,\n    unityTenantId\n  } = props;\n  const activeAccount = useAccount();\n  const idTokenClaims = activeAccount?.idTokenClaims;\n  const sub = idTokenClaims?.sub;\n  const accessToken = useAccessToken();\n\n  //Get user info\n  const [{ data: userInfo, error: userError }] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users/unityuser?sub=${sub}`,\n    {},\n    false,\n    false\n  );\n\n  useEffect(() => {\n    if (userError) {\n      setErrorMessage('Unable to get user details. Please try again.');\n      setNonExistingUserModalOpen(true);\n    }\n  }, [setErrorMessage, setNonExistingUserModalOpen, userError]);\n\n  //   const [{ data: aadUserInfo }] = useAxiosGet(\n  //     ConfigService.securityV1ApiUrl,\n  //     `users/${sub}`,\n  //     {},\n  //     false,\n  //     false\n  //   );\n\n  const [userState, dispatch] = useReducer((state, action) => {\n    switch (action.type) {\n      case 'SET_USER':\n        state = {\n          ...state,\n          user: action.user\n        };\n        break;\n      case 'CHANGE_TENANT':\n        let userTenantPermissions = [];\n        let userTenantRoles = [];\n        let userTenantProducts = [];\n        if (state.tenantIds) {\n          const currentUserTenantProperties =\n            userInfo.userTenantPropertiesView?.find(\n              (propertyView) => propertyView?.tenantId === action.tenantId\n            );\n          userTenantPermissions = currentUserTenantProperties\n            ? currentUserTenantProperties.permissions\n            : [];\n          userTenantRoles = currentUserTenantProperties\n            ? currentUserTenantProperties.securityRoles\n            : [];\n          userTenantProducts = currentUserTenantProperties\n            ? currentUserTenantProperties.products\n            : [];\n        }\n        state = {\n          user: {\n            ...state,\n            currentTenantId: action.tenantId,\n            products: userTenantProducts,\n            permissions: userTenantPermissions,\n            roleIds: userTenantRoles.map((role) => role.roleId) ?? [],\n            roleNames: userTenantRoles.map((role) => role.name) ?? []\n          }\n        };\n        break;\n      default:\n        throw new Error(`Unknown action type ${action.type}`);\n    }\n\n    return state.user;\n  }, emptyUser);\n\n  useEffect(() => {\n    if (userInfo?.userId) {\n      const user = createUser({\n        ...userInfo,\n        displayName: idTokenClaims?.name,\n        givenName: idTokenClaims?.given_name ?? idTokenClaims?.name,\n        accessToken: accessToken,\n        surname: idTokenClaims?.family_name\n      });\n      sessionStorage.setItem('user-id', userInfo?.userId);\n\n      dispatch({ type: 'SET_USER', user });\n    }\n  }, [\n    userInfo,\n    idTokenClaims?.name,\n    idTokenClaims.firstName,\n    accessToken,\n    idTokenClaims.lastName,\n    idTokenClaims?.given_name,\n    idTokenClaims?.family_name\n  ]);\n\n  useEffect(() => {\n    if (userInfo?.defaultTenantId) {\n      if (!getStoredTenant()) {\n        if (unityTenantId) {\n          storeTenant(unityTenantId);\n        } else {\n          storeTenant(userInfo.defaultTenantId);\n        }\n      }\n    }\n  }, [userInfo]);\n\n  return (\n    <div>\n      {doNotWaitForTenant &&\n      !userState?.currentTenantId &&\n      !isWhiteListed ? (\n        <LoadingIndicator />\n      ) : (\n        <UserContext.Provider value={userState}>\n          <UserDispatchContext.Provider value={dispatch}>\n            <TenantProvider>{children}</TenantProvider>\n          </UserDispatchContext.Provider>\n        </UserContext.Provider>\n      )}\n    </div>\n  );\n};\n\nexport default UserProvider;\n","import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  initSignInAuthProvider,\n  getSignInAuthProvider,\n  getLoginRequest,\n} from './signInAuthProvider';\nimport { LoadingIndicator } from '../../UI/loading/LoadingIndicator';\nimport { whitelistedPaths } from './whitelistedPaths';\nimport { InteractionType } from '@azure/msal-browser';\nimport {\n  MsalProvider,\n  MsalAuthenticationTemplate,\n} from '@azure/msal-react';\nimport { useHistory } from 'react-router-dom';\nimport CustomNavigationClient from '../CustomNavigationClient';\nimport { useLocation } from 'react-use';\nimport UserProvider from './UserProvider';\nimport { PasswordResetRedirect } from '../../routes/components/PasswordResetRedirect';\n\nexport const AuthProvider = ({ children, doNotWaitForTenant = false, unityTenantId }) => {\n  const [msalInstance, setMsalInstance] = useState(null);\n  const [loginRequestInstance, setLoginRequestInstance] = useState(null);\n  const [isInitialized, setIsInitialized] = useState(false);\n\n  const history = useHistory();\n  const location = useLocation();\n\n  useEffect(() => {\n    const initialize = async () => {\n      try {\n        await initSignInAuthProvider();\n        const authProvider = getSignInAuthProvider();\n        const navigationClient = new CustomNavigationClient(history);\n        authProvider.setNavigationClient(navigationClient);\n        setMsalInstance(authProvider);\n        setLoginRequestInstance(getLoginRequest());\n        setIsInitialized(true);\n      } catch (error) {\n        console.error('Failed to initialize AuthProvider:', error);\n        // Handle initialization error, maybe show an error message\n      }\n    };\n    initialize();\n  }, [history]);\n\n  const [sessionExpiredModalOpen, setSessionExpiredModalOpen] = useState(false);\n  const [nonExistingUserModalOpen, setNonExistingUserModalOpen] =\n    useState(false);\n  const [errorMessage, setErrorMessage] = useState('');\n\n  const isWhiteListed = useMemo(() => {\n    const url = location.pathname;\n    return whitelistedPaths.includes(url ?? '');\n  }, [location]);\n\n  if (!isInitialized) {\n    return <LoadingIndicator />;\n  }\n\n  if (isWhiteListed) {\n    return <MsalProvider instance={msalInstance}>{children}</MsalProvider>;\n  }\n\n  return (\n    <MsalProvider instance={msalInstance}>\n      <MsalAuthenticationTemplate\n        interactionType={InteractionType.Redirect}\n        authenticationRequest={loginRequestInstance}\n        loadingComponent={() => <LoadingIndicator />}\n        errorComponent={(props) => <PasswordResetRedirect {...props} />}\n      >\n        <UserProvider\n          sessionExpiredModalOpen={sessionExpiredModalOpen}\n          setSessionExpiredModalOpen={setSessionExpiredModalOpen}\n          setNonExistingUserModalOpen={setNonExistingUserModalOpen}\n          setErrorMessage={setErrorMessage}\n          isWhiteListed={isWhiteListed}\n          doNotWaitForTenant={doNotWaitForTenant}\n          unityTenantId={unityTenantId}\n        >\n          {children}\n        </UserProvider>\n      </MsalAuthenticationTemplate>\n    </MsalProvider>\n  );\n};\n","import React from 'react';\n// import { LocalAuthProvider }  from './LocalAuthProvider';\nimport { AuthProvider } from './AuthProvider';\n\nexport const AuthProviderWrapper = props => {\n  const { children } = props;\n\n  return <AuthProvider {...props}> {children}</AuthProvider>\n\n};\n","import 'react';\nimport { clearStoredPath } from '../redirect/LocalRedirectUrlStorage';\nimport { clearStoredExternalPath } from '../redirect/ExternalRedirectUrlStorage';\nimport {clearStoredTenant} from '../storage/UnitySessionStorage'\nimport {useLogoutAction} from './authActions';\n\nexport const useSingleLogout: () => () => void = () => {\n  const logout = useLogoutAction();\n  return () => {\n    clearStoredPath();\n    clearStoredExternalPath();\n    clearStoredTenant();\n    logout()\n  }\n\n};\n"],"mappings":"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"}

package/dist/axiosInterceptors-FQ3b5kjr.js

@@ -0,0 +1,28 @@
+import { l as whitelistedPaths, n as getMergedConfig, t as getAccessToken } from "./apiHelpers-B_cn3sZo.js";
+import Axios from "axios";
+
+//#region src/utilities/axiosInterceptors.js
+const axiosInterceptors = () => {
+	Axios.interceptors.request.use(async (config) => {
+		if (!whitelistedPaths.includes(window.location.pathname)) {
+			let accessToken = "";
+			if (!config?.headers?.Authorization) accessToken = await getAccessToken();
+			return getMergedConfig(accessToken, config);
+		}
+		return config;
+	}, (error) => Promise.reject(error));
+	Axios.interceptors.response.use((response) => response, async (error) => {
+		const config = error?.config;
+		if (error?.response?.status === 401 && !config?._retry && !whitelistedPaths.includes(window.location.pathname)) {
+			config.headers.Authorization = `Bearer ${await getAccessToken()}`;
+			config._retry = true;
+			return Axios(config);
+		}
+		return Promise.reject(error);
+	});
+};
+var axiosInterceptors_default = axiosInterceptors;
+
+//#endregion
+export { axiosInterceptors_default as t };
+//# sourceMappingURL=axiosInterceptors-FQ3b5kjr.js.map

package/dist/axiosInterceptors-FQ3b5kjr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"axiosInterceptors-FQ3b5kjr.js","names":[],"sources":["../src/utilities/axiosInterceptors.js"],"sourcesContent":["import Axios from 'axios';\nimport { getAccessToken, getMergedConfig } from './apiHelpers';\nimport { whitelistedPaths } from './auth/whitelistedPaths';\n\nconst axiosInterceptors = () => {\n  Axios.interceptors.request.use(\n    async (config) => {\n      // don't want to change the access token if it's already there, this rule is already applied in getMergedConfig\n      // we don't want to call getAccessToken until it is actually need it because it might log the user out\n      if (!whitelistedPaths.includes(window.location.pathname)) {\n        let accessToken = '';\n        if(!config?.headers?.Authorization){\n          accessToken = await getAccessToken()\n        }\n        return getMergedConfig(accessToken, config);\n      }\n      return config;\n    },\n    (error) => Promise.reject(error)\n  );\n\n  Axios.interceptors.response.use(\n    (response) => response,\n    async (error) => {\n      const config = error?.config;\n      if (\n        error?.response?.status === 401 &&\n        !config?._retry &&\n        !whitelistedPaths.includes(window.location.pathname)\n      ) {\n        config.headers.Authorization = `Bearer ${await getAccessToken()}`;\n        config._retry = true;\n\n        return Axios(config);\n      }\n\n      return Promise.reject(error);\n    }\n  );\n};\n\nexport default axiosInterceptors;\n"],"mappings":";;;;AAIA,MAAM,0BAA0B;AAC9B,OAAM,aAAa,QAAQ,IACzB,OAAO,WAAW;AAGhB,MAAI,CAAC,iBAAiB,SAAS,OAAO,SAAS,SAAS,EAAE;GACxD,IAAI,cAAc;AAClB,OAAG,CAAC,QAAQ,SAAS,cACnB,eAAc,MAAM,gBAAgB;AAEtC,UAAO,gBAAgB,aAAa,OAAO;;AAE7C,SAAO;KAER,UAAU,QAAQ,OAAO,MAAM,CACjC;AAED,OAAM,aAAa,SAAS,KACzB,aAAa,UACd,OAAO,UAAU;EACf,MAAM,SAAS,OAAO;AACtB,MACE,OAAO,UAAU,WAAW,OAC5B,CAAC,QAAQ,UACT,CAAC,iBAAiB,SAAS,OAAO,SAAS,SAAS,EACpD;AACA,UAAO,QAAQ,gBAAgB,UAAU,MAAM,gBAAgB;AAC/D,UAAO,SAAS;AAEhB,UAAO,MAAM,OAAO;;AAGtB,SAAO,QAAQ,OAAO,MAAM;GAE/B;;AAGH,gCAAe"}

package/dist/buttons-DC7mOFCO.js

@@ -0,0 +1,159 @@
+import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
+import React from "react";
+import { Button, ButtonBase, Divider, Typography, makeStyles } from "@material-ui/core";
+import { IncreaseIndentArrowIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
+
+//#region src/UI/inputs/buttons/FluentMenuListItem.jsx
+const useStyles$4 = makeStyles((theme) => ({
+	wrapper: {
+		display: "flex",
+		flexDirection: "row",
+		padding: theme.spacing(.5),
+		"&:hover": { color: theme.palette.secondary.main },
+		width: "100%"
+	},
+	titleWrapper: {
+		display: "flex",
+		width: "100%",
+		textAlign: "left"
+	},
+	labelWrapper: { marginTop: 4 },
+	label: { marginBottom: 4 }
+}), { name: "FluentMenuListItem" });
+const FluentMenuListItem = (props) => {
+	const classes = useStyles$4();
+	const { label, value, arrow = true, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ButtonBase, {
+		classes: { root: classes.root },
+		className: classes.wrapper,
+		disableRipple: true,
+		...otherProps
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.label }, " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", /* @__PURE__ */ React.createElement("span", { style: { fontWeight: 700 } }, label), " ")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, value))), arrow && /* @__PURE__ */ React.createElement(IncreaseIndentArrowIcon, { style: { fontSize: 24 } }))), /* @__PURE__ */ React.createElement(Divider, null));
+};
+FluentMenuListItem.propTypes = { label: PropTypes.string.isRequired };
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentMenuListButton.jsx
+const useStyles$3 = makeStyles((theme) => ({
+	wrapper: {
+		display: "flex",
+		flexDirection: "row",
+		padding: theme.spacing(.5),
+		"&:hover": { color: theme.palette.secondary.main },
+		width: "100%"
+	},
+	titleWrapper: {
+		display: "flex",
+		width: "100%",
+		textAlign: "left"
+	},
+	labelWrapper: { marginTop: 4 },
+	label: { marginBottom: 4 }
+}), { name: "FluentMenuListButton" });
+const FluentMenuListButton = (props) => {
+	const classes = useStyles$3();
+	const { label, value, arrow = true, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ButtonBase, {
+		classes: { root: classes.root },
+		className: classes.wrapper,
+		disableRipple: true,
+		...otherProps
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelWrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.label }, " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, " ", /* @__PURE__ */ React.createElement("span", { style: { fontWeight: 700 } }, label), " ")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, value))), arrow && /* @__PURE__ */ React.createElement(IncreaseIndentArrowIcon, { style: { fontSize: 24 } }))), /* @__PURE__ */ React.createElement(Divider, null));
+};
+FluentMenuListButton.propTypes = { label: PropTypes.string.isRequired };
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentUploadButton.jsx
+const useStyles$2 = makeStyles$1((theme) => ({
+	root: { "& > *": { margin: theme.spacing(1) } },
+	input: { display: "none" }
+}));
+const FluentUploadButton = (props) => {
+	const classes = useStyles$2();
+	const { color, label, accept, id, onChange, onClick, variant } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		multiple: true,
+		type: "file",
+		onChange
+	}), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(FluentButton, {
+		onClick,
+		variant,
+		color,
+		component: "span"
+	}, label)), /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		type: "file"
+	}));
+};
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentCompoundButton.jsx
+const useStyles$1 = makeStyles({
+	root: {
+		borderRadius: 2,
+		minHeight: 72,
+		padding: "0 16px",
+		minWidth: 80,
+		border: (props) => `1px solid ${props.color}`
+	},
+	label: {
+		textTransform: "capitalize",
+		fontSize: "0.875rem",
+		fontWeight: 600,
+		textAlign: "left"
+	}
+});
+const FluentCompoundButton = (props) => {
+	const classes = useStyles$1(props);
+	const { children, textSecondary, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement(Button, {
+		...otherProps,
+		disableElevation: true,
+		classes: {
+			root: classes.root,
+			label: classes.label
+		}
+	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, children), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, textSecondary))));
+};
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentUploadIconButton.jsx
+const useStyles = makeStyles$1((theme) => ({
+	root: { "& > *": { margin: theme.spacing(1) } },
+	input: { display: "none" }
+}));
+const FluentUploadIconButton = (props) => {
+	const classes = useStyles();
+	const { color, icon, aria, accept, id, onChange, onClick } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		type: "file",
+		onChange
+	}), /* @__PURE__ */ React.createElement("label", { htmlFor: id }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		icon,
+		color,
+		"aria-label": aria,
+		id,
+		component: "span",
+		onClick
+	})), /* @__PURE__ */ React.createElement("input", {
+		accept,
+		className: classes.input,
+		id,
+		type: "file"
+	}));
+};
+
+//#endregion
+export { FluentMenuListItem as a, FluentMenuListButton as i, FluentCompoundButton as n, FluentUploadButton as r, FluentUploadIconButton as t };
+//# sourceMappingURL=buttons-DC7mOFCO.js.map

package/dist/buttons-DC7mOFCO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons-DC7mOFCO.js","names":["useStyles","useStyles","useStyles","makeStyles","useStyles","makeStyles"],"sources":["../src/UI/inputs/buttons/FluentMenuListItem.jsx","../src/UI/inputs/buttons/FluentMenuListButton.jsx","../src/UI/inputs/buttons/FluentUploadButton.jsx","../src/UI/inputs/buttons/FluentCompoundButton.jsx","../src/UI/inputs/buttons/FluentUploadIconButton.jsx"],"sourcesContent":["import React from 'react';\nimport { ButtonBase, Typography, makeStyles, Divider } from '@material-ui/core';\nimport { IncreaseIndentArrowIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      // height: theme.spacing(5),\n      padding: theme.spacing(0.5),\n      '&:hover': { color: theme.palette.secondary.main },\n      width: '100%'\n    },\n    titleWrapper: {\n      display: 'flex',\n      width: '100%',\n      textAlign: 'left'\n    },\n    labelWrapper: {\n      marginTop: 4\n    },\n    label: {\n      marginBottom: 4\n    }\n  }),\n  { name: 'FluentMenuListItem' }\n);\n\nexport const FluentMenuListItem = (props) => {\n  const classes = useStyles();\n  const { label, value, arrow = true, ...otherProps } = props;\n\n  return (\n    <div>\n      <ButtonBase\n        classes={{\n          root: classes.root\n        }}\n        className={classes.wrapper}\n        disableRipple\n        {...otherProps}\n      >\n        <div className={classes.titleWrapper}>\n          <div className={classes.labelWrapper}>\n            <div className={classes.label}>\n              {' '}\n              <Typography variant='caption'>\n                {' '}\n                <span style={{ fontWeight: 700 }}>{label}</span>{' '}\n              </Typography>\n            </div>\n            <div>\n              <Typography variant='subtitle2'>{value}</Typography>\n            </div>\n          </div>\n          {/* @todo  Change to component for size */}\n          {arrow && <IncreaseIndentArrowIcon style={{ fontSize: 24 }} />}\n        </div>\n      </ButtonBase>\n      <Divider />\n    </div>\n  );\n};\n\nFluentMenuListItem.propTypes = {\n  /**\n   * Button label\n   */\n  label: PropTypes.string.isRequired\n};\n","import React from 'react';\nimport { ButtonBase, Typography, makeStyles, Divider } from '@material-ui/core';\nimport { IncreaseIndentArrowIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    wrapper: {\n      display: 'flex',\n      flexDirection: 'row',\n      // height: theme.spacing(5),\n      padding: theme.spacing(0.5),\n      '&:hover': { color: theme.palette.secondary.main },\n      width: '100%'\n    },\n    titleWrapper: {\n      display: 'flex',\n      width: '100%',\n      textAlign: 'left'\n    },\n    labelWrapper: {\n      marginTop: 4\n    },\n    label: {\n      marginBottom: 4\n    }\n  }),\n  { name: 'FluentMenuListButton' }\n);\n\nexport const FluentMenuListButton = (props) => {\n  const classes = useStyles();\n  const { label, value, arrow = true, ...otherProps } = props;\n\n  return (\n    <div>\n      <ButtonBase\n        classes={{\n          root: classes.root\n        }}\n        className={classes.wrapper}\n        disableRipple\n        {...otherProps}\n      >\n        <div className={classes.titleWrapper}>\n          <div className={classes.labelWrapper}>\n            <div className={classes.label}>\n              {' '}\n              <Typography variant='caption'>\n                {' '}\n                <span style={{ fontWeight: 700 }}>{label}</span>{' '}\n              </Typography>\n            </div>\n            <div>\n              <Typography variant='subtitle2'>{value}</Typography>\n            </div>\n          </div>\n          {/* @todo  Change to component for size */}\n          {arrow && <IncreaseIndentArrowIcon style={{ fontSize: 24 }} />}\n        </div>\n      </ButtonBase>\n      <Divider />\n    </div>\n  );\n};\n\nFluentMenuListButton.propTypes = {\n  /**\n   * Button label\n   */\n  label: PropTypes.string.isRequired\n};\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { FluentButton } from './FluentButton'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    }\n  },\n  input: {\n    display: 'none'\n  }\n}))\n\nexport const FluentUploadButton = (props) => {\n  const classes = useStyles()\n  const { color, label, accept, id, onChange, onClick, variant } = props\n\n  return (\n    <div className={classes.root}>\n      <input\n        accept={accept}\n        className={classes.input}\n        id={id}\n        multiple\n        type='file'\n        onChange={onChange}\n      />\n      <label htmlFor={id}>\n        <FluentButton\n          onClick={onClick}\n          variant={variant}\n          color={color}\n          component='span'\n        >\n          {label}\n        </FluentButton>\n      </label>\n      <input accept={accept} className={classes.input} id={id} type='file' />\n    </div>\n  )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport { Button } from '@material-ui/core'\n\nconst useStyles = makeStyles({\n  root: {\n    borderRadius: 2,\n    minHeight: 72,\n    padding: '0 16px',\n    minWidth: 80,\n    border: (props) => `1px solid ${props.color}`\n  },\n  label: {\n    textTransform: 'capitalize',\n    fontSize: '0.875rem',\n    fontWeight: 600,\n    textAlign: 'left'\n  }\n})\n\nexport const FluentCompoundButton = (props) => {\n  const classes = useStyles(props)\n  const { children, textSecondary, ...otherProps } = props\n  return (\n    <Button\n      {...otherProps}\n      disableElevation\n      classes={{\n        root: classes.root,\n        label: classes.label\n      }}\n    >\n      <div>\n        <div>{children}</div>\n        <div>\n          <Typography variant='caption'>{textSecondary}</Typography>\n        </div>\n      </div>\n    </Button>\n  )\n}\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport { FluentIconButton } from './FluentIconButton'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    }\n  },\n  input: {\n    display: 'none'\n  }\n}))\n\nexport const FluentUploadIconButton = (props) => {\n  const classes = useStyles()\n  const { color, icon, aria, accept, id, onChange, onClick } = props\n\n  return (\n    <div className={classes.root}>\n      <input\n        accept={accept}\n        className={classes.input}\n        id={id}\n        type='file'\n        onChange={onChange}\n      />\n      <label htmlFor={id}>\n        <FluentIconButton\n          icon={icon}\n          color={color}\n          aria-label={aria}\n          id={id}\n          component='span'\n          onClick={onClick}\n        />\n      </label>\n      <input accept={accept} className={classes.input} id={id} type='file' />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/cards-CJMVTqxZ.js

@@ -0,0 +1,129 @@
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { t as FluentCard } from "./FluentCard-C3qSYfiz.js";
+import React, { Fragment } from "react";
+import { Box, Card, CardContent, Divider, LinearProgress, Typography, lighten, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
+
+//#region src/UI/surfaces/cards/ContentDisplayCard.jsx
+const useStyles$1 = makeStyles$1((theme) => ({
+	paper: {
+		width: "100%",
+		height: "100%",
+		position: "relative"
+	},
+	styleWidth: { width: "75%" },
+	media: { height: 120 },
+	cardContent: { paddingTop: 0 },
+	titleWrapper: {
+		display: "flex",
+		backgroundColor: (props) => props.headerColor || theme.palette.background.paper,
+		alignItems: "center"
+	},
+	loading: {
+		position: "absolute",
+		top: 0,
+		left: 0
+	},
+	expandMessage: { display: "flex" },
+	cardRoot: { "&:last-child": { paddingBottom: theme.spacing(10) } },
+	title: { flex: 1 },
+	visualization: {
+		display: "flex",
+		alignItems: "flex-end",
+		width: "100%",
+		height: 300
+	}
+}));
+/**
+* ContentDisplayCard
+*
+* @param {*} props
+* @return {*}
+*/
+const ContentDisplayCard = (props) => {
+	const { title, fullWidth, className, style, loading, headerElement, children } = props;
+	const classes = useStyles$1(props);
+	return /* @__PURE__ */ React.createElement(Card, {
+		className,
+		style: {
+			border: "none",
+			boxShadow: "none",
+			borderRadius: 0,
+			width: fullWidth ? "100%" : "auto",
+			...style
+		}
+	}, title && /* @__PURE__ */ React.createElement(CardContent, {
+		className: classes.titleWrapper,
+		classes: { root: classes.cardRoot }
+	}, /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.title,
+		component: "h2",
+		variant: "h6"
+	}, title), headerElement && headerElement), loading && /* @__PURE__ */ React.createElement(Box, { sx: { width: "100%" } }, /* @__PURE__ */ React.createElement(LinearProgress, null)), /* @__PURE__ */ React.createElement(Box, { className }, children));
+};
+ContentDisplayCard.propTypes = {
+	title: PropTypes.string,
+	fullWidth: PropTypes.bool,
+	className: PropTypes.any,
+	style: PropTypes.object,
+	headerColor: PropTypes.string,
+	loading: PropTypes.bool,
+	headerElement: PropTypes.node,
+	children: PropTypes.node.isRequired
+};
+
+//#endregion
+//#region src/UI/surfaces/cards/InfoCard.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	paper: {
+		background: lighten(theme.palette.info.light, .8),
+		borderTop: `5px solid ${theme.palette.info.main} `
+	},
+	title: {
+		color: theme.palette.info.dark,
+		highlightfontWeight: 400,
+		lineHeight: 1.6
+	},
+	subHeader: {
+		lineHeight: 1.6,
+		fontWeight: 600
+	}
+}));
+const InfoCard = ({ children, title, subTitle, relatedTopics, label, headerComponent = "h2", subHeaderComponent = "h3", size, titleVariant = "h6", className, titleHeight }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement(FluentCard, {
+		elevation: 0,
+		classes: { root: classes.paper },
+		className: clsx(classes.root, className)
+	}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, {
+		variant: titleVariant,
+		component: headerComponent,
+		className: clsx(classes.title, titleHeight)
+	}, title), size === "standard" && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, {
+		variant: "subtitle2",
+		component: subHeaderComponent,
+		className: classes.subHeader
+	}, subTitle), children, size === "standard" && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), relatedTopics && /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, label || "Related Topics"), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), relatedTopics)));
+};
+InfoCard.propTypes = {
+	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+	title: PropTypes.string.isRequired,
+	subTitle: PropTypes.string,
+	relatedTopics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+	label: PropTypes.string,
+	headerComponent: PropTypes.string,
+	subHeaderComponent: PropTypes.string,
+	size: PropTypes.oneOf(["standard"])
+};
+InfoCard.defaultProps = {
+	headerComponent: "h2",
+	subHeaderComponent: "h3",
+	size: "standard"
+};
+
+//#endregion
+export { ContentDisplayCard as n, InfoCard as t };
+//# sourceMappingURL=cards-CJMVTqxZ.js.map