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

package/dist/MapUtilities-pcP3VTTj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapUtilities-pcP3VTTj.js","names":[],"sources":["../src/UI/mapLayout/utilities/MapUtilities.js"],"sourcesContent":["import {isEqualWith} from 'lodash'\n\nexport const getLowestLevelObject = (obj) => {\n  if (!!!obj?.options || obj?.options?.length === 0) {\n    return obj;\n  } else {\n    return getLowestLevelObject(obj.options[0]);\n  }\n};\n\nexport const getChildrenObjectsWithNoChildren = (arr, valueKey) => {\n  if (!!!arr) return [];\n\n  return arr.reduce((result, obj) => {\n    const children = obj?.options ?? [];\n    const childrenWithNoChildren = getChildrenObjectsWithNoChildren(\n      children,\n      valueKey\n    );\n\n    if (childrenWithNoChildren.length > 0) {\n      result.push(...childrenWithNoChildren);\n    } else if (children.length === 0) {\n      result.push(obj[valueKey]);\n    }\n\n    return result;\n  }, []);\n};\n\nexport const searchForLayerOptions = (data, searchString = '') => {\n  let result = [];\n\n  for (let i = 0; i < data?.length; i++) {\n    const obj = data[i];\n    const { title, value, options } = obj;\n    const titleString = typeof title !== 'string' ? title.toString() : title;\n    const valueString = typeof value !== 'string' ? value.toString() : value;\n\n    if (\n      titleString?.toLowerCase()?.includes(searchString?.toLowerCase()) ||\n      valueString?.toLowerCase()?.includes(searchString?.toLowerCase())\n    ) {\n      result.push(obj);\n    } else if (options && options?.length > 0) {\n      const childOptions = searchForLayerOptions(options, searchString);\n      if (childOptions?.length > 0) {\n        result.push({ title, value, options: childOptions });\n      }\n    }\n  }\n\n  return result;\n};\n\nexport const getLayer = (layerKeys, layerKeySeparator, obj) => {\n  let stringValue = '';\n  layerKeys?.forEach((key, index) => {\n    stringValue +=\n      obj[key] + (index !== layerKeys?.length - 1 ? layerKeySeparator : '');\n  });\n\n  return stringValue;\n};\n\nexport const generateGeoJsonList = (data, mappingConfig) => {\n  if (data?.length > 0 && mappingConfig) {\n    return data?.map((item) => {\n      return {\n        type: 'Feature',\n        id: item[mappingConfig.featureId],\n        geometry: {\n          type: item[mappingConfig.geometryType],\n          coordinates: item[mappingConfig.coordinates]\n        },\n        properties:\n          mappingConfig.propertiesObj && !!item[mappingConfig.propertiesObj]\n            ? {\n                ...item[mappingConfig.propertiesObj],\n                id: item[mappingConfig.featureId]\n              }\n            : {\n                ...item,\n                id: item[mappingConfig.featureId]\n              }\n      };\n    });\n  }\n\n  return [];\n};\n\nexport function getKeyValuePairs(object) {\n  return Object.keys(object).map((key) => {\n    return { key: key, value: object[key] };\n  });\n}\n\nexport function filterObjectKeys(\n  object,\n  keysToKeep,\n  removeObjects = false\n) {\n  if (removeObjects) {\n    return Object.entries(object)\n      .filter(\n        ([key, value]) => typeof value !== 'object' && keysToKeep.includes(key)\n      )\n      .reduce((acc, [key, value]) => {\n        acc[key] = value ? value : '-';\n        return acc;\n      }, {});\n  }\n  return Object.entries(object)\n    .filter(([key]) => keysToKeep.includes(key))\n    .reduce((acc, [key, value]) => {\n      acc[key] = value ? value : '-';\n      return acc;\n    }, {});\n}\n\nexport function getSelectedFeaturePropertyKeyValuePairs(featurePropertiesToDisplay=[], featureProperties){\n  let keyVals = []\n  if(featureProperties){\n   if(featurePropertiesToDisplay){\n     const filteredObj = filterObjectKeys(featureProperties, featurePropertiesToDisplay, true)\n     keyVals = filteredObj ? getKeyValuePairs(filteredObj) : []\n   }\n   else{\n     keyVals = featureProperties ? getKeyValuePairs(featureProperties) : []\n   }\n  }\n  return keyVals;\n}\n\nexport const isEqualIgnoreFunctions = (a, b) =>\n  isEqualWith(a, b, (val1, val2) => {\n    if (typeof val1 === 'function' && typeof val2 === 'function') {\n      return true; // ignore function differences\n    }\n    // fall back to default comparison\n    return undefined;\n  });\n"],"mappings":";;;AAEA,MAAa,wBAAwB,QAAQ;AAC3C,KAAI,CAAC,CAAC,CAAC,KAAK,WAAW,KAAK,SAAS,WAAW,EAC9C,QAAO;KAEP,QAAO,qBAAqB,IAAI,QAAQ,GAAG;;AAI/C,MAAa,oCAAoC,KAAK,aAAa;AACjE,KAAI,CAAC,CAAC,CAAC,IAAK,QAAO,EAAE;AAErB,QAAO,IAAI,QAAQ,QAAQ,QAAQ;EACjC,MAAM,WAAW,KAAK,WAAW,EAAE;EACnC,MAAM,yBAAyB,iCAC7B,UACA,SACD;AAED,MAAI,uBAAuB,SAAS,EAClC,QAAO,KAAK,GAAG,uBAAuB;WAC7B,SAAS,WAAW,EAC7B,QAAO,KAAK,IAAI,UAAU;AAG5B,SAAO;IACN,EAAE,CAAC;;AAGR,MAAa,yBAAyB,MAAM,eAAe,OAAO;CAChE,IAAI,SAAS,EAAE;AAEf,MAAK,IAAI,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;EACrC,MAAM,MAAM,KAAK;EACjB,MAAM,EAAE,OAAO,OAAO,YAAY;EAClC,MAAM,cAAc,OAAO,UAAU,WAAW,MAAM,UAAU,GAAG;EACnE,MAAM,cAAc,OAAO,UAAU,WAAW,MAAM,UAAU,GAAG;AAEnE,MACE,aAAa,aAAa,EAAE,SAAS,cAAc,aAAa,CAAC,IACjE,aAAa,aAAa,EAAE,SAAS,cAAc,aAAa,CAAC,CAEjE,QAAO,KAAK,IAAI;WACP,WAAW,SAAS,SAAS,GAAG;GACzC,MAAM,eAAe,sBAAsB,SAAS,aAAa;AACjE,OAAI,cAAc,SAAS,EACzB,QAAO,KAAK;IAAE;IAAO;IAAO,SAAS;IAAc,CAAC;;;AAK1D,QAAO;;AAGT,MAAa,YAAY,WAAW,mBAAmB,QAAQ;CAC7D,IAAI,cAAc;AAClB,YAAW,SAAS,KAAK,UAAU;AACjC,iBACE,IAAI,QAAQ,UAAU,WAAW,SAAS,IAAI,oBAAoB;GACpE;AAEF,QAAO;;AAGT,MAAa,uBAAuB,MAAM,kBAAkB;AAC1D,KAAI,MAAM,SAAS,KAAK,cACtB,QAAO,MAAM,KAAK,SAAS;AACzB,SAAO;GACL,MAAM;GACN,IAAI,KAAK,cAAc;GACvB,UAAU;IACR,MAAM,KAAK,cAAc;IACzB,aAAa,KAAK,cAAc;IACjC;GACD,YACE,cAAc,iBAAiB,CAAC,CAAC,KAAK,cAAc,iBAChD;IACE,GAAG,KAAK,cAAc;IACtB,IAAI,KAAK,cAAc;IACxB,GACD;IACE,GAAG;IACH,IAAI,KAAK,cAAc;IACxB;GACR;GACD;AAGJ,QAAO,EAAE;;AAGX,SAAgB,iBAAiB,QAAQ;AACvC,QAAO,OAAO,KAAK,OAAO,CAAC,KAAK,QAAQ;AACtC,SAAO;GAAO;GAAK,OAAO,OAAO;GAAM;GACvC;;AAGJ,SAAgB,iBACd,QACA,YACA,gBAAgB,OAChB;AACA,KAAI,cACF,QAAO,OAAO,QAAQ,OAAO,CAC1B,QACE,CAAC,KAAK,WAAW,OAAO,UAAU,YAAY,WAAW,SAAS,IAAI,CACxE,CACA,QAAQ,KAAK,CAAC,KAAK,WAAW;AAC7B,MAAI,OAAO,QAAQ,QAAQ;AAC3B,SAAO;IACN,EAAE,CAAC;AAEV,QAAO,OAAO,QAAQ,OAAO,CAC1B,QAAQ,CAAC,SAAS,WAAW,SAAS,IAAI,CAAC,CAC3C,QAAQ,KAAK,CAAC,KAAK,WAAW;AAC7B,MAAI,OAAO,QAAQ,QAAQ;AAC3B,SAAO;IACN,EAAE,CAAC;;AAGV,SAAgB,wCAAwC,6BAA2B,EAAE,EAAE,mBAAkB;CACvG,IAAI,UAAU,EAAE;AAChB,KAAG,kBACF,KAAG,4BAA2B;EAC5B,MAAM,cAAc,iBAAiB,mBAAmB,4BAA4B,KAAK;AACzF,YAAU,cAAc,iBAAiB,YAAY,GAAG,EAAE;OAG1D,WAAU,oBAAoB,iBAAiB,kBAAkB,GAAG,EAAE;AAGzE,QAAO;;AAGT,MAAa,0BAA0B,GAAG,MACxC,YAAY,GAAG,IAAI,MAAM,SAAS;AAChC,KAAI,OAAO,SAAS,cAAc,OAAO,SAAS,WAChD,QAAO;EAIT"}

package/dist/MenuPage-g6NbH0C7.js

@@ -0,0 +1,248 @@
+import { t as __exportAll } from "./chunk-BYypO7fO.js";
+import { ConfigService } from "./configService/index.js";
+import { t as useUser } from "./useUser-B_mCveqm.js";
+import { I as TreeViewModeEnums } from "./unitySystemEnums-DnxEalNP.js";
+import { n as useShellStore } from "./shellStore-CM3ibypS.js";
+import { H as transformMenuPageTree } from "./TreeUtilities-Bz1Gquph.js";
+import { t as useAxiosGet } from "./useAxiosGet-BtxSpEO3.js";
+import { t as useSetLocationState } from "./useSetLocationState-Kvcc9BTb.js";
+import { t as PageContainer } from "./PageContainer-CvcNKX87.js";
+import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./useBuildEnvironment-cD_FXewz.js";
+import { t as NodeLoader } from "./NodeLoader-B5o6twM7.js";
+import { t as UtilitySideBar } from "./UtilitySideBar-BctiUpCK.js";
+import { t as BaseTreeMenu } from "./BaseTreeMenu-DaDDlxkN.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { makeStyles } from "@material-ui/core";
+import { Prompt, useHistory, useLocation } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import { DndProvider } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+
+//#region src/menuPage/MenuPage.jsx
+var MenuPage_exports = /* @__PURE__ */ __exportAll({ default: () => MenuPage });
+const useStyles = makeStyles((theme) => ({
+	root: {
+		flex: 1,
+		height: "100%",
+		minHeight: 0,
+		display: "grid",
+		gridTemplateAreas: ["sidebar content"].map((line) => `"${line}"`).join(" "),
+		gridTemplateColumns: "auto 1fr",
+		gridTemplateRows: "auto 1fr"
+	},
+	sidebar: {
+		gridArea: "sidebar",
+		marginRight: theme.spacing(1),
+		display: "flex",
+		flexDirection: "column",
+		minHeight: 0
+	},
+	content: {
+		gridArea: "content",
+		display: "flex",
+		flexDirection: "column",
+		position: "relative",
+		zIndex: 1,
+		height: `100%`,
+		minHeight: 0,
+		overflowY: "auto"
+	},
+	menuContent: {
+		marginTop: theme.spacing(1),
+		flex: 1,
+		minHeight: 0,
+		overflowX: "hidden",
+		overflowY: "auto"
+	},
+	loader: {
+		marginRight: theme.spacing(1),
+		marginLeft: theme.spacing(1)
+	},
+	loadingContent: {
+		flex: 1,
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center"
+	}
+}));
+const EMPTY_HEADERS = {};
+const findNodeById = (nodes, id) => {
+	if (!nodes || !id) return null;
+	for (const node of nodes) {
+		if (String(node.id) === String(id)) return node;
+		if (node.children) {
+			const found = findNodeById(node.children, id);
+			if (found) return found;
+		}
+	}
+	return null;
+};
+const MenuPage = (props) => {
+	const buildEnv = useBuildEnvironment();
+	const classes = useStyles({
+		...props,
+		appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0
+	});
+	const history = useHistory();
+	const location = useLocation();
+	const user = useUser();
+	const { t } = useTranslation();
+	const setLocationState = useSetLocationState();
+	const { innerMenuOverride, mainContent, menuTitle, allowMissingPageParam = false, searchParamsTransformer } = props;
+	const [sidebarExpanded, setSidebarExpanded] = useState(true);
+	const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+	const { setSubHeaderActionHasChildren, setNavigationExpanded } = useShellStore();
+	const innerMenuId = location.pathname.replace("/menupage/", "");
+	const [{ data: fetchedInnerMenu, loading: menuLoading }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `menus/${innerMenuId}`, EMPTY_HEADERS, !innerMenuId, false);
+	const innerMenu = innerMenuOverride ?? fetchedInnerMenu;
+	const menuItemsList = useMemo(() => {
+		if (!innerMenu) return [];
+		return innerMenu.menuItemInstanceStructureViews?.reduce((acc, menuInstance) => {
+			const updatedMenu = transformMenuPageTree(menuInstance);
+			if (updatedMenu) acc.push(updatedMenu);
+			return acc;
+		}, []) ?? [];
+	}, [innerMenu]);
+	const pageId = new URLSearchParams(location.search).get("page");
+	const selectedNode = useMemo(() => {
+		if (!menuItemsList.length) return null;
+		const found = findNodeById(menuItemsList, pageId);
+		if (found) return found;
+		return menuItemsList[0];
+	}, [menuItemsList, pageId]);
+	const [{ data: pageData, loading: pageLoading }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/${selectedNode?.properties?.page?.id}`, EMPTY_HEADERS, !selectedNode?.properties?.page?.id, false);
+	const buildSearchString = useCallback((params, node, menuIndex) => {
+		if (typeof searchParamsTransformer === "function") {
+			const result = searchParamsTransformer({
+				searchParams: params,
+				node,
+				menuIndex,
+				location
+			});
+			if (result === null) return "";
+			if (result instanceof URLSearchParams) return result.toString();
+			if (typeof result === "string") return result;
+			if (result !== void 0) return String(result);
+		}
+		return params.toString();
+	}, [location, searchParamsTransformer]);
+	const handleSelectedNode = useCallback((node, menuIndex) => {
+		if (allowMissingPageParam) {
+			const firstNode = menuItemsList?.[0];
+			if (firstNode && String(node?.id) === String(firstNode.id)) {
+				if (location.search) history.replace({
+					pathname: location.pathname,
+					search: ""
+				});
+				setHasUnsavedChanges(false);
+				return;
+			}
+		}
+		const searchParams = new URLSearchParams(location.search);
+		searchParams.set("page", node.id);
+		const searchString = buildSearchString(searchParams, node, menuIndex);
+		history.push({
+			pathname: location.pathname,
+			search: searchString
+		});
+	}, [
+		history,
+		location,
+		allowMissingPageParam,
+		menuItemsList,
+		buildSearchString
+	]);
+	const handleSidebarExpandClick = useCallback(() => {
+		setSidebarExpanded((expanded) => !expanded);
+	}, []);
+	const handleDropNode = useCallback(() => {}, []);
+	useEffect(() => {
+		if (selectedNode && !allowMissingPageParam) {
+			const currentUrlId = new URLSearchParams(location.search).get("page");
+			if (String(selectedNode.id) !== String(currentUrlId)) {
+				const newParams = new URLSearchParams(location.search);
+				newParams.set("page", selectedNode.id);
+				history.replace({
+					pathname: location.pathname,
+					search: newParams.toString()
+				});
+			}
+		}
+	}, [
+		selectedNode?.id,
+		location.search,
+		history,
+		allowMissingPageParam
+	]);
+	useEffect(() => {
+		if (selectedNode?.id) {
+			setNavigationExpanded(false);
+			setHasUnsavedChanges(false);
+			setSubHeaderActionHasChildren(false);
+		}
+	}, [
+		selectedNode?.id,
+		setNavigationExpanded,
+		setSubHeaderActionHasChildren
+	]);
+	useEffect(() => {
+		if (innerMenu && location.state?.label !== t(innerMenu?.name)) setLocationState({ label: t(innerMenu?.name) });
+	}, [
+		setLocationState,
+		t,
+		innerMenu,
+		location.state?.label
+	]);
+	return /* @__PURE__ */ React.createElement(DndProvider, { backend: HTML5Backend }, /* @__PURE__ */ React.createElement(Prompt, {
+		when: hasUnsavedChanges,
+		message: "You have unsaved changes. Are you sure you want to leave this page?"
+	}), /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.sidebar }, /* @__PURE__ */ React.createElement(UtilitySideBar, {
+		title: innerMenu?.name || menuTitle,
+		isUsingChildren: true,
+		resizable: true,
+		removePadding: true,
+		removeTopLayoutUnit: true,
+		onUtilitySidebarToggleExpandClick: handleSidebarExpandClick,
+		collapsedWidth: 64
+	}, /* @__PURE__ */ React.createElement("div", {
+		className: classes.menuContent,
+		key: innerMenuId
+	}, menuItemsList?.length > 0 && !menuLoading && menuItemsList.map((menuItems, index) => /* @__PURE__ */ React.createElement("div", {
+		key: menuItems.id,
+		className: classes.nodeContainer
+	}, /* @__PURE__ */ React.createElement(BaseTreeMenu, {
+		menuItems,
+		onSelectNode: handleSelectedNode,
+		onDropNode: handleDropNode,
+		menuIndex: index,
+		selectedNodeId: selectedNode?.id,
+		selectedNodeParentId: selectedNode?.parentId,
+		sidebarExpanded,
+		treeViewMode: TreeViewModeEnums.Classic
+	}))), menuLoading && /* @__PURE__ */ React.createElement("div", { className: classes.loader }, /* @__PURE__ */ React.createElement(NodeLoader, { loading: menuLoading }))))), /* @__PURE__ */ React.createElement("div", { className: classes.content }, mainContent ? typeof mainContent === "function" ? mainContent({
+		selectedNode,
+		menuItemsList
+	}) : mainContent : selectedNode?.properties?.page?.id && /* @__PURE__ */ React.createElement(PageContainer, {
+		user,
+		key: selectedNode?.id,
+		pageData,
+		pageLoading,
+		widgetParams: {
+			pageId: pageData?.pageId,
+			entityName: selectedNode?.properties?.page?.entity?.entityName,
+			pbiReportCode: selectedNode?.properties?.page?.pbiReportCode,
+			requiredFieldsMap: selectedNode?.properties?.page?.requiredFieldMapping,
+			udpTagId: selectedNode?.properties?.page?.udpTagId,
+			queryId: selectedNode?.properties?.page?.queryId,
+			inquiryTreeId: selectedNode?.properties?.page?.inquiryTreeId,
+			setHasUnsavedChanges
+		},
+		disableMargins: true,
+		fromMenu: true
+	}))));
+};
+
+//#endregion
+export { MenuPage_exports as n, MenuPage as t };
+//# sourceMappingURL=MenuPage-g6NbH0C7.js.map

package/dist/MenuPage-g6NbH0C7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPage-g6NbH0C7.js","names":[],"sources":["../src/menuPage/MenuPage.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { useHistory, useLocation, Prompt } from 'react-router-dom';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport { makeStyles } from '@material-ui/core';\nimport { PageContainer } from '../page/PageContainer';\nimport { transformMenuPageTree } from '../utilities/tree/TreeUtilities';\nimport { BaseTreeMenu } from '../treeMenu/BaseTreeMenu';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useUser } from '../utilities/auth/useUser';\nimport { useShellStore } from '../stores/shellStore';\nimport { NodeLoader } from '../UI/feedback/NodeLoader';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/useBuildEnvironment';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flex: 1,\n    height: '100%',\n    minHeight: 0,\n    display: 'grid',\n    gridTemplateAreas: ['sidebar content'].map((line) => `\"${line}\"`).join(' '),\n    gridTemplateColumns: 'auto 1fr',\n    gridTemplateRows: 'auto 1fr'\n  },\n  sidebar: {\n    gridArea: 'sidebar',\n    marginRight: theme.spacing(1),\n    display: 'flex',\n    flexDirection: 'column',\n    minHeight: 0\n  },\n  content: {\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    zIndex: 1,\n    height: `100%`,\n    minHeight: 0,\n    overflowY: 'auto'\n  },\n  menuContent: {\n    marginTop: theme.spacing(1),\n    flex: 1,\n    minHeight: 0,\n    overflowX: 'hidden',\n    overflowY: 'auto'\n  },\n  loader: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n}));\n\n// Define a stable constant for empty headers to prevent useEffect loops\nconst EMPTY_HEADERS = {};\n\n// Helper to find a node deep in the tree (Moved outside to ensure stability)\nconst findNodeById = (nodes, id) => {\n  if (!nodes || !id) return null;\n  for (const node of nodes) {\n    if (String(node.id) === String(id)) return node;\n    if (node.children) {\n      const found = findNodeById(node.children, id);\n      if (found) return found;\n    }\n  }\n  return null;\n};\n\nconst MenuPage = (props) => {\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const history = useHistory();\n  const location = useLocation();\n  const user = useUser();\n  const { t } = useTranslation();\n  const setLocationState = useSetLocationState();\n\n  const {\n    innerMenuOverride,\n    mainContent,\n    menuTitle,\n    allowMissingPageParam = false,\n    searchParamsTransformer\n  } = props;\n\n  // --- STATE ---\n  const [sidebarExpanded, setSidebarExpanded] = useState(true);\n  const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);\n  const { setSubHeaderActionHasChildren, setNavigationExpanded } =\n    useShellStore();\n\n  // --- DATA FETCHING ---\n  const innerMenuId = location.pathname.replace('/menupage/', '');\n\n  const [{ data: fetchedInnerMenu, loading: menuLoading }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `menus/${innerMenuId}`,\n    EMPTY_HEADERS,\n    !innerMenuId,\n    false\n  );\n\n  const innerMenu = innerMenuOverride ?? fetchedInnerMenu;\n\n  // --- MEMOIZED DATA ---\n  const menuItemsList = useMemo(() => {\n    if (!innerMenu) return [];\n\n    return (\n      innerMenu.menuItemInstanceStructureViews?.reduce((acc, menuInstance) => {\n        const updatedMenu = transformMenuPageTree(menuInstance);\n        if (updatedMenu) acc.push(updatedMenu);\n        return acc;\n      }, []) ?? []\n    );\n  }, [innerMenu]);\n\n  // --- CORE REFACTOR: DERIVE SELECTED NODE ---\n  const pageId = new URLSearchParams(location.search).get('page');\n\n  const selectedNode = useMemo(() => {\n    if (!menuItemsList.length) return null;\n\n    // 1. Try to find the node requested in URL\n    const found = findNodeById(menuItemsList, pageId);\n    if (found) return found;\n\n    // 2. Default to first item\n    // Even if allowMissingPageParam is true, we still want to RETURN the node for rendering,\n    // we just don't want the Redirector useEffect to force it into the URL.\n    return menuItemsList[0];\n  }, [menuItemsList, pageId]);\n\n  // Fetch Page Data based on the derived node\n  const [{ data: pageData, loading: pageLoading }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `page/${selectedNode?.properties?.page?.id}`,\n    EMPTY_HEADERS,\n    !selectedNode?.properties?.page?.id,\n    false\n  );\n\n  // --- ACTIONS ---\n\n  const buildSearchString = useCallback(\n    (params, node, menuIndex) => {\n      if (typeof searchParamsTransformer === 'function') {\n        const result = searchParamsTransformer({\n          searchParams: params,\n          node,\n          menuIndex,\n          location\n        });\n        if (result === null) return '';\n        if (result instanceof URLSearchParams) return result.toString();\n        if (typeof result === 'string') return result;\n        if (result !== undefined) return String(result);\n      }\n      return params.toString();\n    },\n    [location, searchParamsTransformer]\n  );\n\n  const handleSelectedNode = useCallback(\n    (node, menuIndex) => {\n      // 1. Check if we are \"selecting\" the current node to clear query params if needed\n      if (allowMissingPageParam) {\n        const firstNode = menuItemsList?.[0];\n        if (firstNode && String(node?.id) === String(firstNode.id)) {\n          if (location.search) {\n            history.replace({ pathname: location.pathname, search: '' });\n          }\n          setHasUnsavedChanges(false);\n          return;\n        }\n      }\n\n      // 2. Build URL\n      const searchParams = new URLSearchParams(location.search);\n      searchParams.set('page', node.id);\n      const searchString = buildSearchString(searchParams, node, menuIndex);\n\n      // 3. Navigate (The URL change will trigger the re-render & selectedNode update)\n      history.push({\n        pathname: location.pathname,\n        search: searchString\n      });\n\n      // Note: We don't set 'selectedNode' manually anymore. It is derived.\n    },\n    [history, location, allowMissingPageParam, menuItemsList, buildSearchString]\n  );\n\n  const handleSidebarExpandClick = useCallback(() => {\n    setSidebarExpanded((expanded) => !expanded);\n  }, []);\n\n  const handleDropNode = useCallback(() => {\n    // TODO: Implement if we need to for next Phase\n  }, []);\n\n  // --- EFFECTS ---\n\n  // 1. URL SYNCHRONIZATION (The \"Redirector\")\n  // Ensures URL matches the selected node (e.g. on initial load or default selection)\n  useEffect(() => {\n    if (selectedNode && !allowMissingPageParam) {\n      const currentUrlId = new URLSearchParams(location.search).get('page');\n\n      if (String(selectedNode.id) !== String(currentUrlId)) {\n        const newParams = new URLSearchParams(location.search);\n        newParams.set('page', selectedNode.id);\n\n        history.replace({\n          pathname: location.pathname,\n          search: newParams.toString()\n        });\n      }\n    }\n  }, [selectedNode?.id, location.search, history, allowMissingPageParam]);\n\n  // 2. UI CLEANUP (The \"Reactor\")\n  // Runs only when the ACTUAL selected ID changes to reset UI state\n  useEffect(() => {\n    if (selectedNode?.id) {\n      setNavigationExpanded(false);\n      setHasUnsavedChanges(false);\n      setSubHeaderActionHasChildren(false);\n    }\n  }, [selectedNode?.id, setNavigationExpanded, setSubHeaderActionHasChildren]);\n\n  // 3. BREADCRUMB / LABEL SYNC\n  useEffect(() => {\n    if (innerMenu && location.state?.label !== t(innerMenu?.name)) {\n      setLocationState({ label: t(innerMenu?.name) });\n    }\n  }, [setLocationState, t, innerMenu, location.state?.label]);\n\n  // --- RENDER ---\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <Prompt\n        when={hasUnsavedChanges}\n        message='You have unsaved changes. Are you sure you want to leave this page?'\n      />\n      <div className={classes.root}>\n        <div className={classes.sidebar}>\n          <UtilitySideBar\n            title={innerMenu?.name || menuTitle}\n            isUsingChildren={true}\n            resizable={true}\n            removePadding={true}\n            removeTopLayoutUnit={true}\n            onUtilitySidebarToggleExpandClick={handleSidebarExpandClick}\n            collapsedWidth={64}\n          >\n            <div className={classes.menuContent} key={innerMenuId}>\n              {menuItemsList?.length > 0 &&\n                !menuLoading &&\n                menuItemsList.map((menuItems, index) => (\n                  <div key={menuItems.id} className={classes.nodeContainer}>\n                    <BaseTreeMenu\n                      menuItems={menuItems}\n                      onSelectNode={handleSelectedNode}\n                      onDropNode={handleDropNode}\n                      menuIndex={index}\n                      selectedNodeId={selectedNode?.id}\n                      selectedNodeParentId={selectedNode?.parentId}\n                      sidebarExpanded={sidebarExpanded}\n                      treeViewMode={TreeViewModeEnums.Classic}\n                    />\n                  </div>\n                ))}\n              {menuLoading && (\n                <div className={classes.loader}>\n                  <NodeLoader loading={menuLoading} />\n                </div>\n              )}\n            </div>\n          </UtilitySideBar>\n        </div>\n        <div className={classes.content}>\n          {mainContent\n            ? typeof mainContent === 'function'\n              ? mainContent({ selectedNode, menuItemsList })\n              : mainContent\n            : selectedNode?.properties?.page?.id && (\n                <PageContainer\n                  user={user}\n                  key={selectedNode?.id}\n                  pageData={pageData}\n                  pageLoading={pageLoading}\n                  widgetParams={{\n                    pageId: pageData?.pageId,\n                    entityName:\n                      selectedNode?.properties?.page?.entity?.entityName,\n                    pbiReportCode:\n                      selectedNode?.properties?.page?.pbiReportCode,\n                    requiredFieldsMap:\n                      selectedNode?.properties?.page?.requiredFieldMapping,\n                    udpTagId: selectedNode?.properties?.page?.udpTagId,\n                    queryId: selectedNode?.properties?.page?.queryId,\n                    inquiryTreeId:\n                      selectedNode?.properties?.page?.inquiryTreeId,\n                    setHasUnsavedChanges: setHasUnsavedChanges\n                  }}\n                  disableMargins={true}\n                  fromMenu={true}\n                />\n              )}\n        </div>\n      </div>\n    </DndProvider>\n  );\n};\n\nexport default MenuPage;\n"],"mappings":"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"}