udp-react-enterprise-component-library 25.18.1-beta.2 → 25.18.1-beta.20

package/dist/UdpFormsSubmissionGrid-DesZibh4.js

@@ -0,0 +1,414 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { n as UdpPageEnums } from "./pageEnums-DHCYa0ey.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
+import { t as useTenant } from "./useTenant-MqKOZve_.js";
+import { t as SearchMethodUdpGrid } from "./SearchMethodUdpGrid-QU4FZ0Gk.js";
+import { t as LoadingIndicator } from "./LoadingIndicator-DJ4rFzOc.js";
+import { t as CustomMenuPage_default } from "./menuPage-Df5ucoQW.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useSnackbar } from "notistack";
+import { useHistory } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import { UdpSelector, UdpSideSheet } from "udp-react-stencil-component-library";
+
+//#region src/udp/pages/UdpFormsSubmissionGrid/UdpFormsSubmissionGrid.jsx
+const UdpFormsSubmissionStatusEnum = Object.freeze({
+	InProgress: 1,
+	Submitted: 2,
+	Created: 3
+});
+const dateFormatter = (dateString) => new Date(dateString).toLocaleString(void 0, {
+	year: "numeric",
+	month: "short",
+	day: "numeric",
+	hour: "2-digit",
+	minute: "2-digit",
+	hour12: true
+});
+const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {
+	const user = useUser();
+	const tenant = useTenant();
+	const history = useHistory();
+	const { t } = useTranslation();
+	const { enqueueSnackbar, closeSnackbar } = useSnackbar();
+	const [innerMenuItemList, setInnerMenuItemList] = useState([]);
+	const [formSubmissionViewDataRaw, setFormSubmissionViewDataRaw] = useState([]);
+	const [formDataRaw, setFormDataRaw] = useState([]);
+	const [isSidesheetOpen, setIsSidesheetOpen] = useState(false);
+	const [selectedFormValue, setSelectedFormValue] = useState("");
+	const selectorRef = useRef(null);
+	const pendingNavRef = useRef(null);
+	const handleSideSheetClosed = () => {
+		setIsSidesheetOpen(false);
+	};
+	const consolidateAndSortFormSubmissionsByFormId = useCallback((submissions) => {
+		const resultMap = /* @__PURE__ */ new Map();
+		for (const item of submissions) {
+			const { formSubmission_FormId: formId, formSubmission_FormVersion: formVersion, form_Name: formName, form_Description: formDescription, formSubmission_InitialCreatedOn: initialCreatedOn } = item;
+			if (!formId || formVersion == null) continue;
+			const key = `${formId}`;
+			const existing = resultMap.get(key);
+			const versionNum = Number(formVersion) || 0;
+			const ts = initialCreatedOn ? new Date(initialCreatedOn).getTime() : 0;
+			if (!existing) resultMap.set(key, {
+				id: key,
+				formId,
+				formVersion: versionNum,
+				name: formName || t("Untitled Form"),
+				submissionCount: 1,
+				description: formDescription || "",
+				mostRecentCreatedOn: ts
+			});
+			else {
+				existing.submissionCount += 1;
+				existing.mostRecentCreatedOn = Math.max(existing.mostRecentCreatedOn || 0, ts);
+				if (versionNum > (existing.formVersion || 0)) {
+					existing.formVersion = versionNum;
+					if (formName) existing.name = formName;
+					if (formDescription) existing.description = formDescription;
+				}
+			}
+		}
+		return Array.from(resultMap.values()).sort((a, b) => b.mostRecentCreatedOn - a.mostRecentCreatedOn);
+	}, [t]);
+	const fetchSubmissions = useCallback(async () => {
+		try {
+			const filterElements = [];
+			filterElements.push({
+				searchField: "Form_TenantId",
+				searchOperator: "=",
+				searchValue: tenant.activeTenant.tenantId
+			});
+			if (!isManagerMode) filterElements.push({
+				searchField: "FormSubmission_UnityUserId",
+				searchOperator: "=",
+				searchValue: user.id
+			});
+			setFormSubmissionViewDataRaw((await apiMutate(ConfigService.productV1ApiUrl, `UdpFormWithSubmissionsView/search`, {
+				method: "POST",
+				data: {
+					eagerLoad: false,
+					getAll: true,
+					filterElements
+				}
+			}, {}))?.data.pageList || []);
+		} catch (e) {
+			console.error("fetchSubmissions error:", e);
+		}
+	}, [
+		user,
+		tenant,
+		isManagerMode,
+		consolidateAndSortFormSubmissionsByFormId,
+		t
+	]);
+	const fetchForms = useCallback(async () => {
+		try {
+			const filterElements = [];
+			filterElements.push({
+				searchField: "tenantId",
+				searchOperator: "=",
+				searchValue: tenant.activeTenant.tenantId
+			});
+			setFormDataRaw((await apiMutate(ConfigService.productV1ApiUrl, `UdpForm/search`, {
+				method: "POST",
+				data: {
+					eagerLoad: false,
+					getAll: true,
+					filterElements
+				}
+			}, {}))?.data.pageList || []);
+		} catch (e) {
+			console.error("fetchForms error:", e);
+		}
+	}, [
+		user,
+		tenant,
+		consolidateAndSortFormSubmissionsByFormId
+	]);
+	const parseIdAndVersion = useCallback((input) => {
+		const formSubmissionId = input.replace(/^form-submission-/, "");
+		if (formSubmissionId.includes("all-forms-key")) return null;
+		return formSubmissionId;
+	}, []);
+	const getSearchMethodConfig = useCallback((formId) => {
+		const filterElements = [];
+		if (!isManagerMode) filterElements.push({
+			searchField: "formSubmission_unityUserId",
+			searchOperator: "=",
+			searchValue: user.id || ""
+		});
+		if (formId) filterElements.push({
+			searchField: "formSubmission_formId",
+			searchOperator: "=",
+			searchValue: formId
+		});
+		return {
+			requestUrl: `${ConfigService.productV1ApiUrl}/UdpFormWithSubmissionsView/search`,
+			customSearchObject: {
+				eagerLoad: false,
+				filterElements,
+				orderElements: [{
+					sortColumn: "initialCreatedOn",
+					sortDirection: "DESC"
+				}]
+			}
+		};
+	}, [user, isManagerMode]);
+	const getGridHeaderConfig = useCallback((formId, formVersion, formTitle) => {
+		const config = { title: formTitle };
+		config.primaryActionButton = {
+			label: t("Submit New Form"),
+			onClick: () => {
+				if (formId && formVersion) history.push(`/page/${UdpPageEnums.Udp_Form_Renderer_Page}?udpf_formId=${formId}&udpf_version=${formVersion}`);
+				else setIsSidesheetOpen(true);
+			}
+		};
+		return config;
+	}, [history, t]);
+	const getGridOptions = useCallback(() => {
+		return {
+			pagination: true,
+			defaultColDef: {
+				sortable: true,
+				filter: true,
+				resizable: true
+			}
+		};
+	}, []);
+	const getStatus = useMemo(() => {
+		return {
+			Created: "info",
+			InProgress: "warning",
+			Submitted: "success",
+			Overdue: "error"
+		};
+	}, []);
+	const getSubmissionStatusLabel = (node) => {
+		const formStatus = node?.data?.formSubmission_Status;
+		const dueDateRaw = node?.data?.formSubmission_DueDate;
+		if (dueDateRaw && formStatus != UdpFormsSubmissionStatusEnum.Submitted) {
+			const dueTs = Date.parse(String(dueDateRaw));
+			if (!Number.isNaN(dueTs) && Date.now() > dueTs) return "Overdue";
+		}
+		switch (formStatus) {
+			case UdpFormsSubmissionStatusEnum.InProgress: return "InProgress";
+			case UdpFormsSubmissionStatusEnum.Created: return "Created";
+			case UdpFormsSubmissionStatusEnum.Submitted: return "Submitted";
+			default: return "Unknown";
+		}
+	};
+	const columnDefs = useMemo(() => [
+		{
+			headerName: "Form ID",
+			field: "formSubmission_FormId",
+			hide: true
+		},
+		{
+			headerName: t("Form Name"),
+			field: "form_Name",
+			sortable: true
+		},
+		{
+			headerName: t("Form Version"),
+			field: "formSubmission_FormVersion",
+			hide: false
+		},
+		{
+			headerName: t("Description"),
+			field: "form_Description",
+			sortable: true
+		},
+		{
+			headerName: t("Submitted By"),
+			field: "formSubmission_UserDisplayName"
+		},
+		{
+			headerName: "Form Status",
+			field: "formSubmission_Status",
+			cellRenderer: "statusRenderer",
+			cellRendererParams: {
+				statusMappingConfig: getStatus,
+				getStatusValue: getSubmissionStatusLabel
+			}
+		},
+		{
+			headerName: t("Created On"),
+			field: "formSubmission_InitialCreatedOn",
+			valueFormatter: (p) => p.value ? dateFormatter(p.value) : "",
+			sortable: true
+		},
+		{
+			headerName: t("Last Modified On"),
+			field: "formSubmission_LastModifiedOn",
+			valueFormatter: (p) => p.value ? dateFormatter(p.value) : "",
+			sortable: true
+		},
+		{
+			headerName: t("Submitted On"),
+			field: "formSubmission_SubmittedOn",
+			valueFormatter: (p) => p.value ? dateFormatter(p.value) : "",
+			sortable: true
+		},
+		{
+			headerName: t("Due On"),
+			field: "formSubmission_DueDate",
+			valueFormatter: (p) => p.value ? dateFormatter(p.value) : "",
+			sortable: true
+		},
+		{
+			field: "actions",
+			cellRenderer: "actionsRenderer",
+			cellRendererParams: { actionList: [{
+				id: 0,
+				iconName: "view",
+				title: t("Open This Submission"),
+				handleOnClick: (e, params) => {
+					history.push(`/page/${UdpPageEnums.Udp_Form_Renderer_Page}?udpf_submissionId=${params?.data?.formSubmission_Id}`);
+				}
+			}] }
+		}
+	], [history, t]);
+	const gridFunctions = useMemo(() => [
+		{ name: "agGridSizeColumnsToFit" },
+		{ name: "agGridAutoSizeColumns" },
+		{ name: "agGridResetColumns" },
+		{ name: "agGridHideShowColumns" }
+	], []);
+	const handleSidesheetPrimaryClick = useCallback(() => {
+		const [id, versionStr] = (selectedFormValue || "").split("|");
+		const version = Number(versionStr || 0);
+		if (!id || !version) {
+			console.warn("Invalid selection:", selectedFormValue);
+			setIsSidesheetOpen(false);
+			return;
+		}
+		history.push(`/page/${UdpPageEnums.Udp_Form_Renderer_Page}?udpf_formId=${encodeURIComponent(id)}&udpf_version=${version}`);
+		pendingNavRef.current = {
+			id,
+			version
+		};
+		setIsSidesheetOpen(false);
+	}, [
+		selectedFormValue,
+		formDataRaw,
+		history
+	]);
+	const selectableItems = useMemo(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const f of formDataRaw || []) {
+			const formType = f.form_Type ?? f.formType ?? f.type;
+			if (Number(formType) !== 1) continue;
+			const formId = f.id ?? f.form_Id ?? f.formId ?? String(f?.Id ?? "");
+			const version = Number(f.version ?? f.form_Version ?? f.formVersion ?? 0);
+			const name = f.name ?? f.form_Name ?? f.formName ?? f.Form_Name ?? f.displayName ?? t("Untitled Form");
+			const description = f.description ?? f.form_Description ?? "";
+			const existing = map.get(formId);
+			if (!existing || version > existing.version) map.set(formId, {
+				id: formId,
+				name,
+				version,
+				description
+			});
+		}
+		return Array.from(map.values()).sort((a, b) => b.version - a.version);
+	}, [formDataRaw, t]);
+	const selectorOptions = useMemo(() => {
+		return (selectableItems || []).map((s) => ({
+			value: `${s.id}|${s.version}`,
+			label: s.version ? `${s.name} (v${s.version})` : s.name
+		}));
+	}, [selectableItems]);
+	useEffect(() => {
+		const el = selectorRef.current;
+		if (!el || !isSidesheetOpen) return;
+		const onChange = (e) => {
+			setSelectedFormValue((e?.detail ?? (e?.target && e.target.value) ?? "") || "");
+		};
+		el.addEventListener("change", onChange);
+		el.addEventListener("input", onChange);
+		if (selectedFormValue) el.value = selectedFormValue;
+		return () => {
+			el.removeEventListener("change", onChange);
+			el.removeEventListener("input", onChange);
+		};
+	}, [
+		selectorRef,
+		selectorOptions,
+		isSidesheetOpen,
+		selectedFormValue
+	]);
+	const getMainGridContent = ({ selectedNode, menuItemsList, idMap, classes }) => {
+		if (!selectedNode) return /* @__PURE__ */ React.createElement(LoadingIndicator, null);
+		const formId = parseIdAndVersion(selectedNode.id);
+		const formTitle = `${innerMenuItemList.find((form) => form.formId == formId)?.name}` || "Unknown Form";
+		const newestFormVersion = formDataRaw.filter((formObj) => formObj.id == formId).reduce((acc, curr) => {
+			return Math.max(acc, curr.version);
+		}, 0);
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(UdpSideSheet, {
+			open: isSidesheetOpen,
+			title: t("Submit New Form"),
+			position: "right",
+			width: "md",
+			primaryButtonLabel: t("Next"),
+			primaryButtonDisabled: !selectedFormValue,
+			onUdpPrimaryButtonClick: handleSidesheetPrimaryClick,
+			onUdpSideSheetClose: handleSideSheetClosed
+		}, isSidesheetOpen && /* @__PURE__ */ React.createElement(UdpSelector, {
+			ref: selectorRef,
+			options: selectorOptions,
+			initialValue: selectedFormValue,
+			multiSelect: false,
+			label: t("Select a Form")
+		})), /* @__PURE__ */ React.createElement(SearchMethodUdpGrid, {
+			searchMethodConfig: getSearchMethodConfig(formId),
+			columnDefs,
+			gridOptions: getGridOptions(),
+			gridHeaderConfig: getGridHeaderConfig(formId, newestFormVersion, formTitle),
+			gridFunctions
+		}));
+	};
+	useEffect(() => {
+		(async () => {
+			await fetchSubmissions();
+			await fetchForms();
+		})();
+	}, [fetchSubmissions, fetchForms]);
+	useEffect(() => {
+		const resultArray = consolidateAndSortFormSubmissionsByFormId(formSubmissionViewDataRaw || []);
+		resultArray.unshift({
+			id: "all-forms-key",
+			name: t(isManagerMode ? "All Form Submissions" : "All My Form Submissions"),
+			submissionCount: formSubmissionViewDataRaw?.length || 0
+		});
+		setInnerMenuItemList(resultArray);
+	}, [
+		formSubmissionViewDataRaw,
+		isManagerMode,
+		consolidateAndSortFormSubmissionsByFormId,
+		t
+	]);
+	useCallback((value) => {
+		setSelectedFormValue(value || "");
+	}, [setSelectedFormValue]);
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(CustomMenuPage_default, {
+		menuTitle: t("Forms"),
+		items: innerMenuItemList,
+		idPrefix: "form-submission",
+		showItemCount: true,
+		itemCountAccessor: (item) => item?.submissionCount ?? 0,
+		mainContent: ({ selectedNode, menuItemsList, idMap, classes }) => {
+			return /* @__PURE__ */ React.createElement("div", null, getMainGridContent({
+				selectedNode,
+				menuItemsList,
+				idMap,
+				classes
+			}));
+		}
+	}));
+};
+
+//#endregion
+export { UdpFormsSubmissionGrid as t };
+//# sourceMappingURL=UdpFormsSubmissionGrid-DesZibh4.js.map

package/dist/UdpFormsSubmissionGrid-DesZibh4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpFormsSubmissionGrid-DesZibh4.js","names":["CustomMenuPage"],"sources":["../src/udp/pages/UdpFormsSubmissionGrid/UdpFormsSubmissionGrid.jsx"],"sourcesContent":["import React, {\n  useMemo,\n  useState,\n  useEffect,\n  useCallback,\n  useRef\n} from 'react';\nimport { useUser } from '../../../utilities/auth/useUser';\nimport { useTenant } from '../../../utilities/tenant/useTenant';\nimport { useHistory } from 'react-router-dom';\nimport { useSnackbar } from 'notistack';\nimport { CustomMenuPage } from '../../../menuPage';\nimport { useTranslation } from 'react-i18next';\nimport { apiMutate } from '../../../utilities';\nimport { ConfigService } from '../../../configService';\nimport { SearchMethodUdpGrid } from '../../../UI/templates/newGrid';\nimport { LoadingIndicator } from '../../../UI/loading/LoadingIndicator';\nimport { UdpPageEnums } from '../../../enums';\nimport { StatusCellRenderer } from '../../../UI/templates/ui/renderers';\nimport { UdpSideSheet } from 'udp-react-stencil-component-library';\nimport { SelectableList } from 'udp-react-stencil-component-library';\nimport { UdpSelector } from 'udp-react-stencil-component-library';\n\nconst UdpFormsSubmissionStatusEnum = Object.freeze({\n  InProgress: 1,\n  Submitted: 2,\n  Created: 3\n});\n\nconst dateFormatter = (dateString) =>\n  new Date(dateString).toLocaleString(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    hour12: true\n  });\n\nexport const UdpFormsSubmissionGrid = ({ isManagerMode = false }) => {\n  const user = useUser();\n  const tenant = useTenant();\n  const history = useHistory();\n  const { t } = useTranslation();\n  const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n  const [innerMenuItemList, setInnerMenuItemList] = useState([]);\n  const [formSubmissionViewDataRaw, setFormSubmissionViewDataRaw] = useState(\n    []\n  );\n  const [formDataRaw, setFormDataRaw] = useState([]);\n  const [isSidesheetOpen, setIsSidesheetOpen] = useState(false);\n  const [selectedFormValue, setSelectedFormValue] = useState('');\n\n  const selectorRef = useRef(null);\n\n  const pendingNavRef = useRef(null);\n  const handleSideSheetClosed = () => {\n    setIsSidesheetOpen(false);\n  };\n\n  const consolidateAndSortFormSubmissionsByFormId = useCallback(\n    (submissions) => {\n      const resultMap = new Map();\n      for (const item of submissions) {\n        const {\n          formSubmission_FormId: formId,\n          formSubmission_FormVersion: formVersion,\n          form_Name: formName,\n          form_Description: formDescription,\n          formSubmission_InitialCreatedOn: initialCreatedOn\n        } = item;\n        if (!formId || formVersion == null) continue;\n\n        const key = `${formId}`;\n        const existing = resultMap.get(key);\n\n        // normalize version and timestamp\n        const versionNum = Number(formVersion) || 0;\n        const ts = initialCreatedOn ? new Date(initialCreatedOn).getTime() : 0;\n\n        if (!existing) {\n          resultMap.set(key, {\n            id: key,\n            formId,\n            formVersion: versionNum,\n            name: formName || t('Untitled Form'),\n            submissionCount: 1,\n            description: formDescription || '',\n            mostRecentCreatedOn: ts\n          });\n        } else {\n          existing.submissionCount += 1;\n          existing.mostRecentCreatedOn = Math.max(\n            existing.mostRecentCreatedOn || 0,\n            ts\n          );\n\n          // keep metadata (name/description/formVersion) from the highest version seen\n          if (versionNum > (existing.formVersion || 0)) {\n            existing.formVersion = versionNum;\n            if (formName) existing.name = formName;\n            if (formDescription) existing.description = formDescription;\n          }\n        }\n      }\n\n      const sortedOptions = Array.from(resultMap.values()).sort(\n        (a, b) => b.mostRecentCreatedOn - a.mostRecentCreatedOn\n      );\n      return sortedOptions;\n    },\n    [t]\n  );\n\n  const fetchSubmissions = useCallback(async () => {\n    try {\n      const filterElements = [];\n\n      filterElements.push({\n        searchField: 'Form_TenantId',\n        searchOperator: '=',\n        searchValue: tenant.activeTenant.tenantId\n      });\n\n      if (!isManagerMode) {\n        filterElements.push({\n          searchField: 'FormSubmission_UnityUserId',\n          searchOperator: '=',\n          searchValue: user.id\n        });\n      }\n\n      const formSubmissionViewSearchResponse = await apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpFormWithSubmissionsView/search`,\n        {\n          method: 'POST',\n          data: {\n            eagerLoad: false,\n            getAll: true,\n            filterElements\n          }\n        },\n        {}\n      );\n\n      const submissions = formSubmissionViewSearchResponse?.data.pageList || [];\n      setFormSubmissionViewDataRaw(submissions);\n    } catch (e) {\n      console.error('fetchSubmissions error:', e);\n    }\n  }, [\n    user,\n    tenant,\n    isManagerMode,\n    consolidateAndSortFormSubmissionsByFormId,\n    t\n  ]);\n\n  const fetchForms = useCallback(async () => {\n    try {\n      const filterElements = [];\n\n      filterElements.push({\n        searchField: 'tenantId',\n        searchOperator: '=',\n        searchValue: tenant.activeTenant.tenantId\n      });\n\n      const formResponse = await apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpForm/search`,\n        {\n          method: 'POST',\n          data: {\n            eagerLoad: false,\n            getAll: true,\n            filterElements\n          }\n        },\n        {}\n      );\n\n      const forms = formResponse?.data.pageList || [];\n      setFormDataRaw(forms);\n    } catch (e) {\n      console.error('fetchForms error:', e);\n    }\n  }, [user, tenant, consolidateAndSortFormSubmissionsByFormId]);\n\n  const parseIdAndVersion = useCallback((input) => {\n    const formSubmissionId = input.replace(/^form-submission-/, '');\n    // Check for \"all forms\" special case\n    if (formSubmissionId.includes('all-forms-key')) {\n      return null;\n    }\n    return formSubmissionId;\n  }, []);\n\n  const getSearchMethodConfig = useCallback(\n    (formId) => {\n      const filterElements = [];\n\n      if (!isManagerMode) {\n        filterElements.push({\n          searchField: 'formSubmission_unityUserId',\n          searchOperator: '=',\n          searchValue: user.id || ''\n        });\n      }\n\n      if (formId) {\n        filterElements.push({\n          searchField: 'formSubmission_formId',\n          searchOperator: '=',\n          searchValue: formId\n        });\n        // filterElements.push({\n        //   searchField: 'formSubmission_formVersion',\n        //   searchOperator: '=',\n        //   searchValue: formVersion\n        // });\n      }\n\n      return {\n        requestUrl: `${ConfigService.productV1ApiUrl}/UdpFormWithSubmissionsView/search`,\n        customSearchObject: {\n          eagerLoad: false,\n          filterElements,\n          orderElements: [\n            {\n              sortColumn: 'initialCreatedOn',\n              sortDirection: 'DESC'\n            }\n          ]\n        }\n        // logicalSearchOperator: 1,\n        // groupingType: '',\n        // groupProperty: [],\n        // groupOperationList: [],\n        // type: 'advanced',\n        // pageNumber: 1,\n        // pageSize: 20,\n      };\n    },\n    [user, isManagerMode]\n  );\n\n  const getGridHeaderConfig = useCallback(\n    (formId, formVersion, formTitle) => {\n      const config = {\n        title: formTitle\n      };\n\n      config.primaryActionButton = {\n        label: t('Submit New Form'),\n        onClick: () => {\n          // Only show submit button when we have a specific form id and version\n          if (formId && formVersion) {\n            history.push(\n              `/page/${UdpPageEnums.Udp_Form_Renderer_Page}?udpf_formId=${formId}&udpf_version=${formVersion}`\n            );\n          } else {\n            setIsSidesheetOpen(true);\n          }\n        }\n      };\n\n      return config;\n    },\n    [history, t]\n  );\n\n  const getGridOptions = useCallback(() => {\n    return {\n      pagination: true,\n      defaultColDef: {\n        sortable: true,\n        filter: true,\n        resizable: true\n      }\n    };\n  }, []);\n\n  const getStatus = useMemo(() => {\n    return {\n      Created: 'info',\n      InProgress: 'warning',\n      Submitted: 'success',\n      Overdue: 'error'\n    };\n  }, []);\n\n  const getSubmissionStatusLabel = (node) => {\n    const formStatus = node?.data?.formSubmission_Status;\n    const dueDateRaw = node?.data?.formSubmission_DueDate;\n\n    // overdue check\n    if (dueDateRaw && formStatus != UdpFormsSubmissionStatusEnum.Submitted) {\n      const dueTs = Date.parse(String(dueDateRaw));\n      if (!Number.isNaN(dueTs) && Date.now() > dueTs) return 'Overdue';\n    }\n\n    switch (formStatus) {\n      case UdpFormsSubmissionStatusEnum.InProgress:\n        return 'InProgress';\n      case UdpFormsSubmissionStatusEnum.Created:\n        return 'Created';\n      case UdpFormsSubmissionStatusEnum.Submitted:\n        return 'Submitted';\n      default:\n        return 'Unknown';\n    }\n  };\n\n  const columnDefs = useMemo(\n    () => [\n      { headerName: 'Form ID', field: 'formSubmission_FormId', hide: true },\n      {\n        headerName: t('Form Name'),\n        field: 'form_Name',\n        sortable: true\n      },\n      {\n        headerName: t('Form Version'),\n        field: 'formSubmission_FormVersion',\n        hide: false\n      },\n      {\n        headerName: t('Description'),\n        field: 'form_Description',\n        sortable: true\n      },\n      {\n        headerName: t('Submitted By'),\n        field: 'formSubmission_UserDisplayName'\n      },\n      {\n        headerName: 'Form Status',\n        // filter: true,\n        field: 'formSubmission_Status',\n        cellRenderer: 'statusRenderer',\n        cellRendererParams: {\n          statusMappingConfig: getStatus,\n          getStatusValue: getSubmissionStatusLabel\n        }\n      },\n      {\n        headerName: t('Created On'),\n        field: 'formSubmission_InitialCreatedOn',\n        valueFormatter: (p) => (p.value ? dateFormatter(p.value) : ''),\n        sortable: true\n      },\n      {\n        headerName: t('Last Modified On'),\n        field: 'formSubmission_LastModifiedOn',\n        valueFormatter: (p) => (p.value ? dateFormatter(p.value) : ''),\n        sortable: true\n      },\n      {\n        headerName: t('Submitted On'),\n        field: 'formSubmission_SubmittedOn',\n        valueFormatter: (p) => (p.value ? dateFormatter(p.value) : ''),\n        sortable: true\n      },\n      {\n        headerName: t('Due On'),\n        field: 'formSubmission_DueDate',\n        valueFormatter: (p) => (p.value ? dateFormatter(p.value) : ''),\n        sortable: true\n      },\n      {\n        field: 'actions',\n        cellRenderer: 'actionsRenderer',\n        cellRendererParams: {\n          actionList: [\n            {\n              id: 0,\n              iconName: 'view',\n              title: t('Open This Submission'),\n              handleOnClick: (e, params) => {\n                history.push(\n                  `/page/${UdpPageEnums.Udp_Form_Renderer_Page}?udpf_submissionId=${params?.data?.formSubmission_Id}`\n                );\n              }\n            }\n          ]\n        }\n      }\n    ],\n    [history, t]\n  );\n\n  const gridFunctions = useMemo(\n    () => [\n      { name: 'agGridSizeColumnsToFit' },\n      { name: 'agGridAutoSizeColumns' },\n      { name: 'agGridResetColumns' },\n      { name: 'agGridHideShowColumns' }\n    ],\n    []\n  );\n\n  const handleSidesheetPrimaryClick = useCallback(() => {\n    // selectedFormValue format is \"formId|formVersion\"\n    const raw = selectedFormValue || '';\n    const [id, versionStr] = raw.split('|');\n    const version = Number(versionStr || 0);\n    if (!id || !version) {\n      console.warn('Invalid selection:', selectedFormValue);\n      setIsSidesheetOpen(false);\n      return;\n    }\n\n    history.push(\n      `/page/${\n        UdpPageEnums.Udp_Form_Renderer_Page\n      }?udpf_formId=${encodeURIComponent(id)}&udpf_version=${version}`\n    );\n\n    // schedule navigation after sheet closes to ensure Stencil cleans up its portal DOM\n    pendingNavRef.current = { id, version };\n    setIsSidesheetOpen(false);\n  }, [selectedFormValue, formDataRaw, history]);\n\n  // prepare items for SelectableList (normalize keys)\n  const selectableItems = useMemo(() => {\n    const map = new Map();\n\n    for (const f of formDataRaw || []) {\n      const formType = f.form_Type ?? f.formType ?? f.type;\n      if (Number(formType) !== 1) continue;\n\n      const formId = f.id ?? f.form_Id ?? f.formId ?? String(f?.Id ?? '');\n      const version = Number(f.version ?? f.form_Version ?? f.formVersion ?? 0);\n      const name =\n        f.name ??\n        f.form_Name ??\n        f.formName ??\n        f.Form_Name ??\n        f.displayName ??\n        t('Untitled Form');\n      const description = f.description ?? f.form_Description ?? '';\n\n      const existing = map.get(formId);\n      if (!existing || version > existing.version) {\n        map.set(formId, { id: formId, name, version, description });\n      }\n    }\n\n    return Array.from(map.values()).sort((a, b) => b.version - a.version);\n  }, [formDataRaw, t]);\n\n  const selectorOptions = useMemo(() => {\n    return (selectableItems || []).map((s) => ({\n      value: `${s.id}|${s.version}`,\n      label: s.version ? `${s.name} (v${s.version})` : s.name\n    }));\n  }, [selectableItems]);\n\n  // attach stencil custom event listeners only while sidesheet is open\n  useEffect(() => {\n    const el = selectorRef.current;\n    if (!el || !isSidesheetOpen) return;\n\n    const onChange = (e) => {\n      const val = e?.detail ?? (e?.target && e.target.value) ?? '';\n      setSelectedFormValue(val || '');\n    };\n\n    el.addEventListener('change', onChange);\n    el.addEventListener('input', onChange);\n\n    // keep selector controlled-ish by syncing value -> element.value\n    if (selectedFormValue) el.value = selectedFormValue;\n\n    return () => {\n      el.removeEventListener('change', onChange);\n      el.removeEventListener('input', onChange);\n    };\n  }, [selectorRef, selectorOptions, isSidesheetOpen, selectedFormValue]);\n\n  const getMainGridContent = ({\n    selectedNode,\n    menuItemsList,\n    idMap,\n    classes\n  }) => {\n    if (!selectedNode) {\n      return <LoadingIndicator />;\n    }\n    const formId = parseIdAndVersion(selectedNode.id);\n    // const formId = selectedNode.id;\n    const found = innerMenuItemList.find((form) => form.formId == formId);\n    const formTitle = `${found?.name}` || 'Unknown Form';\n    const newestFormVersion = formDataRaw\n      .filter((formObj) => formObj.id == formId)\n      .reduce((acc, curr) => {\n        return Math.max(acc, curr.version);\n      }, 0);\n\n    return (\n      <>\n        <UdpSideSheet\n          open={isSidesheetOpen}\n          title={t('Submit New Form')}\n          position='right'\n          width={'md'}\n          primaryButtonLabel={t('Next')}\n          primaryButtonDisabled={!selectedFormValue}\n          onUdpPrimaryButtonClick={handleSidesheetPrimaryClick}\n          onUdpSideSheetClose={handleSideSheetClosed}\n        >\n          {isSidesheetOpen && (\n            <UdpSelector\n              ref={selectorRef}\n              options={selectorOptions}\n              initialValue={selectedFormValue}\n              multiSelect={false}\n              label={t('Select a Form')}\n            />\n          )}\n        </UdpSideSheet>\n        <SearchMethodUdpGrid\n          searchMethodConfig={getSearchMethodConfig(formId)}\n          columnDefs={columnDefs}\n          gridOptions={getGridOptions()}\n          gridHeaderConfig={getGridHeaderConfig(\n            formId,\n            newestFormVersion,\n            formTitle\n          )}\n          gridFunctions={gridFunctions}\n        />\n      </>\n    );\n  };\n\n  useEffect(() => {\n    (async () => {\n      await fetchSubmissions();\n      await fetchForms();\n    })();\n  }, [fetchSubmissions, fetchForms]);\n\n  // derive menu items from fetched submissions (separate effect to avoid refetch loop)\n  useEffect(() => {\n    const resultArray = consolidateAndSortFormSubmissionsByFormId(\n      formSubmissionViewDataRaw || []\n    );\n\n    resultArray.unshift({\n      id: 'all-forms-key',\n      name: t(\n        isManagerMode ? 'All Form Submissions' : 'All My Form Submissions'\n      ),\n      submissionCount: formSubmissionViewDataRaw?.length || 0\n    });\n    setInnerMenuItemList(resultArray);\n  }, [\n    formSubmissionViewDataRaw,\n    isManagerMode,\n    consolidateAndSortFormSubmissionsByFormId,\n    t\n  ]);\n\n  const handleSelectableChange = useCallback(\n    (value) => {\n      setSelectedFormValue(value || '');\n    },\n    [setSelectedFormValue]\n  );\n\n  return (\n    <div>\n      <CustomMenuPage\n        menuTitle={t('Forms')}\n        items={innerMenuItemList}\n        idPrefix='form-submission'\n        showItemCount={true}\n        itemCountAccessor={(item) => item?.submissionCount ?? 0}\n        mainContent={({ selectedNode, menuItemsList, idMap, classes }) => {\n          return (\n            <div>\n              {getMainGridContent({\n                selectedNode,\n                menuItemsList,\n                idMap,\n                classes\n              })}\n            </div>\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}