udp-react-enterprise-component-library 26.5.0-beta.2 → 26.5.0-beta.21

package/dist/udp/pages/UdpQuestionFormOverviewPage/UdpQuestionFormOverviewPage.mjs

@@ -0,0 +1,452 @@
+import { ConfigService } from "../../../configService/index.mjs";
+import { apiMutate } from "../../../utilities/useAxiosMutate.mjs";
+import { UdpTablist } from "../../../UI/fluent-web-components/UdpTablist.mjs";
+import { useTenant } from "../../../utilities/tenant/useTenant.mjs";
+import { UdpBadge } from "../../../UI/fluent-web-components/UdpBadge.mjs";
+import { UdpCard } from "../../../UI/fluent-web-components/UdpCard.mjs";
+import { UdpCounterBadge } from "../../../UI/fluent-web-components/UdpCounterBadge.mjs";
+import { UdpPrimaryActionHeader } from "../../../UI/fluent-web-components/UdpPrimaryActionHeader.mjs";
+import { UdpTabPanel } from "../../../UI/navigation/tabs/UdpTabPanel.mjs";
+import { ClientSideUdpGrid } from "../../../UI/templates/newGrid/ClientSideUdpGrid.mjs";
+import SubmissionAttachmentsDrawer from "./SubmissionAttachmentsDrawer.mjs";
+import { downloadSubmissionReport } from "./submissionReportDownload.mjs";
+import { OverviewTab } from "./OverviewTab.mjs";
+import { QuestionsTab } from "./QuestionsTab.mjs";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useSnackbar } from "notistack";
+import { useHistory, useLocation } from "react-router-dom";
+//#region src/udp/pages/UdpQuestionFormOverviewPage/UdpQuestionFormOverviewPage.jsx
+const SUBMISSION_STATUS = {
+	IN_PROGRESS: 1,
+	SUBMITTED: 2,
+	CREATED: 3
+};
+const pageStyle = { padding: "16px 24px 32px" };
+const formatDate = (value) => value ? new Date(value).toLocaleString() : "";
+const SUBMISSION_STATUS_LABEL = {
+	[SUBMISSION_STATUS.SUBMITTED]: "Submitted",
+	[SUBMISSION_STATUS.IN_PROGRESS]: "InProgress",
+	[SUBMISSION_STATUS.CREATED]: "Created"
+};
+const TAB_IDS = {
+	overview: "overview",
+	submissions: "submissions",
+	questions: "questions",
+	versions: "versions"
+};
+const VALID_TAB_IDS = new Set(Object.values(TAB_IDS));
+const parseDescribeLite = (raw) => {
+	if (!raw) return null;
+	const sectionsRaw = Array.isArray(raw.udpFormUdpFormSection) ? raw.udpFormUdpFormSection : [];
+	const questionsRaw = Array.isArray(raw.formQuestions) ? raw.formQuestions : [];
+	const sectionsSorted = [...sectionsRaw].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+	const qBySectionId = /* @__PURE__ */ new Map();
+	for (const q of questionsRaw) {
+		if (!q.formSectionId) continue;
+		const list = qBySectionId.get(q.formSectionId) ?? [];
+		list.push(q);
+		qBySectionId.set(q.formSectionId, list);
+	}
+	for (const list of qBySectionId.values()) list.sort((a, b) => (a.questionOrder ?? 0) - (b.questionOrder ?? 0));
+	return {
+		name: raw.name,
+		version: raw.version,
+		sections: sectionsSorted.map((s) => ({
+			id: s.id,
+			name: s.name,
+			title: s.title,
+			order: s.order,
+			questions: qBySectionId.get(s.id) ?? []
+		}))
+	};
+};
+const UdpQuestionFormOverviewPage = ({ formId, onBack }) => {
+	const history = useHistory();
+	const location = useLocation();
+	const tenantId = useTenant()?.activeTenant?.tenantId;
+	const { enqueueSnackbar } = useSnackbar();
+	const reportDownloadInProgressRef = useRef(false);
+	const [reportDownloadInProgress, setReportDownloadInProgress] = useState(false);
+	const [versions, setVersions] = useState([]);
+	const [submissions, setSubmissions] = useState([]);
+	const [schema, setSchema] = useState(null);
+	const [versionsLoading, setVersionsLoading] = useState(false);
+	const [submissionsLoading, setSubmissionsLoading] = useState(false);
+	const [schemaLoading, setSchemaLoading] = useState(false);
+	const [attachmentsDrawerOpen, setAttachmentsDrawerOpen] = useState(false);
+	const [attachmentsSubmissionId, setAttachmentsSubmissionId] = useState(null);
+	const activeTabId = useMemo(() => {
+		const t = new URLSearchParams(location.search).get("tab");
+		return t && VALID_TAB_IDS.has(t) ? t : TAB_IDS.overview;
+	}, [location.search]);
+	const fetchVersions = useCallback(async () => {
+		if (!formId || !tenantId) return;
+		setVersionsLoading(true);
+		try {
+			setVersions((await apiMutate(ConfigService.productV1ApiUrl, "UdpForm/search", {
+				method: "POST",
+				data: {
+					eagerLoad: false,
+					getAll: true,
+					filterElements: [{
+						searchField: "tenantId",
+						searchOperator: "=",
+						searchValue: tenantId
+					}, {
+						searchField: "id",
+						searchOperator: "=",
+						searchValue: formId
+					}],
+					orderElements: [{
+						sortColumn: "Version",
+						sortDirection: "DESC"
+					}]
+				}
+			}))?.data?.pageList ?? []);
+		} catch (err) {
+			console.error("Failed to load form versions", err);
+			setVersions([]);
+		} finally {
+			setVersionsLoading(false);
+		}
+	}, [formId, tenantId]);
+	const fetchSchema = useCallback(async () => {
+		if (!formId) return;
+		setSchemaLoading(true);
+		try {
+			setSchema(parseDescribeLite((await apiMutate(ConfigService.productV1ApiUrl, `UdpForm/${formId}/describe`, { method: "GET" }))?.data ?? null));
+		} catch (err_0) {
+			console.error("Failed to load form schema", err_0);
+			setSchema(null);
+		} finally {
+			setSchemaLoading(false);
+		}
+	}, [formId]);
+	const fetchSubmissions = useCallback(async () => {
+		if (!formId || !tenantId) return;
+		setSubmissionsLoading(true);
+		try {
+			setSubmissions((await apiMutate(ConfigService.productV1ApiUrl, "UdpFormWithSubmissionsView/search", {
+				method: "POST",
+				data: {
+					eagerLoad: false,
+					getAll: true,
+					filterElements: [{
+						searchField: "formSubmission_formId",
+						searchOperator: "=",
+						searchValue: formId
+					}, {
+						searchField: "form_tenantId",
+						searchOperator: "=",
+						searchValue: tenantId
+					}],
+					orderElements: [{
+						sortColumn: "formSubmission_LastModifiedOn",
+						sortDirection: "DESC"
+					}]
+				}
+			}))?.data?.pageList ?? []);
+		} catch (err_1) {
+			console.error("Failed to load form submissions", err_1);
+			setSubmissions([]);
+		} finally {
+			setSubmissionsLoading(false);
+		}
+	}, [formId, tenantId]);
+	useEffect(() => {
+		fetchVersions();
+		fetchSubmissions();
+		fetchSchema();
+	}, [
+		fetchVersions,
+		fetchSubmissions,
+		fetchSchema
+	]);
+	const latest = versions[0];
+	const latestVersion = latest?.version;
+	const formName = latest?.name;
+	const headerSecondaryActions = useMemo(() => {
+		const actions = [{
+			label: "Open builder",
+			iconName: "edit",
+			iconOnly: true,
+			onClick: () => history.push(`/forms/${formId}/builder`)
+		}, {
+			label: "Open private form",
+			iconName: "eye",
+			iconOnly: true,
+			onClick: () => history.push(`/forms/${formId}`)
+		}];
+		if (onBack) actions.unshift({
+			label: "Back to Form Templates",
+			onClick: onBack
+		});
+		return actions;
+	}, [
+		history,
+		formId,
+		onBack
+	]);
+	const submissionStatusMappingConfig = useMemo(() => ({
+		Submitted: "success",
+		InProgress: "warning",
+		Created: "info"
+	}), []);
+	const submissionsColumnDefs = useMemo(() => [
+		{
+			headerName: "Name",
+			field: "form_Name",
+			sortable: true,
+			flex: 1,
+			minWidth: 160
+		},
+		{
+			headerName: "Version",
+			field: "formSubmission_FormVersion",
+			sortable: true,
+			width: 110
+		},
+		{
+			headerName: "Submitted By",
+			field: "formSubmission_UserDisplayName",
+			sortable: true,
+			flex: 1,
+			minWidth: 160
+		},
+		{
+			headerName: "Status",
+			field: "formSubmission_Status",
+			sortable: true,
+			cellRenderer: "statusRenderer",
+			cellRendererParams: {
+				statusMappingConfig: submissionStatusMappingConfig,
+				getStatusValue: (params) => SUBMISSION_STATUS_LABEL[params?.data?.formSubmission_Status] ?? ""
+			}
+		},
+		{
+			headerName: "Last Modified",
+			field: "formSubmission_LastModifiedOn",
+			sortable: true,
+			valueFormatter: (p) => formatDate(p.value)
+		},
+		{
+			field: "actions",
+			cellRenderer: "actionsRenderer",
+			cellRendererParams: { actionList: [
+				{
+					id: 1,
+					iconName: "eye",
+					title: "Open submission",
+					handleOnClick: (_e, params_0) => {
+						const row = params_0?.data;
+						const id = row?.formSubmission_Id;
+						if (!id) return;
+						const rowFormId = row?.formSubmission_FormId ?? formId;
+						history.push(`/forms/${rowFormId}/submissions/${id}`);
+					}
+				},
+				{
+					id: 2,
+					iconName: "attach",
+					title: "View attachments",
+					handleOnClick: (_e_0, params_1) => {
+						const id_0 = params_1?.data?.formSubmission_Id;
+						if (!id_0) return;
+						setAttachmentsSubmissionId(id_0);
+						setAttachmentsDrawerOpen(true);
+					}
+				},
+				{
+					id: 3,
+					iconName: "documentPdf",
+					title: "Download report",
+					checkDisabled: () => reportDownloadInProgress,
+					handleOnClick: async (_e_1, params_2) => {
+						const row_0 = params_2?.data;
+						if (!row_0?.formSubmission_Id) return;
+						if (reportDownloadInProgressRef.current) return;
+						reportDownloadInProgressRef.current = true;
+						setReportDownloadInProgress(true);
+						try {
+							await downloadSubmissionReport(row_0);
+						} catch (error) {
+							console.error("Error downloading report:", error);
+							enqueueSnackbar("Error downloading report", {
+								variant: "error",
+								anchorOrigin: {
+									vertical: "top",
+									horizontal: "center"
+								}
+							});
+						} finally {
+							reportDownloadInProgressRef.current = false;
+							setReportDownloadInProgress(false);
+						}
+					}
+				}
+			] }
+		}
+	], [
+		submissionStatusMappingConfig,
+		history,
+		formId,
+		reportDownloadInProgress,
+		enqueueSnackbar
+	]);
+	const submissionsGridFunctions = useMemo(() => [{ name: "quickFilter" }], []);
+	const submissionsGridOptions = useMemo(() => ({
+		pagination: true,
+		defaultColDef: {
+			sortable: true,
+			filter: true,
+			resizable: true
+		}
+	}), []);
+	const versionsColumnDefs = useMemo(() => [
+		{
+			headerName: "Version",
+			field: "version",
+			sortable: true,
+			sort: "desc",
+			width: 110
+		},
+		{
+			headerName: "Name",
+			field: "name",
+			sortable: true,
+			flex: 1,
+			minWidth: 200
+		},
+		{
+			headerName: "Created",
+			field: "initialCreatedOn",
+			sortable: true,
+			valueFormatter: (p_0) => formatDate(p_0.value),
+			minWidth: 180
+		},
+		{
+			headerName: "Last Modified",
+			field: "lastModifiedOn",
+			sortable: true,
+			valueFormatter: (p_1) => formatDate(p_1.value),
+			minWidth: 180
+		},
+		{
+			field: "actions",
+			cellRenderer: "actionsRenderer",
+			cellRendererParams: { actionList: [{
+				id: 1,
+				iconName: "edit",
+				title: "Open in builder",
+				handleOnClick: (_e_2, params_3) => {
+					const version = params_3?.data?.version;
+					if (version == null) return;
+					history.push(`/forms/${formId}/builder?v=${version}`);
+				}
+			}] }
+		}
+	], [history, formId]);
+	const tabList = useMemo(() => [
+		{
+			id: TAB_IDS.overview,
+			label: "Overview"
+		},
+		{
+			id: TAB_IDS.submissions,
+			label: "Submissions"
+		},
+		{
+			id: TAB_IDS.questions,
+			label: "Questions"
+		},
+		{
+			id: TAB_IDS.versions,
+			label: "Versions"
+		}
+	], []);
+	const handleTabChange = useCallback((e) => {
+		const nextId = e?.detail ?? e;
+		if (!VALID_TAB_IDS.has(nextId)) return;
+		const search = new URLSearchParams(location.search);
+		if (nextId === TAB_IDS.overview) search.delete("tab");
+		else search.set("tab", nextId);
+		const qs = search.toString();
+		history.replace(`${location.pathname}${qs ? `?${qs}` : ""}`);
+	}, [
+		history,
+		location.pathname,
+		location.search
+	]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(UdpPrimaryActionHeader, {
+		title: formName ?? "Form Overview",
+		secondaryActions: headerSecondaryActions
+	}, latestVersion != null && /* @__PURE__ */ React.createElement(UdpBadge, {
+		slot: "inline",
+		appearance: "filled",
+		color: "brand",
+		size: "medium"
+	}, `latest v${latestVersion}`), /* @__PURE__ */ React.createElement("div", { slot: "toolbar" }, /* @__PURE__ */ React.createElement(UdpTablist, {
+		tabList,
+		activeId: activeTabId,
+		onTabChange: handleTabChange
+	}, /* @__PURE__ */ React.createElement(UdpCounterBadge, {
+		slot: "submissions-end",
+		size: "small",
+		color: "informative",
+		count: submissions.length
+	}), /* @__PURE__ */ React.createElement(UdpCounterBadge, {
+		slot: "versions-end",
+		size: "small",
+		color: "informative",
+		count: versions.length
+	})))), /* @__PURE__ */ React.createElement("div", { style: pageStyle }, /* @__PURE__ */ React.createElement(UdpTabPanel, {
+		value: activeTabId,
+		id: TAB_IDS.overview
+	}, /* @__PURE__ */ React.createElement(OverviewTab, {
+		submissions,
+		versions,
+		submissionsLoading,
+		onOpenSubmission: (row_1) => {
+			const id_1 = row_1?.formSubmission_Id;
+			if (!id_1) return;
+			const rowFormId_0 = row_1?.formSubmission_FormId ?? formId;
+			history.push(`/forms/${rowFormId_0}/submissions/${id_1}`);
+		},
+		onTabRequest: (tabId) => handleTabChange(tabId)
+	})), /* @__PURE__ */ React.createElement(UdpTabPanel, {
+		value: activeTabId,
+		id: TAB_IDS.submissions
+	}, /* @__PURE__ */ React.createElement(UdpCard, { bodyPadding: false }, /* @__PURE__ */ React.createElement(ClientSideUdpGrid, {
+		rowData: submissions,
+		loading: submissionsLoading,
+		columnDefs: submissionsColumnDefs,
+		gridFunctions: submissionsGridFunctions,
+		gridOptions: submissionsGridOptions
+	}))), /* @__PURE__ */ React.createElement(UdpTabPanel, {
+		value: activeTabId,
+		id: TAB_IDS.questions
+	}, /* @__PURE__ */ React.createElement(QuestionsTab, {
+		submissions,
+		schema,
+		versions,
+		submissionsLoading,
+		schemaLoading
+	})), /* @__PURE__ */ React.createElement(UdpTabPanel, {
+		value: activeTabId,
+		id: TAB_IDS.versions
+	}, /* @__PURE__ */ React.createElement(ClientSideUdpGrid, {
+		rowData: versions,
+		loading: versionsLoading,
+		columnDefs: versionsColumnDefs,
+		gridFunctions: submissionsGridFunctions,
+		gridOptions: submissionsGridOptions
+	}))), /* @__PURE__ */ React.createElement(SubmissionAttachmentsDrawer, {
+		open: attachmentsDrawerOpen,
+		submissionId: attachmentsSubmissionId,
+		onClose: () => setAttachmentsDrawerOpen(false)
+	}));
+};
+//#endregion
+export { UdpQuestionFormOverviewPage as default };
+
+//# sourceMappingURL=UdpQuestionFormOverviewPage.mjs.map

package/dist/udp/pages/UdpQuestionFormOverviewPage/UdpQuestionFormOverviewPage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpQuestionFormOverviewPage.mjs","names":["React","useCallback","useEffect","useMemo","useRef","useState","useHistory","useLocation","useSnackbar","UdpBadge","UdpCard","UdpCounterBadge","UdpTablist","UdpPrimaryActionHeader","UdpTabPanel","ClientSideUdpGrid","ConfigService","apiMutate","useTenant","SubmissionAttachmentsDrawer","downloadSubmissionReport","OverviewTab","QuestionsTab","SUBMISSION_STATUS","IN_PROGRESS","SUBMITTED","CREATED","pageStyle","padding","formatDate","value","Date","toLocaleString","SUBMISSION_STATUS_LABEL","TAB_IDS","overview","submissions","questions","versions","VALID_TAB_IDS","Set","Object","values","parseDescribeLite","raw","sectionsRaw","Array","isArray","udpFormUdpFormSection","questionsRaw","formQuestions","sectionsSorted","sort","a","b","order","qBySectionId","Map","q","formSectionId","list","get","push","set","questionOrder","name","version","sections","map","s","id","title","UdpQuestionFormOverviewPage","formId","onBack","history","location","tenant","tenantId","activeTenant","enqueueSnackbar","reportDownloadInProgressRef","reportDownloadInProgress","setReportDownloadInProgress","setVersions","setSubmissions","schema","setSchema","versionsLoading","setVersionsLoading","submissionsLoading","setSubmissionsLoading","schemaLoading","setSchemaLoading","attachmentsDrawerOpen","setAttachmentsDrawerOpen","attachmentsSubmissionId","setAttachmentsSubmissionId","activeTabId","t","URLSearchParams","search","has","fetchVersions","response","productV1ApiUrl","method","data","eagerLoad","getAll","filterElements","searchField","searchOperator","searchValue","orderElements","sortColumn","sortDirection","pageList","err","console","error","fetchSchema","fetchSubmissions","latest","latestVersion","formName","headerSecondaryActions","actions","label","iconName","iconOnly","onClick","unshift","submissionStatusMappingConfig","Submitted","InProgress","Created","submissionsColumnDefs","headerName","field","sortable","flex","minWidth","width","cellRenderer","cellRendererParams","statusMappingConfig","getStatusValue","params","formSubmission_Status","valueFormatter","p","actionList","handleOnClick","_e","row","formSubmission_Id","rowFormId","formSubmission_FormId","checkDisabled","current","variant","anchorOrigin","vertical","horizontal","submissionsGridFunctions","submissionsGridOptions","pagination","defaultColDef","filter","resizable","versionsColumnDefs","tabList","handleTabChange","e","nextId","detail","delete","qs","toString","replace","pathname","length","tabId"],"sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/UdpQuestionFormOverviewPage.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useHistory, useLocation } from 'react-router-dom';\nimport { useSnackbar } from 'notistack';\nimport {\n  UdpBadge,\n  UdpCard,\n  UdpCounterBadge,\n  UdpTablist,\n  UdpPrimaryActionHeader,\n} from '../../../UI/fluent-web-components';\nimport { UdpTabPanel } from '../../../UI/navigation/tabs/UdpTabPanel';\nimport { ClientSideUdpGrid } from '../../../UI/templates/newGrid';\nimport { ConfigService } from '../../../configService';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { useTenant } from '../../../utilities/tenant/useTenant';\nimport { SubmissionAttachmentsDrawer } from './SubmissionAttachmentsDrawer';\nimport { downloadSubmissionReport } from './submissionReportDownload';\nimport { OverviewTab } from './OverviewTab';\nimport { QuestionsTab } from './QuestionsTab';\n\nconst SUBMISSION_STATUS = { IN_PROGRESS: 1, SUBMITTED: 2, CREATED: 3 };\n\nconst pageStyle = { padding: '16px 24px 32px' };\n\nconst formatDate = (value) => (value ? new Date(value).toLocaleString() : '');\n\nconst SUBMISSION_STATUS_LABEL = {\n  [SUBMISSION_STATUS.SUBMITTED]: 'Submitted',\n  [SUBMISSION_STATUS.IN_PROGRESS]: 'InProgress',\n  [SUBMISSION_STATUS.CREATED]: 'Created',\n};\n\nconst TAB_IDS = {\n  overview: 'overview',\n  submissions: 'submissions',\n  questions: 'questions',\n  versions: 'versions',\n};\n\nconst VALID_TAB_IDS = new Set(Object.values(TAB_IDS));\n\n// Parse the raw /UdpForm/:id/describe response into a thin {name, version,\n// sections: [{ id, name, title, order, questions: [...] }]} shape. The\n// OverviewTab needs sections + questions for the per-question completion\n// preview; the renderer's parseForm is heavier than necessary here.\nconst parseDescribeLite = (raw) => {\n  if (!raw) return null;\n  const sectionsRaw = Array.isArray(raw.udpFormUdpFormSection) ? raw.udpFormUdpFormSection : [];\n  const questionsRaw = Array.isArray(raw.formQuestions) ? raw.formQuestions : [];\n  const sectionsSorted = [...sectionsRaw].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));\n  const qBySectionId = new Map();\n  for (const q of questionsRaw) {\n    if (!q.formSectionId) continue;\n    const list = qBySectionId.get(q.formSectionId) ?? [];\n    list.push(q);\n    qBySectionId.set(q.formSectionId, list);\n  }\n  for (const list of qBySectionId.values()) {\n    list.sort((a, b) => (a.questionOrder ?? 0) - (b.questionOrder ?? 0));\n  }\n  return {\n    name: raw.name,\n    version: raw.version,\n    sections: sectionsSorted.map((s) => ({\n      id: s.id,\n      name: s.name,\n      title: s.title,\n      order: s.order,\n      questions: qBySectionId.get(s.id) ?? [],\n    })),\n  };\n};\n\nconst UdpQuestionFormOverviewPage = ({ formId, onBack }) => {\n  const history = useHistory();\n  const location = useLocation();\n  const tenant = useTenant();\n  const tenantId = tenant?.activeTenant?.tenantId;\n  const { enqueueSnackbar } = useSnackbar();\n\n  // Ref lock guards against rapid double-clicks before React re-renders; the\n  // state copy drives the action's disabled flag.\n  const reportDownloadInProgressRef = useRef(false);\n  const [reportDownloadInProgress, setReportDownloadInProgress] = useState(false);\n\n  const [versions, setVersions] = useState([]);\n  const [submissions, setSubmissions] = useState([]);\n  const [schema, setSchema] = useState(null);\n  const [versionsLoading, setVersionsLoading] = useState(false);\n  const [submissionsLoading, setSubmissionsLoading] = useState(false);\n  const [schemaLoading, setSchemaLoading] = useState(false);\n  const [attachmentsDrawerOpen, setAttachmentsDrawerOpen] = useState(false);\n  const [attachmentsSubmissionId, setAttachmentsSubmissionId] = useState(null);\n\n  // Tab state lives in the URL (`?tab=...`, alongside the manager's `?formid=`)\n  // so deep links land on the right tab and back/forward reflects tab changes.\n  const activeTabId = useMemo(() => {\n    const t = new URLSearchParams(location.search).get('tab');\n    return t && VALID_TAB_IDS.has(t) ? t : TAB_IDS.overview;\n  }, [location.search]);\n\n  const fetchVersions = useCallback(async () => {\n    if (!formId || !tenantId) return;\n    setVersionsLoading(true);\n    try {\n      const response = await apiMutate(\n        ConfigService.productV1ApiUrl,\n        'UdpForm/search',\n        {\n          method: 'POST',\n          data: {\n            eagerLoad: false,\n            getAll: true,\n            filterElements: [\n              { searchField: 'tenantId', searchOperator: '=', searchValue: tenantId },\n              { searchField: 'id', searchOperator: '=', searchValue: formId },\n            ],\n            orderElements: [{ sortColumn: 'Version', sortDirection: 'DESC' }],\n          },\n        }\n      );\n      setVersions(response?.data?.pageList ?? []);\n    } catch (err) {\n      console.error('Failed to load form versions', err);\n      setVersions([]);\n    } finally {\n      setVersionsLoading(false);\n    }\n  }, [formId, tenantId]);\n\n  const fetchSchema = useCallback(async () => {\n    if (!formId) return;\n    setSchemaLoading(true);\n    try {\n      // No `formVersion` → backend returns the latest. Same convention as\n      // the builder and the renderer.\n      const response = await apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpForm/${formId}/describe`,\n        { method: 'GET' },\n      );\n      setSchema(parseDescribeLite(response?.data ?? null));\n    } catch (err) {\n      console.error('Failed to load form schema', err);\n      setSchema(null);\n    } finally {\n      setSchemaLoading(false);\n    }\n  }, [formId]);\n\n  const fetchSubmissions = useCallback(async () => {\n    if (!formId || !tenantId) return;\n    setSubmissionsLoading(true);\n    try {\n      const response = await apiMutate(\n        ConfigService.productV1ApiUrl,\n        'UdpFormWithSubmissionsView/search',\n        {\n          method: 'POST',\n          data: {\n            eagerLoad: false,\n            getAll: true,\n            filterElements: [\n              { searchField: 'formSubmission_formId', searchOperator: '=', searchValue: formId },\n              { searchField: 'form_tenantId', searchOperator: '=', searchValue: tenantId },\n            ],\n            orderElements: [\n              { sortColumn: 'formSubmission_LastModifiedOn', sortDirection: 'DESC' },\n            ],\n          },\n        }\n      );\n      setSubmissions(response?.data?.pageList ?? []);\n    } catch (err) {\n      console.error('Failed to load form submissions', err);\n      setSubmissions([]);\n    } finally {\n      setSubmissionsLoading(false);\n    }\n  }, [formId, tenantId]);\n\n  useEffect(() => {\n    void fetchVersions();\n    void fetchSubmissions();\n    void fetchSchema();\n  }, [fetchVersions, fetchSubmissions, fetchSchema]);\n\n  const latest = versions[0];\n  const latestVersion = latest?.version;\n  const formName = latest?.name;\n\n  const headerSecondaryActions = useMemo(() => {\n    const actions = [\n      {\n        label: 'Open builder',\n        iconName: 'edit',\n        iconOnly: true,\n        // The top bar always opens the latest version. \"No `?v=` param\" is\n        // the canonical \"I'm on latest\" shape, so don't pin the version.\n        onClick: () => history.push(`/forms/${formId}/builder`),\n      },\n      {\n        label: 'Open private form',\n        iconName: 'eye',\n        iconOnly: true,\n        onClick: () => history.push(`/forms/${formId}`),\n      },\n    ];\n    // Embedded in the Form Templates manager: a way back to the list.\n    // Rendered as a labelled button — there's no back-arrow in the icon registry.\n    if (onBack) {\n      actions.unshift({ label: 'Back to Form Templates', onClick: onBack });\n    }\n    return actions;\n  }, [history, formId, onBack]);\n\n  const submissionStatusMappingConfig = useMemo(\n    () => ({ Submitted: 'success', InProgress: 'warning', Created: 'info' }),\n    []\n  );\n\n  const submissionsColumnDefs = useMemo(\n    () => [\n      {\n        headerName: 'Name',\n        field: 'form_Name',\n        sortable: true,\n        flex: 1,\n        minWidth: 160,\n      },\n      {\n        headerName: 'Version',\n        field: 'formSubmission_FormVersion',\n        sortable: true,\n        width: 110,\n      },\n      {\n        headerName: 'Submitted By',\n        field: 'formSubmission_UserDisplayName',\n        sortable: true,\n        flex: 1,\n        minWidth: 160,\n      },\n      {\n        headerName: 'Status',\n        field: 'formSubmission_Status',\n        sortable: true,\n        cellRenderer: 'statusRenderer',\n        cellRendererParams: {\n          statusMappingConfig: submissionStatusMappingConfig,\n          getStatusValue: (params) =>\n            SUBMISSION_STATUS_LABEL[params?.data?.formSubmission_Status] ?? '',\n        },\n      },\n      {\n        headerName: 'Last Modified',\n        field: 'formSubmission_LastModifiedOn',\n        sortable: true,\n        valueFormatter: (p) => formatDate(p.value),\n      },\n      {\n        field: 'actions',\n        cellRenderer: 'actionsRenderer',\n        cellRendererParams: {\n          actionList: [\n            {\n              id: 1,\n              iconName: 'eye',\n              title: 'Open submission',\n              handleOnClick: (_e, params) => {\n                const row = params?.data;\n                const id = row?.formSubmission_Id;\n                if (!id) return;\n                const rowFormId = row?.formSubmission_FormId ?? formId;\n                history.push(`/forms/${rowFormId}/submissions/${id}`);\n              },\n            },\n            {\n              id: 2,\n              iconName: 'attach',\n              title: 'View attachments',\n              handleOnClick: (_e, params) => {\n                const id = params?.data?.formSubmission_Id;\n                if (!id) return;\n                setAttachmentsSubmissionId(id);\n                setAttachmentsDrawerOpen(true);\n              },\n            },\n            {\n              id: 3,\n              iconName: 'documentPdf',\n              title: 'Download report',\n              checkDisabled: () => reportDownloadInProgress,\n              handleOnClick: async (_e, params) => {\n                const row = params?.data;\n                if (!row?.formSubmission_Id) return;\n                if (reportDownloadInProgressRef.current) return;\n                reportDownloadInProgressRef.current = true;\n                setReportDownloadInProgress(true);\n                try {\n                  await downloadSubmissionReport(row);\n                } catch (error) {\n                  console.error('Error downloading report:', error);\n                  enqueueSnackbar('Error downloading report', {\n                    variant: 'error',\n                    anchorOrigin: { vertical: 'top', horizontal: 'center' },\n                  });\n                } finally {\n                  reportDownloadInProgressRef.current = false;\n                  setReportDownloadInProgress(false);\n                }\n              },\n            },\n          ],\n        },\n      },\n    ],\n    [submissionStatusMappingConfig, history, formId, reportDownloadInProgress, enqueueSnackbar]\n  );\n\n  const submissionsGridFunctions = useMemo(\n    () => [{ name: 'quickFilter' }],\n    []\n  );\n\n  const submissionsGridOptions = useMemo(\n    () => ({\n      pagination: true,\n      defaultColDef: { sortable: true, filter: true, resizable: true },\n    }),\n    []\n  );\n\n  const versionsColumnDefs = useMemo(\n    () => [\n      {\n        headerName: 'Version',\n        field: 'version',\n        sortable: true,\n        sort: 'desc',\n        width: 110,\n      },\n      {\n        headerName: 'Name',\n        field: 'name',\n        sortable: true,\n        flex: 1,\n        minWidth: 200,\n      },\n      {\n        headerName: 'Created',\n        field: 'initialCreatedOn',\n        sortable: true,\n        valueFormatter: (p) => formatDate(p.value),\n        minWidth: 180,\n      },\n      {\n        headerName: 'Last Modified',\n        field: 'lastModifiedOn',\n        sortable: true,\n        valueFormatter: (p) => formatDate(p.value),\n        minWidth: 180,\n      },\n      {\n        field: 'actions',\n        cellRenderer: 'actionsRenderer',\n        cellRendererParams: {\n          actionList: [\n            {\n              id: 1,\n              iconName: 'edit',\n              title: 'Open in builder',\n              handleOnClick: (_e, params) => {\n                const version = params?.data?.version;\n                if (version == null) return;\n                history.push(`/forms/${formId}/builder?v=${version}`);\n              },\n            },\n          ],\n        },\n      },\n    ],\n    [history, formId]\n  );\n\n  // Counts render as UdpCounterBadge in each tab's `-end` slot (see below)\n  // rather than inline in the label, so the tab list itself is static.\n  const tabList = useMemo(\n    () => [\n      { id: TAB_IDS.overview, label: 'Overview' },\n      { id: TAB_IDS.submissions, label: 'Submissions' },\n      { id: TAB_IDS.questions, label: 'Questions' },\n      { id: TAB_IDS.versions, label: 'Versions' },\n    ],\n    []\n  );\n\n  const handleTabChange = useCallback(\n    (e) => {\n      const nextId = e?.detail ?? e;\n      if (!VALID_TAB_IDS.has(nextId)) return;\n      const search = new URLSearchParams(location.search);\n      if (nextId === TAB_IDS.overview) search.delete('tab');\n      else search.set('tab', nextId);\n      const qs = search.toString();\n      history.replace(`${location.pathname}${qs ? `?${qs}` : ''}`);\n    },\n    [history, location.pathname, location.search]\n  );\n\n  return (\n    <>\n      <UdpPrimaryActionHeader\n        title={formName ?? 'Form Overview'}\n        secondaryActions={headerSecondaryActions}\n      >\n        {latestVersion != null && (\n          <UdpBadge slot='inline' appearance='filled' color='brand' size='medium'>\n            {`latest v${latestVersion}`}\n          </UdpBadge>\n        )}\n        <div slot='toolbar'>\n          <UdpTablist\n            tabList={tabList}\n            activeId={activeTabId}\n            onTabChange={handleTabChange}\n          >\n            {/* Counts live in each tab's `-end` slot. Always rendered so the\n                slot exists on first paint; showZero defaults false, so they\n                stay hidden until a count arrives. */}\n            <UdpCounterBadge\n              slot='submissions-end'\n              size='small'\n              color='informative'\n              count={submissions.length}\n            />\n            <UdpCounterBadge\n              slot='versions-end'\n              size='small'\n              color='informative'\n              count={versions.length}\n            />\n          </UdpTablist>\n        </div>\n      </UdpPrimaryActionHeader>\n\n      <div style={pageStyle}>\n        <UdpTabPanel value={activeTabId} id={TAB_IDS.overview}>\n          <OverviewTab\n            submissions={submissions}\n            versions={versions}\n            submissionsLoading={submissionsLoading}\n            onOpenSubmission={(row) => {\n              const id = row?.formSubmission_Id;\n              if (!id) return;\n              const rowFormId = row?.formSubmission_FormId ?? formId;\n              history.push(`/forms/${rowFormId}/submissions/${id}`);\n            }}\n            onTabRequest={(tabId) => handleTabChange(tabId)}\n          />\n        </UdpTabPanel>\n\n        <UdpTabPanel value={activeTabId} id={TAB_IDS.submissions}>\n          <UdpCard bodyPadding={false}>\n            <ClientSideUdpGrid\n              rowData={submissions}\n              loading={submissionsLoading}\n              columnDefs={submissionsColumnDefs}\n              gridFunctions={submissionsGridFunctions}\n              gridOptions={submissionsGridOptions}\n            />\n          </UdpCard>\n        </UdpTabPanel>\n\n        <UdpTabPanel value={activeTabId} id={TAB_IDS.questions}>\n          <QuestionsTab\n            submissions={submissions}\n            schema={schema}\n            versions={versions}\n            submissionsLoading={submissionsLoading}\n            schemaLoading={schemaLoading}\n          />\n        </UdpTabPanel>\n\n        <UdpTabPanel value={activeTabId} id={TAB_IDS.versions}>\n          <ClientSideUdpGrid\n            rowData={versions}\n            loading={versionsLoading}\n            columnDefs={versionsColumnDefs}\n            gridFunctions={submissionsGridFunctions}\n            gridOptions={submissionsGridOptions}\n          />\n        </UdpTabPanel>\n      </div>\n      <SubmissionAttachmentsDrawer\n        open={attachmentsDrawerOpen}\n        submissionId={attachmentsSubmissionId}\n        onClose={() => setAttachmentsDrawerOpen(false)}\n      />\n    </>\n  );\n};\n\nexport default UdpQuestionFormOverviewPage;\n"],"mappings":"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"}

package/dist/udp/pages/UdpQuestionFormOverviewPage/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './UdpQuestionFormOverviewPage';
+export { default as UdpQuestionFormOverviewPage } from './UdpQuestionFormOverviewPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/udp/pages/UdpQuestionFormOverviewPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/udp/pages/UdpQuestionFormOverviewPage/index.js

@@ -0,0 +1,3 @@
+export { default } from './UdpQuestionFormOverviewPage';
+export { default as UdpQuestionFormOverviewPage } from './UdpQuestionFormOverviewPage';
+//# sourceMappingURL=index.js.map

package/dist/udp/pages/UdpQuestionFormOverviewPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/udp/pages/UdpQuestionFormOverviewPage/questionInsights.d.ts

@@ -0,0 +1,120 @@
+// Per-question insight aggregation for the form overview tabs.
+// Pure functions only — given a section + question definition and the list
+// of submissions returned from `/UdpFormWithSubmissionsView/search`, produce
+// a normalized `{ kind, ... }` shape the renderer can dispatch on.
+//
+// Backend stores `formSubmission_Data` as PascalCase JSON; the original copy
+// of a section uses its bare name (`section1`), repeatable-section copies
+// use suffixed keys (`section1_2`, `section1_3`, …). The aggregator walks
+// every copy so repeatable sections contribute all instances.
+export declare const FIELD_TYPE: Readonly<{
+    Hidden: 1;
+    SingleLineText: 2;
+    MultiLineText: 3;
+    Checkbox: 4;
+    RadioButton: 5;
+    DropdownSingleSelect: 6;
+    DropdownMultipleSelect: 7;
+    ListMultiSelect: 8;
+    DateSelector: 9;
+    TimeSelector: 10;
+    DateTimeSelector: 11;
+    FileUpload: 12;
+    YesNo: 13;
+    Signature: 14;
+    Tally: 15;
+    Number: 16;
+    Paragraph: 17;
+    ImageUpload: 18;
+    FormMetadataDisplay: 19;
+    Location: 20;
+    Table: 21;
+}>;
+export declare const isDisplayOnly: (fieldTypeId: any) => boolean;
+export declare const FIELD_TYPE_NAME: {
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    13: string;
+    14: string;
+    15: string;
+    16: string;
+    18: string;
+    20: string;
+    21: string;
+};
+// Fluent icon name per field type — mirrors the builder's template registry
+// (builder/form-item-types/templates.ts) so the Form Structure rail here reads
+// the same as the builder's outline.
+export declare const FIELD_TYPE_ICON: {
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    13: string;
+    14: string;
+    15: string;
+    16: string;
+    18: string;
+    20: string;
+    21: string;
+};
+export declare const getFieldTypeIcon: (fieldTypeId: any) => any;
+// Type families for the filter chips. Each family groups the field types that
+// share an analytics shape. Trimmed to the types our system actually has —
+// the mockup's star-rating / NPS families have no corresponding field type.
+export declare const TYPE_FAMILIES: ({
+    key: string;
+    label: string;
+    types: (2 | 3)[];
+} | {
+    key: string;
+    label: string;
+    types: 16[];
+} | {
+    key: string;
+    label: string;
+    types: (4 | 5 | 6 | 7 | 8 | 13)[];
+} | {
+    key: string;
+    label: string;
+    types: (9 | 10 | 11)[];
+} | {
+    key: string;
+    label: string;
+    types: (12 | 14 | 18)[];
+} | {
+    key: string;
+    label: string;
+    types: (15 | 20 | 21)[];
+})[];
+export declare const getFamilyKey: (fieldTypeId: any) => any;
+// =======================================================================
+// Top-level dispatch
+// =======================================================================
+export declare const getQuestionInsight: (section: any, question: any, submissions: any) => {
+    kind: string;
+    viz: string;
+    answered: number;
+    skipped: number;
+} | {
+    kind: string;
+    viz: string;
+    reason: string;
+};
+//# sourceMappingURL=questionInsights.d.ts.map

package/dist/udp/pages/UdpQuestionFormOverviewPage/questionInsights.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"questionInsights.d.ts","sourceRoot":"","sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/questionInsights.js"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,6EAA2E;AAC3E,6EAA6E;AAC7E,mEAAmE;AACnE,EAAE;AACF,6EAA6E;AAC7E,0EAA0E;AAC1E,4EAA0E;AAC1E,8DAA8D;AAE9D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;EAsBrB,CAAC;AAOH,eAAO,MAAM,aAAa,+BAAiD,CAAC;AAE5E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;CAmB3B,CAAC;AAEF,8EAA4E;AAC5E,+EAA+E;AAC/E,qCAAqC;AACrC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;CAmB3B,CAAC;AACF,eAAO,MAAM,gBAAgB,2BAA8D,CAAC;AAE5F,8EAA8E;AAC9E,6EAA2E;AAC3E,4EAA4E;AAC5E,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;IAsBzB,CAAC;AAOF,eAAO,MAAM,YAAY,2BAA0D,CAAC;AAqPpF,0EAA0E;AAC1E,qBAAqB;AACrB,0EAA0E;AAE1E,eAAO,MAAM,kBAAkB;;;;;;;;;CA2C9B,CAAC"}