udp-react-enterprise-component-library 26.5.0-beta.9 → 26.5.0

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const SubmissionAttachmentsDrawer: ({ open, submissionId, onClose }: {
+    onClose: any;
+    open: any;
+    submissionId: any;
+}) => React.JSX.Element;
+export default SubmissionAttachmentsDrawer;
+//# sourceMappingURL=SubmissionAttachmentsDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmissionAttachmentsDrawer.d.ts","sourceRoot":"","sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/SubmissionAttachmentsDrawer.jsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AA4EnD,eAAO,MAAM,2BAA2B;;;;uBA+FvC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

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

@@ -0,0 +1,121 @@
+import React, { useEffect, useState } from 'react';
+import { UdpDrawer, UdpList, UdpListItem, UdpText, UdpIconButton, UdpSpinner, UdpFlexbox, } from '../../../UI/fluent-web-components';
+import { ConfigService } from '../../../configService';
+import { apiGet } from '../../../utilities/apiClient';
+const drawerBodyStyle = { padding: 16 };
+const decodeName = (encoded) => {
+    try {
+        return decodeURIComponent(encoded);
+    }
+    catch (_a) {
+        return encoded;
+    }
+};
+// Parse one `<urlencoded-name>|udp:<guid>` token. Returns null when the token
+// has no drive id (a pending/local upload that isn't persisted yet — won't
+// appear on a saved submission anyway).
+const parseFileToken = (token) => {
+    const trimmed = token === null || token === void 0 ? void 0 : token.trim();
+    if (!trimmed)
+        return null;
+    const pipeIdx = trimmed.indexOf('|');
+    if (pipeIdx < 0)
+        return null;
+    const dataRef = trimmed.slice(pipeIdx + 1);
+    if (!dataRef.startsWith('udp:'))
+        return null;
+    const driveFileId = dataRef.slice(4);
+    if (!driveFileId)
+        return null;
+    return { name: decodeName(trimmed.slice(0, pipeIdx)), driveFileId };
+};
+// Walks the submission's wire response data and extracts every (name,
+// driveFileId) it finds. Detection is by token shape so we don't need the form
+// schema — covers file uploads (comma-joined tokens), image uploads (same
+// shape), and signatures (single token).
+const extractAttachments = (raw) => {
+    var _a;
+    var _b;
+    const responses = (_b = (_a = raw === null || raw === void 0 ? void 0 : raw.data) === null || _a === void 0 ? void 0 : _a.submissionResponseData) !== null && _b !== void 0 ? _b : {};
+    const found = [];
+    for (const [sectionKey, sectionResponses] of Object.entries(responses)) {
+        for (const [questionKey, response] of Object.entries(sectionResponses)) {
+            const value = response === null || response === void 0 ? void 0 : response.value;
+            if (typeof value !== 'string' || !value.includes('|udp:'))
+                continue;
+            for (const token of value.split(',')) {
+                const parsed = parseFileToken(token);
+                if (parsed) {
+                    found.push(Object.assign(Object.assign({}, parsed), { slot: `${sectionKey}.${questionKey}` }));
+                }
+            }
+        }
+    }
+    return found;
+};
+const IMAGE_EXTS = new Set([
+    'png',
+    'jpg',
+    'jpeg',
+    'gif',
+    'webp',
+    'bmp',
+    'svg',
+    'heic',
+]);
+const iconForFile = (name) => {
+    var _a;
+    const ext = (_a = name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+    return ext && IMAGE_EXTS.has(ext) ? 'image' : 'attach';
+};
+export const SubmissionAttachmentsDrawer = ({ open, submissionId, onClose }) => {
+    const [loading, setLoading] = useState(false);
+    const [attachments, setAttachments] = useState([]);
+    const [errorMessage, setErrorMessage] = useState(null);
+    useEffect(() => {
+        if (!open || !submissionId)
+            return undefined;
+        let cancelled = false;
+        setLoading(true);
+        setErrorMessage(null);
+        setAttachments([]);
+        apiGet(ConfigService.productV1ApiUrl, `UdpFormSubmission/${submissionId}/Full`)
+            .then((data) => {
+            if (cancelled)
+                return;
+            setAttachments(extractAttachments(data));
+        })
+            .catch((err) => {
+            if (cancelled)
+                return;
+            console.error('Failed to load submission attachments', err);
+            setErrorMessage('Failed to load attachments.');
+        })
+            .finally(() => {
+            if (!cancelled)
+                setLoading(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [open, submissionId]);
+    const handleDownload = async (driveFileId, fileName) => {
+        try {
+            const blob = await apiGet(ConfigService.tenantV1ApiUrl, `UdpDrive/${driveFileId}/stream`, { responseType: 'blob' });
+            const objectUrl = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = objectUrl;
+            a.download = fileName;
+            document.body.appendChild(a);
+            a.click();
+            a.remove();
+            setTimeout(() => URL.revokeObjectURL(objectUrl), 1000);
+        }
+        catch (err) {
+            console.error('Failed to download attachment', err);
+        }
+    };
+    return (React.createElement(UdpDrawer, { drawerTitle: "Submission Attachments", open: open, onDrawerClose: onClose, size: "medium" }, React.createElement("div", { style: drawerBodyStyle }, loading && (React.createElement(UdpFlexbox, { direction: "row", align: "center", gap: "sm" }, React.createElement(UdpSpinner, { size: "small" }), React.createElement(UdpText, { variant: "caption1" }, "Loading attachments\u2026"))), !loading && errorMessage && (React.createElement(UdpText, { variant: "body1" }, errorMessage)), !loading && !errorMessage && attachments.length === 0 && (React.createElement(UdpText, { variant: "body1" }, "No attachments on this submission.")), !loading && !errorMessage && attachments.length > 0 && (React.createElement(UdpList, { showDivider: true }, attachments.map((att) => (React.createElement(UdpListItem, { key: `${att.slot}:${att.driveFileId}`, value: att.driveFileId, startIconName: iconForFile(att.name), label: att.name, subtitle: att.slot }, React.createElement(UdpIconButton, { slot: "end", size: "medium", appearance: "transparent", fillOnHover: true, iconName: "download", title: "Download", onClick: () => handleDownload(att.driveFileId, att.name) })))))))));
+};
+export default SubmissionAttachmentsDrawer;
+//# sourceMappingURL=SubmissionAttachmentsDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmissionAttachmentsDrawer.js","sourceRoot":"","sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/SubmissionAttachmentsDrawer.jsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,200 @@
+import { c } from "../../../reactCompilerRuntime.mjs";
+import { ConfigService } from "../../../configService/index.mjs";
+import { apiGet } from "../../../utilities/apiClient.mjs";
+import { UdpDrawer } from "../../../UI/fluent-web-components/UdpDrawer.mjs";
+import { UdpFlexbox } from "../../../UI/fluent-web-components/UdpFlexbox.mjs";
+import { UdpIconButton } from "../../../UI/fluent-web-components/UdpIconButton.mjs";
+import { UdpSpinner } from "../../../UI/fluent-web-components/UdpSpinner.mjs";
+import { UdpText } from "../../../UI/fluent-web-components/UdpText.mjs";
+import { UdpList } from "../../../UI/fluent-web-components/UdpList.mjs";
+import { UdpListItem } from "../../../UI/fluent-web-components/UdpListItem.mjs";
+import React, { useEffect, useState } from "react";
+//#region src/udp/pages/UdpQuestionFormOverviewPage/SubmissionAttachmentsDrawer.jsx
+const drawerBodyStyle = { padding: 16 };
+const decodeName = (encoded) => {
+	try {
+		return decodeURIComponent(encoded);
+	} catch {
+		return encoded;
+	}
+};
+const parseFileToken = (token) => {
+	const trimmed = token?.trim();
+	if (!trimmed) return null;
+	const pipeIdx = trimmed.indexOf("|");
+	if (pipeIdx < 0) return null;
+	const dataRef = trimmed.slice(pipeIdx + 1);
+	if (!dataRef.startsWith("udp:")) return null;
+	const driveFileId = dataRef.slice(4);
+	if (!driveFileId) return null;
+	return {
+		name: decodeName(trimmed.slice(0, pipeIdx)),
+		driveFileId
+	};
+};
+const extractAttachments = (raw) => {
+	const responses = raw?.data?.submissionResponseData ?? {};
+	const found = [];
+	for (const [sectionKey, sectionResponses] of Object.entries(responses)) for (const [questionKey, response] of Object.entries(sectionResponses)) {
+		const value = response?.value;
+		if (typeof value !== "string" || !value.includes("|udp:")) continue;
+		for (const token of value.split(",")) {
+			const parsed = parseFileToken(token);
+			if (parsed) found.push({
+				...parsed,
+				slot: `${sectionKey}.${questionKey}`
+			});
+		}
+	}
+	return found;
+};
+const IMAGE_EXTS = new Set([
+	"png",
+	"jpg",
+	"jpeg",
+	"gif",
+	"webp",
+	"bmp",
+	"svg",
+	"heic"
+]);
+const iconForFile = (name) => {
+	const ext = name.split(".").pop()?.toLowerCase();
+	return ext && IMAGE_EXTS.has(ext) ? "image" : "attach";
+};
+const SubmissionAttachmentsDrawer = (t0) => {
+	const $ = c(27);
+	const { open, submissionId, onClose } = t0;
+	const [loading, setLoading] = useState(false);
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [];
+		$[0] = t1;
+	} else t1 = $[0];
+	const [attachments, setAttachments] = useState(t1);
+	const [errorMessage, setErrorMessage] = useState(null);
+	let t2;
+	let t3;
+	if ($[1] !== open || $[2] !== submissionId) {
+		t2 = () => {
+			if (!open || !submissionId) return;
+			let cancelled = false;
+			setLoading(true);
+			setErrorMessage(null);
+			setAttachments([]);
+			apiGet(ConfigService.productV1ApiUrl, `UdpFormSubmission/${submissionId}/Full`).then((data) => {
+				if (cancelled) return;
+				setAttachments(extractAttachments(data));
+			}).catch((err) => {
+				if (cancelled) return;
+				console.error("Failed to load submission attachments", err);
+				setErrorMessage("Failed to load attachments.");
+			}).finally(() => {
+				if (!cancelled) setLoading(false);
+			});
+			return () => {
+				cancelled = true;
+			};
+		};
+		t3 = [open, submissionId];
+		$[1] = open;
+		$[2] = submissionId;
+		$[3] = t2;
+		$[4] = t3;
+	} else {
+		t2 = $[3];
+		t3 = $[4];
+	}
+	useEffect(t2, t3);
+	const handleDownload = _temp;
+	let t4;
+	if ($[5] !== loading) {
+		t4 = loading && /* @__PURE__ */ React.createElement(UdpFlexbox, {
+			direction: "row",
+			align: "center",
+			gap: "sm"
+		}, /* @__PURE__ */ React.createElement(UdpSpinner, { size: "small" }), /* @__PURE__ */ React.createElement(UdpText, { variant: "caption1" }, "Loading attachments…"));
+		$[5] = loading;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== errorMessage || $[8] !== loading) {
+		t5 = !loading && errorMessage && /* @__PURE__ */ React.createElement(UdpText, { variant: "body1" }, errorMessage);
+		$[7] = errorMessage;
+		$[8] = loading;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== attachments || $[11] !== errorMessage || $[12] !== loading) {
+		t6 = !loading && !errorMessage && attachments.length === 0 && /* @__PURE__ */ React.createElement(UdpText, { variant: "body1" }, "No attachments on this submission.");
+		$[10] = attachments;
+		$[11] = errorMessage;
+		$[12] = loading;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== attachments || $[15] !== errorMessage || $[16] !== loading) {
+		t7 = !loading && !errorMessage && attachments.length > 0 && /* @__PURE__ */ React.createElement(UdpList, { showDivider: true }, attachments.map((att) => /* @__PURE__ */ React.createElement(UdpListItem, {
+			key: `${att.slot}:${att.driveFileId}`,
+			value: att.driveFileId,
+			startIconName: iconForFile(att.name),
+			label: att.name,
+			subtitle: att.slot
+		}, /* @__PURE__ */ React.createElement(UdpIconButton, {
+			slot: "end",
+			size: "medium",
+			appearance: "transparent",
+			fillOnHover: true,
+			iconName: "download",
+			title: "Download",
+			onClick: () => handleDownload(att.driveFileId, att.name)
+		}))));
+		$[14] = attachments;
+		$[15] = errorMessage;
+		$[16] = loading;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== t4 || $[19] !== t5 || $[20] !== t6 || $[21] !== t7) {
+		t8 = /* @__PURE__ */ React.createElement("div", { style: drawerBodyStyle }, t4, t5, t6, t7);
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+	} else t8 = $[22];
+	let t9;
+	if ($[23] !== onClose || $[24] !== open || $[25] !== t8) {
+		t9 = /* @__PURE__ */ React.createElement(UdpDrawer, {
+			drawerTitle: "Submission Attachments",
+			open,
+			onDrawerClose: onClose,
+			size: "medium"
+		}, t8);
+		$[23] = onClose;
+		$[24] = open;
+		$[25] = t8;
+		$[26] = t9;
+	} else t9 = $[26];
+	return t9;
+};
+async function _temp(driveFileId, fileName) {
+	try {
+		const blob = await apiGet(ConfigService.tenantV1ApiUrl, `UdpDrive/${driveFileId}/stream`, { responseType: "blob" });
+		const objectUrl = URL.createObjectURL(blob);
+		const a = document.createElement("a");
+		a.href = objectUrl;
+		a.download = fileName;
+		document.body.appendChild(a);
+		a.click();
+		a.remove();
+		setTimeout(() => URL.revokeObjectURL(objectUrl), 1e3);
+	} catch (t0) {
+		const err_0 = t0;
+		console.error("Failed to download attachment", err_0);
+	}
+}
+//#endregion
+export { SubmissionAttachmentsDrawer as default };
+
+//# sourceMappingURL=SubmissionAttachmentsDrawer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmissionAttachmentsDrawer.mjs","names":["React","useEffect","useState","UdpDrawer","UdpList","UdpListItem","UdpText","UdpIconButton","UdpSpinner","UdpFlexbox","ConfigService","apiGet","drawerBodyStyle","padding","decodeName","encoded","decodeURIComponent","parseFileToken","token","trimmed","trim","pipeIdx","indexOf","dataRef","slice","startsWith","driveFileId","name","extractAttachments","raw","responses","data","submissionResponseData","found","sectionKey","sectionResponses","Object","entries","questionKey","response","value","includes","split","parsed","push","slot","IMAGE_EXTS","Set","iconForFile","ext","pop","toLowerCase","has","SubmissionAttachmentsDrawer","t0","$","_c","open","submissionId","onClose","loading","setLoading","t1","Symbol","for","attachments","setAttachments","errorMessage","setErrorMessage","t2","t3","cancelled","productV1ApiUrl","then","catch","err","console","error","finally","handleDownload","_temp","t4","t5","t6","length","t7","map","att","t8","t9","fileName","blob","tenantV1ApiUrl","responseType","objectUrl","URL","createObjectURL","a","document","createElement","href","download","body","appendChild","click","remove","setTimeout","revokeObjectURL"],"sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/SubmissionAttachmentsDrawer.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  UdpDrawer,\n  UdpList,\n  UdpListItem,\n  UdpText,\n  UdpIconButton,\n  UdpSpinner,\n  UdpFlexbox,\n} from '../../../UI/fluent-web-components';\nimport { ConfigService } from '../../../configService';\nimport { apiGet } from '../../../utilities/apiClient';\n\nconst drawerBodyStyle = { padding: 16 };\n\nconst decodeName = (encoded) => {\n  try {\n    return decodeURIComponent(encoded);\n  } catch {\n    return encoded;\n  }\n};\n\n// Parse one `<urlencoded-name>|udp:<guid>` token. Returns null when the token\n// has no drive id (a pending/local upload that isn't persisted yet — won't\n// appear on a saved submission anyway).\nconst parseFileToken = (token) => {\n  const trimmed = token?.trim();\n  if (!trimmed) return null;\n  const pipeIdx = trimmed.indexOf('|');\n  if (pipeIdx < 0) return null;\n  const dataRef = trimmed.slice(pipeIdx + 1);\n  if (!dataRef.startsWith('udp:')) return null;\n  const driveFileId = dataRef.slice(4);\n  if (!driveFileId) return null;\n  return { name: decodeName(trimmed.slice(0, pipeIdx)), driveFileId };\n};\n\n// Walks the submission's wire response data and extracts every (name,\n// driveFileId) it finds. Detection is by token shape so we don't need the form\n// schema — covers file uploads (comma-joined tokens), image uploads (same\n// shape), and signatures (single token).\nconst extractAttachments = (raw) => {\n  const responses = raw?.data?.submissionResponseData ?? {};\n  const found = [];\n  for (const [sectionKey, sectionResponses] of Object.entries(responses)) {\n    for (const [questionKey, response] of Object.entries(sectionResponses)) {\n      const value = response?.value;\n      if (typeof value !== 'string' || !value.includes('|udp:')) continue;\n      for (const token of value.split(',')) {\n        const parsed = parseFileToken(token);\n        if (parsed) {\n          found.push({ ...parsed, slot: `${sectionKey}.${questionKey}` });\n        }\n      }\n    }\n  }\n  return found;\n};\n\nconst IMAGE_EXTS = new Set([\n  'png',\n  'jpg',\n  'jpeg',\n  'gif',\n  'webp',\n  'bmp',\n  'svg',\n  'heic',\n]);\n\nconst iconForFile = (name) => {\n  const ext = name.split('.').pop()?.toLowerCase();\n  return ext && IMAGE_EXTS.has(ext) ? 'image' : 'attach';\n};\n\nexport const SubmissionAttachmentsDrawer = ({ open, submissionId, onClose }) => {\n  const [loading, setLoading] = useState(false);\n  const [attachments, setAttachments] = useState([]);\n  const [errorMessage, setErrorMessage] = useState(null);\n\n  useEffect(() => {\n    if (!open || !submissionId) return undefined;\n    let cancelled = false;\n    setLoading(true);\n    setErrorMessage(null);\n    setAttachments([]);\n    apiGet(ConfigService.productV1ApiUrl, `UdpFormSubmission/${submissionId}/Full`)\n      .then((data) => {\n        if (cancelled) return;\n        setAttachments(extractAttachments(data));\n      })\n      .catch((err) => {\n        if (cancelled) return;\n        console.error('Failed to load submission attachments', err);\n        setErrorMessage('Failed to load attachments.');\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [open, submissionId]);\n\n  const handleDownload = async (driveFileId, fileName) => {\n    try {\n      const blob = await apiGet(\n        ConfigService.tenantV1ApiUrl,\n        `UdpDrive/${driveFileId}/stream`,\n        { responseType: 'blob' }\n      );\n      const objectUrl = URL.createObjectURL(blob);\n      const a = document.createElement('a');\n      a.href = objectUrl;\n      a.download = fileName;\n      document.body.appendChild(a);\n      a.click();\n      a.remove();\n      setTimeout(() => URL.revokeObjectURL(objectUrl), 1000);\n    } catch (err) {\n      console.error('Failed to download attachment', err);\n    }\n  };\n\n  return (\n    <UdpDrawer\n      drawerTitle='Submission Attachments'\n      open={open}\n      onDrawerClose={onClose}\n      size='medium'\n    >\n      <div style={drawerBodyStyle}>\n        {loading && (\n          <UdpFlexbox direction='row' align='center' gap='sm'>\n            <UdpSpinner size='small' />\n            <UdpText variant='caption1'>Loading attachments…</UdpText>\n          </UdpFlexbox>\n        )}\n        {!loading && errorMessage && (\n          <UdpText variant='body1'>{errorMessage}</UdpText>\n        )}\n        {!loading && !errorMessage && attachments.length === 0 && (\n          <UdpText variant='body1'>No attachments on this submission.</UdpText>\n        )}\n        {!loading && !errorMessage && attachments.length > 0 && (\n          <UdpList showDivider>\n            {attachments.map((att) => (\n              <UdpListItem\n                key={`${att.slot}:${att.driveFileId}`}\n                value={att.driveFileId}\n                startIconName={iconForFile(att.name)}\n                label={att.name}\n                subtitle={att.slot}\n              >\n                <UdpIconButton\n                  slot='end'\n                  size='medium'\n                  appearance='transparent'\n                  fillOnHover\n                  iconName='download'\n                  title='Download'\n                  onClick={() => handleDownload(att.driveFileId, att.name)}\n                />\n              </UdpListItem>\n            ))}\n          </UdpList>\n        )}\n      </div>\n    </UdpDrawer>\n  );\n};\n\nexport default SubmissionAttachmentsDrawer;\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const UdpQuestionFormOverviewPage: ({ formId, onBack }: {
+    formId: any;
+    onBack: any;
+}) => React.JSX.Element;
+export default UdpQuestionFormOverviewPage;
+//# sourceMappingURL=UdpQuestionFormOverviewPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UdpQuestionFormOverviewPage.d.ts","sourceRoot":"","sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/UdpQuestionFormOverviewPage.jsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAyEjF,QAAA,MAAM,2BAA2B;;;uBA4ahC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}