udp-react-enterprise-component-library 25.18.1-beta.37 → 25.18.1-beta.39

package/dist/newGrid-zmtQXU5G.js

@@ -0,0 +1,119 @@
+import { r as useUdpExport, t as ExportSidesheet } from "./ExportSidesheet-DWkoiwxC.js";
+import React, { forwardRef, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { ApiMethodInstanceGrid, EntityMaintenanceGrid, ServerSideGrid } from "udp-react-stencil-component-library";
+
+//#region src/UI/templates/newGrid/EntityMaintenanceUdpGrid.tsx
+const EntityMaintenanceUdpGrid = (props) => {
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(EntityMaintenanceGrid, props));
+};
+
+//#endregion
+//#region src/UI/templates/newGrid/BackwardsCompatibleGrid.jsx
+const BackwardsCompatibleGrid = forwardRef((props, ref) => {
+	const { gridBarTitle, queryId, gridId, primaryActionOnClick, primaryActionLabel, primaryActionIcon, defaultSearchObject, renderConfigs, disableGridPersistance, enableCheckboxOnColumns, gridHeight } = props;
+	const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);
+	const gridApiRef = useRef(null);
+	const fullDefaultSearchObject = useMemo(() => {
+		return {
+			filterElements: defaultSearchObject,
+			logicalSearchOperator: 1
+		};
+	}, [defaultSearchObject]);
+	const columnOverrides = useMemo(() => {
+		return renderConfigs.map((col) => {
+			const { rendererName, ...rest } = col;
+			return {
+				...rest,
+				...rendererName && { cellRenderer: rendererName }
+			};
+		});
+	}, [renderConfigs]);
+	const sizedIcon = useMemo(() => {
+		if (primaryActionIcon === "add32") return "add";
+	}, [primaryActionIcon]);
+	const { updateExportParameters, createExport, entity, searchObject, fileFormat, numRowsToExport, validSearch, errorList, activeExportJob, exportLoading, handleFileDownload, clearParameters } = useUdpExport();
+	const exportFromGrid = (searchObject$1, entityName) => {
+		if (searchObject$1 && entityName) {
+			updateExportParameters(entityName, searchObject$1);
+			setExportSidesheetOpen(true);
+		} else console.error("Failed to retrieve searchObject or entityName from grid");
+	};
+	const handleCloseExportSidesheet = () => {
+		setExportSidesheetOpen(false);
+		clearParameters();
+	};
+	useImperativeHandle(ref, () => ({
+		refreshOnNoResults: () => gridApiRef.current?.refreshServerSide(),
+		getSelectedRows: () => gridApiRef.current?.getSelectedRows()
+	}));
+	const handleGridApiCallback = (api) => {
+		gridApiRef.current = api;
+	};
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ExportSidesheet, {
+		entity,
+		searchObject,
+		fileFormat,
+		numRowsToExport,
+		errorList,
+		activeExportJob,
+		handleFileDownload,
+		exportSidesheetOpen,
+		handleCloseExportSidesheet,
+		createExport,
+		exportLoading,
+		validSearch
+	}), /* @__PURE__ */ React.createElement(ApiMethodInstanceGrid, {
+		apiMethodInstanceId: queryId,
+		gridId,
+		defaultSearchObject: fullDefaultSearchObject,
+		columnDefOverrides: columnOverrides,
+		gridHeight,
+		gridOptions: {
+			pagination: true,
+			rowSelection: enableCheckboxOnColumns && {
+				mode: "multiRow",
+				enableClickSelection: true,
+				headerCheckbox: false
+			}
+		},
+		gridHeaderConfig: {
+			title: gridBarTitle,
+			primaryActionButton: {
+				label: primaryActionLabel,
+				iconName: sizedIcon,
+				onClick: primaryActionOnClick
+			}
+		},
+		gridFunctions: [
+			{ name: "agGridExport" },
+			{ name: "openSavedViews" },
+			{ name: "agGridSizeColumnsToFit" },
+			{ name: "agGridAutoSizeColumns" },
+			!disableGridPersistance && { name: "restoreGridState" },
+			{ name: "agGridHideShowColumns" },
+			{ name: "agGridResetColumns" },
+			{
+				name: "udpExport",
+				params: { callback: (searchObject$1, entityName) => exportFromGrid(searchObject$1, entityName) }
+			}
+		],
+		gridApiCallback: handleGridApiCallback
+	}));
+});
+BackwardsCompatibleGrid.displayName = "BackwardsCompatibleGrid";
+
+//#endregion
+//#region src/UI/templates/newGrid/ApiMethodInstanceUdpGrid.jsx
+const ApiMethodInstanceUdpGrid = (props) => {
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ApiMethodInstanceGrid, props));
+};
+
+//#endregion
+//#region src/UI/templates/newGrid/ServerSideUdpGrid.jsx
+const ServerSideUdpGrid = (props) => {
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ServerSideGrid, props));
+};
+
+//#endregion
+export { EntityMaintenanceUdpGrid as i, ApiMethodInstanceUdpGrid as n, BackwardsCompatibleGrid as r, ServerSideUdpGrid as t };
+//# sourceMappingURL=newGrid-zmtQXU5G.js.map

package/dist/newGrid-zmtQXU5G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"newGrid-zmtQXU5G.js","names":["EntityMaintenanceUdpGrid: React.FC<any>","searchObject"],"sources":["../src/UI/templates/newGrid/EntityMaintenanceUdpGrid.tsx","../src/UI/templates/newGrid/BackwardsCompatibleGrid.jsx","../src/UI/templates/newGrid/ApiMethodInstanceUdpGrid.jsx","../src/UI/templates/newGrid/ServerSideUdpGrid.jsx"],"sourcesContent":["import React from 'react'\nimport { EntityMaintenanceGrid } from 'udp-react-stencil-component-library'\n\nexport const EntityMaintenanceUdpGrid: React.FC<any> = (props) => {\n\n  return (\n   <div >\n      <EntityMaintenanceGrid {...props}/>\n   </div>\n  )\n}\n","import React, {\n  useMemo,\n  useState,\n  useRef,\n  forwardRef,\n  useImperativeHandle\n} from 'react';\nimport { ApiMethodInstanceGrid } from 'udp-react-stencil-component-library';\nimport { useUdpExport } from '../../../udp/export/useUdpExport';\nimport { ExportSidesheet } from '../../../udp/export/ExportSidesheet';\n\n/*\n * This grid is intended to be a temporary drop in replacement for ambient-template-grid.\n * Do not use it unless you were using the old grid, this will not be further supported and is worse on performance than the other new grids.\n */\n\nexport const BackwardsCompatibleGrid = forwardRef((props, ref) => {\n  const {\n    gridBarTitle,\n    queryId,\n    gridId,\n    primaryActionOnClick,\n    primaryActionLabel,\n    primaryActionIcon,\n    defaultSearchObject,\n    renderConfigs,\n    disableGridPersistance,\n    enableCheckboxOnColumns,\n    gridHeight\n  } = props;\n\n  const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);\n  const gridApiRef = useRef(null);\n\n  //Convert the filter Elements passed in to a search object\n  const fullDefaultSearchObject = useMemo(() => {\n    return {\n      filterElements: defaultSearchObject,\n      logicalSearchOperator: 1\n    };\n  }, [defaultSearchObject]);\n\n  //Convert renderConfigs to columnOverrides\n  const columnOverrides = useMemo(() => {\n    const initialColumns = renderConfigs;\n\n    return initialColumns.map((col) => {\n      // Use destructuring to separate 'rendererName' from the rest of the properties.\n      const { rendererName, ...rest } = col;\n\n      // Start building the new object, renaming rendererName if it exists.\n      const newCol = {\n        ...rest,\n        ...(rendererName && { cellRenderer: rendererName })\n      };\n\n      return newCol;\n    });\n  }, [renderConfigs]);\n\n  const sizedIcon = useMemo(() => {\n    if (primaryActionIcon === 'add32') {\n      return 'add';\n    }\n  }, [primaryActionIcon]);\n\n  //export functions\n\n  const {\n    updateExportParameters,\n    createExport,\n    entity,\n    searchObject,\n    fileFormat,\n    numRowsToExport,\n    validSearch,\n    errorList,\n    activeExportJob,\n    exportLoading,\n    handleFileDownload,\n    clearParameters\n  } = useUdpExport();\n\n  const exportFromGrid = (searchObject, entityName) => {\n    if (searchObject && entityName) {\n      updateExportParameters(entityName, searchObject);\n      setExportSidesheetOpen(true);\n    } else {\n      console.error('Failed to retrieve searchObject or entityName from grid');\n    }\n  };\n\n  const handleCloseExportSidesheet = () => {\n    setExportSidesheetOpen(false);\n    clearParameters();\n  };\n\n  useImperativeHandle(ref, () => ({\n    //hooks for the parent to call these functions\n    refreshOnNoResults: () => gridApiRef.current?.refreshServerSide(),\n    getSelectedRows: () => gridApiRef.current?.getSelectedRows()\n  }));\n\n  const handleGridApiCallback = (api) => {\n    gridApiRef.current = api;\n  };\n\n  return (\n    <div>\n      <ExportSidesheet\n        entity={entity}\n        searchObject={searchObject}\n        fileFormat={fileFormat}\n        numRowsToExport={numRowsToExport}\n        errorList={errorList}\n        activeExportJob={activeExportJob}\n        handleFileDownload={handleFileDownload}\n        exportSidesheetOpen={exportSidesheetOpen}\n        handleCloseExportSidesheet={handleCloseExportSidesheet}\n        createExport={createExport}\n        exportLoading={exportLoading}\n        validSearch={validSearch}\n      />\n      <ApiMethodInstanceGrid\n        apiMethodInstanceId={queryId}\n        gridId={gridId}\n        defaultSearchObject={fullDefaultSearchObject}\n        columnDefOverrides={columnOverrides}\n        gridHeight={gridHeight}\n        gridOptions={{\n          pagination: true,\n          rowSelection: enableCheckboxOnColumns && {\n            mode: 'multiRow',\n            enableClickSelection: true,\n            headerCheckbox: false\n          }\n        }}\n        gridHeaderConfig={{\n          title: gridBarTitle,\n          primaryActionButton: {\n            label: primaryActionLabel,\n            iconName: sizedIcon,\n            onClick: primaryActionOnClick\n          }\n        }}\n        gridFunctions={[\n          { name: 'agGridExport' },\n          { name: 'openSavedViews' },\n          { name: 'agGridSizeColumnsToFit' },\n          { name: 'agGridAutoSizeColumns' },\n          !disableGridPersistance && { name: 'restoreGridState' },\n          { name: 'agGridHideShowColumns' },\n          { name: 'agGridResetColumns' },\n          {\n            name: 'udpExport',\n            params: {\n              callback: (searchObject, entityName) =>\n                exportFromGrid(searchObject, entityName)\n            }\n          }\n        ]}\n        gridApiCallback={handleGridApiCallback}\n      />\n    </div>\n  );\n});\n\nBackwardsCompatibleGrid.displayName = 'BackwardsCompatibleGrid';\n","import React from 'react'\nimport { ApiMethodInstanceGrid } from 'udp-react-stencil-component-library'\n\nexport const ApiMethodInstanceUdpGrid = (props) => {\n\n  return (\n   <div >\n      <ApiMethodInstanceGrid {...props}/>\n   </div>\n  )\n}\n","import React from 'react'\nimport { ServerSideGrid } from 'udp-react-stencil-component-library'\n\nexport const ServerSideUdpGrid = (props) => {\n\n  return (\n   <div >\n      <ServerSideGrid {...props}/>\n   </div>\n  )\n}\n"],"mappings":";;;;;AAGA,MAAaA,4BAA2C,UAAU;AAEhE,QACC,oCAAC,aACE,oCAAC,uBAA0B,MAAQ,CAChC;;;;;ACQT,MAAa,0BAA0B,YAAY,OAAO,QAAQ;CAChE,MAAM,EACJ,cACA,SACA,QACA,sBACA,oBACA,mBACA,qBACA,eACA,wBACA,yBACA,eACE;CAEJ,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CACrE,MAAM,aAAa,OAAO,KAAK;CAG/B,MAAM,0BAA0B,cAAc;AAC5C,SAAO;GACL,gBAAgB;GAChB,uBAAuB;GACxB;IACA,CAAC,oBAAoB,CAAC;CAGzB,MAAM,kBAAkB,cAAc;AAGpC,SAFuB,cAED,KAAK,QAAQ;GAEjC,MAAM,EAAE,cAAc,GAAG,SAAS;AAQlC,UALe;IACb,GAAG;IACH,GAAI,gBAAgB,EAAE,cAAc,cAAc;IACnD;IAGD;IACD,CAAC,cAAc,CAAC;CAEnB,MAAM,YAAY,cAAc;AAC9B,MAAI,sBAAsB,QACxB,QAAO;IAER,CAAC,kBAAkB,CAAC;CAIvB,MAAM,EACJ,wBACA,cACA,QACA,cACA,YACA,iBACA,aACA,WACA,iBACA,eACA,oBACA,oBACE,cAAc;CAElB,MAAM,kBAAkB,gBAAc,eAAe;AACnD,MAAIC,kBAAgB,YAAY;AAC9B,0BAAuB,YAAYA,eAAa;AAChD,0BAAuB,KAAK;QAE5B,SAAQ,MAAM,0DAA0D;;CAI5E,MAAM,mCAAmC;AACvC,yBAAuB,MAAM;AAC7B,mBAAiB;;AAGnB,qBAAoB,YAAY;EAE9B,0BAA0B,WAAW,SAAS,mBAAmB;EACjE,uBAAuB,WAAW,SAAS,iBAAiB;EAC7D,EAAE;CAEH,MAAM,yBAAyB,QAAQ;AACrC,aAAW,UAAU;;AAGvB,QACE,oCAAC,aACC,oCAAC;EACS;EACM;EACF;EACK;EACN;EACM;EACG;EACC;EACO;EACd;EACC;EACF;GACb,EACF,oCAAC;EACC,qBAAqB;EACb;EACR,qBAAqB;EACrB,oBAAoB;EACR;EACZ,aAAa;GACX,YAAY;GACZ,cAAc,2BAA2B;IACvC,MAAM;IACN,sBAAsB;IACtB,gBAAgB;IACjB;GACF;EACD,kBAAkB;GAChB,OAAO;GACP,qBAAqB;IACnB,OAAO;IACP,UAAU;IACV,SAAS;IACV;GACF;EACD,eAAe;GACb,EAAE,MAAM,gBAAgB;GACxB,EAAE,MAAM,kBAAkB;GAC1B,EAAE,MAAM,0BAA0B;GAClC,EAAE,MAAM,yBAAyB;GACjC,CAAC,0BAA0B,EAAE,MAAM,oBAAoB;GACvD,EAAE,MAAM,yBAAyB;GACjC,EAAE,MAAM,sBAAsB;GAC9B;IACE,MAAM;IACN,QAAQ,EACN,WAAW,gBAAc,eACvB,eAAeA,gBAAc,WAAW,EAC3C;IACF;GACF;EACD,iBAAiB;GACjB,CACE;EAER;AAEF,wBAAwB,cAAc;;;;ACpKtC,MAAa,4BAA4B,UAAU;AAEjD,QACC,oCAAC,aACE,oCAAC,uBAA0B,MAAQ,CAChC;;;;;ACLT,MAAa,qBAAqB,UAAU;AAE1C,QACC,oCAAC,aACE,oCAAC,gBAAmB,MAAQ,CACzB"}

package/dist/notes/index.js

@@ -1,3 +1,3 @@
-import { t as NotesScreen } from "../NotesScreen-DWfxRWOF.js";
+import { t as NotesScreen } from "../NotesScreen-Xj0vl0v1.js";
 
 export { NotesScreen };

package/dist/page/PageContainer/index.js

@@ -1,3 +1,3 @@
-import { t as PageContainer } from "../../PageContainer-CT3n_ngH.js";
+import { t as PageContainer } from "../../PageContainer-DTXNLt_2.js";
 
 export { PageContainer };

package/dist/page/index.js

@@ -1,3 +1,3 @@
-import { i as PageContent, n as PageSectionHeader, r as PageHeader, t as PageSectionSpacer } from "../PageSectionSpacer-BZ8qJKNl.js";
+import { i as PageContent, n as PageSectionHeader, r as PageHeader, t as PageSectionSpacer } from "../PageSectionSpacer-BRC5XSon.js";
 
 export { PageContent, PageHeader, PageSectionHeader, PageSectionSpacer };

package/dist/pickers-CkwI49Ju.js

@@ -0,0 +1,147 @@
+import React, { useCallback } from "react";
+import { InputAdornment, makeStyles } from "@material-ui/core";
+import { KeyboardDateTimePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";
+import DateFnsUtils from "@date-io/date-fns";
+import { EventDateIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+
+//#region src/UI/inputs/pickers/FluentDateTimePicker.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	root: {},
+	inputRoot: { fontSize: 12 },
+	input: {
+		borderRadius: 2,
+		height: 32,
+		padding: 0,
+		paddingLeft: theme.spacing(1)
+	},
+	formTextInput: { fontSize: 14 },
+	labelRoot: { fontSize: 14 },
+	FormControl: {
+		display: "none",
+		marginTop: 0
+	}
+}));
+const FluentDateTimePicker = (props) => {
+	const classes = useStyles$2();
+	const { id, udprecordid, label, startAdornment, endAdornment, handleDateChange: onChangeProp, selectedDate, ...otherProps } = props;
+	const onChange = useCallback((e, value) => {
+		return onChangeProp?.(e, value);
+	}, [onChangeProp]);
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils }, /* @__PURE__ */ React.createElement(KeyboardDateTimePicker, {
+		format: "MM/dd/yyyy HH:mm",
+		margin: "normal",
+		id,
+		udprecordid,
+		inputVariant: "outlined",
+		value: selectedDate,
+		onChange,
+		...otherProps,
+		KeyboardButtonProps: {
+			"aria-label": "change date",
+			udprecordid: udprecordid + "-button"
+		},
+		keyboardIcon: /* @__PURE__ */ React.createElement(EventDateIcon, { style: { fontSize: 16 } }),
+		InputProps: {
+			classes: {
+				root: classes.input,
+				input: classes.formTextInput,
+				...props.InputProps?.classes
+			},
+			...props.InputProps,
+			...startAdornment,
+			...endAdornment,
+			startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, {
+				classes: { root: classes.inputRoot },
+				className: classes.inputRoot,
+				position: "start"
+			}, label)
+		},
+		InputLabelProps: {
+			shrink: false,
+			classes: {
+				root: classes.labelRoot,
+				focused: classes.labelFocused
+			}
+		}
+	})));
+};
+FluentDateTimePicker.propTypes = { label: PropTypes.string.isRequired };
+
+//#endregion
+//#region src/UI/inputs/pickers/UdpDateSelector.jsx
+const useStyles$1 = makeStyles((theme) => ({ dateInput: {
+	borderRadius: 2,
+	height: 32,
+	padding: theme.spacing(1),
+	margin: theme.spacing(1),
+	fontSize: 14,
+	border: "1px solid #ced4da",
+	backgroundColor: "transparent",
+	"&:focus": {
+		borderColor: theme.palette.primary.main,
+		outline: "none"
+	}
+} }));
+const UdpDateSelector = (props) => {
+	const classes = useStyles$1();
+	const { id, udprecordid, label, handleDateChange: onChangeProp, selectedDate, ...otherProps } = props;
+	const onChange = (event) => {
+		return onChangeProp?.(event.target.value);
+	};
+	return /* @__PURE__ */ React.createElement("label", {
+		htmlFor: id,
+		className: classes.labelRoot
+	}, label, /* @__PURE__ */ React.createElement("input", {
+		type: "date",
+		id,
+		className: classes.dateInput,
+		value: selectedDate,
+		onChange,
+		...otherProps
+	}));
+};
+UdpDateSelector.propTypes = {
+	label: PropTypes.string.isRequired,
+	id: PropTypes.string.isRequired,
+	handleDateChange: PropTypes.func,
+	selectedDate: PropTypes.string
+};
+
+//#endregion
+//#region src/UI/inputs/pickers/UdpTimeSelector.jsx
+const useStyles = makeStyles((theme) => ({ timeInput: {
+	borderRadius: 2,
+	height: 32,
+	padding: theme.spacing(1),
+	margin: theme.spacing(1),
+	fontSize: 14,
+	border: "1px solid #ced4da",
+	backgroundColor: "transparent",
+	"&:focus": {
+		borderColor: theme.palette.primary.main,
+		outline: "none"
+	}
+} }));
+const UdpTimeSelector = (props) => {
+	const classes = useStyles();
+	const { id, label, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement("label", {
+		htmlFor: id,
+		className: classes.labelRoot
+	}, label, /* @__PURE__ */ React.createElement("input", {
+		type: "time",
+		id,
+		udprecordid: "udpRecord-FluentTimePicker-" + id,
+		className: classes.timeInput,
+		...otherProps
+	}));
+};
+UdpTimeSelector.propTypes = {
+	label: PropTypes.string,
+	id: PropTypes.string
+};
+
+//#endregion
+export { UdpDateSelector as n, FluentDateTimePicker as r, UdpTimeSelector as t };
+//# sourceMappingURL=pickers-CkwI49Ju.js.map

package/dist/pickers-CkwI49Ju.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickers-CkwI49Ju.js","names":["useStyles","useStyles"],"sources":["../src/UI/inputs/pickers/FluentDateTimePicker.jsx","../src/UI/inputs/pickers/UdpDateSelector.jsx","../src/UI/inputs/pickers/UdpTimeSelector.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { makeStyles, InputAdornment } from '@material-ui/core';\nimport { EventDateIcon } from '@fluentui/react-icons';\nimport {\n  MuiPickersUtilsProvider,\n  KeyboardDateTimePicker\n} from '@material-ui/pickers';\nimport DateFnsUtils from '@date-io/date-fns';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  inputRoot: {\n    fontSize: 12\n  },\n  input: {\n    borderRadius: 2,\n    height: 32,\n    padding: 0,\n    paddingLeft: theme.spacing(1)\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  FormControl: {\n    display: 'none',\n    marginTop: 0\n  }\n}));\n\nexport const FluentDateTimePicker = (props) => {\n  const classes = useStyles();\n  const {\n    id,\n    udprecordid,\n    label,\n    startAdornment,\n    endAdornment,\n    handleDateChange: onChangeProp,\n    selectedDate,\n    ...otherProps\n  } = props;\n\n  const onChange = useCallback(\n    (e, value) => {\n      return onChangeProp?.(e, value);\n    },\n    [onChangeProp]\n  );\n\n  return (\n    <div>\n      <MuiPickersUtilsProvider utils={DateFnsUtils}>\n        <KeyboardDateTimePicker\n          // disableToolbar\n          // variant='inline'\n          format='MM/dd/yyyy HH:mm'\n          margin='normal'\n          id={id}\n          udprecordid={udprecordid}\n          inputVariant='outlined'\n          value={selectedDate}\n          onChange={onChange}\n          {...otherProps}\n          KeyboardButtonProps={{\n            'aria-label': 'change date',\n            udprecordid: udprecordid + '-button'\n          }}\n          keyboardIcon={<EventDateIcon style={{ fontSize: 16 }} />}\n          InputProps={{\n            classes: {\n              root: classes.input,\n              input: classes.formTextInput,\n              ...props.InputProps?.classes\n            },\n            ...props.InputProps,\n            ...startAdornment,\n            ...endAdornment,\n            startAdornment: (\n              <InputAdornment\n                classes={{ root: classes.inputRoot }}\n                className={classes.inputRoot}\n                position='start'\n              >\n                {label}\n              </InputAdornment>\n            )\n          }}\n          InputLabelProps={{\n            shrink: false,\n            classes: {\n              root: classes.labelRoot,\n              focused: classes.labelFocused\n            }\n          }}\n        />\n      </MuiPickersUtilsProvider>\n    </div>\n  );\n};\n\nFluentDateTimePicker.propTypes = {\n  /**\n   * Adornment label (eg, From: )\n   */\n  label: PropTypes.string.isRequired\n  /**\n   * Id\n   */\n};\n","import React from 'react';  \nimport { makeStyles} from '@material-ui/core';  \nimport PropTypes from 'prop-types';  \n  \nconst useStyles = makeStyles((theme) => ({  \n  dateInput: {  \n    borderRadius: 2,  \n    height: 32,  \n    padding: theme.spacing(1),  \n    margin: theme.spacing(1), // Add margin around the input  \n    fontSize: 14,  \n    border: '1px solid #ced4da',  \n    backgroundColor: 'transparent', // Set the background color to transparent  \n    '&:focus': {  \n      borderColor: theme.palette.primary.main,  \n      outline: 'none',  \n    },  \n  },  \n}));  \n  \nexport const UdpDateSelector = (props) => {  \n  const classes = useStyles();  \n  const {  \n    id,  \n    udprecordid,  \n    label,  \n    handleDateChange: onChangeProp,  \n    selectedDate,  \n    ...otherProps  \n  } = props;  \n  \n  const onChange = (event) => {  \n    return onChangeProp?.(event.target.value);  \n  };  \n  \n  return (  \n    <label htmlFor={id} className={classes.labelRoot}>  \n      {label}  \n      <input  \n        type=\"date\"  \n        id={id}  \n        className={classes.dateInput}  \n        value={selectedDate}  \n        onChange={onChange}  \n        {...otherProps}  \n      />  \n    </label>  \n  );  \n};  \n  \nUdpDateSelector.propTypes = {  \n  label: PropTypes.string.isRequired,  \n  id: PropTypes.string.isRequired,  \n  handleDateChange: PropTypes.func,  \n  selectedDate: PropTypes.string,  \n};  \n  \nexport default UdpDateSelector;  ","import React from 'react';  \nimport { makeStyles } from '@material-ui/core';  \nimport PropTypes from 'prop-types';  \n  \nconst useStyles = makeStyles((theme) => ({  \n  // Style for the time input box with transparent background  \n  timeInput: {  \n    borderRadius: 2, // Rounded corners with a radius of 2px  \n    height: 32, \n    padding: theme.spacing(1), // Padding inside the input box, typically 8px if default theme spacing is used  \n    margin: theme.spacing(1), // Margin outside the input box to create space around the element  \n    fontSize: 14, // Font size of 14px for the text inside the input  \n    border: '1px solid #ced4da', // Border of 1px solid grey, matching old Material-UI grey  \n    backgroundColor: 'transparent', \n    '&:focus': {  \n      borderColor: theme.palette.primary.main, // Border color changes to primary color when the input is focused  \n      outline: 'none', // Removes the default browser outline on focus  \n    },  \n  },  \n}));  \n\n  \nexport const UdpTimeSelector = (props) => {  \n  const classes = useStyles();  \n  const { id, label, ...otherProps } = props;  \n  \n  return (  \n    <label htmlFor={id} className={classes.labelRoot}>  \n      {label}  \n      <input  \n        type=\"time\"  \n        id={id}  \n        udprecordid={\"udpRecord-FluentTimePicker-\"+id}\n        className={classes.timeInput}  \n        {...otherProps}  \n      />  \n    </label>  \n  );  \n};  \n  \nUdpTimeSelector.propTypes = {  \n  /**  \n   * Label for the time input  \n   */  \n  label: PropTypes.string,  \n  /**  \n   * Id for the time input  \n   */  \n  id: PropTypes.string,  \n};  \n  \nexport default UdpTimeSelector; "],"mappings":"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"}

package/dist/profile-C0_f9put.js

@@ -0,0 +1,217 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { i as storeTenant, t as clearStoredTenant } from "./UnitySessionStorage-CUDx9YWR.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as useTenant } from "./useTenant-CGaZEBEJ.js";
+import { n as useDevicePixelRatio, t as useGravatar } from "./useGravatar-BTbYdA_d.js";
+import { t as clearStoredPath } from "./LocalRedirectUrlStorage-Bxz8TI-X.js";
+import { t as clearStoredExternalPath } from "./ExternalRedirectUrlStorage-BM-nmI4x.js";
+import { a as useUserActions, r as TenantSelect } from "./TenantProvider-YjlC8AtM.js";
+import { n as useSingleLogout } from "./auth-DUOUsM9U.js";
+import React, { cloneElement, forwardRef, useCallback } from "react";
+import { Avatar, Button, CardContent, IconButton, Menu, Typography, makeStyles } from "@material-ui/core";
+import { Link as Link$1, useHistory } from "react-router-dom";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { bindMenu, bindTrigger, usePopupState } from "material-ui-popup-state/hooks";
+
+//#region src/shell/ui/profile/MenuOpener.jsx
+/**
+* Helper to handle open a menu when a button is clicked
+*/
+const MenuOpener = ({ MenuComponent = Menu, name, button, menuProps, children }) => {
+	const popupState = usePopupState({
+		variant: "popover",
+		popupId: "useId(name)"
+	});
+	const { close } = popupState;
+	const click = useCallback((e) => {
+		const isButton = e.target.matches("a, button, input[type=\"button\"], input[type=\"image\"], [role=\"button\"], [role=\"link\"], a *, button *, [role=\"button\"] *, [role=\"link\"] *");
+		const isDropdownButton = e.target.matches(".MuiAutocomplete-endAdornment *");
+		if (isButton && !isDropdownButton) close();
+	}, [close]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, cloneElement(button, bindTrigger(popupState)), /* @__PURE__ */ React.createElement(MenuComponent, {
+		...menuProps,
+		...bindMenu(popupState),
+		onClick: click
+	}, children));
+};
+var MenuOpener_default = MenuOpener;
+
+//#endregion
+//#region src/shell/ui/profile/UserAvatar.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	root: {},
+	default: {},
+	toolbar: {
+		width: 32,
+		height: 32
+	},
+	large: {
+		width: 80,
+		height: 80
+	}
+}), { name: "UserAvatar" });
+/**
+* Inteligent user Avatar element
+*
+* - Loads a Gravatar based on the email if one exists
+* - Falls back to a text avatar while loading and when a Gravatar does not exist
+* - Automatically chooses image size based on size prop and device pixel density (and updates if device pixel density changes)
+*/
+const UserAvatar = (props) => {
+	const classes = useStyles$2(props);
+	const { name, email, size = "default", className, ...other } = props;
+	const dppx = useDevicePixelRatio();
+	const avatar = useGravatar(email, { size: ({
+		toolbar: 32,
+		large: 80
+	}[size] || 40) * dppx });
+	return /* @__PURE__ */ React.createElement(Avatar, {
+		alt: name,
+		"aria-label": `${name}'s avatar`,
+		...other,
+		className: clsx(className, classes[size]),
+		src: avatar
+	}, name?.trim()?.charAt(0) || "?");
+};
+var UserAvatar_default = UserAvatar;
+
+//#endregion
+//#region src/shell/ui/profile/FluentProfileMenuCard.tsx
+const useHistory$1 = useHistory;
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		"& > *": { margin: theme.spacing(1) },
+		"&:last-child": { paddingBottom: theme.spacing(2) }
+	},
+	cardHeader: {
+		display: "flex",
+		marginBottom: theme.spacing(3)
+	},
+	currentTenant: {
+		margin: "auto",
+		width: "85%",
+		marginBottom: theme.spacing(4)
+	},
+	buttonGroup: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center"
+	},
+	basicInfoContainer: { marginLeft: theme.spacing(1) },
+	basicInfo: { paddingLeft: theme.spacing(1) },
+	divider: { height: theme.spacing(3) },
+	avatar: { fontSize: 40 }
+}));
+const FluentProfileMenuCard = forwardRef((props, ref) => {
+	const classes = useStyles$1();
+	const devUnityUrl = "https://unity-dev.univerus.com/";
+	const { userTenants, currentTenant, user, logout, unityUrl = devUnityUrl } = props;
+	const history = useHistory$1();
+	const redirectToHome = useCallback(() => history.push("/"), [history]);
+	const { t } = useTranslation();
+	const { changeTenant } = useUserActions();
+	const handleTenantChange = useCallback((tenant) => {
+		storeTenant(tenant.tenantId);
+		changeTenant(tenant.tenantId);
+		redirectToHome();
+	}, [changeTenant, redirectToHome]);
+	if (!user) return null;
+	return /* @__PURE__ */ React.createElement(CardContent, {
+		ref,
+		className: classes.root
+	}, /* @__PURE__ */ React.createElement("div", { className: classes.cardHeader }, /* @__PURE__ */ React.createElement(UserAvatar_default, {
+		name: user?.name,
+		email: user?.email,
+		size: "large",
+		className: classes.avatar
+	}), /* @__PURE__ */ React.createElement("div", { className: classes.basicInfoContainer }, /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.basicInfo,
+		variant: "subtitle2"
+	}, user?.name), /* @__PURE__ */ React.createElement(Typography, {
+		className: classes.basicInfo,
+		variant: "body2"
+	}, user?.email))), userTenants && user && changeTenant && /* @__PURE__ */ React.createElement(TenantSelect, {
+		className: classes.currentTenant,
+		id: "current-tenant",
+		tenants: userTenants,
+		value: currentTenant,
+		onTenantChange: handleTenantChange,
+		label: t("Current Tenant"),
+		recordIdPrefix: "udpRecord-FluentProfileMenuCard"
+	}), /* @__PURE__ */ React.createElement(Button, {
+		id: "udpRecord-FluentProfileMenuCard-SignOut",
+		udprecordid: "udpRecord-FluentProfileMenuCard-SignOut",
+		onClick: () => {
+			clearStoredPath();
+			clearStoredExternalPath();
+			clearStoredTenant();
+			logout();
+		},
+		variant: "outlined",
+		color: "secondary"
+	}, t("Sign out")));
+});
+FluentProfileMenuCard.displayName = "FluentProfileMenuCard";
+
+//#endregion
+//#region src/shell/ui/profile/UserProfileMenuWrapper.tsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	avatar: { background: theme.palette.secondary.main }
+}));
+const UserProfileMenuWrapper = ({ returnTo }) => {
+	const classes = useStyles();
+	const user = useUser();
+	const singleLogout = useSingleLogout();
+	const { setUser } = useUserActions();
+	const tenantContext = useTenant();
+	const currentTenant = tenantContext?.activeTenant ?? null;
+	const availableTenants = tenantContext?.filteredTenantsList ?? tenantContext?.tenantsList ?? [];
+	const enforcedTenantId = ConfigService.config.UNITY_TENANT_ID;
+	const profileMenuTenants = !enforcedTenantId || enforcedTenantId === "" ? availableTenants : availableTenants.filter((option) => option.tenantId === enforcedTenantId);
+	if (!user) {
+		const fallbackPath = returnTo ?? (typeof window !== "undefined" ? window.location.pathname : "/");
+		return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Button, {
+			component: Link$1,
+			to: {
+				pathname: "/login",
+				state: { returnTo: fallbackPath ?? "/" }
+			},
+			color: "inherit"
+		}, "Sign in"));
+	}
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(MenuOpener_default, {
+		name: "udp-user-profile-popover",
+		button: /* @__PURE__ */ React.createElement(IconButton, null, /* @__PURE__ */ React.createElement(UserAvatar_default, {
+			name: user?.name,
+			email: user?.email,
+			size: "toolbar",
+			className: classes.avatar
+		})),
+		menuProps: {
+			keepMounted: true,
+			getContentAnchorEl: null,
+			variant: "menu",
+			anchorOrigin: {
+				vertical: "bottom",
+				horizontal: "right"
+			},
+			transformOrigin: {
+				vertical: "top",
+				horizontal: "right"
+			}
+		}
+	}, /* @__PURE__ */ React.createElement(FluentProfileMenuCard, {
+		userTenants: profileMenuTenants,
+		currentTenant,
+		user,
+		setUser,
+		logout: singleLogout,
+		unityUrl: ConfigService.config.UNITY_URL
+	})));
+};
+
+//#endregion
+export { FluentProfileMenuCard as n, UserProfileMenuWrapper as t };
+//# sourceMappingURL=profile-C0_f9put.js.map

package/dist/profile-C0_f9put.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-C0_f9put.js","names":["useStyles","useHistory","useHistoryNoType","useStyles","UserAvatar","UserProfileMenuWrapper: FC<UserProfileMenuWrapperProps>","Link","MenuOpener","UserAvatar"],"sources":["../src/shell/ui/profile/MenuOpener.jsx","../src/shell/ui/profile/UserAvatar.jsx","../src/shell/ui/profile/FluentProfileMenuCard.tsx","../src/shell/ui/profile/UserProfileMenuWrapper.tsx"],"sourcesContent":["import { Menu } from '@material-ui/core';\nimport {\n  bindMenu,\n  bindTrigger,\n  usePopupState,\n} from 'material-ui-popup-state/hooks';\nimport React, {\n  cloneElement,\n  ElementType,\n  FC,\n  ReactElement,\n  ReactNode,\n  useCallback,\n} from 'react';\n\n/**\n * Helper to handle open a menu when a button is clicked\n */\nexport const MenuOpener = ({\n  MenuComponent = Menu,\n  name,\n  button,\n  menuProps,\n  children,\n}) => {\n  /* @fixme useId as string to bypass error */\n  const popupId = 'useId(name)';\n  const popupState = usePopupState({ variant: 'popover', popupId });\n  const { close } = popupState;\n\n  const click = useCallback(\n    e => {\n      const isButton = e.target.matches(\n        'a, button, input[type=\"button\"], input[type=\"image\"], [role=\"button\"], [role=\"link\"], a *, button *, [role=\"button\"] *, [role=\"link\"] *'\n      );\n      const isDropdownButton = e.target.matches(\n        '.MuiAutocomplete-endAdornment *'\n      );\n\n      const closePopup = isButton && !isDropdownButton;\n\n      if (closePopup) {\n        close();\n      }\n    },\n    [close]\n  );\n\n  return (\n    <>\n      {cloneElement(button, bindTrigger(popupState))}\n      <MenuComponent {...menuProps} {...bindMenu(popupState)} onClick={click}>\n        {children}\n      </MenuComponent>\n    </>\n  );\n};\n\nexport default MenuOpener;\n","import { Avatar, makeStyles } from '@material-ui/core'\nimport clsx from 'clsx'\nimport React from 'react'\nimport useDevicePixelRatio from '../../../utilities/useDevicePixelRatio.ts'\nimport useGravatar from '../../../utilities/useGravatar.ts'\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {},\n    default: {},\n    toolbar: {\n      width: 32,\n      height: 32\n    },\n    large: {\n      width: 80,\n      height: 80\n    }\n  }),\n  { name: 'UserAvatar' }\n)\n\n/**\n * Inteligent user Avatar element\n *\n * - Loads a Gravatar based on the email if one exists\n * - Falls back to a text avatar while loading and when a Gravatar does not exist\n * - Automatically chooses image size based on size prop and device pixel density (and updates if device pixel density changes)\n */\nconst UserAvatar = (props) => {\n  const classes = useStyles(props)\n  const { name, email, size = 'default', className, ...other } = props\n  const dppx = useDevicePixelRatio()\n  const dimension = { toolbar: 32, large: 80 }[size] || 40\n  const avatar = useGravatar(email, { size: dimension * dppx })\n\n  return (\n    <Avatar\n      alt={name}\n      aria-label={`${name}'s avatar`}\n      {...other}\n      className={clsx(className, classes[size])}\n      src={avatar}\n    >\n      {name?.trim()?.charAt(0) || '?'}\n    </Avatar>\n  )\n}\n\nexport default UserAvatar\n","import React, { forwardRef, useCallback } from 'react';\nimport { Button, CardContent, makeStyles, Typography } from '@material-ui/core';\nimport UserAvatar from './UserAvatar';\nimport { clearStoredPath } from '../../../utilities/redirect/LocalRedirectUrlStorage';\nimport { clearStoredExternalPath } from '../../../utilities/redirect/ExternalRedirectUrlStorage';\nimport {\n  clearStoredTenant,\n  storeTenant\n} from '../../../utilities/storage/UnitySessionStorage';\nimport { useTranslation } from 'react-i18next';\nimport { useUserActions } from '../../../utilities/auth/users';\nimport { User } from '../../../utilities/auth';\n// @ts-expect-error RRDv5 types are incompatible with react 18\nimport { useHistory as useHistoryNoType} from 'react-router-dom';\nimport { Tenant } from '../../../utilities';\nimport {History} from 'history';\nimport { TenantSelect } from '../../../utilities/tenant';\n\nconst useHistory = useHistoryNoType as  () => History;\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(1)\n    },\n    '&:last-child': {\n      paddingBottom: theme.spacing(2)\n    }\n  },\n  cardHeader: {\n    display: 'flex',\n    marginBottom: theme.spacing(3)\n  },\n  currentTenant: {\n    margin: 'auto',\n    width: '85%',\n    marginBottom: theme.spacing(4)\n  },\n  buttonGroup: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center'\n  },\n  basicInfoContainer: {\n    marginLeft: theme.spacing(1)\n  },\n  basicInfo: {\n    paddingLeft: theme.spacing(1)\n  },\n  divider: {\n    height: theme.spacing(3)\n  },\n  avatar: {\n    fontSize: 40\n  }\n}));\n\ninterface FluentProfileMenuCardProps {\n  userTenants: Tenant[];\n  currentTenant: Tenant | null;\n  user: User | null;\n  setUser: (user: User | null) => void;\n  logout: () => void;\n  unityUrl?: string;\n  displayProfileButton?: boolean;\n}\n\nexport const FluentProfileMenuCard = forwardRef<HTMLDivElement, FluentProfileMenuCardProps>((props, ref) => {\n  const classes = useStyles();\n  const devUnityUrl = 'https://unity-dev.univerus.com/';\n  const {\n    userTenants,\n    currentTenant,\n    user,\n    logout,\n    unityUrl = devUnityUrl,\n  } = props;\n  const history =  useHistory();\n  const redirectToHome = useCallback(() => history.push('/'), [history]);\n  // eslint-disable-next-line\n  const { t  } = useTranslation() as {t: (key: string) => string};\n  const { changeTenant } = useUserActions();\n\n  const handleTenantChange = useCallback(\n    (tenant: Tenant) => {\n      storeTenant(tenant.tenantId);\n      changeTenant(tenant.tenantId);\n      redirectToHome();\n    },\n    [changeTenant, redirectToHome]\n  );\n\n\n\n  // const handleProfileClick = () => {\n  //   // if this is unity (productid is 1), go to the profile slug, otherwise open the profile page in a new tab\n  //   if(ConfigService.config.UNITY_PRODUCT_ID === '1') history.push('/profile')\n  //   else window.open(unityUrl + '/profile');\n\n  // }\n\n  if (!user) return null;\n\n  return (\n    <CardContent ref={ref} className={classes.root}>\n      <div className={classes.cardHeader}>\n        <UserAvatar\n          name={user?.name}\n          email={user?.email}\n          size='large'\n          className={classes.avatar}\n        />\n        <div className={classes.basicInfoContainer}>\n          <Typography className={classes.basicInfo} variant='subtitle2'>\n            {user?.name}\n          </Typography>\n          <Typography className={classes.basicInfo} variant='body2'>\n            {user?.email}\n          </Typography>\n          {/* {displayProfileButton && (\n            <div className={classes.buttonGroup}>\n              <Button\n                id='udpRecord-FluentProfileMenuCard-MyProfile'\n                udprecordid='udpRecord-FluentProfileMenuCard-MyProfile'\n                onClick={handleProfileClick}\n                target='_blank'\n                color='secondary'\n              >\n                {t('My Profile')}\n              </Button>\n            </div>\n          )} */}\n        </div>\n      </div>\n      {userTenants && user && changeTenant && (\n        <TenantSelect\n          className={classes.currentTenant}\n          id='current-tenant'\n          tenants={userTenants}\n          value={currentTenant}\n          onTenantChange={handleTenantChange}\n          label={t('Current Tenant')}\n          recordIdPrefix='udpRecord-FluentProfileMenuCard'\n        />\n      )}\n      <Button\n        id='udpRecord-FluentProfileMenuCard-SignOut'\n        // @ts-expect-error Custom automation attribute not typed by MUI\n        udprecordid='udpRecord-FluentProfileMenuCard-SignOut'\n        onClick={() => {\n          clearStoredPath();\n          clearStoredExternalPath();\n          clearStoredTenant();\n          logout();\n        }}\n        variant='outlined'\n        color='secondary'\n      >\n        {t('Sign out')}\n      </Button>\n    </CardContent>\n  );\n});\n\nFluentProfileMenuCard.displayName = 'FluentProfileMenuCard';\n","import React, { FC } from 'react';\nimport { Button, makeStyles, IconButton } from '@material-ui/core';\nimport { Link } from 'react-router-dom';\nimport MenuOpener from './MenuOpener';\nimport UserAvatar from './UserAvatar';\nimport { FluentProfileMenuCard } from './FluentProfileMenuCard';\nimport { ConfigService } from '../../../configService';\nimport { useSingleLogout, useUserActions } from '../../../utilities/auth';\nimport { useUser } from '../../../utilities/auth/useUser';\nimport { useTenant } from '../../../utilities/tenant/useTenant';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  avatar: {\n    background: theme.palette.secondary.main\n  }\n}));\n\n\n\nexport interface UserProfileMenuWrapperProps {\n  returnTo?: string;\n}\n\nexport const UserProfileMenuWrapper: FC<UserProfileMenuWrapperProps> = ({\n  returnTo\n}) => {\n  const classes = useStyles();\n  const user = useUser();\n  const singleLogout = useSingleLogout();\n  const { setUser } = useUserActions();\n  const tenantContext = useTenant();\n\n  const currentTenant = tenantContext?.activeTenant ?? null;\n  const availableTenants =\n    tenantContext?.filteredTenantsList ??\n    tenantContext?.tenantsList ??\n    [];\n\n  const enforcedTenantId = ConfigService.config.UNITY_TENANT_ID;\n\n  const profileMenuTenants =\n    !enforcedTenantId || enforcedTenantId === ''\n      ? availableTenants\n      : availableTenants.filter(\n          (option) => option.tenantId === enforcedTenantId\n        );\n\n  if (!user) {\n    const fallbackPath =\n      returnTo ??\n      (typeof window !== 'undefined' ? window.location.pathname : '/');\n\n    return (\n      <div className={classes.root}>\n        <Button\n          component={Link as React.ElementType} // react-router-dom@5 is incompatible with @types/react@18 so we have to assert the type manually\n          to={{\n            pathname: '/login',\n            state: { returnTo: fallbackPath ?? '/' }\n          }}\n          color='inherit'\n        >\n          Sign in\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <div className={classes.root}>\n      <MenuOpener\n       name = \"udp-user-profile-popover\"\n        button={\n          <IconButton>\n            <UserAvatar\n              name={user?.name}\n              email={user?.email}\n              size='toolbar'\n              className={classes.avatar}\n            />\n          </IconButton>\n        }\n        menuProps={{\n          keepMounted: true,\n          getContentAnchorEl: null,\n          variant: 'menu',\n          anchorOrigin: { vertical: 'bottom', horizontal: 'right' },\n          transformOrigin: { vertical: 'top', horizontal: 'right' }\n        }}\n      >\n        <FluentProfileMenuCard\n          userTenants={profileMenuTenants}\n          currentTenant={currentTenant}\n          user={user}\n          setUser={setUser}\n          logout={singleLogout}\n          unityUrl={ConfigService.config.UNITY_URL}\n        />\n      </MenuOpener>\n    </div>\n  );\n};\n\nexport default UserProfileMenuWrapper;\n"],"mappings":"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"}

package/dist/providers/index.js

@@ -0,0 +1,3 @@
+import { t as UdpAppProvider } from "../UdpAppProvider-C6fH--WD.js";
+
+export { UdpAppProvider };

package/dist/redirectToLink-CLI8MGFd.js

@@ -0,0 +1,31 @@
+//#region src/utilities/menus/redirectToLink.js
+const redirectToLinkOnClick = async (redirectInfo, getAccessToken, user) => {
+	if (redirectInfo) if (getAccessToken) {
+		const accessToken = await getAccessToken();
+		const form = document.createElement("form");
+		form.setAttribute("method", "post");
+		form.setAttribute("target", "_blank");
+		form.setAttribute("action", redirectInfo);
+		const params = {
+			_tau: accessToken,
+			unityuser: user?.email
+		};
+		for (const key in params) if (params.hasOwnProperty(key)) {
+			const hiddenField = document.createElement("input");
+			hiddenField.type = "hidden";
+			hiddenField.name = key;
+			hiddenField.value = params[key];
+			form.appendChild(hiddenField);
+		}
+		document.body.appendChild(form);
+		form.submit();
+		form.remove();
+	} else {
+		let ulrEndpoint = `${redirectInfo}`;
+		window.open(ulrEndpoint, "_blank");
+	}
+};
+
+//#endregion
+export { redirectToLinkOnClick as t };
+//# sourceMappingURL=redirectToLink-CLI8MGFd.js.map

package/dist/redirectToLink-CLI8MGFd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"redirectToLink-CLI8MGFd.js","names":[],"sources":["../src/utilities/menus/redirectToLink.js"],"sourcesContent":["export const redirectToLinkOnClick = async (\n  redirectInfo,\n  getAccessToken,\n  user\n) => {\n  if (redirectInfo) {\n    if (getAccessToken) {\n      const accessToken = await getAccessToken();\n      const form = document.createElement('form');\n      form.setAttribute('method', 'post');\n      form.setAttribute('target', '_blank');\n      form.setAttribute('action', redirectInfo);\n      const params = { _tau: accessToken, unityuser: user?.email };\n      for (const key in params) {\n        if (params.hasOwnProperty(key)) {\n          const hiddenField = document.createElement('input');\n          hiddenField.type = 'hidden';\n          hiddenField.name = key;\n          hiddenField.value = params[key];\n          form.appendChild(hiddenField);\n        }\n      }\n      document.body.appendChild(form);\n      form.submit();\n      form.remove();\n    } else {\n      let ulrEndpoint = `${redirectInfo}`;\n      window.open(ulrEndpoint, '_blank');\n    }\n  }\n};\n"],"mappings":";AAAA,MAAa,wBAAwB,OACnC,cACA,gBACA,SACG;AACH,KAAI,aACF,KAAI,gBAAgB;EAClB,MAAM,cAAc,MAAM,gBAAgB;EAC1C,MAAM,OAAO,SAAS,cAAc,OAAO;AAC3C,OAAK,aAAa,UAAU,OAAO;AACnC,OAAK,aAAa,UAAU,SAAS;AACrC,OAAK,aAAa,UAAU,aAAa;EACzC,MAAM,SAAS;GAAE,MAAM;GAAa,WAAW,MAAM;GAAO;AAC5D,OAAK,MAAM,OAAO,OAChB,KAAI,OAAO,eAAe,IAAI,EAAE;GAC9B,MAAM,cAAc,SAAS,cAAc,QAAQ;AACnD,eAAY,OAAO;AACnB,eAAY,OAAO;AACnB,eAAY,QAAQ,OAAO;AAC3B,QAAK,YAAY,YAAY;;AAGjC,WAAS,KAAK,YAAY,KAAK;AAC/B,OAAK,QAAQ;AACb,OAAK,QAAQ;QACR;EACL,IAAI,cAAc,GAAG;AACrB,SAAO,KAAK,aAAa,SAAS"}

package/dist/redirectToProduct-D1UtnHwg.js

@@ -0,0 +1,9 @@
+//#region src/utilities/DemoJuly/redirectToProduct.js
+const redirectToProductOnClick = (redirectInfo, tenantId) => {
+	let urlEndpoint = `${redirectInfo}?tenantId=${tenantId}`;
+	window.open(urlEndpoint, "_blank");
+};
+
+//#endregion
+export { redirectToProductOnClick as t };
+//# sourceMappingURL=redirectToProduct-D1UtnHwg.js.map

package/dist/redirectToProduct-D1UtnHwg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"redirectToProduct-D1UtnHwg.js","names":[],"sources":["../src/utilities/DemoJuly/redirectToProduct.js"],"sourcesContent":["// TODO for demo purposes\nexport const redirectToProductOnClick = (redirectInfo, tenantId) => {\n  // const { externalAppURL, unityuser, method } = redirectInfo;\n\n  let urlEndpoint = `${redirectInfo}?tenantId=${tenantId}`;\n\n  // let unityToken = sessionStorage.getItem(\n  //   `msal.${process.env.REACT_APP_MSAL_CLIENT_ID}.idtoken`\n  // );\n\n  window.open(urlEndpoint, '_blank');\n  // ulrEndpoint = `${externalAppURL}?unityb2ctoken=${unityToken}&unityuser=${unityuser}`;\n\n  // if (method === 'GET') {\n  //   window.open(ulrEndpoint, '_blank');\n  // } else {\n  //   openWindowWithPost(externalAppURL, unityuser, unityToken);\n  // }\n};\n\n// TODO for demo purposes\nconst openWindowWithPost = (url, user, token) => {\n  let form = document.createElement('form');\n  form.target = '_blank';\n  form.method = 'POST';\n  form.action = url;\n  form.style.display = 'none';\n\n  let inputUser = document.createElement('input');\n  inputUser.type = 'hidden';\n  inputUser.name = 'unityuser';\n  inputUser.value = user;\n\n  form.appendChild(inputUser);\n\n  let inputToken = document.createElement('input');\n  inputToken.type = 'hidden';\n  inputToken.name = 'unityb2ctoken';\n  inputToken.value = token;\n\n  form.appendChild(inputToken);\n\n  document.body.appendChild(form);\n  form.submit();\n  document.body.removeChild(form);\n};\n\n// TODO AXIOS\n// axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';\n// axios\n//   .post(ulrEndpoint, bodyParameters, config)\n//   .then(res => {\n//     console.log(res);\n//     debugger;\n//     window.open(ulrEndpoint, '_blank');\n//   })\n//   .catch(error => {\n//     console.log('Error: -> ', error);\n//   });\n"],"mappings":";AACA,MAAa,4BAA4B,cAAc,aAAa;CAGlE,IAAI,cAAc,GAAG,aAAa,YAAY;AAM9C,QAAO,KAAK,aAAa,SAAS"}

package/dist/reminders/index.js

@@ -1,4 +1,4 @@
-import { t as RemindersScreen } from "../RemindersScreen-BOsf651X.js";
-import { n as CompleteReminderSwitch, t as RemindersCard } from "../RemindersCard-b0Z_AUu4.js";
+import { t as RemindersScreen } from "../RemindersScreen-Cg6_SGJI.js";
+import { n as CompleteReminderSwitch, t as RemindersCard } from "../RemindersCard-rF51zmWF.js";
 
 export { CompleteReminderSwitch, RemindersCard, RemindersScreen };

package/dist/reports/index.js

@@ -1,3 +1,3 @@
-import { t as PowerBIReport } from "../PowerBIReport-DzVNLdH0.js";
+import { t as PowerBIReport } from "../PowerBIReport-CMrcDCCK.js";
 
 export { PowerBIReport };