udp-react-enterprise-component-library 1.0.4 → 1.0.5-beta.2

package/dist-tsdown/EnvironmentRibbon-C5I-zJ7u.cjs

@@ -0,0 +1,1546 @@
+const require_chunk = require('./chunk-CsX-DzYB.cjs');
+const require_apiHelpers = require('./apiHelpers-TkqtXraB.cjs');
+const react = require_chunk.__toESM(require("react"));
+const __material_ui_core = require_chunk.__toESM(require("@material-ui/core"));
+const react_jsx_runtime = require_chunk.__toESM(require("react/jsx-runtime"));
+const axios_hooks = require_chunk.__toESM(require("axios-hooks"));
+const axios = require_chunk.__toESM(require("axios"));
+const udp_react_stencil_component_library = require_chunk.__toESM(require("udp-react-stencil-component-library"));
+const clsx = require_chunk.__toESM(require("clsx"));
+const zustand = require_chunk.__toESM(require("zustand"));
+const zustand_middleware = require_chunk.__toESM(require("zustand/middleware"));
+const warning = require_chunk.__toESM(require("warning"));
+const use_constant = require_chunk.__toESM(require("use-constant"));
+
+//#region src/UI/inputs/buttons/FluentButton.jsx
+const useStyles$9 = (0, __material_ui_core.makeStyles)((theme) => ({
+	root: {
+		borderRadius: 2,
+		height: (props) => props.height ? props.height : 32,
+		padding: "0 16px",
+		minWidth: (props) => props.minWidth ? props.minWidth : 80,
+		border: (props) => `1px solid ${props.color}`
+	},
+	label: {
+		textTransform: "capitalize",
+		fontSize: "0.875rem",
+		fontWeight: 600
+	}
+}));
+const FluentButton = (props) => {
+	const classes = useStyles$9(props);
+	const { children, id, udprecordid, minWidth, progress, disabled,...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__material_ui_core.Button, {
+		...otherProps,
+		disableElevation: true,
+		classes: {
+			root: classes.root,
+			label: classes.label
+		},
+		margin: "dense",
+		id,
+		udprecordid,
+		minWidth,
+		disabled: disabled || progress,
+		children: [progress && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.CircularProgress, {
+			id: id + "-ButtonProgress",
+			udprecordid: udprecordid + "-ButtonProgress",
+			size: 18,
+			color: "primary"
+		}), !progress && children]
+	});
+};
+
+//#endregion
+//#region src/utilities/axiosInterceptors.js
+const axiosInterceptors = () => {
+	axios.default.interceptors.request.use(async (config) => {
+		if (!require_apiHelpers.whitelistedPaths.includes(window.location.pathname)) {
+			let accessToken = "";
+			if (!config?.headers?.Authorization) accessToken = await require_apiHelpers.getAccessToken();
+			return require_apiHelpers.getMergedConfig(accessToken, config);
+		}
+		return config;
+	}, (error) => Promise.reject(error));
+	axios.default.interceptors.response.use((response) => response, async (error) => {
+		const config = error?.config;
+		if (error?.response?.status === 401 && !config?._retry && !require_apiHelpers.whitelistedPaths.includes(window.location.pathname)) {
+			config.headers.Authorization = `Bearer ${await require_apiHelpers.getAccessToken()}`;
+			config._retry = true;
+			return (0, axios.default)(config);
+		}
+		return Promise.reject(error);
+	});
+};
+
+//#endregion
+//#region src/utilities/auth/internal.ts
+const UserContext = (0, react.createContext)(null);
+const UserDispatchContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/utilities/auth/useUser.ts
+/**
+* Get the current User object (or null if not logged in)
+*
+* Does not redirect to login
+* @see {@link useAuthedUser}
+*/
+function useUser() {
+	return (0, react.useContext)(UserContext);
+}
+
+//#endregion
+//#region src/utilities/input/StringUtilities.js
+const removeWhiteSpace = (str) => {
+	if (!str) return "";
+	return str.replace(/\s/g, "");
+};
+const camelToPascalCaseWithSpace = (str) => {
+	const capitalizedStr = str.charAt(0).toUpperCase() + str.slice(1);
+	return capitalizedStr.replace(/([a-z0-9])([A-Z])/g, "$1 $2");
+};
+const trimStringAfter = (str, character) => {
+	const lastIndex = str.lastIndexOf(character);
+	return str.substring(0, lastIndex === -1 ? str.length : lastIndex);
+};
+const toLowerFirstChar = (field) => {
+	return field?.charAt(0)?.toLowerCase() + field?.slice(1);
+};
+const toUpperFirstChar = (field) => {
+	return field?.charAt(0)?.toUpperCase() + field?.slice(1);
+};
+const toTitleCase = (str) => {
+	const result = str.replace(/([A-Z][a-z]+)/g, " $1").replace(/([A-Z]+)\b/g, " $1").replace(/_/g, " ").trim();
+	return result.charAt(0).toUpperCase() + result.slice(1);
+};
+const pluralize = (str) => {
+	const last = str.charAt(str.length - 1);
+	if (last === "s") return str;
+	else return `${str}s`;
+};
+
+//#endregion
+//#region src/utilities/FluentIcon.jsx
+const useStyles$8 = (0, __material_ui_core.makeStyles)((props) => ({
+	root: {
+		display: "inline-block",
+		"& > svg": { display: "inherit" }
+	},
+	default: {
+		fontSize: 18,
+		width: 18,
+		height: 18
+	},
+	large: {
+		fontSize: 24,
+		width: 24,
+		height: 24
+	},
+	medium: {
+		fontSize: 16,
+		width: 16,
+		height: 16
+	},
+	small: {
+		fontSize: 14,
+		width: 14,
+		height: 14
+	},
+	xs: {
+		fontSize: 12,
+		width: 12,
+		height: 12
+	},
+	color: { color: (props$1) => props$1.color },
+	customSize: {
+		fontSize: (props$1) => props$1.size,
+		width: (props$1) => props$1.size,
+		height: (props$1) => props$1.size
+	}
+}), { name: "FluentIcon" });
+/**
+* Wrapper for @fluentui/react-icons to provide it with required size
+*/
+const FluentIcon = (props) => {
+	const classes = useStyles$8(props);
+	const { component: IconComponent, size = "default", className, color, customSize = false,...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconComponent, {
+		...otherProps,
+		className: (0, clsx.default)(classes.root, className, customSize && typeof size === "number" && classes["customSize"] || classes[size], color && classes["color"])
+	});
+};
+
+//#endregion
+//#region src/UI/inputs/buttons/FluentIconButton.jsx
+const useStyles$7 = (0, __material_ui_core.makeStyles)((theme) => ({ root: {
+	borderRadius: (props) => props.rounded ? 50 : 2,
+	width: (props) => props.rounded ? theme.spacing(4) : theme.spacing(1),
+	height: (props) => props.rounded ? theme.spacing(4) : theme.spacing(1),
+	border: (props) => props.rounded && `1px solid ${theme.palette.divider}`,
+	background: (props) => props.rounded && theme.palette.common.white
+} }));
+const FluentIconButton = (props) => {
+	const classes = useStyles$7(props);
+	const { icon, size = "medium", id, udprecordid,...otherProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.IconButton, {
+		...otherProps,
+		classes: { root: classes.root },
+		udprecordid,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FluentIcon, {
+			component: icon,
+			size,
+			id
+		})
+	});
+};
+
+//#endregion
+//#region src/enums/unitySystemEnums.ts
+let GridEnums = /* @__PURE__ */ function(GridEnums$1) {
+	GridEnums$1["Ideas"] = "f3c1bf72-15fd-4dcd-904c-b67850525cff";
+	GridEnums$1["Tickets"] = "787a2afc-26df-440a-9040-9a3e5c5333d5";
+	GridEnums$1["Users"] = "4ea9fe5d-0af3-4102-af95-4d4a5ca886e1";
+	GridEnums$1["Tenants"] = "b543fc1d-6f45-469e-87ae-2b18b8200955";
+	GridEnums$1["Roles"] = "9af2eebb-7687-4b3c-91fa-607efb0a5fea";
+	GridEnums$1["Inquiry"] = "ac0b9a3a-d113-4590-93db-dea62bcb89a2";
+	GridEnums$1["Groups"] = "c599b6ff-fee3-4ade-bf78-16700fddb5b9";
+	return GridEnums$1;
+}({});
+let GridStateTypeEnums = /* @__PURE__ */ function(GridStateTypeEnums$1) {
+	GridStateTypeEnums$1[GridStateTypeEnums$1["Column"] = 1] = "Column";
+	GridStateTypeEnums$1[GridStateTypeEnums$1["Pivot_Mode"] = 2] = "Pivot_Mode";
+	GridStateTypeEnums$1[GridStateTypeEnums$1["Column_Sort"] = 3] = "Column_Sort";
+	GridStateTypeEnums$1[GridStateTypeEnums$1["Column_Filter"] = 4] = "Column_Filter";
+	GridStateTypeEnums$1[GridStateTypeEnums$1["Column_Group"] = 5] = "Column_Group";
+	return GridStateTypeEnums$1;
+}({});
+let MenuTypeEnums = /* @__PURE__ */ function(MenuTypeEnums$1) {
+	MenuTypeEnums$1[MenuTypeEnums$1["Left_Menu"] = 1] = "Left_Menu";
+	MenuTypeEnums$1[MenuTypeEnums$1["Application_Menu"] = 2] = "Application_Menu";
+	MenuTypeEnums$1[MenuTypeEnums$1["Builders_Menu"] = 3] = "Builders_Menu";
+	MenuTypeEnums$1[MenuTypeEnums$1["Favorites_Menu"] = 4] = "Favorites_Menu";
+	return MenuTypeEnums$1;
+}({});
+let VerticalEnums = /* @__PURE__ */ function(VerticalEnums$1) {
+	VerticalEnums$1[VerticalEnums$1["Engage"] = 1] = "Engage";
+	VerticalEnums$1[VerticalEnums$1["Manage"] = 2] = "Manage";
+	VerticalEnums$1[VerticalEnums$1["Build"] = 3] = "Build";
+	VerticalEnums$1[VerticalEnums$1["Play"] = 4] = "Play";
+	return VerticalEnums$1;
+}({});
+let MenuItemEnums = /* @__PURE__ */ function(MenuItemEnums$1) {
+	MenuItemEnums$1["Container"] = "b36cec3c-fe05-47ed-a687-70be22b0e200";
+	MenuItemEnums$1["External_Link"] = "11758dfd-ac3a-4996-b86c-767947776ff8";
+	MenuItemEnums$1["Data_Browser"] = "afc3833e-e288-4cf6-8155-a069ec4ddc5a";
+	MenuItemEnums$1["Report"] = "22763e92-2477-43c3-92db-124a84e5ff7f";
+	MenuItemEnums$1["Page"] = "d506aeef-ba1b-49a8-9032-beba450b11bc";
+	MenuItemEnums$1["Page_Builder"] = "16df758b-c456-4c8c-8ca3-2ae167b3b078";
+	MenuItemEnums$1["Route"] = "ec5f1c26-e7e1-4f19-8e6e-143308995a40";
+	MenuItemEnums$1["Tree_Builder"] = "d4379c4f-6496-4caa-bc0d-5f297fea580f";
+	MenuItemEnums$1["Inquiry"] = "b45f660f-a172-4444-8dd8-8f51d56e0725";
+	MenuItemEnums$1["Scheduler"] = "4007feb9-e50c-44f9-8502-a1f337d82bcf";
+	MenuItemEnums$1["Config"] = "aeb48be9-09ea-49b3-9f21-486fe3545b2d";
+	MenuItemEnums$1["Action"] = "a66e9458-2540-4166-9b26-1e9b44a2b080";
+	MenuItemEnums$1["Inner_Menu"] = "c4f7b46c-00b8-428e-b982-1639c03fde20";
+	return MenuItemEnums$1;
+}({});
+let ADUserTypeEnums = /* @__PURE__ */ function(ADUserTypeEnums$1) {
+	ADUserTypeEnums$1["Guest"] = "Guest";
+	ADUserTypeEnums$1["Member"] = "Member";
+	return ADUserTypeEnums$1;
+}({});
+let ProductEnums = /* @__PURE__ */ function(ProductEnums$1) {
+	ProductEnums$1[ProductEnums$1["Unity"] = 1] = "Unity";
+	return ProductEnums$1;
+}({});
+let RoleTypeEnums = /* @__PURE__ */ function(RoleTypeEnums$1) {
+	RoleTypeEnums$1[RoleTypeEnums$1["System"] = 1] = "System";
+	RoleTypeEnums$1[RoleTypeEnums$1["Tenant"] = 2] = "Tenant";
+	return RoleTypeEnums$1;
+}({});
+let LookupTypeEnums = /* @__PURE__ */ function(LookupTypeEnums$1) {
+	LookupTypeEnums$1["No_Lookup"] = "NO_LOOKUP";
+	LookupTypeEnums$1["Api"] = "API";
+	LookupTypeEnums$1["Csv"] = "CSV";
+	LookupTypeEnums$1["Domain"] = "DOMAIN";
+	LookupTypeEnums$1["Lookup"] = "LOOKUP";
+	return LookupTypeEnums$1;
+}({});
+let SearchValueType = /* @__PURE__ */ function(SearchValueType$1) {
+	SearchValueType$1["String"] = "String";
+	SearchValueType$1["Int"] = "Int";
+	SearchValueType$1["Long"] = "Long";
+	SearchValueType$1["Double"] = "Double";
+	SearchValueType$1["Boolean"] = "Boolean";
+	SearchValueType$1["DateTime"] = "DateTime";
+	return SearchValueType$1;
+}({});
+let SearchGroupingType = /* @__PURE__ */ function(SearchGroupingType$1) {
+	SearchGroupingType$1["Distinct"] = "DISTINCT";
+	SearchGroupingType$1["Aggregate"] = "AGGREGATE";
+	return SearchGroupingType$1;
+}({});
+let SearchSortDirection = /* @__PURE__ */ function(SearchSortDirection$1) {
+	SearchSortDirection$1["Asc"] = "ASC";
+	SearchSortDirection$1["Desc"] = "DESC";
+	return SearchSortDirection$1;
+}({});
+let RoleNameEnums = /* @__PURE__ */ function(RoleNameEnums$1) {
+	RoleNameEnums$1["System_Administrator"] = "System Administrator";
+	RoleNameEnums$1["Company_Administrator"] = "Company Administrator";
+	RoleNameEnums$1["Developer"] = "Developer";
+	return RoleNameEnums$1;
+}({});
+let ProductNameEnums = /* @__PURE__ */ function(ProductNameEnums$1) {
+	ProductNameEnums$1["Asset_Management"] = "Asset Management";
+	ProductNameEnums$1["Asset_Routing"] = "Asset Routing";
+	ProductNameEnums$1["AVI"] = "AVI";
+	ProductNameEnums$1["Cashiering"] = "Cashiering";
+	ProductNameEnums$1["Citizen_Portal"] = "Citizen Portal";
+	ProductNameEnums$1["Compliance"] = "Compliance";
+	ProductNameEnums$1["Consumer_Engagement"] = "Consumer Engagement";
+	ProductNameEnums$1["Consumer_Information"] = "Consumer Information";
+	ProductNameEnums$1["Contact_Center"] = "Contact Center";
+	ProductNameEnums$1["Course_Management"] = "Course Management";
+	ProductNameEnums$1["Crew_Routing"] = "Crew Routing";
+	ProductNameEnums$1["Dispatch"] = "Dispatch";
+	ProductNameEnums$1["Dispatch_Admin"] = "Dispatch Admin";
+	ProductNameEnums$1["Employee_Network"] = "Employee Network";
+	ProductNameEnums$1["Energy_Management"] = "Energy Management";
+	ProductNameEnums$1["Equipment_Inspection"] = "Equipment Inspection";
+	ProductNameEnums$1["Facility_Management"] = "Facility Management";
+	ProductNameEnums$1["Field_Mobility"] = "Field Mobility";
+	ProductNameEnums$1["Fixed_Assets"] = "Fixed Assets";
+	ProductNameEnums$1["Fleet_Management"] = "Fleet Management";
+	ProductNameEnums$1["Health_And_Safety"] = "Health & Safety";
+	ProductNameEnums$1["Instructor_Application"] = "Instructor Application";
+	ProductNameEnums$1["MDM"] = "MDM";
+	ProductNameEnums$1["Member_Management"] = "Member Management";
+	ProductNameEnums$1["Page_Builder"] = "Page Builder";
+	ProductNameEnums$1["Project_Management"] = "Project Management";
+	ProductNameEnums$1["Rentals"] = "Rentals";
+	ProductNameEnums$1["Unity"] = "Unity";
+	ProductNameEnums$1["Work_Orders"] = "Work Orders";
+	return ProductNameEnums$1;
+}({});
+let LogicalSearchOperatorEnums = /* @__PURE__ */ function(LogicalSearchOperatorEnums$1) {
+	LogicalSearchOperatorEnums$1[LogicalSearchOperatorEnums$1["And"] = 1] = "And";
+	LogicalSearchOperatorEnums$1[LogicalSearchOperatorEnums$1["Or"] = 2] = "Or";
+	return LogicalSearchOperatorEnums$1;
+}({});
+let NodeActionTriggerEnums = /* @__PURE__ */ function(NodeActionTriggerEnums$1) {
+	NodeActionTriggerEnums$1[NodeActionTriggerEnums$1["On_Node_Drop"] = 1] = "On_Node_Drop";
+	return NodeActionTriggerEnums$1;
+}({});
+let NodeActionEnums = /* @__PURE__ */ function(NodeActionEnums$1) {
+	NodeActionEnums$1[NodeActionEnums$1["Load_Inquiry_Page"] = 1] = "Load_Inquiry_Page";
+	NodeActionEnums$1[NodeActionEnums$1["Execute_Api"] = 2] = "Execute_Api";
+	NodeActionEnums$1[NodeActionEnums$1["Start_Workflow"] = 3] = "Start_Workflow";
+	NodeActionEnums$1[NodeActionEnums$1["Create"] = 4] = "Create";
+	NodeActionEnums$1[NodeActionEnums$1["Update"] = 5] = "Update";
+	NodeActionEnums$1[NodeActionEnums$1["Delete"] = 6] = "Delete";
+	NodeActionEnums$1[NodeActionEnums$1["Retrieve"] = 7] = "Retrieve";
+	NodeActionEnums$1[NodeActionEnums$1["Open_Inquiry"] = 8] = "Open_Inquiry";
+	NodeActionEnums$1[NodeActionEnums$1["Open_Maintenance_Engine"] = 9] = "Open_Maintenance_Engine";
+	NodeActionEnums$1[NodeActionEnums$1["Redirect"] = 10] = "Redirect";
+	NodeActionEnums$1[NodeActionEnums$1["Open_External_Link"] = 11] = "Open_External_Link";
+	NodeActionEnums$1[NodeActionEnums$1["Hide"] = 12] = "Hide";
+	NodeActionEnums$1[NodeActionEnums$1["Disable"] = 13] = "Disable";
+	NodeActionEnums$1[NodeActionEnums$1["Open_Page_Split_Screen"] = 14] = "Open_Page_Split_Screen";
+	NodeActionEnums$1[NodeActionEnums$1["Open_Shell_Split_Screen"] = 15] = "Open_Shell_Split_Screen";
+	NodeActionEnums$1[NodeActionEnums$1["Open_Notes"] = 16] = "Open_Notes";
+	NodeActionEnums$1[NodeActionEnums$1["Open_Reminders"] = 17] = "Open_Reminders";
+	NodeActionEnums$1[NodeActionEnums$1["Execute_Function"] = 18] = "Execute_Function";
+	return NodeActionEnums$1;
+}({});
+let TreeViewModeEnums = /* @__PURE__ */ function(TreeViewModeEnums$1) {
+	TreeViewModeEnums$1[TreeViewModeEnums$1["Classic"] = 1] = "Classic";
+	TreeViewModeEnums$1[TreeViewModeEnums$1["Compact"] = 2] = "Compact";
+	return TreeViewModeEnums$1;
+}({});
+let PanelPositionEnums = /* @__PURE__ */ function(PanelPositionEnums$1) {
+	PanelPositionEnums$1[PanelPositionEnums$1["Site_Header"] = 1] = "Site_Header";
+	PanelPositionEnums$1[PanelPositionEnums$1["Site_Header_Summary"] = 2] = "Site_Header_Summary";
+	PanelPositionEnums$1[PanelPositionEnums$1["Speed_Dial"] = 3] = "Speed_Dial";
+	PanelPositionEnums$1[PanelPositionEnums$1["Inquiry_Header"] = 4] = "Inquiry_Header";
+	PanelPositionEnums$1[PanelPositionEnums$1["Inquiry_Header_Summary"] = 5] = "Inquiry_Header_Summary";
+	return PanelPositionEnums$1;
+}({});
+let CardinalityTypeEnums = /* @__PURE__ */ function(CardinalityTypeEnums$1) {
+	CardinalityTypeEnums$1[CardinalityTypeEnums$1["One_To_One"] = 0] = "One_To_One";
+	CardinalityTypeEnums$1[CardinalityTypeEnums$1["One_To_Many"] = 1] = "One_To_Many";
+	CardinalityTypeEnums$1[CardinalityTypeEnums$1["Many_To_Many"] = 2] = "Many_To_Many";
+	CardinalityTypeEnums$1[CardinalityTypeEnums$1["Many_To_One"] = 3] = "Many_To_One";
+	return CardinalityTypeEnums$1;
+}({});
+let SplitScreenTypeEnums = /* @__PURE__ */ function(SplitScreenTypeEnums$1) {
+	SplitScreenTypeEnums$1[SplitScreenTypeEnums$1["Entity"] = 1] = "Entity";
+	SplitScreenTypeEnums$1[SplitScreenTypeEnums$1["Notes"] = 2] = "Notes";
+	SplitScreenTypeEnums$1[SplitScreenTypeEnums$1["Page"] = 3] = "Page";
+	SplitScreenTypeEnums$1[SplitScreenTypeEnums$1["Reminders"] = 4] = "Reminders";
+	return SplitScreenTypeEnums$1;
+}({});
+let UdpEnums = /* @__PURE__ */ function(UdpEnums$1) {
+	UdpEnums$1["Udp_Note_Type"] = "UdpNoteType";
+	UdpEnums$1["Udp_Note_Template"] = "UdpNoteTemplate";
+	UdpEnums$1["Udp_Note"] = "UdpNote";
+	UdpEnums$1["Udp_Note_Filed_For"] = "UdpNoteFiledFor";
+	UdpEnums$1["Udp_Shortcut_Content"] = "UdpShortcutContent";
+	UdpEnums$1["Udp_Lookup"] = "UdpLookup";
+	UdpEnums$1["Udp_Reminder_Type"] = "UdpReminderType";
+	UdpEnums$1["Udp_Reminder_Template"] = "UdpReminderTemplate";
+	UdpEnums$1["Udp_Reminder"] = "UdpReminder";
+	UdpEnums$1["Udp_Reminder_Filed_For"] = "UdpReminderFiledFor";
+	return UdpEnums$1;
+}({});
+let NodeGroupTypeEnums = /* @__PURE__ */ function(NodeGroupTypeEnums$1) {
+	NodeGroupTypeEnums$1["Static"] = "static";
+	NodeGroupTypeEnums$1["Dynamic"] = "dynamic";
+	return NodeGroupTypeEnums$1;
+}({});
+let NodeGroupOutlierEnums = /* @__PURE__ */ function(NodeGroupOutlierEnums$1) {
+	NodeGroupOutlierEnums$1["Hide"] = "hide";
+	NodeGroupOutlierEnums$1["Group"] = "group";
+	NodeGroupOutlierEnums$1["Individual"] = "individual";
+	return NodeGroupOutlierEnums$1;
+}({});
+let LookupTypeIdEnums = /* @__PURE__ */ function(LookupTypeIdEnums$1) {
+	LookupTypeIdEnums$1[LookupTypeIdEnums$1["Api"] = 1] = "Api";
+	LookupTypeIdEnums$1[LookupTypeIdEnums$1["Csv"] = 2] = "Csv";
+	LookupTypeIdEnums$1[LookupTypeIdEnums$1["Domain"] = 3] = "Domain";
+	LookupTypeIdEnums$1[LookupTypeIdEnums$1["Lookup"] = 4] = "Lookup";
+	return LookupTypeIdEnums$1;
+}({});
+let VisibilityTypeEnums = /* @__PURE__ */ function(VisibilityTypeEnums$1) {
+	VisibilityTypeEnums$1[VisibilityTypeEnums$1["Private"] = 1] = "Private";
+	VisibilityTypeEnums$1[VisibilityTypeEnums$1["Public"] = 2] = "Public";
+	return VisibilityTypeEnums$1;
+}({});
+let SeverityTypeEnums = /* @__PURE__ */ function(SeverityTypeEnums$1) {
+	SeverityTypeEnums$1["Success"] = "success";
+	SeverityTypeEnums$1["Error"] = "error";
+	SeverityTypeEnums$1["Warning"] = "warning";
+	SeverityTypeEnums$1["Info"] = "info";
+	SeverityTypeEnums$1["Default"] = "default";
+	return SeverityTypeEnums$1;
+}({});
+let UdpKeywordEnums = /* @__PURE__ */ function(UdpKeywordEnums$1) {
+	UdpKeywordEnums$1["Udp_Tenant_Id"] = "UDP_TENANT_ID";
+	UdpKeywordEnums$1["Udp_Product_Id"] = "UDP_PRODUCT_ID";
+	UdpKeywordEnums$1["Udp_Language_Id"] = "UDP_LANGUAGE_ID";
+	return UdpKeywordEnums$1;
+}({});
+let JobStatusIdMapping = /* @__PURE__ */ function(JobStatusIdMapping$1) {
+	JobStatusIdMapping$1[JobStatusIdMapping$1["PENDING"] = 1] = "PENDING";
+	JobStatusIdMapping$1[JobStatusIdMapping$1["IN_PROGRESS"] = 2] = "IN_PROGRESS";
+	JobStatusIdMapping$1[JobStatusIdMapping$1["COMPLETED"] = 3] = "COMPLETED";
+	JobStatusIdMapping$1[JobStatusIdMapping$1["FAILED"] = 4] = "FAILED";
+	return JobStatusIdMapping$1;
+}({});
+let JobTypeIdMapping = /* @__PURE__ */ function(JobTypeIdMapping$1) {
+	JobTypeIdMapping$1[JobTypeIdMapping$1["IMPORT"] = 1] = "IMPORT";
+	JobTypeIdMapping$1[JobTypeIdMapping$1["EXPORT"] = 2] = "EXPORT";
+	return JobTypeIdMapping$1;
+}({});
+let UdpReminderFiledForType = /* @__PURE__ */ function(UdpReminderFiledForType$1) {
+	UdpReminderFiledForType$1[UdpReminderFiledForType$1["User"] = 1] = "User";
+	UdpReminderFiledForType$1[UdpReminderFiledForType$1["System"] = 2] = "System";
+	return UdpReminderFiledForType$1;
+}({});
+let DeviceTypeEnums = /* @__PURE__ */ function(DeviceTypeEnums$1) {
+	DeviceTypeEnums$1[DeviceTypeEnums$1["Desktop"] = 1] = "Desktop";
+	DeviceTypeEnums$1[DeviceTypeEnums$1["Tablet"] = 2] = "Tablet";
+	DeviceTypeEnums$1[DeviceTypeEnums$1["Mobile"] = 3] = "Mobile";
+	return DeviceTypeEnums$1;
+}({});
+let ContainerTypeEnums = /* @__PURE__ */ function(ContainerTypeEnums$1) {
+	ContainerTypeEnums$1[ContainerTypeEnums$1["Sidesheet"] = 1] = "Sidesheet";
+	ContainerTypeEnums$1[ContainerTypeEnums$1["SplitScreen"] = 2] = "SplitScreen";
+	ContainerTypeEnums$1[ContainerTypeEnums$1["Page"] = 3] = "Page";
+	return ContainerTypeEnums$1;
+}({});
+let TenantTypeEnums = /* @__PURE__ */ function(TenantTypeEnums$1) {
+	TenantTypeEnums$1[TenantTypeEnums$1["Tenant"] = 1] = "Tenant";
+	TenantTypeEnums$1[TenantTypeEnums$1["Product"] = 2] = "Product";
+	return TenantTypeEnums$1;
+}({});
+let EntityAttributeEnums = /* @__PURE__ */ function(EntityAttributeEnums$1) {
+	EntityAttributeEnums$1["Is_Product_ShortcutContent"] = "IsProductShortcutContent";
+	EntityAttributeEnums$1["Is_Product_Lookup"] = "IsProductLookup";
+	EntityAttributeEnums$1["User_Defined"] = "UserDefined";
+	EntityAttributeEnums$1["Domain_Name"] = "DomainName";
+	return EntityAttributeEnums$1;
+}({});
+let RoleIdEnums = /* @__PURE__ */ function(RoleIdEnums$1) {
+	RoleIdEnums$1["Unity_System_Administrator"] = "302dacf5-bf16-412d-bf66-519d4c3491c3";
+	return RoleIdEnums$1;
+}({});
+
+//#endregion
+//#region src/utilities/UnityIcon.jsx
+const useStyles$6 = (0, __material_ui_core.makeStyles)((theme) => ({
+	root: {
+		display: "flex",
+		fill: (props) => props.color || "black"
+	},
+	showcase: {
+		fontSize: 38,
+		width: 38,
+		height: 38
+	},
+	large: {
+		fontSize: 20,
+		width: 20,
+		height: 20
+	},
+	default: {
+		fontSize: 18,
+		width: 18,
+		height: 18
+	},
+	medium: {
+		fontSize: 16,
+		width: 16,
+		height: 16
+	},
+	small: {
+		fontSize: 14,
+		width: 14,
+		height: 14
+	},
+	xs: {
+		fontSize: 12,
+		width: 12,
+		height: 12
+	}
+}));
+const UnityIcon = (props) => {
+	const { component, size = "default", className,...otherProps } = props;
+	const classes = useStyles$6(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...otherProps,
+		className: (0, clsx.default)(classes.root, className, classes[size]),
+		children: component
+	});
+};
+
+//#endregion
+//#region src/utilities/UnityFluentIcon.jsx
+const UnityFluentIcon = (props) => {
+	const { type, icon, color,...other } = props;
+	if (!icon) return null;
+	return type === "unity" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UnityIcon, {
+		component: icon,
+		color,
+		...other
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FluentIcon, {
+		component: icon,
+		style: { color: color || "" },
+		...other
+	});
+};
+
+//#endregion
+//#region src/stores/shellStore.ts
+const useShellStore = (0, zustand.create)()((0, zustand_middleware.devtools)((set) => ({
+	subHeaderActionHasChildren: false,
+	setSubHeaderActionHasChildren: (subHeaderActionHasChildren) => set((state) => ({ subHeaderActionHasChildren })),
+	navigationExpanded: true,
+	setNavigationExpanded: (navigationExpanded) => set((state) => ({ navigationExpanded })),
+	isValidWidget: (a) => false,
+	setIsValidWidget: (isValidWidget) => set((state) => ({ isValidWidget })),
+	getWidget: (a) => null,
+	setGetWidget: (getWidget) => set((state) => ({ getWidget })),
+	shellHidden: false,
+	setShellHidden: (shellHidden) => set((state) => ({ shellHidden })),
+	currentContainerId: null,
+	setCurrentContainerId: (currentContainerId) => set((state) => ({ currentContainerId }))
+})));
+const useSetInitialShellVisibility = () => {
+	const searchParams = new URLSearchParams(window.location.search);
+	const withoutShell = searchParams.has("withoutShell") === true ? searchParams.get("withoutShell") === "true" ? true : false : false;
+	const setShellHidden = useShellStore((state) => state.setShellHidden);
+	(0, react.useEffect)(() => {
+		if (withoutShell) setShellHidden(true);
+	}, [setShellHidden, withoutShell]);
+};
+
+//#endregion
+//#region src/UI/inputs/buttons/PrimaryActionButton.jsx
+const useStyles$5 = (0, __material_ui_core.makeStyles)((theme) => ({
+	root: {
+		borderRadius: 0,
+		padding: "calc(.875rem - 3px) 23px calc(.875rem - 3px) 15px"
+	},
+	label: { textTransform: "none" },
+	endIcon: {
+		display: "flex",
+		justifyContent: "flex-end",
+		marginLeft: theme.spacing(2)
+	}
+}));
+const PrimaryActionButton = ({ children, icon,...otherProps }) => {
+	const classes = useStyles$5();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Button, {
+		...otherProps,
+		disableElevation: true,
+		classes: {
+			root: classes.root,
+			label: classes.label,
+			endIcon: classes.endIcon
+		},
+		variant: "contained",
+		color: "secondary",
+		endIcon: icon,
+		children
+	}) });
+};
+
+//#endregion
+//#region src/utilities/style/colors.js
+const colors = {
+	systemIcon: {
+		trigger: {
+			main: "#FFCD27",
+			hint: "#FDFAF0",
+			hover: {
+				outline: "#AF9027",
+				background: "#FFFDEF"
+			}
+		},
+		action: {
+			main: "#1542FF",
+			hint: "#F3F5FE",
+			hover: {
+				outline: "#40529D",
+				background: "#ECEFFA"
+			}
+		},
+		condition: {
+			main: "#AE14FF",
+			hint: "#F9EEFF",
+			hover: {
+				outline: "#844EA0",
+				background: "#FAF2FE"
+			}
+		},
+		sequence: {
+			main: "#FD7F12",
+			hint: "#FFF6EE",
+			hover: {
+				outline: "#A86123",
+				background: "#FDF4EC"
+			}
+		}
+	},
+	unity: {
+		success: { hint: "#F3FAF3" },
+		warning: { hint: "#FFF6EA" },
+		info: { hint: "#F3F9FE" },
+		error: { hint: "#FDF7F6" }
+	},
+	categoryColors: {
+		one: {
+			hint: "#F8BBD0",
+			main: "#F3FAF3"
+		},
+		two: {
+			hint: "#FFF6EA",
+			main: "#FFF6EA"
+		},
+		three: {
+			hint: "#FFF6EA",
+			main: "#FFF6EA"
+		},
+		four: {
+			hint: "#F8BBD0",
+			main: "#f3e0eb"
+		},
+		five: {
+			hint: "#F8BBD0",
+			main: "rgb(194 223 218)"
+		},
+		six: {
+			hint: "#F8BBD0",
+			main: "rgb(222 217 235)"
+		}
+	}
+};
+
+//#endregion
+//#region src/utilities/style/colorConverter.js
+const getEllipseColor = (theme, color, variant = "main") => {
+	if (!theme) return "";
+	let ellipseColor = theme.palette.primary[variant];
+	switch (color) {
+		case "action":
+			ellipseColor = theme.palette.action?.[variant];
+			break;
+		case "sequence":
+			ellipseColor = theme.palette.sequence?.[variant];
+			break;
+		case "trigger":
+			ellipseColor = theme.palette.trigger?.[variant];
+			break;
+		case "condition":
+			ellipseColor = theme.palette.condition?.[variant];
+			break;
+		case "primary":
+			ellipseColor = theme.palette.primary[variant];
+			break;
+		case "secondary":
+			ellipseColor = theme.palette.secondary[variant];
+			break;
+		case "info":
+			ellipseColor = theme.palette.info[variant];
+			break;
+		case "warning":
+			ellipseColor = theme.palette.warning[variant];
+			break;
+		case "error":
+			ellipseColor = theme.palette.error[variant];
+			break;
+		case "success":
+			ellipseColor = theme.palette.success[variant];
+			break;
+		default:
+			ellipseColor = theme.palette.secondary[variant];
+			break;
+	}
+	return ellipseColor;
+};
+const getCategoryColor = (color) => {
+	let highlightColor = colors.unity.info.hint;
+	switch (color) {
+		case "info":
+			highlightColor = colors.unity.info.hint;
+			break;
+		case "warning":
+			highlightColor = colors.unity.warning.hint;
+			break;
+		case "error":
+			highlightColor = colors.unity.error.hint;
+			break;
+		case "four":
+			highlightColor = colors.categoryColors.four.main;
+			break;
+		case "five":
+			highlightColor = colors.categoryColors.five.main;
+			break;
+		case "six":
+			highlightColor = colors.categoryColors.six.main;
+			break;
+		default: highlightColor = colors.unity.info.hint;
+	}
+	return highlightColor;
+};
+
+//#endregion
+//#region src/UI/dataDisplay/typography/Typography.jsx
+const useStyles$4 = (0, __material_ui_core.makeStyles)((theme) => ({ typography: { color: (props) => props?.color && getEllipseColor(theme, props?.color) } }));
+const Typography = (props) => {
+	const { variant, align, children, className, noWrap = false, paragraph = false, color } = props;
+	const classes = useStyles$4(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Typography, {
+		variant,
+		align,
+		className: (0, clsx.default)({ [classes.typography]: color }, className),
+		noWrap,
+		paragraph,
+		children
+	});
+};
+
+//#endregion
+//#region src/layout/LayoutUnit.tsx
+const useStyles$3 = (0, __material_ui_core.makeStyles)((theme) => ({
+	highlight: {
+		background: "pink",
+		opacity: (props) => props.highlight ? .2 : 0
+	},
+	nudge: { height: theme.spacing(1) },
+	xxs: { height: theme.spacing(2) },
+	xs: { height: theme.spacing(3) },
+	sm: { height: theme.spacing(4) },
+	md: { height: theme.spacing(5) },
+	lg: { height: theme.spacing(8) },
+	xl: { height: theme.spacing(12) },
+	xxl: { height: theme.spacing(20) }
+}));
+const LayoutUnit = (props) => {
+	const classes = useStyles$3(props);
+	let spaceUnit;
+	const { unit, highlight } = props;
+	switch (unit) {
+		case "nudge":
+			spaceUnit = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, clsx.default)(classes.nudge, classes.highlight),
+				children: highlight && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Badge, {
+					color: "secondary",
+					badgeContent: "Nudge"
+				})
+			});
+			break;
+		case "xxs":
+			spaceUnit = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, clsx.default)(classes.xxs, classes.highlight),
+				children: highlight && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Badge, {
+					color: "secondary",
+					badgeContent: "XXS"
+				})
+			});
+			break;
+		case "xs":
+			spaceUnit = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, clsx.default)(classes.xs, classes.highlight),
+				children: highlight && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Badge, {
+					color: "secondary",
+					badgeContent: "XS"
+				})
+			});
+			break;
+		case "sm":
+			spaceUnit = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, clsx.default)(classes.sm, classes.highlight),
+				children: highlight && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Badge, {
+					color: "secondary",
+					badgeContent: "SM"
+				})
+			});
+			break;
+		case "md":
+			spaceUnit = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, clsx.default)(classes.md, classes.highlight),
+				children: highlight && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Badge, {
+					color: "secondary",
+					badgeContent: "MD"
+				})
+			});
+			break;
+		case "lg":
+			spaceUnit = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, clsx.default)(classes.lg, classes.highlight),
+				children: highlight && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Badge, {
+					color: "secondary",
+					badgeContent: "LG"
+				})
+			});
+			break;
+		case "xl":
+			spaceUnit = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, clsx.default)(classes.xl, classes.highlight),
+				children: highlight && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Badge, {
+					color: "secondary",
+					badgeContent: "XL"
+				})
+			});
+			break;
+		case "xxl":
+			spaceUnit = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, clsx.default)(classes.xxl, classes.highlight),
+				children: highlight && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Badge, {
+					color: "secondary",
+					badgeContent: "XXL"
+				})
+			});
+			break;
+		default:
+	}
+	return spaceUnit;
+};
+
+//#endregion
+//#region src/UI/dataDisplay/typography/StandardTitle.jsx
+const useStyles$2 = (0, __material_ui_core.makeStyles)((theme) => ({ root: {
+	marginTop: (props) => props?.removeMarginTop ? 0 : theme.spacing(1),
+	whiteSpace: "nowrap",
+	textOverflow: "ellipsis"
+} }));
+const StandardTitle = (props) => {
+	const classes = useStyles$2(props);
+	const { children,...other } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Typography, {
+		component: "h2",
+		variant: "h6",
+		className: classes.root,
+		...other,
+		children
+	});
+};
+
+//#endregion
+//#region src/utilities/useAxiosGet.js
+axiosInterceptors();
+const useAxiosGetQuery = (url, params, config, isManual) => {
+	const user = useUser();
+	if (!user?.accessToken) isManual = true;
+	const headers = (0, react.useMemo)(() => {
+		const currentHeaders = config.headers ?? {};
+		currentHeaders.currentTenantId ||= user?.currentTenantId ?? "";
+		return currentHeaders;
+	}, [user, config]);
+	config.headers = headers;
+	const [{ data, loading, error }, refetch] = (0, axios_hooks.default)({
+		url,
+		params,
+		...config
+	}, { manual: isManual });
+	(0, react.useEffect)(() => {
+		require_apiHelpers.handleResponseErrors(error);
+	}, [error]);
+	return [{
+		data,
+		loading,
+		error
+	}, refetch];
+};
+const useAxiosGet = (baseURL, url, config = {}, isManual, useCache = true) => {
+	const user = useUser();
+	const headers = (0, react.useMemo)(() => {
+		const currentHeaders = config.headers ?? {};
+		currentHeaders.currentTenantId ||= user?.currentTenantId ?? "";
+		return currentHeaders;
+	}, [user, config]);
+	config.headers = headers;
+	const fullURL = { url: `${baseURL}/${url}` };
+	const [{ data, loading, error }, refetch] = (0, axios_hooks.default)({
+		...fullURL,
+		...config
+	}, {
+		manual: isManual,
+		useCache
+	});
+	(0, react.useEffect)(() => {
+		require_apiHelpers.handleResponseErrors(error);
+	}, [error]);
+	return [{
+		data,
+		loading,
+		error
+	}, refetch];
+};
+
+//#endregion
+//#region src/UI/widgets/utils/useId.js
+let idCounter = 0;
+function nextId() {
+	idCounter += 1;
+	(0, warning.default)(idCounter < 1e10, "Id: you might have a memory leak.The idCounter is not supposed to grow that much.");
+	return idCounter;
+}
+/**
+* A simple hook that returns a unique page ID
+*/
+function useId(name, idFromProps) {
+	const id = (0, use_constant.default)(nextId);
+	if (idFromProps) return idFromProps;
+	if (process.env.NODE_ENV === "production") return `uid${id}`;
+	return `${name || "unnamed"}-${id}`;
+}
+
+//#endregion
+//#region src/UI/dataDisplay/StatusChip.jsx
+const useStyles$1 = (0, __material_ui_core.makeStyles)((theme) => ({
+	smallChip: {
+		height: theme.spacing(2.5),
+		fontSize: "0.7rem",
+		"& .MuiChip-label": {
+			paddingLeft: theme.spacing(.75),
+			paddingRight: theme.spacing(.75)
+		}
+	},
+	actionable: { cursor: "pointer" },
+	success: {
+		backgroundColor: theme.palette.success.main,
+		color: "#FFF",
+		"&.MuiChip-outlined": {
+			color: theme.palette.success.main,
+			borderColor: theme.palette.success.main,
+			backgroundColor: "transparent"
+		}
+	},
+	warning: {
+		backgroundColor: theme.palette.warning.main,
+		color: "#FFF",
+		"&.MuiChip-outlined": {
+			color: theme.palette.warning.main,
+			borderColor: theme.palette.warning.main,
+			backgroundColor: "transparent"
+		}
+	},
+	error: {
+		backgroundColor: theme.palette.error.main,
+		color: "#FFF",
+		"&.MuiChip-outlined": {
+			color: theme.palette.error.main,
+			borderColor: theme.palette.error.main,
+			backgroundColor: "transparent"
+		}
+	},
+	info: {
+		backgroundColor: theme.palette.info.main,
+		color: theme.palette.getContrastText(theme.palette.info.main),
+		"&.MuiChip-outlined": {
+			color: theme.palette.info.main,
+			borderColor: theme.palette.info.main,
+			backgroundColor: "transparent"
+		}
+	}
+}));
+const StatusChip = ({ status, label, useSmallChip = false, isActionable = false, icon, variant = "default", onClick }) => {
+	const classes = useStyles$1();
+	const chipClass = (0, clsx.default)({
+		[classes.smallChip]: useSmallChip,
+		[classes.actionable]: isActionable,
+		[classes.success]: status === "success",
+		[classes.warning]: status === "warning",
+		[classes.error]: status === "error",
+		[classes.info]: status === "info"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__material_ui_core.Chip, {
+		className: chipClass,
+		label,
+		size: "small",
+		icon: icon || null,
+		variant,
+		onClick: isActionable ? onClick : null
+	});
+};
+
+//#endregion
+//#region src/udp/utilities/methodUtils.js
+const getBaseMethod = (type, baseType, catalogPromotedEntities) => {
+	if (!catalogPromotedEntities) return null;
+	const entityMethod = catalogPromotedEntities.find((promotedEntity) => {
+		const entityNameParts = promotedEntity.entityName.split(".");
+		if (entityNameParts.length) return entityNameParts[entityNameParts.length - 1] === type;
+		return false;
+	});
+	return entityMethod ? entityMethod[baseType] : null;
+};
+const executeQueryAdHoc = async (data, apiMethodId, urlQueryParams = "") => (0, udp_react_stencil_component_library.apiMutate)(udp_react_stencil_component_library.ConfigService.integrationV1ApiUrl, `apimethod/executeQueryAdHoc/${apiMethodId}${urlQueryParams}`, { method: "post" }, data);
+const executeQueryWithParameters = async (data, apiMethodId, urlQueryParams = "") => (0, udp_react_stencil_component_library.apiMutate)(udp_react_stencil_component_library.ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${apiMethodId}${urlQueryParams}`, { method: "post" }, data);
+const executeQueryInstance = async (data, apiMethodInstanceId, urlQueryParams = "") => (0, udp_react_stencil_component_library.apiMutate)(udp_react_stencil_component_library.ConfigService.integrationV1ApiUrl, `apimethod/executeQueryInstance/${apiMethodInstanceId}${urlQueryParams}`, { method: "post" }, data);
+const executeQueryInstanceWithApiMethodInstance = async (data, urlQueryParams = "") => (0, udp_react_stencil_component_library.apiMutate)(udp_react_stencil_component_library.ConfigService.integrationV1ApiUrl, `apimethod/executeQueryInstance${urlQueryParams}`, { method: "post" }, data);
+
+//#endregion
+//#region src/utilities/tenant/tenantContext.ts
+const TenantContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/utilities/tenant/useTenant.ts
+const useTenant = () => {
+	return (0, react.useContext)(TenantContext);
+};
+
+//#endregion
+//#region src/shell/ui/EnvironmentRibbon.tsx
+const APP_RIBBON_SPACE = 25;
+const useBuildEnvironment = () => {
+	const user = useUser();
+	const buildEnvironment = (0, react.useMemo)(() => {
+		const env = udp_react_stencil_component_library.ConfigService.config.UNITY_ENVIRONMENT;
+		if (![
+			"development",
+			"staging",
+			"production",
+			"build"
+		].includes(env?.toLowerCase()) || env === "production" && !user?.can?.CAN_VIEW_PROD_APP_RIBBON) return void 0;
+		return env?.toLowerCase();
+	}, [user]);
+	return buildEnvironment;
+};
+const useStyles = (0, __material_ui_core.makeStyles)({
+	root: {
+		width: "100vw",
+		height: APP_RIBBON_SPACE,
+		backgroundColor: ({ environment }) => `var(--env-ribbon-${environment})`,
+		color: "#ffffff",
+		display: "flex",
+		alignItems: "center",
+		position: "relative",
+		"&.staging": { color: "#000000" }
+	},
+	centerText: {
+		position: "absolute",
+		left: "50%",
+		transform: "translateX(-50%)",
+		fontWeight: 600
+	},
+	rightText: {
+		position: "absolute",
+		right: "10px",
+		fontWeight: 500
+	}
+});
+const EnvironmentRibbon = () => {
+	const tenantInfo = useTenant();
+	const buildEnvironment = useBuildEnvironment();
+	const classes = useStyles({ environment: buildEnvironment });
+	if (!buildEnvironment) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: `${classes.root} ${buildEnvironment === "staging" ? "staging" : ""}`,
+		id: "udp-environment-banner",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Typography, {
+			className: classes.centerText,
+			children: buildEnvironment?.charAt(0).toUpperCase() + buildEnvironment?.slice(1) || ""
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Typography, {
+			className: classes.rightText,
+			children: tenantInfo?.activeTenant?.tenantName
+		})]
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'ADUserTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return ADUserTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'APP_RIBBON_SPACE', {
+  enumerable: true,
+  get: function () {
+    return APP_RIBBON_SPACE;
+  }
+});
+Object.defineProperty(exports, 'CardinalityTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return CardinalityTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'ContainerTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return ContainerTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'DeviceTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return DeviceTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'EntityAttributeEnums', {
+  enumerable: true,
+  get: function () {
+    return EntityAttributeEnums;
+  }
+});
+Object.defineProperty(exports, 'EnvironmentRibbon', {
+  enumerable: true,
+  get: function () {
+    return EnvironmentRibbon;
+  }
+});
+Object.defineProperty(exports, 'FluentButton', {
+  enumerable: true,
+  get: function () {
+    return FluentButton;
+  }
+});
+Object.defineProperty(exports, 'FluentIcon', {
+  enumerable: true,
+  get: function () {
+    return FluentIcon;
+  }
+});
+Object.defineProperty(exports, 'FluentIconButton', {
+  enumerable: true,
+  get: function () {
+    return FluentIconButton;
+  }
+});
+Object.defineProperty(exports, 'GridEnums', {
+  enumerable: true,
+  get: function () {
+    return GridEnums;
+  }
+});
+Object.defineProperty(exports, 'GridStateTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return GridStateTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'JobStatusIdMapping', {
+  enumerable: true,
+  get: function () {
+    return JobStatusIdMapping;
+  }
+});
+Object.defineProperty(exports, 'JobTypeIdMapping', {
+  enumerable: true,
+  get: function () {
+    return JobTypeIdMapping;
+  }
+});
+Object.defineProperty(exports, 'LayoutUnit', {
+  enumerable: true,
+  get: function () {
+    return LayoutUnit;
+  }
+});
+Object.defineProperty(exports, 'LogicalSearchOperatorEnums', {
+  enumerable: true,
+  get: function () {
+    return LogicalSearchOperatorEnums;
+  }
+});
+Object.defineProperty(exports, 'LookupTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return LookupTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'LookupTypeIdEnums', {
+  enumerable: true,
+  get: function () {
+    return LookupTypeIdEnums;
+  }
+});
+Object.defineProperty(exports, 'MenuItemEnums', {
+  enumerable: true,
+  get: function () {
+    return MenuItemEnums;
+  }
+});
+Object.defineProperty(exports, 'MenuTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return MenuTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'NodeActionEnums', {
+  enumerable: true,
+  get: function () {
+    return NodeActionEnums;
+  }
+});
+Object.defineProperty(exports, 'NodeActionTriggerEnums', {
+  enumerable: true,
+  get: function () {
+    return NodeActionTriggerEnums;
+  }
+});
+Object.defineProperty(exports, 'NodeGroupOutlierEnums', {
+  enumerable: true,
+  get: function () {
+    return NodeGroupOutlierEnums;
+  }
+});
+Object.defineProperty(exports, 'NodeGroupTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return NodeGroupTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'PanelPositionEnums', {
+  enumerable: true,
+  get: function () {
+    return PanelPositionEnums;
+  }
+});
+Object.defineProperty(exports, 'PrimaryActionButton', {
+  enumerable: true,
+  get: function () {
+    return PrimaryActionButton;
+  }
+});
+Object.defineProperty(exports, 'ProductEnums', {
+  enumerable: true,
+  get: function () {
+    return ProductEnums;
+  }
+});
+Object.defineProperty(exports, 'ProductNameEnums', {
+  enumerable: true,
+  get: function () {
+    return ProductNameEnums;
+  }
+});
+Object.defineProperty(exports, 'RoleIdEnums', {
+  enumerable: true,
+  get: function () {
+    return RoleIdEnums;
+  }
+});
+Object.defineProperty(exports, 'RoleNameEnums', {
+  enumerable: true,
+  get: function () {
+    return RoleNameEnums;
+  }
+});
+Object.defineProperty(exports, 'RoleTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return RoleTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'SearchGroupingType', {
+  enumerable: true,
+  get: function () {
+    return SearchGroupingType;
+  }
+});
+Object.defineProperty(exports, 'SearchSortDirection', {
+  enumerable: true,
+  get: function () {
+    return SearchSortDirection;
+  }
+});
+Object.defineProperty(exports, 'SearchValueType', {
+  enumerable: true,
+  get: function () {
+    return SearchValueType;
+  }
+});
+Object.defineProperty(exports, 'SeverityTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return SeverityTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'SplitScreenTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return SplitScreenTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'StandardTitle', {
+  enumerable: true,
+  get: function () {
+    return StandardTitle;
+  }
+});
+Object.defineProperty(exports, 'StatusChip', {
+  enumerable: true,
+  get: function () {
+    return StatusChip;
+  }
+});
+Object.defineProperty(exports, 'TenantContext', {
+  enumerable: true,
+  get: function () {
+    return TenantContext;
+  }
+});
+Object.defineProperty(exports, 'TenantTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return TenantTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'TreeViewModeEnums', {
+  enumerable: true,
+  get: function () {
+    return TreeViewModeEnums;
+  }
+});
+Object.defineProperty(exports, 'Typography', {
+  enumerable: true,
+  get: function () {
+    return Typography;
+  }
+});
+Object.defineProperty(exports, 'UdpEnums', {
+  enumerable: true,
+  get: function () {
+    return UdpEnums;
+  }
+});
+Object.defineProperty(exports, 'UdpKeywordEnums', {
+  enumerable: true,
+  get: function () {
+    return UdpKeywordEnums;
+  }
+});
+Object.defineProperty(exports, 'UdpReminderFiledForType', {
+  enumerable: true,
+  get: function () {
+    return UdpReminderFiledForType;
+  }
+});
+Object.defineProperty(exports, 'UnityFluentIcon', {
+  enumerable: true,
+  get: function () {
+    return UnityFluentIcon;
+  }
+});
+Object.defineProperty(exports, 'UnityIcon', {
+  enumerable: true,
+  get: function () {
+    return UnityIcon;
+  }
+});
+Object.defineProperty(exports, 'UserContext', {
+  enumerable: true,
+  get: function () {
+    return UserContext;
+  }
+});
+Object.defineProperty(exports, 'UserDispatchContext', {
+  enumerable: true,
+  get: function () {
+    return UserDispatchContext;
+  }
+});
+Object.defineProperty(exports, 'VerticalEnums', {
+  enumerable: true,
+  get: function () {
+    return VerticalEnums;
+  }
+});
+Object.defineProperty(exports, 'VisibilityTypeEnums', {
+  enumerable: true,
+  get: function () {
+    return VisibilityTypeEnums;
+  }
+});
+Object.defineProperty(exports, 'axiosInterceptors', {
+  enumerable: true,
+  get: function () {
+    return axiosInterceptors;
+  }
+});
+Object.defineProperty(exports, 'camelToPascalCaseWithSpace', {
+  enumerable: true,
+  get: function () {
+    return camelToPascalCaseWithSpace;
+  }
+});
+Object.defineProperty(exports, 'colors', {
+  enumerable: true,
+  get: function () {
+    return colors;
+  }
+});
+Object.defineProperty(exports, 'executeQueryAdHoc', {
+  enumerable: true,
+  get: function () {
+    return executeQueryAdHoc;
+  }
+});
+Object.defineProperty(exports, 'executeQueryInstance', {
+  enumerable: true,
+  get: function () {
+    return executeQueryInstance;
+  }
+});
+Object.defineProperty(exports, 'executeQueryInstanceWithApiMethodInstance', {
+  enumerable: true,
+  get: function () {
+    return executeQueryInstanceWithApiMethodInstance;
+  }
+});
+Object.defineProperty(exports, 'executeQueryWithParameters', {
+  enumerable: true,
+  get: function () {
+    return executeQueryWithParameters;
+  }
+});
+Object.defineProperty(exports, 'getBaseMethod', {
+  enumerable: true,
+  get: function () {
+    return getBaseMethod;
+  }
+});
+Object.defineProperty(exports, 'getCategoryColor', {
+  enumerable: true,
+  get: function () {
+    return getCategoryColor;
+  }
+});
+Object.defineProperty(exports, 'getEllipseColor', {
+  enumerable: true,
+  get: function () {
+    return getEllipseColor;
+  }
+});
+Object.defineProperty(exports, 'pluralize', {
+  enumerable: true,
+  get: function () {
+    return pluralize;
+  }
+});
+Object.defineProperty(exports, 'removeWhiteSpace', {
+  enumerable: true,
+  get: function () {
+    return removeWhiteSpace;
+  }
+});
+Object.defineProperty(exports, 'toLowerFirstChar', {
+  enumerable: true,
+  get: function () {
+    return toLowerFirstChar;
+  }
+});
+Object.defineProperty(exports, 'toTitleCase', {
+  enumerable: true,
+  get: function () {
+    return toTitleCase;
+  }
+});
+Object.defineProperty(exports, 'toUpperFirstChar', {
+  enumerable: true,
+  get: function () {
+    return toUpperFirstChar;
+  }
+});
+Object.defineProperty(exports, 'trimStringAfter', {
+  enumerable: true,
+  get: function () {
+    return trimStringAfter;
+  }
+});
+Object.defineProperty(exports, 'useAxiosGet', {
+  enumerable: true,
+  get: function () {
+    return useAxiosGet;
+  }
+});
+Object.defineProperty(exports, 'useAxiosGetQuery', {
+  enumerable: true,
+  get: function () {
+    return useAxiosGetQuery;
+  }
+});
+Object.defineProperty(exports, 'useBuildEnvironment', {
+  enumerable: true,
+  get: function () {
+    return useBuildEnvironment;
+  }
+});
+Object.defineProperty(exports, 'useId', {
+  enumerable: true,
+  get: function () {
+    return useId;
+  }
+});
+Object.defineProperty(exports, 'useSetInitialShellVisibility', {
+  enumerable: true,
+  get: function () {
+    return useSetInitialShellVisibility;
+  }
+});
+Object.defineProperty(exports, 'useShellStore', {
+  enumerable: true,
+  get: function () {
+    return useShellStore;
+  }
+});
+Object.defineProperty(exports, 'useTenant', {
+  enumerable: true,
+  get: function () {
+    return useTenant;
+  }
+});
+Object.defineProperty(exports, 'useUser', {
+  enumerable: true,
+  get: function () {
+    return useUser;
+  }
+});
+//# sourceMappingURL=EnvironmentRibbon-C5I-zJ7u.cjs.map