udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/TenantProvider-DbNvFlAk.js

@@ -1,363 +0,0 @@
-import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { i as storeTenant } from "./UnitySessionStorage-CUDx9YWR.js";
-import { r as UserDispatchContext, t as useUser } from "./useUser-wpHGo6jU.js";
-import { H as UnityProducts, M as TenantTypeEnums } from "./unitySystemEnums-BhRg17du.js";
-import { t as useAxiosGet } from "./useAxiosGet-BSc3KA_u.js";
-import { t as useTenantStore } from "./tenantStore-C8npVKvC.js";
-import { t as FluentDialog } from "./FluentDialog-jQs3r2dc.js";
-import { n as getRouteRolesMapAndMenuActiveMap } from "./menuUtilities-BmmKxFk0.js";
-import { t as LoadingIndicator } from "./LoadingIndicator-xF4GPPFm.js";
-import { t as TenantContext } from "./tenantContext-BaRUoL33.js";
-import React, { createContext, forwardRef, useCallback, useContext, useEffect, useMemo } from "react";
-import { TextField } from "@material-ui/core";
-import { Autocomplete } from "@material-ui/lab";
-import { useAccount } from "@azure/msal-react";
-
-//#region src/utilities/menus/MenuProvider.tsx
-const MenuContext = createContext(null);
-const buildRouteAndActiveMaps = (menu) => {
-	const rawResult = getRouteRolesMapAndMenuActiveMap(menu);
-	const rolesMap = /* @__PURE__ */ new Map();
-	if (rawResult?.rolesMap instanceof Map) rawResult.rolesMap.forEach((value, key) => {
-		if (typeof key !== "string") return;
-		const normalizedKey = key;
-		const normalizedValue = Array.isArray(value) ? value.map((roleId) => String(roleId)) : [];
-		rolesMap.set(normalizedKey, normalizedValue);
-	});
-	const menuActiveMap = /* @__PURE__ */ new Map();
-	if (rawResult?.menuActiveMap instanceof Map) rawResult.menuActiveMap.forEach((value, key) => {
-		if (typeof key !== "string") return;
-		menuActiveMap.set(key, Boolean(value));
-	});
-	return {
-		rolesMap,
-		menuActiveMap
-	};
-};
-const MenuProvider = ({ children }) => {
-	const user = useUser();
-	const currentTenantId = user?.currentTenantId;
-	const userId = user?.id;
-	const [{ data: leftMenu, loading: leftMenuLoading, error: leftMenuError }, refetchLeftMenu] = useAxiosGet(ConfigService.tenantV1ApiUrl, `menus?menuTypeId=1&productId=${ConfigService.config.UNITY_PRODUCT_ID}&tenantId=${currentTenantId}`, {}, !currentTenantId);
-	const [{ data: appSelectorMenus, loading: appSelectorMenusLoading, error: appSelectorMenusError }, refetchAppSelectorMenus] = useAxiosGet(ConfigService.tenantV1ApiUrl, `menus?tenantId=${currentTenantId}&verticalId=${ConfigService.config.UNITY_VERTICAL_ID}&userId=${userId ?? ""}`, {}, !userId);
-	const [{ data: languages, loading: languagesLoading, error: languagesError }, refetchLanguages] = useAxiosGet(ConfigService.tenantV1ApiUrl, `language`, {}, !userId);
-	const { rolesMap, menuActiveMap } = useMemo(() => {
-		if (Array.isArray(leftMenu) && leftMenu.length > 0) return buildRouteAndActiveMaps(leftMenu);
-		return {
-			rolesMap: /* @__PURE__ */ new Map(),
-			menuActiveMap: /* @__PURE__ */ new Map()
-		};
-	}, [leftMenu]);
-	const refetchAll = useCallback(() => {
-		const refetchPromises = [];
-		if (currentTenantId) refetchPromises.push(refetchLeftMenu());
-		if (userId) refetchPromises.push(refetchAppSelectorMenus());
-		refetchPromises.push(refetchLanguages());
-		return Promise.all(refetchPromises);
-	}, [
-		currentTenantId,
-		refetchAppSelectorMenus,
-		refetchLanguages,
-		refetchLeftMenu,
-		userId
-	]);
-	const value = useMemo(() => ({
-		leftMenu,
-		leftMenuLoading,
-		leftMenuError,
-		appSelectorMenus,
-		appSelectorMenusLoading,
-		appSelectorMenusError,
-		languages,
-		languagesLoading,
-		languagesError,
-		rolesMap,
-		menuActiveMap,
-		refetchAll
-	}), [
-		leftMenu,
-		leftMenuLoading,
-		leftMenuError,
-		appSelectorMenus,
-		appSelectorMenusLoading,
-		appSelectorMenusError,
-		languages,
-		languagesLoading,
-		languagesError,
-		rolesMap,
-		menuActiveMap,
-		refetchAll
-	]);
-	return /* @__PURE__ */ React.createElement(MenuContext.Provider, { value }, children);
-};
-const useMenuContext = () => {
-	return useContext(MenuContext) ?? {
-		leftMenuLoading: false,
-		appSelectorMenusLoading: false,
-		languagesLoading: false,
-		rolesMap: /* @__PURE__ */ new Map(),
-		menuActiveMap: /* @__PURE__ */ new Map(),
-		refetchAll: () => Promise.resolve([])
-	};
-};
-
-//#endregion
-//#region src/utilities/tenant/TenantSelect.tsx
-const sanitizeRecordId = (tenantName) => tenantName.replace(/\s+/g, "");
-const TenantSelect = forwardRef((props, ref) => {
-	const { tenants, value, onTenantChange, id = "tenant-select", label = "Current Tenant", className, disableClearable = true, textFieldProps, recordIdPrefix = "udpRecord-TenantSelect" } = props;
-	const userTenantsContainsMultipleTypes = tenants.some((tenant) => tenant.tenantType == TenantTypeEnums.Tenant) && tenants.some((tenant) => tenant.tenantType == TenantTypeEnums.Product);
-	const sortTenantsByNameAlphacetically = (tenants) => {
-		const tenantProperty = "tenantName";
-		tenants.sort((tenant, otherTenant) => {
-			if (tenant[tenantProperty].toLowerCase() < otherTenant[tenantProperty].toLowerCase()) return -1;
-			else if (tenant[tenantProperty].toLowerCase() > otherTenant[tenantProperty].toLowerCase()) return 1;
-			else return 0;
-		});
-	};
-	const groupTenantsByTypeAndFilter = useCallback((tenants) => {
-		if (!userTenantsContainsMultipleTypes) {
-			sortTenantsByNameAlphacetically(tenants);
-			return tenants;
-		}
-		const clientTenants = tenants.filter((tenant) => tenant.tenantType == TenantTypeEnums.Tenant);
-		sortTenantsByNameAlphacetically(clientTenants);
-		const productTenants = tenants.filter((tenant) => tenant.tenantType == TenantTypeEnums.Product);
-		sortTenantsByNameAlphacetically(productTenants);
-		return clientTenants.concat(productTenants);
-	}, [userTenantsContainsMultipleTypes]);
-	const options = useMemo(() => tenants ? groupTenantsByTypeAndFilter(tenants) : [], [tenants, groupTenantsByTypeAndFilter]);
-	const handleChange = useCallback((event, newValue, reason) => {
-		if (reason !== "select-option" || !newValue) return;
-		onTenantChange?.(newValue);
-	}, [onTenantChange]);
-	return /* @__PURE__ */ React.createElement(Autocomplete, {
-		ref,
-		className,
-		id,
-		value,
-		options,
-		disableClearable,
-		getOptionSelected: (option, selected) => option?.tenantId === selected?.tenantId,
-		getOptionLabel: (option) => option?.tenantName ?? "",
-		onChange: handleChange,
-		groupBy: (option) => userTenantsContainsMultipleTypes ? option.tenantType === TenantTypeEnums.Product ? "Product" : "Client" : null,
-		renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, {
-			...params,
-			label,
-			variant: "standard",
-			...textFieldProps
-		}),
-		renderOption: (option) => /* @__PURE__ */ React.createElement("li", {
-			style: {
-				width: "100%",
-				height: "100%",
-				listStyleType: "none"
-			},
-			udprecordid: `${recordIdPrefix}-${sanitizeRecordId(option?.tenantName ?? "")}`
-		}, option?.tenantName ?? "")
-	});
-});
-TenantSelect.displayName = "TenantSelect";
-
-//#endregion
-//#region src/utilities/tenant/TenantAccessDialog.tsx
-const TenantAccessDialog = ({ tenants, onTenantChange, productName }) => {
-	const message = productName ? `Your current tenant does not have access to ${productName}. Please select another tenant to continue.` : "Your current tenant does not have access to this application. Please select another tenant to continue.";
-	return /* @__PURE__ */ React.createElement(FluentDialog, {
-		open: true,
-		title: "Tenant Access Required",
-		message,
-		buttonOneHidden: true,
-		buttonTwoHidden: true,
-		disableEscapeKeyDown: true,
-		disableBackdropClick: true
-	}, /* @__PURE__ */ React.createElement(TenantSelect, {
-		tenants,
-		value: null,
-		onTenantChange,
-		label: "Available Tenants",
-		id: "tenant-access-dialog-select",
-		disableClearable: false,
-		recordIdPrefix: "udpRecord-TenantAccessDialog"
-	}));
-};
-
-//#endregion
-//#region src/utilities/auth/users.js
-function useUserActions() {
-	const dispatch = useContext(UserDispatchContext);
-	return {
-		setUser: useCallback((user) => {
-			dispatch({
-				type: "SET_USER",
-				user
-			});
-		}, [dispatch]),
-		changeTenant: useCallback((tenantId) => {
-			dispatch({
-				type: "CHANGE_TENANT",
-				tenantId
-			});
-		}, [dispatch])
-	};
-}
-function useLocalUserActions() {
-	const dispatch = useContext(UserDispatchContext);
-	return {
-		setUser: useCallback((user) => {
-			dispatch({
-				type: "SET_USER",
-				user
-			});
-		}, [dispatch]),
-		setAccessToken: useCallback((accessToken) => {
-			dispatch({
-				type: "SET_ACCESS_TOKEN",
-				accessToken
-			});
-		}, [dispatch])
-	};
-}
-
-//#endregion
-//#region src/utilities/tenant/TenantProvider.jsx
-/**
-* A hook to sync the derived active tenant with the Zustand store.
-* This is the "necessary evil" to keep the store updated.
-*/
-const useTenantStoreSync = (activeTenant) => {
-	const { currentTenant: storeTenantValue, setCurrentTenant } = useTenantStore((state) => ({
-		currentTenant: state.currentTenant,
-		setCurrentTenant: state.setCurrentTenant
-	}));
-	useEffect(() => {
-		if (activeTenant && (storeTenantValue?.tenantId !== activeTenant.tenantId || storeTenantValue?.name !== activeTenant.tenantName || storeTenantValue?.tenantType !== activeTenant.tenantType || storeTenantValue?.theme !== activeTenant.theme)) setCurrentTenant({
-			tenantId: activeTenant.tenantId,
-			name: activeTenant.tenantName,
-			tenantType: activeTenant.tenantType,
-			theme: activeTenant?.theme ?? null
-		});
-	}, [
-		activeTenant,
-		storeTenantValue,
-		setCurrentTenant
-	]);
-};
-/**
-* This hook fetches all data and derives the correct tenant state.
-* It is pure and has no knowledge of Zustand.
-*/
-const useTenantData = (id, user) => {
-	const [{ data: tenants, loading: tenantsLoading }, refetchTenantsList] = useAxiosGet(ConfigService.securityV1ApiUrl, `users/${id ?? ""}/unitytenants`, {}, !id);
-	const [{ data: products, loading: productsLoading }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `products`, {}, !id);
-	const unityProductIdString = ConfigService.config.UNITY_PRODUCT_ID;
-	const unityProductId = unityProductIdString ? Number(unityProductIdString) : null;
-	const shouldFilterByProduct = typeof unityProductId === "number" && !Number.isNaN(unityProductId) && unityProductId !== UnityProducts.Unity;
-	const hasTenantsData = Array.isArray(tenants);
-	const hasProductsData = Array.isArray(products);
-	const selectedProduct = useMemo(() => {
-		if (!shouldFilterByProduct || unityProductId === null) return null;
-		if (!Array.isArray(products)) return null;
-		return products.find((p) => p?.productId === unityProductId) ?? null;
-	}, [
-		products,
-		shouldFilterByProduct,
-		unityProductId
-	]);
-	const isUnityDefaultProduct = selectedProduct?.isUnityDefault === true;
-	const filteredTenantsList = useMemo(() => {
-		if (!Array.isArray(tenants)) return null;
-		if (!shouldFilterByProduct || unityProductId === null) return tenants;
-		return tenants.filter((tenant) => {
-			if (isUnityDefaultProduct && tenant?.tenantType === TenantTypeEnums.Product) return true;
-			return !!tenant?.products?.find((product) => product?.productId === unityProductId);
-		});
-	}, [
-		tenants,
-		shouldFilterByProduct,
-		unityProductId,
-		isUnityDefaultProduct
-	]);
-	const activeTenant = user?.currentTenantId && Array.isArray(tenants) ? tenants.find((tenant) => tenant.tenantId === user.currentTenantId) ?? null : null;
-	const isProductTenant = activeTenant?.tenantType === TenantTypeEnums.Product;
-	const unityProductName = useMemo(() => {
-		if (!shouldFilterByProduct || unityProductId === null) return null;
-		if (!Array.isArray(products)) return null;
-		return selectedProduct?.name ?? null;
-	}, [
-		products,
-		selectedProduct,
-		shouldFilterByProduct,
-		unityProductId
-	]);
-	const userHasLoaded = user?.statusCode === 200;
-	const noTenantsAvailable = Array.isArray(tenants) && tenants.length === 0 && userHasLoaded;
-	const hasFilteredTenants = Array.isArray(filteredTenantsList) && filteredTenantsList.length > 0;
-	const currentTenantAllowed = !shouldFilterByProduct ? true : filteredTenantsList?.some((tenant) => tenant.tenantId === user?.currentTenantId) ?? false;
-	const zeroTenantAccess = userHasLoaded && shouldFilterByProduct && Array.isArray(filteredTenantsList) && filteredTenantsList.length === 0;
-	const shouldShowTenantMismatchDialog = userHasLoaded && shouldFilterByProduct && hasFilteredTenants && !currentTenantAllowed && unityProductId !== UnityProducts.Unity;
-	const allowedTenants = useMemo(() => Array.isArray(filteredTenantsList) ? filteredTenantsList : [], [filteredTenantsList]);
-	const selectedTenantForDialog = currentTenantAllowed ? activeTenant : allowedTenants[0] ?? null;
-	return {
-		tenantsList: tenants ?? null,
-		filteredTenantsList,
-		activeTenant,
-		isProductTenant,
-		refresh: refetchTenantsList,
-		noTenantsAvailable,
-		zeroTenantAccess,
-		shouldShowTenantMismatchDialog,
-		allowedTenants,
-		selectedTenantForDialog,
-		unityProductName,
-		tenantsLoading,
-		productsLoading,
-		shouldFilterByProduct,
-		hasTenantsData,
-		hasProductsData
-	};
-};
-const TenantProvider = ({ children }) => {
-	const user = useUser();
-	const activeAccount = useAccount();
-	const id = user?.id;
-	const { changeTenant } = useUserActions();
-	const { tenantsList, filteredTenantsList, activeTenant, isProductTenant, refresh, noTenantsAvailable, zeroTenantAccess, shouldShowTenantMismatchDialog, allowedTenants, selectedTenantForDialog, unityProductName, tenantsLoading, productsLoading, shouldFilterByProduct, hasTenantsData, hasProductsData } = useTenantData(id, user);
-	useTenantStoreSync(activeTenant);
-	const handleTenantChange = useCallback((tenant) => {
-		if (!tenant) return;
-		storeTenant(tenant.tenantId);
-		changeTenant(tenant.tenantId);
-	}, [changeTenant]);
-	const userHasLoaded = user?.statusCode === 200;
-	const shouldBlockForUser = Boolean(activeAccount) && !userHasLoaded;
-	const shouldBlockForTenantData = Boolean(activeAccount) && userHasLoaded && (tenantsLoading || !hasTenantsData || shouldFilterByProduct && (productsLoading || !hasProductsData));
-	if (shouldBlockForUser) return /* @__PURE__ */ React.createElement(LoadingIndicator, null);
-	if (shouldBlockForTenantData) return /* @__PURE__ */ React.createElement(LoadingIndicator, null);
-	if (noTenantsAvailable || zeroTenantAccess) return /* @__PURE__ */ React.createElement(FluentDialog, {
-		title: "No Access",
-		message: "Your user does not have access to any tenants. Please contact your support team.",
-		open: true,
-		buttonOneHidden: true,
-		buttonTwoHidden: true
-	});
-	if (shouldShowTenantMismatchDialog) return /* @__PURE__ */ React.createElement(TenantAccessDialog, {
-		open: true,
-		tenants: allowedTenants,
-		currentTenant: selectedTenantForDialog,
-		onTenantChange: handleTenantChange,
-		productName: unityProductName
-	});
-	return /* @__PURE__ */ React.createElement(TenantContext.Provider, { value: {
-		tenantsList,
-		filteredTenantsList,
-		activeTenant,
-		isProductTenant,
-		refresh
-	} }, /* @__PURE__ */ React.createElement(MenuProvider, null, children));
-};
-
-//#endregion
-export { TenantSelect as a, TenantAccessDialog as i, useLocalUserActions as n, MenuProvider as o, useUserActions as r, useMenuContext as s, TenantProvider as t };
-//# sourceMappingURL=TenantProvider-DbNvFlAk.js.map

package/dist/TenantProvider-DbNvFlAk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TenantProvider-DbNvFlAk.js","names":[],"sources":["../src/utilities/menus/MenuProvider.tsx","../src/utilities/tenant/TenantSelect.tsx","../src/utilities/tenant/TenantAccessDialog.tsx","../src/utilities/auth/users.js","../src/utilities/tenant/TenantProvider.jsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  ReactNode\n} from 'react';\nimport { useUser } from '../auth/useUser';\nimport { useAxiosGet } from '../useAxiosGet';\nimport { ConfigService } from '../../configService';\nimport { getRouteRolesMapAndMenuActiveMap } from './menuUtilities';\nimport type { AxiosError } from 'axios';\n\ntype LeftMenuResponse = unknown[];\ntype AppSelectorMenuResponse = unknown[];\ntype LanguagesResponse = unknown[];\n\ninterface MenuContextValue {\n  leftMenu?: LeftMenuResponse;\n  leftMenuLoading: boolean;\n  leftMenuError?: AxiosError<unknown>;\n  appSelectorMenus?: AppSelectorMenuResponse;\n  appSelectorMenusLoading: boolean;\n  appSelectorMenusError?: AxiosError<unknown>;\n  languages?: LanguagesResponse;\n  languagesLoading: boolean;\n  languagesError?: AxiosError<unknown>;\n  rolesMap: Map<string, string[]>;\n  menuActiveMap: Map<string, boolean>;\n  refetchAll: () => Promise<unknown[]>;\n}\n\ninterface MenuProviderProps {\n  children?: ReactNode;\n}\n\nexport const MenuContext = createContext<MenuContextValue | null>(null);\n\ntype RefetchFn = (config?: unknown, options?: unknown) => Promise<unknown>;\n\ntype UseAxiosGetReturn<TData> = [\n  {\n    data?: TData;\n    loading: boolean;\n    error?: AxiosError<unknown>;\n  },\n  RefetchFn\n];\n\nconst buildRouteAndActiveMaps = (\n  menu: LeftMenuResponse\n): { rolesMap: Map<string, string[]>; menuActiveMap: Map<string, boolean> } => {\n  const rawResult = getRouteRolesMapAndMenuActiveMap(menu) as {\n    rolesMap?: Map<unknown, unknown>;\n    menuActiveMap?: Map<unknown, unknown>;\n  };\n\n  const rolesMap = new Map<string, string[]>();\n  if (rawResult?.rolesMap instanceof Map) {\n    rawResult.rolesMap.forEach((value, key) => {\n      if (typeof key !== 'string') return;\n      const normalizedKey = key;\n      const normalizedValue = Array.isArray(value)\n        ? value.map((roleId) => String(roleId))\n        : [];\n      rolesMap.set(normalizedKey, normalizedValue);\n    });\n  }\n\n  const menuActiveMap = new Map<string, boolean>();\n  if (rawResult?.menuActiveMap instanceof Map) {\n    rawResult.menuActiveMap.forEach((value, key) => {\n      if (typeof key !== 'string') return;\n      menuActiveMap.set(key, Boolean(value));\n    });\n  }\n\n  return { rolesMap, menuActiveMap };\n};\n\nexport const MenuProvider: React.FC<MenuProviderProps> = ({ children }) => {\n  const user = useUser();\n\n  const currentTenantId = user?.currentTenantId;\n  const userId = user?.id;\n  const [\n    { data: leftMenu, loading: leftMenuLoading, error: leftMenuError },\n    refetchLeftMenu\n  ] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `menus?menuTypeId=1&productId=${ConfigService.config.UNITY_PRODUCT_ID}&tenantId=${currentTenantId}`,\n    {},\n    !currentTenantId\n  ) as UseAxiosGetReturn<LeftMenuResponse>;\n\n  const [\n    {\n      data: appSelectorMenus,\n      loading: appSelectorMenusLoading,\n      error: appSelectorMenusError\n    },\n    refetchAppSelectorMenus\n  ] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `menus?tenantId=${currentTenantId}&verticalId=${ConfigService.config.UNITY_VERTICAL_ID}&userId=${userId ?? ''}`,\n    {},\n    !userId\n  ) as UseAxiosGetReturn<AppSelectorMenuResponse>;\n\n  const [\n    { data: languages, loading: languagesLoading, error: languagesError },\n    refetchLanguages\n  ] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `language`,\n    {},\n    !userId\n  ) as UseAxiosGetReturn<LanguagesResponse>;\n\n  const { rolesMap, menuActiveMap } = useMemo(() => {\n    if (Array.isArray(leftMenu) && leftMenu.length > 0) {\n      return buildRouteAndActiveMaps(leftMenu);\n    }\n\n    return {\n      rolesMap: new Map<string, string[]>(),\n      menuActiveMap: new Map<string, boolean>()\n    };\n  }, [leftMenu]);\n\n  const refetchAll = useCallback(() => {\n    const refetchPromises: Promise<unknown>[] = [];\n\n    if (currentTenantId) {\n      refetchPromises.push(refetchLeftMenu());\n    }\n\n    if (userId) {\n      refetchPromises.push(refetchAppSelectorMenus());\n    }\n\n    refetchPromises.push(refetchLanguages());\n\n    return Promise.all(refetchPromises);\n  }, [\n    currentTenantId,\n    refetchAppSelectorMenus,\n    refetchLanguages,\n    refetchLeftMenu,\n    userId\n  ]);\n\n  const value = useMemo<MenuContextValue>(\n    () => ({\n      leftMenu,\n      leftMenuLoading,\n      leftMenuError,\n      appSelectorMenus,\n      appSelectorMenusLoading,\n      appSelectorMenusError,\n      languages,\n      languagesLoading,\n      languagesError,\n      rolesMap,\n      menuActiveMap,\n      refetchAll\n    }),\n    [\n      leftMenu,\n      leftMenuLoading,\n      leftMenuError,\n      appSelectorMenus,\n      appSelectorMenusLoading,\n      appSelectorMenusError,\n      languages,\n      languagesLoading,\n      languagesError,\n      rolesMap,\n      menuActiveMap,\n      refetchAll\n    ]\n  );\n\n  return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>;\n};\n\nexport const useMenuContext = (): MenuContextValue => {\n  const context = useContext(MenuContext);\n  return context ?? {\n    leftMenuLoading: false,\n    appSelectorMenusLoading: false,\n    languagesLoading: false,\n    rolesMap: new Map<string, string[]>(),\n    menuActiveMap: new Map<string, boolean>(),\n    refetchAll: () => Promise.resolve([])\n  };\n};\n","import React, { forwardRef, useMemo, useCallback } from 'react';\nimport { Autocomplete, AutocompleteChangeReason } from '@material-ui/lab';\nimport { TextField, TextFieldProps } from '@material-ui/core';\nimport { Tenant } from '../types';\nimport { TenantTypeEnums } from '../../enums/unitySystemEnums'\n\ninterface TenantSelectProps {\n  tenants?: Tenant[] | null;\n  value: Tenant | null;\n  onTenantChange?: (tenant: Tenant) => void;\n  id?: string;\n  label?: string;\n  className?: string;\n  disableClearable?: boolean;\n  textFieldProps?: TextFieldProps;\n  recordIdPrefix?: string;\n}\n\nconst sanitizeRecordId = (tenantName: string) =>\n  tenantName.replace(/\\s+/g, '');\n\nexport const TenantSelect = forwardRef<HTMLDivElement, TenantSelectProps>(\n  (props, ref) => {\n    const {\n      tenants,\n      value,\n      onTenantChange,\n      id = 'tenant-select',\n      label = 'Current Tenant',\n      className,\n      disableClearable = true,\n      textFieldProps,\n      recordIdPrefix = 'udpRecord-TenantSelect'\n    } = props;\n\n    const userTenantsContainsMultipleTypes =\n      tenants.some((tenant) => tenant.tenantType == TenantTypeEnums.Tenant) &&\n      tenants.some((tenant) => tenant.tenantType == TenantTypeEnums.Product);\n\n    const sortTenantsByNameAlphacetically = (tenants ?: Tenant[]) => {\n      const tenantProperty = \"tenantName\"\n      tenants.sort((tenant, otherTenant) => {\n        if (tenant[tenantProperty].toLowerCase() < otherTenant[tenantProperty].toLowerCase()) {\n          return -1;\n        } else if (tenant[tenantProperty].toLowerCase() > otherTenant[tenantProperty].toLowerCase()) {\n          return 1;\n        } else {\n          return 0;\n        }\n      });\n    };\n\n    const groupTenantsByTypeAndFilter = useCallback( (tenants ?: Tenant[]) => {\n      if (!userTenantsContainsMultipleTypes) {\n        sortTenantsByNameAlphacetically(tenants);\n        return tenants;\n      }\n      const clientTenants = tenants.filter(\n        (tenant) => tenant.tenantType == TenantTypeEnums.Tenant\n      );\n      sortTenantsByNameAlphacetically(clientTenants);\n      const productTenants = tenants.filter(\n        (tenant) => tenant.tenantType == TenantTypeEnums.Product\n      );\n      sortTenantsByNameAlphacetically(productTenants);\n      return clientTenants.concat(productTenants);\n    },[userTenantsContainsMultipleTypes]);\n\n    const options = useMemo(() => tenants ? groupTenantsByTypeAndFilter(tenants) : [], [tenants, groupTenantsByTypeAndFilter]);\n\n    const handleChange = useCallback(\n      (\n        event: React.ChangeEvent<object>,\n        newValue: Tenant | null,\n        reason: AutocompleteChangeReason\n      ) => {\n        if (reason !== 'select-option' || !newValue) {\n          return;\n        }\n        onTenantChange?.(newValue);\n      },\n      [onTenantChange]\n    );\n\n    return (\n      <Autocomplete\n        ref={ref}\n        className={className}\n        id={id}\n        value={value}\n        options={options}\n        disableClearable={disableClearable}\n        getOptionSelected={(option, selected) =>\n          option?.tenantId === selected?.tenantId\n        }\n        getOptionLabel={(option) => option?.tenantName ?? ''}\n        onChange={handleChange}\n        groupBy={(option) =>\n          userTenantsContainsMultipleTypes\n            ? option.tenantType === TenantTypeEnums.Product\n              ? 'Product'\n              : 'Client'\n            : null\n        }\n        renderInput={(params) => (\n          <TextField\n            {...params}\n            label={label}\n            variant='standard'\n            {...textFieldProps}\n          />\n        )}\n        renderOption={(option) => (\n          <li\n            style={{ width: '100%', height: '100%', listStyleType: 'none' }}\n            // @ts-expect-error udpRecordId is used for automation tagging\n            udprecordid={`${recordIdPrefix}-${sanitizeRecordId(\n              option?.tenantName ?? ''\n            )}`}\n          >\n            {option?.tenantName ?? ''}\n          </li>\n        )}\n      />\n    );\n  }\n);\n\nTenantSelect.displayName = 'TenantSelect';\n","import React from 'react';\nimport { FluentDialog } from '../../UI/feedback/FluentDialog';\nimport { TenantSelect } from './TenantSelect';\nimport { Tenant } from '../types';\n\ninterface TenantAccessDialogProps {\n  open: boolean;\n  tenants: Tenant[];\n  currentTenant: Tenant | null;\n  onTenantChange: (tenant: Tenant) => void;\n  productName?: string | null;\n}\n\nexport const TenantAccessDialog: React.FC<TenantAccessDialogProps> = ({\n  tenants,\n  onTenantChange,\n  productName\n}) => {\n  const message = productName\n    ? `Your current tenant does not have access to ${productName}. Please select another tenant to continue.`\n    : 'Your current tenant does not have access to this application. Please select another tenant to continue.';\n\n  return (\n    <FluentDialog\n      open={true}\n      title='Tenant Access Required'\n      message={message}\n      buttonOneHidden={true}\n      buttonTwoHidden={true}\n      disableEscapeKeyDown\n      disableBackdropClick\n    >\n      <TenantSelect\n        tenants={tenants}\n        value={null}\n        onTenantChange={onTenantChange}\n        label='Available Tenants'\n        id='tenant-access-dialog-select'\n        disableClearable={false}\n        recordIdPrefix='udpRecord-TenantAccessDialog'\n      />\n    </FluentDialog>\n  );\n};\n","import { useContext, useCallback } from 'react';\nimport { UserDispatchContext } from './internal';\n\nexport function useUserActions() {\n  const dispatch = useContext(UserDispatchContext);\n  const setUser = useCallback(\n    (user) => {\n      dispatch({ type: 'SET_USER', user });\n    },\n    [dispatch]\n  );\n\n  const changeTenant = useCallback(\n    (tenantId) => {\n      dispatch({ type: 'CHANGE_TENANT', tenantId });\n    },\n    [dispatch]\n  );\n\n  return { setUser, changeTenant };\n}\n\nexport function useLocalUserActions() {\n  const dispatch = useContext(UserDispatchContext);\n  const setUser = useCallback(\n    (user) => {\n      dispatch({ type: 'SET_USER', user });\n    },\n    [dispatch]\n  );\n\n  const setAccessToken = useCallback(\n    (accessToken) => {\n      dispatch({ type: 'SET_ACCESS_TOKEN', accessToken });\n    },\n    [dispatch]\n  );\n\n  return { setUser, setAccessToken };\n}\n","import React, { useCallback, useMemo, useEffect } from 'react';\nimport { useUser } from '../auth/useUser';\nimport { useAxiosGet } from '../useAxiosGet';\nimport { TenantContext } from './tenantContext';\nimport { ConfigService } from '../../configService';\nimport { FluentDialog } from '../../UI/feedback/FluentDialog';\nimport { useAccount } from '@azure/msal-react';\nimport { MenuProvider } from '../menus/MenuProvider';\nimport { TenantAccessDialog } from './TenantAccessDialog';\nimport { storeTenant } from '../storage/UnitySessionStorage';\nimport { useUserActions } from '../auth/users';\nimport { TenantTypeEnums, UnityProducts } from '../../enums/unitySystemEnums';\nimport { useTenantStore } from '../../stores/tenantStore'; // <-- Imported for the sync hook\nimport { LoadingIndicator } from '../../UI/loading/LoadingIndicator';\n\n/**\n * A hook to sync the derived active tenant with the Zustand store.\n * This is the \"necessary evil\" to keep the store updated.\n */\nconst useTenantStoreSync = (activeTenant) => {\n  const {\n    currentTenant: storeTenantValue,\n    setCurrentTenant,\n  } = useTenantStore((state) => ({\n    currentTenant: state.currentTenant,\n    setCurrentTenant: state.setCurrentTenant,\n  }));\n\n  // This effect syncs our correct activeTenant to the Zustand store.\n  // This fixes the \"side-effect in render\" bug from the original code.\n  useEffect(() => {\n    if (\n      activeTenant &&\n      (storeTenantValue?.tenantId !== activeTenant.tenantId ||\n        storeTenantValue?.name !== activeTenant.tenantName ||\n        storeTenantValue?.tenantType !== activeTenant.tenantType ||\n        storeTenantValue?.theme !== activeTenant.theme)\n    ) {\n      setCurrentTenant({\n        tenantId: activeTenant.tenantId,\n        name: activeTenant.tenantName,\n        tenantType: activeTenant.tenantType,\n        theme: activeTenant?.theme ?? null,\n      });\n    }\n  }, [activeTenant, storeTenantValue, setCurrentTenant]);\n};\n\n/**\n * This hook fetches all data and derives the correct tenant state.\n * It is pure and has no knowledge of Zustand.\n */\nconst useTenantData = (id, user) => {\n  // --- Data Fetching ---\n  const [{ data: tenants, loading: tenantsLoading }, refetchTenantsList] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users/${id ?? ''}/unitytenants`,\n    {},\n    !id\n  );\n\n  const [{ data: products, loading: productsLoading }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `products`,\n    {},\n    !id\n  );\n\n  // --- State Derivation ---\n  const unityProductIdString = ConfigService.config.UNITY_PRODUCT_ID;\n  const unityProductId = unityProductIdString\n    ? Number(unityProductIdString)\n    : null;\n  const shouldFilterByProduct =\n    typeof unityProductId === 'number' && !Number.isNaN(unityProductId) && unityProductId !== UnityProducts.Unity;\n  const hasTenantsData = Array.isArray(tenants);\n  const hasProductsData = Array.isArray(products);\n\n  const selectedProduct = useMemo(() => {\n    if (!shouldFilterByProduct || unityProductId === null) {\n      return null;\n    }\n    if (!Array.isArray(products)) {\n      return null;\n    }\n    return products.find((p) => p?.productId === unityProductId) ?? null;\n  }, [products, shouldFilterByProduct, unityProductId]);\n\n  // When the selected product is marked as Unity default, product-type tenants (tenantType=2)\n  // should always be allowed to access it.\n  const isUnityDefaultProduct = selectedProduct?.isUnityDefault === true;\n\n  const filteredTenantsList = useMemo(() => {\n    if (!Array.isArray(tenants)) {\n      return null;\n    }\n    if (!shouldFilterByProduct || unityProductId === null) {\n      return tenants;\n    }\n    return tenants.filter((tenant) => {\n      // Special access rule: Unity-default products are accessible by product tenants.\n      if (isUnityDefaultProduct && tenant?.tenantType === TenantTypeEnums.Product) {\n        return true;\n      }\n      return !!tenant?.products?.find(\n        (product) => product?.productId === unityProductId\n      );\n    });\n  }, [tenants, shouldFilterByProduct, unityProductId, isUnityDefaultProduct]);\n\n  // This is the correctly derived tenant\n  const activeTenant =\n    user?.currentTenantId && Array.isArray(tenants)\n      ? tenants.find((tenant) => tenant.tenantId === user.currentTenantId) ??\n        null\n      : null;\n\n  // This is derived from the correct tenant\n  const isProductTenant =\n    activeTenant?.tenantType === TenantTypeEnums.Product;\n\n  // --- Dialog Logic & Derived Flags ---\n  const unityProductName = useMemo(() => {\n    if (!shouldFilterByProduct || unityProductId === null) {\n      return null;\n    }\n    if (!Array.isArray(products)) {\n      return null;\n    }\n    return selectedProduct?.name ?? null;\n  }, [products, selectedProduct, shouldFilterByProduct, unityProductId]);\n\n  const userHasLoaded = user?.statusCode === 200;\n\n  const noTenantsAvailable =\n    Array.isArray(tenants) && tenants.length === 0 && userHasLoaded;\n\n  const hasFilteredTenants =\n    Array.isArray(filteredTenantsList) && filteredTenantsList.length > 0;\n\n  const currentTenantAllowed = !shouldFilterByProduct\n    ? true\n    : filteredTenantsList?.some(\n        (tenant) => tenant.tenantId === user?.currentTenantId\n      ) ?? false;\n\n  const zeroTenantAccess =\n    userHasLoaded &&\n    shouldFilterByProduct &&\n    Array.isArray(filteredTenantsList) &&\n    filteredTenantsList.length === 0;\n\n  const shouldShowTenantMismatchDialog =\n    userHasLoaded &&\n    shouldFilterByProduct &&\n    hasFilteredTenants &&\n    !currentTenantAllowed &&\n    unityProductId !== UnityProducts.Unity;\n\n  const allowedTenants = useMemo(\n    () => (Array.isArray(filteredTenantsList) ? filteredTenantsList : []),\n    [filteredTenantsList]\n  );\n\n  const selectedTenantForDialog = currentTenantAllowed\n    ? activeTenant\n    : allowedTenants[0] ?? null;\n\n  // Return everything the Provider needs\n  return {\n    tenantsList: tenants ?? null,\n    filteredTenantsList,\n    activeTenant, // The correct tenant\n    isProductTenant, // Derived from the correct tenant\n    refresh: refetchTenantsList,\n    noTenantsAvailable,\n    zeroTenantAccess,\n    shouldShowTenantMismatchDialog,\n    allowedTenants,\n    selectedTenantForDialog,\n    unityProductName,\n    tenantsLoading,\n    productsLoading,\n    shouldFilterByProduct,\n    hasTenantsData,\n    hasProductsData,\n  };\n};\n\n\nexport const TenantProvider = ({ children }) => {\n  const user = useUser();\n  const activeAccount = useAccount();\n  const id = user?.id;\n  const { changeTenant } = useUserActions();\n\n  // Call the main data hook to get the correct state\n  const {\n    tenantsList,\n    filteredTenantsList,\n    activeTenant, // This is the correct value\n    isProductTenant,\n    refresh,\n    noTenantsAvailable,\n    zeroTenantAccess,\n    shouldShowTenantMismatchDialog,\n    allowedTenants,\n    selectedTenantForDialog,\n    unityProductName,\n    tenantsLoading,\n    productsLoading,\n    shouldFilterByProduct,\n    hasTenantsData,\n    hasProductsData,\n  } = useTenantData(id, user);\n\n  useTenantStoreSync(activeTenant);\n\n  // Callback for changing the tenant (triggers API call)\n  const handleTenantChange = useCallback(\n    (tenant) => {\n      if (!tenant) return;\n      storeTenant(tenant.tenantId);\n      changeTenant(tenant.tenantId); // This will cause `user` to update, re-running the hooks.\n    },\n    [changeTenant]\n  );\n\n  const userHasLoaded = user?.statusCode === 200;\n  const shouldBlockForUser = Boolean(activeAccount) && !userHasLoaded;\n  const shouldBlockForTenantData =\n    Boolean(activeAccount) &&\n    userHasLoaded &&\n    (tenantsLoading || !hasTenantsData || (shouldFilterByProduct && (productsLoading || !hasProductsData)));\n\n  if (shouldBlockForUser) {\n    return <LoadingIndicator />;\n  }\n\n  if (shouldBlockForTenantData) {\n    return <LoadingIndicator />;\n  }\n\n  // Render blocking dialog if user has no access\n  if (noTenantsAvailable || zeroTenantAccess) {\n    return (\n      <FluentDialog\n        title='No Access'\n        message='Your user does not have access to any tenants. Please contact your support team.'\n        open={true}\n        buttonOneHidden={true}\n        buttonTwoHidden={true}\n      />\n    );\n  }\n  if (shouldShowTenantMismatchDialog) {\n    return (\n\n        <TenantAccessDialog\n          open={true}\n          tenants={allowedTenants}\n          currentTenant={selectedTenantForDialog}\n          onTenantChange={handleTenantChange}\n          productName={unityProductName}\n        />\n    );\n  }\n\n  // Provide the correct values to the Context\n  return (\n    <TenantContext.Provider\n      value={{\n        tenantsList,\n        filteredTenantsList,\n        activeTenant,\n        isProductTenant,\n        refresh,\n      }}\n    >\n      <MenuProvider>\n        {children}\n      </MenuProvider>\n    </TenantContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/dist/TicketCard-Dyxdyoz5.js

@@ -1,143 +0,0 @@
-import { t as FluentIconButton } from "./FluentIconButton-DbRAEsPC.js";
-import { t as StatusChip } from "./StatusChip-CuENztR1.js";
-import React from "react";
-import { Card, CardContent, Divider, Typography, makeStyles } from "@material-ui/core";
-import { ArrowUpRightIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/dataDisplay/ticketCard/NotificationElement.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	root: {
-		width: 0,
-		height: 0,
-		borderTop: "0px solid transparent",
-		borderRight: `45px solid ${theme?.palette?.error?.main}`,
-		borderBottom: "45px solid transparent"
-	},
-	number: {
-		marginLeft: theme.spacing(3.5),
-		paddingTop: theme.spacing(.5),
-		color: theme?.palette?.common?.white
-	}
-}));
-const NotificationElement = ({ alertNumber }) => {
-	const classes = useStyles$2();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.number }, /* @__PURE__ */ React.createElement(Typography, null, " ", alertNumber, " ")));
-};
-NotificationElement.propTypes = { alertNumber: PropTypes.number.isRequired };
-
-//#endregion
-//#region src/UI/dataDisplay/ticketCard/StatusLineItem.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		width: "100%",
-		height: 44
-	},
-	wrapper: { display: "flex" },
-	labelCount: {
-		flex: 1,
-		display: "flex"
-	},
-	status: { marginRight: theme.spacing(1) },
-	icon: { marginRight: theme.spacing(1) }
-}));
-const StatusLineItem = ({ label, amount, status, icon, handleClick }) => {
-	const classes = useStyles$1();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelCount }, /* @__PURE__ */ React.createElement("div", { className: classes.icon }, " ", icon, " "), /* @__PURE__ */ React.createElement(Typography, null, " ", label, " ")), /* @__PURE__ */ React.createElement("div", { className: classes.status }, status === "error" && /* @__PURE__ */ React.createElement(StatusChip, {
-		label: amount,
-		status
-	}), status !== "error" && amount), /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: handleClick,
-		className: classes.launch,
-		icon: ArrowUpRightIcon,
-		"aria-label": "launch"
-	})), /* @__PURE__ */ React.createElement(Divider, null));
-};
-StatusLineItem.propTypes = {
-	label: PropTypes.string.isRequired,
-	amount: PropTypes.number,
-	status: PropTypes.string,
-	icon: PropTypes.node,
-	handleClick: PropTypes.func
-};
-
-//#endregion
-//#region src/UI/dataDisplay/ticketCard/TicketCard.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { display: "flex" },
-	overviewContainer: {
-		width: theme.spacing(16),
-		height: theme.spacing(16),
-		background: "#393939",
-		marginRight: theme.spacing(2),
-		position: "relative"
-	},
-	notification: {
-		position: "absolute",
-		right: 0,
-		top: 0
-	},
-	totalNumber: {
-		textAlign: "center",
-		color: "#FFFFFF",
-		fontWeight: 400
-	},
-	label: {
-		display: "flex",
-		justifyContent: "center",
-		marginTop: -8,
-		color: "#FFFFFF"
-	},
-	itemContainer: {
-		width: "100%",
-		display: "flex",
-		flexDirection: "column",
-		alignContent: "space-around",
-		marginTop: theme.spacing(.5)
-	}
-}));
-const TicketCard = ({ totalAmount, label, notification, alertNumber, ticketData, component = "h6" }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Card, {
-		elevation: 0,
-		square: true,
-		className: classes.overviewContainer
-	}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h1",
-		component,
-		className: classes.totalNumber
-	}, totalAmount)), /* @__PURE__ */ React.createElement("div", { className: classes.label }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, label, " ")), notification && /* @__PURE__ */ React.createElement("div", { className: classes.notification }, /* @__PURE__ */ React.createElement(NotificationElement, { alertNumber })))), /* @__PURE__ */ React.createElement("div", { className: classes.itemContainer }, ticketData && ticketData.map((item) => {
-		return /* @__PURE__ */ React.createElement(StatusLineItem, {
-			label: item.label,
-			amount: item.amount,
-			status: item.status === "error" && "error",
-			icon: item.icon,
-			key: item.id
-		});
-	})));
-};
-TicketCard.propTypes = {
-	totalAmount: PropTypes.number,
-	label: PropTypes.string.isRequired,
-	notification: PropTypes.bool,
-	alertNumber: PropTypes.number,
-	ticketData: PropTypes.arrayOf(PropTypes.shape({
-		ticketAmount: PropTypes.string.isRequired,
-		label: PropTypes.number.isRequired,
-		notification: PropTypes.number.isRequired,
-		alertNumber: PropTypes.number,
-		id: PropTypes.number.isRequired,
-		ticketData: PropTypes.arrayOf(PropTypes.shape({
-			label: PropTypes.string.isRequired,
-			amount: PropTypes.number,
-			status: PropTypes.string.isRequired,
-			icon: PropTypes.node
-		}))
-	}).isRequired).isRequired,
-	component: PropTypes.string
-};
-TicketCard.defaultProps = { component: "h2" };
-
-//#endregion
-export { StatusLineItem as n, NotificationElement as r, TicketCard as t };
-//# sourceMappingURL=TicketCard-Dyxdyoz5.js.map

package/dist/TicketCard-Dyxdyoz5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TicketCard-Dyxdyoz5.js","names":["useStyles","useStyles"],"sources":["../src/UI/dataDisplay/ticketCard/NotificationElement.jsx","../src/UI/dataDisplay/ticketCard/StatusLineItem.jsx","../src/UI/dataDisplay/ticketCard/TicketCard.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: 0,\n    height: 0,\n    borderTop: '0px solid transparent',\n    borderRight: `45px solid ${theme?.palette?.error?.main}`,\n    borderBottom: '45px solid transparent'\n  },\n  number: {\n    marginLeft: theme.spacing(3.5),\n    paddingTop: theme.spacing(0.5),\n    color: theme?.palette?.common?.white\n  }\n}))\n\nexport const NotificationElement = ({ alertNumber }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.number}>\n        <Typography> {alertNumber} </Typography>\n      </div>\n    </div>\n  )\n}\nNotificationElement.propTypes = {\n  /**\n   * number of alert items\n   */\n  alertNumber: PropTypes.number.isRequired\n}\n","import React from 'react'\nimport { makeStyles, Divider, Typography } from '@material-ui/core'\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton'\nimport { StatusChip } from '../status/StatusChip'\nimport { ArrowUpRightIcon } from '@fluentui/react-icons'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    height: 44\n  },\n  wrapper: { display: 'flex' },\n  labelCount: {\n    flex: 1,\n    display: 'flex'\n  },\n  status: {\n    marginRight: theme.spacing(1)\n  },\n  icon: {\n    marginRight: theme.spacing(1)\n  }\n}))\n\nexport const StatusLineItem = ({\n  label,\n  amount,\n  status,\n  icon,\n  handleClick\n}) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.wrapper}>\n        <div className={classes.labelCount}>\n          <div className={classes.icon}> {icon} </div>\n          <Typography> {label} </Typography>\n        </div>\n        <div className={classes.status}>\n          {status === 'error' && <StatusChip label={amount} status={status} />}\n\n          {status !== 'error' && amount}\n        </div>\n        <FluentIconButton\n          onClick={handleClick}\n          className={classes.launch}\n          icon={ArrowUpRightIcon}\n          aria-label='launch'\n        />\n      </div>\n\n      <Divider />\n    </div>\n  )\n}\nStatusLineItem.propTypes = {\n  /**\n   * stat label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Total amount stat\n   */\n  amount: PropTypes.number,\n  /**\n   * Type of status for status chip\n   */\n  status: PropTypes.string,\n  /**\n   * list icon\n   */\n  icon: PropTypes.node,\n  /**\n   * onClick event\n   */\n  handleClick: PropTypes.func\n}\n","import React from 'react'\nimport { makeStyles, Card, CardContent, Typography } from '@material-ui/core'\nimport { StatusLineItem } from './StatusLineItem'\nimport { NotificationElement } from './NotificationElement'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  overviewContainer: {\n    width: theme.spacing(16),\n    height: theme.spacing(16),\n    background: '#393939', // Add to theme\n    marginRight: theme.spacing(2),\n    position: 'relative'\n  },\n  notification: {\n    position: 'absolute',\n    right: 0,\n    top: 0\n  },\n  totalNumber: {\n    textAlign: 'center',\n    // color: theme.palette.common.white\n    color: '#FFFFFF', // Hex color added to avoid TypeError\n    fontWeight: 400\n  },\n  label: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginTop: -8,\n    // color: theme.pallette.common.white\n    color: '#FFFFFF'\n  },\n  itemContainer: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    alignContent: 'space-around',\n    marginTop: theme.spacing(0.5)\n  }\n}))\n\nexport const TicketCard = ({\n  totalAmount,\n  label,\n  notification,\n  alertNumber,\n  ticketData,\n  component = 'h6'\n}) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div>\n        <Card elevation={0} square className={classes.overviewContainer}>\n          <CardContent>\n            <Typography\n              variant='h1'\n              component={component}\n              className={classes.totalNumber}\n            >\n              {totalAmount}\n            </Typography>\n          </CardContent>\n          <div className={classes.label}>\n            <Typography variant='caption'>{label} </Typography>\n          </div>\n          {notification && (\n            <div className={classes.notification}>\n              <NotificationElement alertNumber={alertNumber} />\n            </div>\n          )}\n        </Card>\n      </div>\n\n      <div className={classes.itemContainer}>\n        {ticketData &&\n          ticketData.map((item) => {\n            return (\n              <StatusLineItem\n                label={item.label}\n                amount={item.amount}\n                status={item.status === 'error' && 'error'}\n                icon={item.icon}\n                key={item.id}\n              />\n            )\n          })}\n      </div>\n    </div>\n  )\n}\nTicketCard.propTypes = {\n  /**\n   * Total amount stat\n   */\n  totalAmount: PropTypes.number,\n  /**\n   * Stat label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Type of status to toggle notification\n   */\n  notification: PropTypes.bool,\n  /**\n   * amount of alert items\n   */\n  alertNumber: PropTypes.number,\n  /**\n   * prop for mapped data\n   */\n  ticketData: PropTypes.arrayOf(\n    PropTypes.shape({\n      ticketAmount: PropTypes.string.isRequired,\n      label: PropTypes.number.isRequired,\n      notification: PropTypes.number.isRequired,\n      alertNumber: PropTypes.number,\n      id: PropTypes.number.isRequired,\n      ticketData: PropTypes.arrayOf(\n        PropTypes.shape({\n          label: PropTypes.string.isRequired,\n          amount: PropTypes.number,\n          status: PropTypes.string.isRequired,\n          icon: PropTypes.node\n        })\n      )\n    }).isRequired\n  ).isRequired,\n  /**\n   * Header Tag override. Defaults to H2\n   */\n  component: PropTypes.string\n}\n\nTicketCard.defaultProps = {\n  component: 'h2'\n}\n"],"mappings":";;;;;;;;AAIA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,WAAW;EACX,aAAa,cAAc,OAAO,SAAS,OAAO;EAClD,cAAc;EACf;CACD,QAAQ;EACN,YAAY,MAAM,QAAQ,IAAI;EAC9B,YAAY,MAAM,QAAQ,GAAI;EAC9B,OAAO,OAAO,SAAS,QAAQ;EAChC;CACF,EAAE;AAEH,MAAa,uBAAuB,EAAE,kBAAkB;CACtD,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC,kBAAW,KAAE,aAAY,IAAc,CACpC,CACF;;AAGV,oBAAoB,YAAY,EAI9B,aAAa,UAAU,OAAO,YAC/B;;;;AC5BD,MAAMC,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,OAAO;EACP,QAAQ;EACT;CACD,SAAS,EAAE,SAAS,QAAQ;CAC5B,YAAY;EACV,MAAM;EACN,SAAS;EACV;CACD,QAAQ,EACN,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,MAAM,EACJ,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACF,EAAE;AAEH,MAAa,kBAAkB,EAC7B,OACA,QACA,QACA,MACA,kBACI;CACJ,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,SAAI,WAAW,QAAQ,QAAM,KAAE,MAAK,IAAO,EAC5C,oCAAC,kBAAW,KAAE,OAAM,IAAc,CAC9B,EACN,oCAAC,SAAI,WAAW,QAAQ,UACrB,WAAW,WAAW,oCAAC;EAAW,OAAO;EAAgB;GAAU,EAEnE,WAAW,WAAW,OACnB,EACN,oCAAC;EACC,SAAS;EACT,WAAW,QAAQ;EACnB,MAAM;EACN,cAAW;GACX,CACE,EAEN,oCAAC,cAAU,CACP;;AAGV,eAAe,YAAY;CAIzB,OAAO,UAAU,OAAO;CAIxB,QAAQ,UAAU;CAIlB,QAAQ,UAAU;CAIlB,MAAM,UAAU;CAIhB,aAAa,UAAU;CACxB;;;;ACzED,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,SAAS,QACV;CACD,mBAAmB;EACjB,OAAO,MAAM,QAAQ,GAAG;EACxB,QAAQ,MAAM,QAAQ,GAAG;EACzB,YAAY;EACZ,aAAa,MAAM,QAAQ,EAAE;EAC7B,UAAU;EACX;CACD,cAAc;EACZ,UAAU;EACV,OAAO;EACP,KAAK;EACN;CACD,aAAa;EACX,WAAW;EAEX,OAAO;EACP,YAAY;EACb;CACD,OAAO;EACL,SAAS;EACT,gBAAgB;EAChB,WAAW;EAEX,OAAO;EACR;CACD,eAAe;EACb,OAAO;EACP,SAAS;EACT,eAAe;EACf,cAAc;EACd,WAAW,MAAM,QAAQ,GAAI;EAC9B;CACF,EAAE;AAEH,MAAa,cAAc,EACzB,aACA,OACA,cACA,aACA,YACA,YAAY,WACR;CACJ,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,aACC,oCAAC;EAAK,WAAW;EAAG;EAAO,WAAW,QAAQ;IAC5C,oCAAC,mBACC,oCAAC;EACC,SAAQ;EACG;EACX,WAAW,QAAQ;IAElB,YACU,CACD,EACd,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAAC,cAAW,SAAQ,aAAW,OAAM,IAAc,CAC/C,EACL,gBACC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,uBAAiC,cAAe,CAC7C,CAEH,CACH,EAEN,oCAAC,SAAI,WAAW,QAAQ,iBACrB,cACC,WAAW,KAAK,SAAS;AACvB,SACE,oCAAC;GACC,OAAO,KAAK;GACZ,QAAQ,KAAK;GACb,QAAQ,KAAK,WAAW,WAAW;GACnC,MAAM,KAAK;GACX,KAAK,KAAK;IACV;GAEJ,CACA,CACF;;AAGV,WAAW,YAAY;CAIrB,aAAa,UAAU;CAIvB,OAAO,UAAU,OAAO;CAIxB,cAAc,UAAU;CAIxB,aAAa,UAAU;CAIvB,YAAY,UAAU,QACpB,UAAU,MAAM;EACd,cAAc,UAAU,OAAO;EAC/B,OAAO,UAAU,OAAO;EACxB,cAAc,UAAU,OAAO;EAC/B,aAAa,UAAU;EACvB,IAAI,UAAU,OAAO;EACrB,YAAY,UAAU,QACpB,UAAU,MAAM;GACd,OAAO,UAAU,OAAO;GACxB,QAAQ,UAAU;GAClB,QAAQ,UAAU,OAAO;GACzB,MAAM,UAAU;GACjB,CAAC,CACH;EACF,CAAC,CAAC,WACJ,CAAC;CAIF,WAAW,UAAU;CACtB;AAED,WAAW,eAAe,EACxB,WAAW,MACZ"}