udp-react-enterprise-component-library 25.18.1-beta.37 → 25.18.1-beta.38

package/dist/UdpTransactionsPage-DKF6PKUA.js

@@ -1,1974 +0,0 @@
-import { t as __export } from "./chunk-B4enJp2Q.js";
-import { t as Form } from "./Form-DbOA5j38.js";
-import { t as Field } from "./Field-Cda5rJe2.js";
-import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
-import { t as ConfigService$1 } from "./configService-C4uoG3wj.js";
-import { i as useHandleAxiosSnackbar } from "./apiHelpers-B_cn3sZo.js";
-import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { n as useAxiosMutate, t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
-import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-5Hp3qpk6.js";
-import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
-import { B as UdpSearchEnums, F as TransactionUiActionTypeEnums, N as TransactionActionTypeEnums, P as TransactionEventTypeEnums, n as CardinalityTypeEnums } from "./unitySystemEnums-e5F9Jr7m.js";
-import { t as useCatalogStore } from "./catalogStore-DP2GxpTJ.js";
-import { t as Typography$1 } from "./Typography-BMsa1JYd.js";
-import { S as getIconFromName } from "./TreeUtilities-kiPupulY.js";
-import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
-import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
-import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
-import { t as UdpTabs } from "./UdpTabs-DVZGEwOC.js";
-import { t as PageContainer } from "./PageContainer-CT3n_ngH.js";
-import { t as Adornment } from "./Adornment-Ciq1X7he.js";
-import { t as AmbientCard } from "./AmbientCard-CLW4bPCu.js";
-import { t as FluentDatePicker } from "./FluentDatePicker-C6WEywwM.js";
-import { t as FluentDialog } from "./FluentDialog-B5ZxvX1E.js";
-import { t as LinearProgress$1 } from "./LinearProgress-DM2DNWCe.js";
-import { t as FluentTextField } from "./FluentTextField-CXvZawOG.js";
-import { t as useAuthedUser } from "./useAuthedUser-CN4neRNZ.js";
-import { t as SearchMethodUdpGrid } from "./SearchMethodUdpGrid-QU4FZ0Gk.js";
-import { t as Divider$1 } from "./Divider-DNtKMiBL.js";
-import { i as getLocalizedDateTimeString, t as formatDate } from "./dateUtils-ftAbP-Mv.js";
-import { t as EmptyStateDisplay } from "./EmptyStateDisplay-Dpho9v6S.js";
-import { n as AmbientList } from "./dataDisplay-v5yiN4js.js";
-import { t as FileViewer } from "./fileViewer-8-Eh4vLL.js";
-import { n as UdpTabPanel } from "./tabs-DjfuHMHP.js";
-import { n as UdpTimeline } from "./timeline-CuKsHylI.js";
-import { t as UdpActionCard } from "./UdpActionCard-UM7xbcyR.js";
-import { t as Attachments } from "./uploader-C36UIFAF.js";
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { CircularProgress, FormControlLabel, LinearProgress, Switch, makeStyles } from "@material-ui/core";
-import { useSnackbar } from "notistack";
-import { ContactIcon, DocumentIcon, FileImageIcon, PDFIcon, ViewIcon, WordDocumentIcon } from "@fluentui/react-icons";
-import { useTranslation } from "react-i18next";
-import { create } from "zustand";
-import { devtools } from "zustand/middleware";
-import jsonLogic from "json-logic-js";
-import { ConfigService, UdpAttachmentItem, UdpTimelineConnector, UdpTimelineDot, UdpTimelineItem, UdpTimelineSeparator } from "udp-react-stencil-component-library";
-import "./udp/pages/UdpTransactionsPage/sidesheets/WorkflowActions.css";
-import "./udp/pages/UdpTransactionsPage/sidesheets/EditTransaction.css";
-import "./udp/pages/UdpTransactionsPage/components/EditTransactionDetailsFooterItem.css";
-import "./udp/pages/UdpTransactionsPage/UdpTransactionsPage.css";
-
-//#region src/stores/transactionStore.ts
-const useTransactionStore = create()(devtools((set) => ({
-	transactionTypesMap: {},
-	setTransactionTypesMap: (transactionTypesMap) => set((state) => ({ transactionTypesMap: {
-		...state.transactionTypesMap,
-		...transactionTypesMap
-	} }))
-})));
-
-//#endregion
-//#region src/utilities/transactions/useTransactionEngine.js
-const useTransactionEngine = (transactionTypeId) => {
-	const user = useUser();
-	const [transactionTypeFields, setTransactionTypeFields] = useState([]);
-	const currentApiCatalogId = useCatalogStore((state) => state.currentApiCatalogId);
-	const catalogsMap = useCatalogStore((state) => state.catalogsMap);
-	const transactionTypesMap = useTransactionStore((state) => state.transactionTypesMap);
-	const transactionType = transactionTypesMap ? transactionTypesMap[transactionTypeId] : null;
-	const evaluateRule = useCallback((rule, udpTransaction) => {
-		let udpTransactionEvaluationData = {
-			currentStatusId: udpTransaction?.currentStatusId,
-			currentDomainValue: udpTransaction?.entityBusinessObject,
-			tenantUserRoleIds: user?.roleIds || []
-		};
-		return jsonLogic.apply(rule, udpTransactionEvaluationData);
-	}, [user?.roleIds]);
-	const getTransactionTypeTransactionActions = useCallback((udpTransaction, ruleTypeId = null) => {
-		return transactionType?.udpTransactionTypeUdpTransactionTypeConfiguration?.reduce((actions, config) => {
-			const ruleLogic = config?.expressionLogic;
-			if (!ruleTypeId) return actions;
-			if (config.transactionRuleTypeId === ruleTypeId && config.enabled && ruleLogic) {
-				if (evaluateRule(ruleLogic, udpTransaction)) {
-					const nestedActions = (config?.udpTransactionTypeConfigurationUdpTransactionTypeConfigurationTransactionAction || []).map((action) => action.udpTransactionTypeConfigurationTransactionActionUdpTransactionTypeTransactionAction).filter((action) => action);
-					if (nestedActions.length > 0) actions = actions.concat(nestedActions);
-				}
-				return actions;
-			}
-			return actions;
-		}, []);
-	}, [transactionType, evaluateRule]);
-	const hasRevisions = useMemo(() => {
-		return transactionType?.hasRevision;
-	}, [transactionType]);
-	const hasClosedStatus = useMemo(() => {
-		return transactionType?.udpTransactionTypeUdpTransactionTypeStatus?.some((status) => status.isClosedStatus);
-	}, [transactionType]);
-	const transactionTypeGridColumns = useMemo(() => {
-		return transactionType?.domainFields || [];
-	}, [transactionType]);
-	const getHiddenFields = useCallback((udpTransaction) => {
-		const transactionActions = getTransactionTypeTransactionActions(udpTransaction, TransactionEventTypeEnums.Form);
-		if (!transactionActions) return false;
-		let hiddenFields = [];
-		transactionActions.filter((action) => action.transactionActionId === TransactionActionTypeEnums.Set_Fields_Hidden).forEach((action) => {
-			if (action.parameters?.hiddenFields) hiddenFields = hiddenFields.concat(action.parameters.hiddenFields);
-		});
-		return hiddenFields;
-	}, [getTransactionTypeTransactionActions]);
-	const getRequiredFields = useCallback((udpTransaction) => {
-		const transactionActions = getTransactionTypeTransactionActions(udpTransaction, TransactionEventTypeEnums.Form);
-		if (!transactionActions) return false;
-		let requiredFields = [];
-		transactionActions.filter((action) => action.transactionActionId === TransactionActionTypeEnums.Set_Mandatory_Fields).forEach((action) => {
-			if (action.parameters?.mandatoryFields) requiredFields = requiredFields.concat(action.parameters.mandatoryFields);
-		});
-		return requiredFields;
-	}, [getTransactionTypeTransactionActions]);
-	const getUiActionRenderPageId = useCallback((uiActionType) => {
-		return (transactionType?.udpTransactionTypeUdpTransactionUiAction?.find((action) => action.transactionUiActionTypeId === uiActionType))?.parameters?.pageId || null;
-	}, [transactionType]);
-	const getTransactionTypeLabel = useCallback((udpTransaction) => {
-		if (!transactionType?.domainFieldLabel) return null;
-		return udpTransaction?.entityBusinessObject ? udpTransaction.entityBusinessObject[transactionType.domainFieldLabel] : null;
-	}, [transactionType]);
-	const checkIfTransactionIsClosed = useCallback((udpTransaction) => {
-		if (!hasClosedStatus) return false;
-		const closedStatus = transactionType?.udpTransactionTypeUdpTransactionTypeStatus?.find((status) => status.isClosedStatus);
-		if (!closedStatus) return false;
-		return closedStatus.transactionTypeStatusId === udpTransaction?.currentStatusId;
-	}, [hasClosedStatus, transactionType]);
-	useEffect(() => {
-		if (catalogsMap && currentApiCatalogId && transactionType) {
-			const apiCatalog = catalogsMap[currentApiCatalogId];
-			if (apiCatalog) {
-				const transactionTypeObject = apiCatalog.ctlg.catalogObjectList.find((obj) => obj.catalogObjectName.toLowerCase() === transactionType?.domainName?.toLowerCase());
-				if (transactionTypeObject) setTransactionTypeFields(transactionTypeObject.properties || []);
-			}
-		}
-	}, [
-		catalogsMap,
-		currentApiCatalogId,
-		transactionType
-	]);
-	return {
-		currentTransactionType: transactionType,
-		evaluateRule,
-		getTransactionTypeTransactionActions,
-		hasRevisions,
-		getHiddenFields,
-		getRequiredFields,
-		hasClosedStatus,
-		transactionTypeGridColumns,
-		getUiActionRenderPageId,
-		checkIfTransactionIsClosed,
-		getTransactionTypeLabel
-	};
-};
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/UdpTransactionGrid.jsx
-const UdpTransactionGrid = (props) => {
-	const { transactionTypeId, domainName, transactionTypeLoading, handleGridApiCallback, openAddTransaction, openViewTransaction, openEditTransaction, openAttachmentTransaction, openWorkflowActionTransaction, openCreateRevision, searchMethodObject, domainColumnFormatters, refreshGridData, gridApiRef } = props;
-	const [dialogOpen, setDialogOpen] = useState(false);
-	const [selectedTransaction, setSelectedTransaction] = useState(null);
-	const { t } = useTranslation();
-	const { hasRevisions, transactionTypeGridColumns, getUiActionRenderPageId } = useTransactionEngine(transactionTypeId);
-	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
-	const [{ data, loading: deleteLoading, error: deleteError }, deleteTransaction] = useAxiosMutate(`${ConfigService$1.productV1ApiUrl}`, `udptransaction/${selectedTransaction?.transactionId}`, { method: "delete" }, {});
-	const handleDialogClose = () => {
-		setSelectedTransaction(null);
-		setDialogOpen(false);
-	};
-	const handleConfirmActionDialog = useCallback(async () => {
-		try {
-			if ((await deleteTransaction())?.status === 204) {
-				refreshGridData();
-				handleSuccessSnackbar(t(`Transaction has been cancelled successfully`));
-			} else handleErrorSnackbar(new Error(t(`Error cancelling Transaction. Please try again later.`)));
-		} catch (error) {
-			handleErrorSnackbar(error);
-		} finally {
-			handleDialogClose();
-		}
-	}, [
-		deleteTransaction,
-		refreshGridData,
-		handleErrorSnackbar,
-		handleSuccessSnackbar,
-		t
-	]);
-	const pdfViewPageId = useMemo(() => {
-		return getUiActionRenderPageId(TransactionUiActionTypeEnums.Render_View_Pdf_Page);
-	}, [getUiActionRenderPageId]);
-	const columnDefs = useMemo(() => {
-		const initialColumnDefs = [
-			{
-				headerName: t("Transaction Id"),
-				field: "transactionId",
-				hide: true
-			},
-			{
-				headerName: t("Created On"),
-				field: "createdOn",
-				cellDataType: "dateString",
-				valueFormatter: (params) => {
-					const parsedDate = new Date(params?.data.createdOn);
-					if (parsedDate.getTime()) {
-						const year = parsedDate.getFullYear();
-						const month = parsedDate.getMonth() + 1;
-						const day = parsedDate.getDate().toString();
-						return `${year}-${month.toString()}-${day}`;
-					}
-				}
-			},
-			{
-				headerName: t("Current Status"),
-				field: "currentStatusId",
-				valueFormatter: (params) => params?.data.udpTransactionUdpTransactionTypeStatus.name
-			},
-			{
-				headerName: t("Revision No"),
-				field: "currentRevisionNo"
-			},
-			{
-				headerName: t("Last Event Type"),
-				field: "lastEventTypeId",
-				valueFormatter: (params) => params?.data.udpTransactionUdpTransactionEventType.name
-			},
-			{
-				headerName: t("Attachments"),
-				field: "attachments",
-				pinned: "right",
-				onCellClicked: (event) => {
-					openAttachmentTransaction(event.data);
-				},
-				valueFormatter: (params) => {
-					return params?.data.udpTransactionUdpTransactionAttachment.length;
-				}
-			},
-			{
-				field: "actions",
-				cellRenderer: "actionsRenderer",
-				cellRendererParams: { actionList: [
-					{
-						id: 0,
-						title: "Action",
-						iconName: "migrateAlt",
-						handleOnClick: (e, params) => {
-							openWorkflowActionTransaction(params?.data);
-						}
-					},
-					{
-						id: 1,
-						title: t("View"),
-						iconName: "view",
-						handleOnClick: (e, params) => {
-							openViewTransaction(params?.data);
-						},
-						disabled: !pdfViewPageId
-					},
-					{
-						id: 2,
-						title: t("Edit"),
-						iconName: "edit",
-						handleOnClick: (e, params) => {
-							openEditTransaction(params?.data);
-						}
-					},
-					{
-						id: 3,
-						title: t("Create Revision"),
-						iconName: "add",
-						handleOnClick: (e, params) => {
-							openCreateRevision(params?.data);
-						},
-						disabled: !hasRevisions
-					},
-					{
-						id: 4,
-						title: t("Cancel"),
-						iconName: "close16",
-						handleOnClick: (e, params) => {
-							setSelectedTransaction(params?.data);
-							setDialogOpen(true);
-						}
-					}
-				] }
-			}
-		];
-		transactionTypeGridColumns.forEach((column) => {
-			let formatedHeaderName = column.slice(0, 1).toUpperCase() + column.slice(1);
-			let valueFormatter = (params) => {
-				return params?.data ? params?.data?.entityBusinessObject[column] : "";
-			};
-			if (domainColumnFormatters.has(column)) valueFormatter = domainColumnFormatters.get(column);
-			initialColumnDefs.push({
-				headerName: formatedHeaderName,
-				field: `${UdpSearchEnums.UdpBusinessDomainPrefix}.${domainName}.${column}`,
-				valueFormatter
-			});
-		});
-		return initialColumnDefs;
-	}, [
-		domainName,
-		t,
-		openViewTransaction,
-		openEditTransaction,
-		openAttachmentTransaction,
-		openWorkflowActionTransaction,
-		domainColumnFormatters,
-		transactionTypeGridColumns,
-		openCreateRevision,
-		hasRevisions
-	]);
-	const headerConfig = {
-		title: domainName,
-		primaryActionButton: {
-			label: domainName + " Entry",
-			iconName: "add",
-			onClick: () => {
-				openAddTransaction();
-			}
-		}
-	};
-	const gridFunctions = [
-		{ name: "agGridExport" },
-		{ name: "agGridHideShowColumns" },
-		{ name: "agGridSizeColumnsToFit" }
-	];
-	const gridOptions = useMemo(() => {
-		return {
-			pagination: true,
-			rowSelection: "none"
-		};
-	}, []);
-	const searchMethodConfig = useMemo(() => {
-		let combinedSearchObject = {
-			eagerLoad: true,
-			filterElements: [{
-				searchField: "transactionTypeId",
-				searchOperator: "=",
-				searchValue: transactionTypeId
-			}, {
-				searchField: "isDeleted",
-				searchOperator: "=",
-				searchValue: false
-			}]
-		};
-		if (searchMethodObject) {
-			let combinedFilterElems = combinedSearchObject.filterElements.concat(searchMethodObject?.filterElements || []);
-			combinedSearchObject = {
-				...combinedSearchObject,
-				...searchMethodObject
-			};
-			combinedSearchObject = {
-				...combinedSearchObject,
-				filterElements: combinedFilterElems
-			};
-		}
-		return {
-			requestUrl: `${ConfigService$1.productV1ApiUrl}/UdpTransaction/search`,
-			customSearchObject: combinedSearchObject
-		};
-	}, [transactionTypeId, searchMethodObject]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, transactionTypeLoading && /* @__PURE__ */ React.createElement(LinearProgress$1, null), /* @__PURE__ */ React.createElement(SearchMethodUdpGrid, {
-		gridHeaderConfig: headerConfig,
-		gridFunctions,
-		gridOptions,
-		columnDefs,
-		searchMethodConfig,
-		gridApiCallback: handleGridApiCallback
-	}), /* @__PURE__ */ React.createElement(FluentDialog, {
-		title: t(`Cancel Transaction`),
-		message: `Are you sure you want to cancel the transaction for ${selectedTransaction?.entityBusinessKey || ""}?`,
-		labelOne: t("Confirm"),
-		actionOne: handleConfirmActionDialog,
-		labelTwo: t("Cancel"),
-		actionTwo: handleDialogClose,
-		open: dialogOpen,
-		handleClose: handleDialogClose,
-		loading: deleteLoading
-	}));
-};
-var UdpTransactionGrid_default = UdpTransactionGrid;
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/sidesheets/ViewTransaction.jsx
-const ViewTransaction = (props) => {
-	const { transaction } = props;
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FileViewer, {
-		data: {
-			filePath: "",
-			fileExtension: "pdf"
-		},
-		acceptedFileExtensions: "pdf"
-	}));
-};
-var ViewTransaction_default = ViewTransaction;
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/AttachmentTransactionAttachmentList.jsx
-const AttachmentTransactionAttachmentList = (props) => {
-	const { attachments, setSelectedAttachment } = props;
-	const formattedAttachments = useMemo(() => {
-		return attachments.map((attachment) => ({
-			attachmentName: attachment.fileName,
-			extension: attachment.extension,
-			transactionAttachmentId: attachment.transactionAttachmentId
-		}));
-	}, [attachments]);
-	const getFileIcon = (item) => {
-		if (item.attachmentName.includes(".pdf")) return PDFIcon;
-		else if (item.attachmentName.includes(".docx")) return WordDocumentIcon;
-		else if (item.attachmentName.includes(".")) return FileImageIcon;
-	};
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(AmbientList, {
-		data: formattedAttachments,
-		useAvatar: false,
-		fieldConfig: {
-			primaryText: "attachmentName",
-			secondaryText: "description"
-		},
-		onItemClick: (item) => {
-			setSelectedAttachment(item);
-		},
-		getItemIcon: (item) => {
-			return getFileIcon(item);
-		},
-		listHeight: 800,
-		maxHeight: 900
-	}));
-};
-var AttachmentTransactionAttachmentList_default = AttachmentTransactionAttachmentList;
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/sidesheets/AttachmentTransaction.jsx
-const AttachmentTransaction = (props) => {
-	const { transaction, attachmentRef } = props;
-	const [selectedAttachment, setSelectedAttachment] = useState("");
-	const attachments = transaction?.udpTransactionUdpTransactionAttachment;
-	const [{ data: attachmentFileInfo }, refetchattachmentFileInfo] = useAxiosGet(`${process.env.REACT_APP_PRODUCT_API_BASE}`, `UdpTransactionAttachment/${selectedAttachment?.transactionAttachmentId}/udpDriveFile/download`, {}, true);
-	useEffect(() => {
-		if (selectedAttachment) refetchattachmentFileInfo();
-	}, [selectedAttachment, refetchattachmentFileInfo]);
-	let fileDataObj = {
-		filePath: attachmentFileInfo?.link,
-		fileExtension: attachmentFileInfo?.extension
-	};
-	const classStyles = makeStyles((theme) => ({
-		sidesheet: {
-			display: "flex",
-			flexDirection: "row",
-			flex: 1
-		},
-		attachmentListContainer: {
-			textAlign: "left",
-			width: "35%"
-		},
-		attachmentListHeader: {
-			backgroundColor: "white",
-			marginTop: "-7%",
-			marginBottom: "-5%",
-			justifyItems: "left",
-			paddingLeft: "5%"
-		},
-		attachmentListHeaderPrimaryText: {
-			fontSize: "var(--h6-font-size)",
-			fontWeight: "var(--body1-font-weight)",
-			marginBottom: "-5%",
-			color: "var(--text-main)"
-		},
-		attachmentListHeaderSecondaryText: {
-			fontSize: "var(--body2-font-size)",
-			color: "var(--text-secondary)",
-			paddingBottom: "2%"
-		},
-		attachemntFileInfoCol: {
-			width: "50%",
-			display: "flex",
-			flexDirection: "column",
-			flex: 1
-		},
-		attachmentFileNameHeader: { backgroundColor: "white" },
-		attachmentFileName: {
-			color: "var(--text-main)",
-			fontSize: "var(--h6-font-size)",
-			fontWeight: "var(--body1-font-weight)",
-			marginTop: "1%",
-			marginBottom: "1%",
-			justifySelf: "center"
-		},
-		fileViewer: {
-			marginLeft: "var(--spacing-02)",
-			marginRight: "var(--spacing-02)"
-		},
-		divider: { "& MuiDivider-root": { backgroundColor: "var(--gray-02)" } }
-	}))();
-	useImperativeHandle(attachmentRef, () => ({ downloadSelectedFile: async () => {
-		if (!selectedAttachment) return;
-		try {
-			const url = (await apiMutate(ConfigService$1.productV1ApiUrl, `UdpTransactionAttachment/${selectedAttachment.transactionAttachmentId}/udpDriveFile/download`, {})).data.link;
-			const link = document.createElement("a");
-			link.href = url;
-			link.download = selectedAttachment.fileName ?? selectedAttachment.name;
-			document.body.appendChild(link);
-			link.click();
-			document.body.removeChild(link);
-		} catch (e) {
-			console.error("Download failed", e);
-		}
-	} }));
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classStyles.sidesheet }, /* @__PURE__ */ React.createElement("div", { className: classStyles.attachmentListContainer }, /* @__PURE__ */ React.createElement("div", { className: classStyles.attachmentListHeader }, /* @__PURE__ */ React.createElement("p", { className: classStyles.attachmentListHeaderPrimaryText }, "Attachments"), /* @__PURE__ */ React.createElement("p", { className: classStyles.attachmentListHeaderSecondaryText }, attachments.length + " file(s) attached")), /* @__PURE__ */ React.createElement("div", { className: classStyles.divider }, /* @__PURE__ */ React.createElement(Divider$1, null)), /* @__PURE__ */ React.createElement(AttachmentTransactionAttachmentList_default, {
-		transaction,
-		attachments,
-		setSelectedAttachment
-	})), /* @__PURE__ */ React.createElement("div", { className: classStyles.attachemntFileInfoCol }, /* @__PURE__ */ React.createElement("div", { className: classStyles.attachmentFileNameHeader }, selectedAttachment && /* @__PURE__ */ React.createElement("p", { className: classStyles.attachmentFileName }, selectedAttachment.attachmentName), /* @__PURE__ */ React.createElement("div", { className: classStyles.divider }, /* @__PURE__ */ React.createElement(Divider$1, null))), selectedAttachment?.attachmentName != attachmentFileInfo?.name ? /* @__PURE__ */ React.createElement(LinearProgress$1, null) : selectedAttachment && attachmentFileInfo ? /* @__PURE__ */ React.createElement("div", { className: classStyles.fileViewer }, /* @__PURE__ */ React.createElement(FileViewer, { data: attachmentFileInfo?.extension == "pdf" ? fileDataObj : [fileDataObj] })) : /* @__PURE__ */ React.createElement(EmptyStateDisplay, {
-		icon: ViewIcon,
-		primaryText: "Select an attachment to preview",
-		secondaryText: "Choose a file from the attachments list to view its contents"
-	}))));
-};
-var AttachmentTransaction_default = AttachmentTransaction;
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/UdpTransactionCustomPage.jsx
-const UdpTransactionCustomPage = (props) => {
-	const { pageId, transactionTypeId, transactionUiActionType, formRef, transaction, transactionTypeTransactionActionId } = props;
-	const { getUiActionRenderPageId, getHiddenFields, getRequiredFields } = useTransactionEngine(transactionTypeId);
-	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
-	const { t } = useTranslation();
-	const executeCreateTransactionAction = useCallback(async (data) => apiMutate(ConfigService.productV1ApiUrl, `udpTransaction/transactionType/${transactionTypeId}/create`, { method: "post" }, data), [transactionTypeId]);
-	const executeSaveChanges = useCallback(async (data) => apiMutate(ConfigService.productV1ApiUrl, `udpTransaction/${transaction?.transactionId}/saveChanges`, { method: "put" }, data), [transaction?.transactionId]);
-	const executeCreateRevision = useCallback(async (data) => apiMutate(ConfigService.productV1ApiUrl, `udpTransaction/${transaction?.transactionId}/createRevision`, { method: "post" }, data), [transaction?.transactionId]);
-	const executeSubmitCustomAction = useCallback(async (data) => apiMutate(ConfigService.productV1ApiUrl, `udptransactiontypeTransactionAction/${transactionTypeTransactionActionId}/transaction/${transaction.transactionId}/submit`, { method: "post" }, data), [transactionTypeTransactionActionId, transaction?.transactionId]);
-	const onSubmit = useCallback(async (values) => {
-		try {
-			const request = { data: values };
-			let response = null;
-			let message = "";
-			let errorMessagePart = "";
-			if (transactionUiActionType === TransactionUiActionTypeEnums.Render_Create_Transaction_Page) {
-				response = await executeCreateTransactionAction(request);
-				message = "Transaction has been created successfully";
-				errorMessagePart = "creating";
-			} else if (transactionUiActionType === TransactionUiActionTypeEnums.Render_Transaction_Details_Page) {
-				response = await executeSaveChanges(request);
-				message = "Transaction has been saved successfully";
-				errorMessagePart = "saving";
-			} else if (transactionUiActionType === TransactionUiActionTypeEnums.Render_Create_Revision_Page) {
-				response = await executeCreateRevision(request);
-				message = "Revision has been created successfully";
-				errorMessagePart = "creating revision for";
-			} else if (!!transactionTypeTransactionActionId) {
-				response = await executeSubmitCustomAction(request);
-				message = "Action has been submitted successfully";
-				errorMessagePart = "submitting action for";
-			}
-			if (response?.status === 200) handleSuccessSnackbar(t(`${message} `));
-			else handleErrorSnackbar(new Error(t(`Error ${errorMessagePart} Transaction. Please try again later.`)));
-		} catch (error) {
-			handleErrorSnackbar(error);
-		}
-	}, [
-		executeCreateTransactionAction,
-		executeSaveChanges,
-		executeCreateRevision,
-		handleErrorSnackbar,
-		handleSuccessSnackbar,
-		transactionUiActionType,
-		executeSubmitCustomAction,
-		t,
-		transactionTypeTransactionActionId
-	]);
-	const isFieldRequired = useCallback((fieldName) => {
-		return getRequiredFields(transaction)?.includes(fieldName);
-	}, [getRequiredFields, transaction]);
-	const isFieldHidden = useCallback((fieldName) => {
-		return getHiddenFields(transaction)?.includes(fieldName);
-	}, [getHiddenFields, transaction]);
-	const transactionPageId = useMemo(() => {
-		if (pageId) return pageId;
-		return getUiActionRenderPageId(transactionUiActionType);
-	}, [
-		getUiActionRenderPageId,
-		transactionUiActionType,
-		pageId
-	]);
-	if (!transactionPageId) return null;
-	return /* @__PURE__ */ React.createElement(Form, {
-		onSubmit,
-		ref: formRef
-	}, /* @__PURE__ */ React.createElement(PageContainer, {
-		pageId: transactionPageId,
-		updateLocationState: false,
-		widgetParams: {
-			transaction,
-			isFieldRequired,
-			isFieldHidden
-		}
-	}));
-};
-var UdpTransactionCustomPage_default = UdpTransactionCustomPage;
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/sidesheets/WorkflowActions.jsx
-const TransactionActionButton = ({ icon, primaryText, secondaryText, onClick, action }) => {
-	const actionCardIcon = useMemo(() => getIconFromName(icon), [icon]);
-	return /* @__PURE__ */ React.createElement(UdpActionCard, {
-		icon: actionCardIcon ? actionCardIcon : DocumentIcon,
-		primaryText,
-		secondaryText,
-		onClick: () => {
-			onClick(action);
-		}
-	});
-};
-const WorkflowActions = ({ transaction, closeSideSheet, refreshGridData }) => {
-	const [dialogOpen, setDialogOpen] = useState(true);
-	const [dialogUserStrings, setDialogUserStrings] = useState(null);
-	const [selectedAction, setSelectedAction] = useState(null);
-	const [sideSheetOpen, setSideSheetOpen] = useState(false);
-	const [loading, setLoading] = useState(false);
-	const formRef = useRef(null);
-	const { getTransactionTypeTransactionActions } = useTransactionEngine(transaction.transactionTypeId);
-	const handleOnCloseSideSheet = useCallback(() => {
-		setSideSheetOpen(false);
-	}, []);
-	const handleSubmitWorkflowAction = useCallback(async () => {
-		setLoading(true);
-		await formRef.current?.form?.submit();
-		setLoading(false);
-		handleOnCloseSideSheet();
-		closeSideSheet();
-		refreshGridData();
-	}, [
-		handleOnCloseSideSheet,
-		refreshGridData,
-		closeSideSheet,
-		formRef
-	]);
-	const transactionTypeTransactionActions = useMemo(() => {
-		return getTransactionTypeTransactionActions(transaction, TransactionEventTypeEnums.Sidesheet) || [];
-	}, [getTransactionTypeTransactionActions, transaction]);
-	const [{ data: transactionData }, postTransactionData] = useAxiosMutate(`${ConfigService$1.productV1ApiUrl}`, "udptransactiontypeTransactionAction", { method: "post" }, {});
-	const i18n = useTranslation().t;
-	const { enqueueSnackbar } = useSnackbar();
-	const handleDialogOpen = useCallback((title, message) => {
-		setDialogUserStrings({
-			title,
-			message
-		});
-		setDialogOpen(true);
-	}, []);
-	const handleDialogClose = useCallback(() => {
-		setDialogOpen(false);
-	}, []);
-	const handleConfirmActionDialog = useCallback(async () => {
-		setDialogOpen(true);
-		handleDialogClose();
-		setLoading(true);
-		try {
-			await postTransactionData({
-				url: `${ConfigService$1.productV1ApiUrl}/udptransactiontypeTransactionAction/${selectedAction.transactionTypeTransactionActionId}/transaction/${transaction.transactionId}/submit`,
-				data: {}
-			});
-			enqueueSnackbar(i18n("Successfully submitted!"), {
-				variant: "success",
-				anchorOrigin: {
-					vertical: "top",
-					horizontal: "center"
-				}
-			});
-			closeSideSheet();
-			refreshGridData();
-		} catch (event) {
-			enqueueSnackbar(i18n(event.message), {
-				variant: "error",
-				anchorOrigin: {
-					vertical: "top",
-					horizontal: "center"
-				}
-			});
-		}
-		setLoading(false);
-	}, [
-		postTransactionData,
-		handleDialogClose,
-		transaction,
-		selectedAction,
-		enqueueSnackbar,
-		i18n,
-		closeSideSheet,
-		refreshGridData
-	]);
-	const handleOnActionClick = useCallback((action) => {
-		const pageId = action.parameters.pageId;
-		setSelectedAction(action);
-		if (pageId) setSideSheetOpen(true);
-		else handleDialogOpen(action.name, action.description);
-	}, [handleDialogOpen]);
-	const TransactionActionButtons = useMemo(() => {
-		if (!transactionTypeTransactionActions.length) return null;
-		return transactionTypeTransactionActions?.map((action) => /* @__PURE__ */ React.createElement(TransactionActionButton, {
-			key: action.transactionTypeTransactionActionId,
-			primaryText: action.name,
-			secondaryText: action.description,
-			icon: action.icon,
-			onClick: handleOnActionClick,
-			action
-		}));
-	}, [transactionTypeTransactionActions, handleOnActionClick]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "transaction-action-buttons-container" }, TransactionActionButtons), dialogUserStrings && /* @__PURE__ */ React.createElement(FluentDialog, {
-		title: i18n(`Are you sure you want to proceed with \"${dialogUserStrings.title}\"?`),
-		message: dialogUserStrings.message,
-		labelOne: i18n("Confirm"),
-		actionOne: handleConfirmActionDialog,
-		labelTwo: i18n("Cancel"),
-		actionTwo: handleDialogClose,
-		open: dialogOpen,
-		handleClose: handleDialogClose
-	}), /* @__PURE__ */ React.createElement(SideSheet, {
-		open: sideSheetOpen,
-		title: "",
-		onClose: handleOnCloseSideSheet,
-		width: 600,
-		buttonLabel: i18n("Submit"),
-		onSubmit: handleSubmitWorkflowAction,
-		progress: loading,
-		variant: "indeterminate"
-	}, selectedAction && selectedAction.parameters?.pageId && /* @__PURE__ */ React.createElement(UdpTransactionCustomPage_default, {
-		pageId: selectedAction.parameters.pageId,
-		transaction,
-		formRef,
-		transactionTypeTransactionActionId: selectedAction.transactionTypeTransactionActionId
-	})));
-};
-var WorkflowActions_default = WorkflowActions;
-
-//#endregion
-//#region src/uploader/utils/allowedFileProperties.js
-const MAX_FILE_SIZE_MB = 30;
-const allowedExtensions = [
-	"pdf",
-	"xlsx",
-	"xls",
-	"xlsm",
-	"csv",
-	"jpg",
-	"jpeg",
-	"png",
-	"tif",
-	"tiff",
-	"doc",
-	"docx",
-	"docm",
-	"ppt",
-	"pptm",
-	"rtf"
-];
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/sidesheets/EditTransactionHeaderItem.jsx
-const EditTransactionHeaderItem = (props) => {
-	const { label, value, statusChip } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: "transaction-sidesheet-header-item" }, /* @__PURE__ */ React.createElement(Typography$1, { variant: "caption" }, label), statusChip ? /* @__PURE__ */ React.createElement("div", { className: "transaction-sidesheet-header-item-status" }, /* @__PURE__ */ React.createElement(StatusChip, statusChip)) : /* @__PURE__ */ React.createElement(Typography$1, { variant: "body1" }, value));
-};
-var EditTransactionHeaderItem_default = EditTransactionHeaderItem;
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/transactionHistory/TransactionTimelineItem.jsx
-const TransactionTimelineItem = (props) => {
-	const { title, description, date, status, onClick } = props;
-	return /* @__PURE__ */ React.createElement(UdpTimelineItem, {
-		dotShape: "default",
-		onItemClick: onClick,
-		clickable: true,
-		statusLabel: status
-	}, /* @__PURE__ */ React.createElement(UdpTimelineSeparator, { slot: "separator" }, /* @__PURE__ */ React.createElement(UdpTimelineConnector, null), /* @__PURE__ */ React.createElement(UdpTimelineDot, {
-		color: "primary",
-		shape: "default",
-		size: "medium"
-	})), /* @__PURE__ */ React.createElement("span", { slot: "title" }, title), /* @__PURE__ */ React.createElement("span", { slot: "content" }, date), /* @__PURE__ */ React.createElement("span", { slot: "caption" }, description));
-};
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/transactionHistory/TransactionTimeline.jsx
-const TransactionTimeline = (props) => {
-	const { transactionId } = props;
-	const { t } = useTranslation();
-	const searchObj = useMemo(() => {
-		return {
-			eagerLoad: true,
-			pageNumber: 0,
-			pageSize: 100,
-			filterElements: [{
-				searchField: "transactionId",
-				searchValue: transactionId,
-				searchOperator: "="
-			}],
-			orderElements: [{
-				sortColumn: "createdOn",
-				sortDirection: "desc"
-			}],
-			getAll: true
-		};
-	}, [transactionId]);
-	const [{ data: transactionHistory, loading: isLoading }, fetchTransactionHistory] = useAxiosMutate(ConfigService$1.productV1ApiUrl, `UdpTransactionHistory/search`, {
-		method: "post",
-		data: searchObj
-	});
-	useEffect(() => {
-		fetchTransactionHistory();
-	}, [fetchTransactionHistory]);
-	return /* @__PURE__ */ React.createElement("div", null, isLoading ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(LinearProgress, null)) : transactionHistory?.pageList?.length > 0 ? /* @__PURE__ */ React.createElement(UdpTimeline, null, transactionHistory?.pageList?.map((item, index) => /* @__PURE__ */ React.createElement(TransactionTimelineItem, {
-		key: index,
-		title: item?.udpTransactionHistoryUdpTransactionTypeTransactionAction?.name ?? item?.udpTransactionHistoryUdpTransactionEventType?.name,
-		description: item?.changedByName ? `By ${item?.changedByName}` : null,
-		date: item?.createdOn ? formatDate(item?.createdOn, "dd/mm/yyyy") : null,
-		status: item?.udpTransactionHistoryUdpTransactionTypeStatus?.name
-	}))) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(EmptyStateDisplay, { primaryText: t("No History") })));
-};
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/transactionAttachment/TransactionAttachment.jsx
-const TransactionAttachment = (props) => {
-	const { attachment, isLastItem } = props;
-	const [{ data: attachmentWithDownloadLink, loading: isLoading }] = useAxiosGet(ConfigService.productV1ApiUrl, `UdpTransactionAttachment/${attachment?.transactionAttachmentId}/udpDriveFile/download`, {}, !!!attachment?.transactionAttachmentId);
-	return /* @__PURE__ */ React.createElement(UdpAttachmentItem, {
-		loading: isLoading,
-		fileName: attachment?.fileName,
-		fileSize: attachment?.fileSize,
-		fileExtension: attachment?.extension,
-		uploadedBy: attachment?.updatedByName,
-		uploadedDate: attachment?.lastUpdated,
-		isLastItem,
-		downloadUrl: attachmentWithDownloadLink?.link
-	});
-};
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/transactionAttachment/TransactionAttachments.jsx
-const TransactionAttachments = (props) => {
-	const { transactionAttachments, isLoading } = props;
-	const { t } = useTranslation();
-	return /* @__PURE__ */ React.createElement("div", null, isLoading ? /* @__PURE__ */ React.createElement(LinearProgress, null) : /* @__PURE__ */ React.createElement(AmbientCard, { fullWidth: true }, transactionAttachments?.pageList?.length > 0 ? transactionAttachments?.pageList?.map((attachment, index) => /* @__PURE__ */ React.createElement(TransactionAttachment, {
-		key: index,
-		attachment,
-		isLastItem: index === transactionAttachments?.pageList?.length - 1
-	})) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(EmptyStateDisplay, { primaryText: t("No Attachments") }))));
-};
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/transactionNote/TransactionNote.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	titleContainer: {
-		display: "flex",
-		gap: "8px",
-		justifyContent: "space-between",
-		alignItems: "center"
-	},
-	chipContainer: {
-		display: "flex",
-		gap: theme.spacing(1),
-		alignItems: "center",
-		marginTop: theme.spacing(1)
-	},
-	card: {
-		width: "100%",
-		cursor: "pointer",
-		"&:hover": { backgroundColor: "rgba(0, 0, 0, 0.04)" },
-		padding: "8px 12px",
-		border: "1px solid rgba(0, 0, 0, 0.08)"
-	},
-	captionText: { color: theme.palette.text.hint }
-}));
-const TransactionNote = (props) => {
-	const { onClick, note } = props;
-	const classes = useStyles$2();
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AmbientCard, {
-		fullWidth: true,
-		adornment: "info",
-		noAdornment: false,
-		customAdornment: /* @__PURE__ */ React.createElement(Adornment, { color: "info" }),
-		removeTopLayoutUnit: true,
-		removePadding: true,
-		lastChildBottomPadding: "0px",
-		cardContentHeight: "100%"
-	}, /* @__PURE__ */ React.createElement("div", {
-		className: classes.card,
-		onClick
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.titleContainer }, /* @__PURE__ */ React.createElement(Typography$1, { variant: "h6" }, note?.subject ?? "Transaction Note"), /* @__PURE__ */ React.createElement(Typography$1, {
-		variant: "caption",
-		className: classes.captionText
-	}, getLocalizedDateTimeString(note?.createdOn))), /* @__PURE__ */ React.createElement(Typography$1, { variant: "body1" }, note?.content ?? "This is a placeholder for the transaction note component."), /* @__PURE__ */ React.createElement("div", { className: classes.chipContainer }, /* @__PURE__ */ React.createElement(StatusChip, {
-		label: note?.userDisplayName,
-		color: "default",
-		variant: "outline",
-		icon: /* @__PURE__ */ React.createElement(ContactIcon, null)
-	})))));
-};
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/transactionNote/TransactionNoteForm.jsx
-const useStyles$1 = makeStyles((theme) => ({ loading: { marginBottom: theme.spacing(1) } }));
-const TransactionNoteFormComponent = (props, ref) => {
-	const { initialValues, viewOnly, businessObjectKey, closeSideSheet, noteTypes, fetchNoteTypesLoading } = props;
-	const [isLoading, setIsLoading] = useState(false);
-	const user = useAuthedUser();
-	const { handleSuccessSnackbar, handleErrorSnackbar } = useHandleAxiosSnackbar();
-	const { t } = useTranslation();
-	const classes = useStyles$1();
-	const addTransactionNote = useCallback(async (data) => apiMutate(ConfigService$1.productV1ApiUrl, `UdpNote`, { method: "post" }, data), []);
-	const addNoteFiledFor = useCallback(async (data) => apiMutate(ConfigService$1.productV1ApiUrl, `UdpNoteFiledFor`, { method: "post" }, data), []);
-	const handleSubmitForm = useCallback(async (values) => {
-		setIsLoading(true);
-		await addTransactionNote({ data: {
-			typeCode: values?.noteType?.code,
-			subject: values?.subject,
-			content: values?.content,
-			unityUserID: user?.id,
-			userDisplayName: user?.name ?? ""
-		} }).then(async (res) => {
-			console.log("Transaction Note response: ", { res });
-			if (res?.data?.id) await addNoteFiledFor({ data: {
-				entityBusinessKey: businessObjectKey,
-				noteId: res?.data?.id
-			} }).then(() => {
-				handleSuccessSnackbar(t("Transaction note has been added successfully."));
-				if (closeSideSheet) closeSideSheet();
-			});
-		}).catch((res) => {
-			handleErrorSnackbar(res, t("Unable to add transaction note."));
-		});
-		setIsLoading(false);
-	}, [
-		addNoteFiledFor,
-		addTransactionNote,
-		businessObjectKey,
-		handleErrorSnackbar,
-		handleSuccessSnackbar,
-		t,
-		user,
-		closeSideSheet
-	]);
-	return /* @__PURE__ */ React.createElement("div", null, fetchNoteTypesLoading ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(LinearProgress$1, null)) : /* @__PURE__ */ React.createElement("div", null, isLoading && /* @__PURE__ */ React.createElement("div", { className: classes.loading }, /* @__PURE__ */ React.createElement(LinearProgress$1, null)), /* @__PURE__ */ React.createElement(Form, {
-		ref,
-		onSubmit: handleSubmitForm,
-		initialValues,
-		id: `transactionNoteForm-${businessObjectKey}`,
-		render: ({ submitting }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Field, {
-			component: FluentTextFieldAutoComplete,
-			id: "noteType",
-			name: "noteType",
-			optionKey: "name",
-			disableClearable: true,
-			label: t("Type"),
-			options: noteTypes ?? [],
-			disabled: viewOnly || submitting,
-			onChange: () => {},
-			required: true
-		}), /* @__PURE__ */ React.createElement(Field, {
-			component: FluentTextField,
-			id: "subject",
-			name: "subject",
-			label: t("Subject"),
-			disabled: viewOnly || submitting,
-			onChange: () => {},
-			required: true
-		}), /* @__PURE__ */ React.createElement(Field, {
-			component: FluentTextField,
-			id: "content",
-			name: "content",
-			label: t("Details"),
-			onChange: () => {},
-			multiline: true,
-			rows: 5,
-			maxRows: 10,
-			disabled: viewOnly || submitting,
-			required: true
-		}), viewOnly && /* @__PURE__ */ React.createElement(Typography$1, { variant: "caption" }, t("Viewing note details. Use the Add Note action to create a new entry.")))
-	})));
-};
-const TransactionNoteForm = forwardRef(TransactionNoteFormComponent);
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/transactionNote/TransactionNotes.jsx
-const useStyles = makeStyles((theme) => ({ notes: {
-	display: "flex",
-	flexDirection: "column",
-	gap: theme.spacing(1)
-} }));
-const TransactionNotes = (props) => {
-	const { businessObjectKey, refreshNotes, setRefreshNotes, noteTypes, fetchNoteTypesLoading } = props;
-	const [openSideSheet, setOpenSideSheet] = useState(false);
-	const [selectedNote, setSelectedNote] = useState(null);
-	const [noteList, setNoteList] = useState([]);
-	const classes = useStyles();
-	const { t } = useTranslation();
-	const [isLoading, setIsLoading] = useState(false);
-	const noteFileForSearchObj = useMemo(() => {
-		return {
-			eagerLoad: true,
-			pageNumber: 0,
-			pageSize: 100,
-			filterElements: [{
-				searchField: "entityBusinessKey",
-				searchValue: businessObjectKey,
-				searchOperator: "="
-			}],
-			getAll: true
-		};
-	}, [businessObjectKey]);
-	const [{ data: noteFiledFor, loading: fetchNoteFiledForLoading }, fetchNoteFiledFor] = useAxiosMutate(ConfigService$1.productV1ApiUrl, `UdpNoteFiledFor/search`, {
-		method: "post",
-		data: noteFileForSearchObj
-	});
-	const handleViewNote = useCallback((note) => {
-		setSelectedNote(note);
-		setOpenSideSheet(true);
-	}, []);
-	const handleCloseSideSheet = useCallback(() => {
-		setOpenSideSheet(false);
-		setSelectedNote(null);
-	}, []);
-	useEffect(() => {
-		fetchNoteFiledFor();
-	}, [fetchNoteFiledFor]);
-	useEffect(() => {
-		if (refreshNotes) {
-			fetchNoteFiledFor();
-			setRefreshNotes(false);
-		}
-	}, [
-		fetchNoteFiledFor,
-		refreshNotes,
-		setRefreshNotes
-	]);
-	useEffect(() => {
-		if (!fetchNoteFiledForLoading && noteFiledFor?.pageList?.length > 0) {
-			const searchObj = {
-				eagerLoad: true,
-				pageNumber: 0,
-				pageSize: 100,
-				filterElements: [{
-					searchField: "iD",
-					searchValue: noteFiledFor?.pageList?.map((obj) => obj?.noteID).join(","),
-					searchOperator: "IN"
-				}],
-				getAll: true
-			};
-			setIsLoading(true);
-			apiMutate(ConfigService$1.productV1ApiUrl, `UdpNote/search`, {
-				method: "post",
-				data: searchObj
-			}, {}).then((resp) => {
-				if (resp && resp.data) setNoteList(resp.data?.pageList);
-				else setNoteList([]);
-			}).finally(() => {
-				setIsLoading(false);
-			});
-		} else setNoteList([]);
-	}, [
-		fetchNoteFiledForLoading,
-		noteFiledFor,
-		setIsLoading
-	]);
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.notes }, isLoading || fetchNoteFiledForLoading ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(LinearProgress$1, null)) : noteList?.length > 0 ? noteList.map((note, index) => /* @__PURE__ */ React.createElement(TransactionNote, {
-		key: index,
-		note,
-		onClick: () => handleViewNote(note)
-	})) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(EmptyStateDisplay, { primaryText: "No Notes" }))), /* @__PURE__ */ React.createElement(SideSheet, {
-		title: t("View Note"),
-		width: 600,
-		open: openSideSheet,
-		onClose: handleCloseSideSheet
-	}, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(TransactionNoteForm, {
-		initialValues: selectedNote,
-		businessObjectKey,
-		viewOnly: true,
-		noteTypes,
-		fetchNoteTypeLoading: fetchNoteTypesLoading
-	}))));
-};
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/sidesheets/enum.ts
-let TRANSACTION_TAB = /* @__PURE__ */ function(TRANSACTION_TAB$1) {
-	TRANSACTION_TAB$1[TRANSACTION_TAB$1["DETAILS"] = 0] = "DETAILS";
-	TRANSACTION_TAB$1[TRANSACTION_TAB$1["HISTORY"] = 1] = "HISTORY";
-	TRANSACTION_TAB$1[TRANSACTION_TAB$1["ATTACHMENTS"] = 2] = "ATTACHMENTS";
-	TRANSACTION_TAB$1[TRANSACTION_TAB$1["NOTES"] = 3] = "NOTES";
-	return TRANSACTION_TAB$1;
-}({});
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/EditTransactionDetailsFooterItem.jsx
-const EditTransactionDetailsFooterItem = (props) => {
-	const { transactionTypeId, transactionIsClosed, handleOnCancel, handleOnSaveChanges } = props;
-	const { hasRevisions } = useTransactionEngine(transactionTypeId);
-	const { t } = useTranslation();
-	return /* @__PURE__ */ React.createElement("div", { className: "transaction-details-footer-item" }, /* @__PURE__ */ React.createElement(FluentButton, {
-		variant: "outlined",
-		color: "secondary",
-		onClick: handleOnCancel
-	}, t("Cancel")), !transactionIsClosed && /* @__PURE__ */ React.createElement(FluentButton, {
-		variant: "contained",
-		color: "primary",
-		onClick: handleOnSaveChanges
-	}, t("Save Changes")));
-};
-var EditTransactionDetailsFooterItem_default = EditTransactionDetailsFooterItem;
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/EditTransactionDetailsFormFields.jsx
-const EditTransactionDetailsFormFields = (props) => {
-	const { transaction, fieldAttributes } = props;
-	const { t } = useTranslation();
-	const fieldComponentMap = {
-		string: FluentTextField,
-		datetime: FluentDatePicker,
-		number: FluentTextField,
-		bool: Switch,
-		array: FluentTextFieldAutoComplete
-	};
-	const getEntityName = (optionValuesArr, entityId) => {
-		return (optionValuesArr?.find((entity) => entity.id == entityId))?.name;
-	};
-	const numberDataTypes = [
-		"int",
-		"short",
-		"long"
-	];
-	const dataTypeComponentMap = (transaction$1, attribute) => {
-		let formattedSanitizedName = attribute.sanitizedName.slice(0, 1).toLowerCase() + attribute.sanitizedName.slice(1);
-		let formattedDataType = attribute.dataType.includes("?") ? attribute.dataType.split("?")[0].toLowerCase() : attribute.dataType.toLowerCase();
-		formattedDataType = numberDataTypes.includes(formattedDataType) ? "number" : formattedDataType;
-		if (attribute.sanitizedName.toLowerCase() == "id") formattedSanitizedName = formattedSanitizedName.toLowerCase();
-		const isAsscoiationLabel = attribute.properties.maintainenceConfig.associationLabel;
-		let fieldComponentProps = null;
-		switch (formattedDataType) {
-			case "number":
-				fieldComponentProps = {
-					initialValue: transaction$1.entityBusinessObject[formattedSanitizedName],
-					type: "number",
-					InputProps: { inputProps: { min: 0 } }
-				};
-				break;
-			case "datetime":
-				fieldComponentProps = { initialValue: transaction$1.entityBusinessObject[formattedSanitizedName] };
-				break;
-			case "array":
-				fieldComponentProps = {
-					options: attribute?.options.map((option) => option.id),
-					optionLabelDisplayFunction: (option) => getEntityName(attribute?.options, option),
-					initialValue: transaction$1.entityBusinessObject[formattedSanitizedName]
-				};
-				break;
-			case "bool":
-				fieldComponentProps = {
-					type: "checkbox",
-					initialValue: false
-				};
-				break;
-			default: fieldComponentProps = { initialValue: transaction$1.entityBusinessObject[formattedSanitizedName] };
-		}
-		let formLabel = isAsscoiationLabel ? attribute.domainName + " Name" : attribute.sanitizedName;
-		let fieldComponent = /* @__PURE__ */ React.createElement(Field, {
-			component: fieldComponentMap[formattedDataType] ?? FluentTextField,
-			label: t(formLabel),
-			name: formattedSanitizedName,
-			fullWidth: true,
-			variant: "outlined",
-			margin: "normal",
-			disabled: attribute.properties.isReadOnly,
-			required: !attribute.dataType.includes("?") && formattedDataType != "bool",
-			...fieldComponentProps
-		});
-		return /* @__PURE__ */ React.createElement(React.Fragment, null, attribute.dataType == "bool" ? /* @__PURE__ */ React.createElement(FormControlLabel, {
-			control: fieldComponent,
-			label: formLabel
-		}) : fieldComponent);
-	};
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, fieldAttributes.map((attribute) => {
-		return /* @__PURE__ */ React.createElement(React.Fragment, null, dataTypeComponentMap(transaction, attribute));
-	}));
-};
-var EditTransactionDetailsFormFields_default = EditTransactionDetailsFormFields;
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/EditTransactionDetailsForm.jsx
-const EditTransactionDetailsForm = (props) => {
-	const { transaction, formRef } = props;
-	const [entityAttributes, setEntityAttributes] = useState(null);
-	const fullyQualifiedName = transaction.entityBusinessKey?.split("|")[0];
-	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
-	const { t } = useTranslation();
-	const [{ data: udpObjectInfo }, fetchUdpObjectInfo] = useAxiosMutate(`${process.env.REACT_APP_PRODUCT_API_BASE}`, `UdpObjectInfo/search`, {
-		method: "post",
-		data: {
-			eagerLoad: true,
-			pageNumber: 1,
-			pageSize: 50,
-			filterElements: [{
-				searchField: "sanitizedName",
-				searchOperator: "=",
-				searchValue: getSanitizedName(fullyQualifiedName)
-			}]
-		}
-	});
-	const updateFieldInfo = (tableEntries, filteredEntityFieldInfo, fkFieldInfo, fkDomainName) => {
-		let updatedFields = {
-			dataType: "array",
-			options: tableEntries,
-			domainName: fkDomainName
-		};
-		const updatedFieldInfo = {
-			...fkFieldInfo,
-			...updatedFields
-		};
-		const index = filteredEntityFieldInfo.findIndex((f) => f.id === fkFieldInfo.id);
-		if (index != -1) filteredEntityFieldInfo[index] = updatedFieldInfo;
-	};
-	const filterAdjustEntityAttributes = async (entityObjectInfo) => {
-		let filteredEntityFieldInfo = entityObjectInfo.objectFieldInfo.filter((fieldInfo) => fieldInfo.properties.isDefaultVisible);
-		await Promise.all(entityObjectInfo.childObjectAssociations.map(async (coa) => {
-			let fkFieldInfo = filteredEntityFieldInfo.find((fieldInfo) => fieldInfo.id == coa.sourceFieldInfoID);
-			if (fkFieldInfo?.id == coa.sourceFieldInfoID && coa.cardinality != CardinalityTypeEnums.Many_To_Many) {
-				let fkDomainName = (await apiMutate(`${process.env.REACT_APP_PRODUCT_API_BASE}`, `UdpObjectInfo/${coa.targetObjectID}`, { method: "get" })).data.sanitizedName;
-				const getTableEntriesResp = await apiMutate(`${process.env.REACT_APP_PRODUCT_API_BASE}`, `${fkDomainName}`, { method: "get" });
-				if (getTableEntriesResp.data.length > 0) updateFieldInfo(getTableEntriesResp.data, filteredEntityFieldInfo, fkFieldInfo, fkDomainName);
-			}
-		}));
-		return filteredEntityFieldInfo;
-	};
-	useEffect(() => {
-		fetchUdpObjectInfo().then((udpObjectInfoResp) => {
-			filterAdjustEntityAttributes(udpObjectInfoResp.data.pageList[0]).then((filteredResp) => {
-				setEntityAttributes(filteredResp);
-			});
-		});
-	}, []);
-	const executeSaveChanges = useCallback(async (data) => apiMutate(ConfigService.productV1ApiUrl, `udpTransaction/${transaction?.transactionId}/saveChanges`, { method: "put" }, data), [transaction.transactionId]);
-	const onSubmit = useCallback(async (values) => {
-		if ((await executeSaveChanges({ data: values }))?.status === 200) handleSuccessSnackbar(t("Transaction has been saved successfully"));
-		else handleErrorSnackbar(new Error(t(`Error saving Transaction. Please try again later.`)));
-	}, [
-		executeSaveChanges,
-		handleSuccessSnackbar,
-		handleErrorSnackbar,
-		t
-	]);
-	const fieldAttributes = useMemo(() => {
-		if (!entityAttributes) return [];
-		return entityAttributes;
-	}, [entityAttributes]);
-	return fieldAttributes.length == 0 ? /* @__PURE__ */ React.createElement(LinearProgress, null) : /* @__PURE__ */ React.createElement(AmbientCard, null, /* @__PURE__ */ React.createElement(Form, {
-		onSubmit,
-		ref: formRef
-	}, /* @__PURE__ */ React.createElement(EditTransactionDetailsFormFields_default, {
-		transaction,
-		fieldAttributes
-	})));
-};
-var EditTransactionDetailsForm_default = EditTransactionDetailsForm;
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/sidesheets/EditTransaction.jsx
-const EditTransaction = (props) => {
-	const { transaction: initialTransaction, transactionTypeId, transactionIsClosed, openInnerSidesheetState, setOpenInnerSidesheetState, refreshGridData, closeSideSheet, setSidesheetLoading } = props;
-	const { t } = useTranslation();
-	const [selectedTab, setSelectedTab] = useState(0);
-	const [transaction, setTransaction] = useState(initialTransaction);
-	const [transactionAttachments, setTransactionAttachments] = useState([]);
-	const [filePreview, setFilePreview] = useState(false);
-	const [currentAttachments, setCurrentAttachments] = useState([]);
-	const [attachmentType, setAttachmentType] = useState(null);
-	const [attachmentProgress, setAttachmentProgress] = useState(false);
-	const [refreshNotes, setRefreshNotes] = useState(false);
-	const [{ data: noteTypes, loading: fetchNoteTypesLoading }] = useAxiosGet(ConfigService$1.productV1ApiUrl, `UdpNoteType`, {});
-	const { getUiActionRenderPageId } = useTransactionEngine(transactionTypeId);
-	const refetchTransaction = useCallback(async () => {
-		setSidesheetLoading(true);
-		const response = await apiMutate(ConfigService$1.productV1ApiUrl, `udpTransaction/${initialTransaction.transactionId}/full`, { method: "get" });
-		if (response?.status === 200) setTransaction(response.data);
-		setSidesheetLoading(false);
-	}, [initialTransaction.transactionId, setSidesheetLoading]);
-	const formRef = useRef(null);
-	const transactionNoteFormRef = useRef(null);
-	const handleNoteFormSubmit = useCallback(() => {
-		transactionNoteFormRef.current?.handleSubmit?.();
-	}, []);
-	const handleNoteFormReset = useCallback(() => {
-		transactionNoteFormRef.current?.form?.reset?.();
-	}, []);
-	const handleSaveChanges = useCallback(async () => {
-		setSidesheetLoading(true);
-		await formRef.current?.form?.submit();
-		setSidesheetLoading(false);
-		refreshGridData();
-	}, [
-		refreshGridData,
-		setSidesheetLoading,
-		formRef
-	]);
-	const [{ data: transactionAttachmentsData, loading: fetchTransactionAttachmentsLoading }, fetchTransactionAttachments] = useAxiosMutate(ConfigService$1.productV1ApiUrl, `UdpTransactionAttachment/search`, {
-		method: "post",
-		data: {
-			pageSize: 50,
-			filterElements: [{
-				searchField: "TransactionId",
-				searchValue: transaction.transactionId,
-				searchOperator: "="
-			}, {
-				searchField: "IsDeleted",
-				searchValue: 0,
-				searchOperator: "="
-			}]
-		}
-	});
-	const [{ data: transactionAttachmentTypes }, fetchTransactionAttachmentType] = useAxiosMutate(process.env.REACT_APP_PRODUCT_API_BASE, `UdpTransactionAttachmentType/search`, {
-		method: "post",
-		data: {
-			pageSize: 50,
-			filterElements: [{
-				searchField: "TransactionTypeId",
-				searchValue: transaction.transactionTypeId,
-				searchOperator: "="
-			}]
-		}
-	});
-	const { enqueueSnackbar } = useSnackbar();
-	const getAttachments = useCallback(async () => {
-		try {
-			setTransactionAttachments((await fetchTransactionAttachments()).data.pageList);
-		} catch (error) {
-			console.error("Failed to fetch attachments:", error);
-			enqueueSnackbar("Attachment fetch failed: We encountered a system error. Please try again or contact support if the issue persists.", {
-				variant: "error",
-				anchorOrigin: {
-					vertical: "top",
-					horizontal: "center"
-				}
-			});
-		}
-	}, [fetchTransactionAttachments, enqueueSnackbar]);
-	const tabNames = [
-		t("Details"),
-		t("History"),
-		t("Attachments"),
-		t("Notes")
-	];
-	const headerItemInfo = useMemo(() => {
-		const items = [{
-			label: "Status",
-			statusChip: {
-				label: transaction.udpTransactionUdpTransactionTypeStatus?.name,
-				status: "success"
-			}
-		}];
-		if (transaction?.currentRevisionNo) items.push({
-			label: "Revision",
-			value: `${transaction.currentRevisionNo}`
-		});
-		return items;
-	}, [transaction]);
-	const handleUploadFiles = useCallback(async () => {
-		if (!currentAttachments.length) throw new Error("No files added for upload");
-		const formData = new FormData();
-		currentAttachments.forEach((file) => formData.append("files", file));
-		formData.append("attachmentTypeId", attachmentType.transactionAttachmentTypeId);
-		try {
-			setAttachmentProgress(true);
-			await apiMutate(ConfigService$1.productV1ApiUrl, `UdpTransactionAttachment/transaction/${transaction.transactionId}/upload`, {
-				method: "post",
-				headers: {
-					transactionId: transaction.transactionId,
-					attachmentTypeId: attachmentType.transactionAttachmentTypeId
-				},
-				data: formData
-			});
-			await getAttachments();
-			setCurrentAttachments([]);
-			setOpenInnerSidesheetState({ attachments: false });
-			enqueueSnackbar("Files uploaded successfully", {
-				variant: "success",
-				anchorOrigin: {
-					vertical: "top",
-					horizontal: "center"
-				}
-			});
-		} catch (error) {
-			enqueueSnackbar(`File upload failed: We encountered a system error. Please try again or contact support if the issue persists.`, {
-				variant: "error",
-				anchorOrigin: {
-					vertical: "top",
-					horizontal: "center"
-				}
-			});
-			throw error;
-		} finally {
-			setAttachmentProgress(false);
-		}
-	}, [
-		attachmentType,
-		currentAttachments,
-		enqueueSnackbar,
-		getAttachments,
-		setOpenInnerSidesheetState,
-		transaction.transactionId
-	]);
-	const innerSidesheetList = useMemo(() => [
-		{
-			open: openInnerSidesheetState.workflowAction,
-			closeSheet: () => setOpenInnerSidesheetState({ workflowActions: false }),
-			title: "Available Workflow Actions",
-			children: /* @__PURE__ */ React.createElement(WorkflowActions_default, {
-				transaction,
-				closeSideSheet: () => {
-					setOpenInnerSidesheetState({ workflowActions: false });
-					refetchTransaction();
-				},
-				refreshGridData
-			})
-		},
-		{
-			open: openInnerSidesheetState.attachments,
-			closeSheet: () => setOpenInnerSidesheetState({ attachments: false }),
-			title: "Add Attachment",
-			buttonLabel: "Save",
-			buttonOneDisabled: !attachmentType || currentAttachments.length <= 0,
-			onSubmit: () => {
-				handleUploadFiles().then(() => refreshGridData()).catch((error) => console.error(error));
-			},
-			children: /* @__PURE__ */ React.createElement(Attachments, {
-				attachmentTypes: transactionAttachmentTypes,
-				attachmentType,
-				setAttachmentType,
-				attachmentProgress,
-				setAttachmentProgress,
-				currentAttachments,
-				setCurrentAttachments,
-				transaction,
-				previousAttachments: transactionAttachments,
-				setPreviousAttachments: setTransactionAttachments,
-				MAX_FILE_SIZE_MB,
-				allowedExtensions,
-				filePreview,
-				setFilePreview
-			})
-		},
-		{
-			open: openInnerSidesheetState.notes,
-			closeSheet: () => setOpenInnerSidesheetState({ notes: false }),
-			title: "Add Note",
-			buttonLabel: "Save note",
-			buttonTwoLabel: "Clear",
-			buttonTwoAction: handleNoteFormReset,
-			onSubmit: handleNoteFormSubmit,
-			children: /* @__PURE__ */ React.createElement(TransactionNoteForm, {
-				ref: transactionNoteFormRef,
-				businessObjectKey: transaction?.businessObjectKey,
-				closeSideSheet: () => {
-					setOpenInnerSidesheetState({ notes: false });
-					setRefreshNotes(true);
-				},
-				noteTypes,
-				fetchNoteTypesLoading
-			})
-		}
-	], [
-		openInnerSidesheetState.workflowAction,
-		openInnerSidesheetState.attachments,
-		openInnerSidesheetState.notes,
-		transaction,
-		refreshGridData,
-		attachmentType,
-		currentAttachments,
-		transactionAttachmentTypes,
-		attachmentProgress,
-		transactionAttachments,
-		filePreview,
-		handleNoteFormReset,
-		handleNoteFormSubmit,
-		noteTypes,
-		fetchNoteTypesLoading,
-		setOpenInnerSidesheetState,
-		refetchTransaction,
-		handleUploadFiles
-	]);
-	const transactionDetailPageId = useMemo(() => {
-		return getUiActionRenderPageId(TransactionUiActionTypeEnums.Render_Transaction_Details_Page);
-	}, [getUiActionRenderPageId]);
-	useEffect(() => {
-		(async () => {
-			if (!transactionAttachmentsData) getAttachments();
-		})();
-	}, [transactionAttachmentsData, getAttachments]);
-	useEffect(() => {
-		if (!transactionAttachmentTypes) {
-			setAttachmentProgress(true);
-			fetchTransactionAttachmentType().then(() => {
-				setAttachmentProgress(false);
-			});
-		}
-	}, [fetchTransactionAttachmentType, transactionAttachmentTypes]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "edit-transaction-sidesheet" }, /* @__PURE__ */ React.createElement("div", { className: `edit-transaction-sidesheet-header 'is-sticky'` }, /* @__PURE__ */ React.createElement("div", { className: "edit-transaction-sidesheet-header-title" }), /* @__PURE__ */ React.createElement("div", { className: "edit-transaction-sidesheet-header-content" }, /* @__PURE__ */ React.createElement("div", { className: "edit-transaction-sidesheet-header-items" }, headerItemInfo.map((headerItem) => {
-		return /* @__PURE__ */ React.createElement(EditTransactionHeaderItem_default, {
-			key: headerItem.label,
-			label: headerItem.label,
-			statusChip: headerItem.statusChip,
-			value: headerItem.value
-		});
-	})), /* @__PURE__ */ React.createElement("div", { className: "edit-transaction-sidesheet-header-buttons" }, /* @__PURE__ */ React.createElement(FluentButton, {
-		variant: "contained",
-		color: "secondary",
-		onClick: () => {
-			setOpenInnerSidesheetState({ attachments: true });
-		}
-	}, "Add Attachment"), /* @__PURE__ */ React.createElement(FluentButton, {
-		variant: "contained",
-		color: "secondary",
-		onClick: () => {
-			setOpenInnerSidesheetState({ notes: true });
-		}
-	}, "Add Note")), /* @__PURE__ */ React.createElement("div", { className: "divider" }, /* @__PURE__ */ React.createElement(Divider$1, null)), /* @__PURE__ */ React.createElement("div", { className: "edit-transaction-sidesheet-tabs" }, /* @__PURE__ */ React.createElement(UdpTabs, {
-		value: selectedTab,
-		onChange: (value, tabIndex) => {
-			setSelectedTab(tabIndex);
-		},
-		tabList: tabNames.map((tabName) => ({ label: tabName })),
-		buttonWidth: "100%"
-	}))), /* @__PURE__ */ React.createElement("div", { className: "divider" }, /* @__PURE__ */ React.createElement(Divider$1, null))), /* @__PURE__ */ React.createElement("div", { className: "edit-transaction-sidesheet-body" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(UdpTabPanel, {
-		value: selectedTab,
-		index: TRANSACTION_TAB.DETAILS
-	}, transactionDetailPageId ? /* @__PURE__ */ React.createElement(UdpTransactionCustomPage_default, {
-		transactionTypeId,
-		transactionUiActionType: TransactionUiActionTypeEnums.Render_Transaction_Details_Page,
-		formRef,
-		transaction
-	}) : /* @__PURE__ */ React.createElement(EditTransactionDetailsForm_default, {
-		transaction,
-		formRef
-	})), /* @__PURE__ */ React.createElement(UdpTabPanel, {
-		value: selectedTab,
-		index: TRANSACTION_TAB.HISTORY
-	}, /* @__PURE__ */ React.createElement(TransactionTimeline, { transactionId: transaction?.transactionId })), /* @__PURE__ */ React.createElement(UdpTabPanel, {
-		value: selectedTab,
-		index: TRANSACTION_TAB.ATTACHMENTS
-	}, /* @__PURE__ */ React.createElement(TransactionAttachments, {
-		transactionAttachments: transactionAttachmentsData,
-		isLoading: fetchTransactionAttachmentsLoading
-	})), /* @__PURE__ */ React.createElement(UdpTabPanel, {
-		value: selectedTab,
-		index: TRANSACTION_TAB.NOTES
-	}, /* @__PURE__ */ React.createElement(TransactionNotes, {
-		businessObjectKey: transaction?.businessObjectKey,
-		refreshNotes,
-		setRefreshNotes,
-		noteTypes,
-		fetchNoteTypeLoading: fetchNoteTypesLoading
-	})))), selectedTab == TRANSACTION_TAB.DETAILS && /* @__PURE__ */ React.createElement("div", { className: "edit-transaction-sidesheet-footer" }, /* @__PURE__ */ React.createElement(EditTransactionDetailsFooterItem_default, {
-		transactionTypeId,
-		transactionIsClosed,
-		handleOnCancel: closeSideSheet,
-		handleOnSaveChanges: handleSaveChanges
-	}))), openInnerSidesheetState && innerSidesheetList.map((item) => {
-		return /* @__PURE__ */ React.createElement(SideSheet, {
-			key: item.title,
-			open: item.open,
-			width: 600,
-			title: item.title,
-			onClose: item.closeSheet,
-			buttonLabel: item?.buttonLabel,
-			buttonOneDisabled: item?.buttonOneDisabled,
-			buttonTwoLabel: item?.buttonTwoLabel,
-			buttonTwoAction: item?.buttonTwoAction,
-			onSubmit: item?.onSubmit,
-			color: "primary"
-		}, item.children);
-	}));
-};
-var EditTransaction_default = EditTransaction;
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/UdpTransactionSidesheet.jsx
-const UdpTransactionSidesheet = (props) => {
-	const { openStates, handleSidesheet, handleAttachmentTransaction, transaction, transactionTypeId, domainName, refreshGridData } = props;
-	const [sidesheetLoading, setSidesheetLoading] = useState(false);
-	const [closingTransactionLoading, setClosingTransactionLoading] = useState(false);
-	const [editTransactionopenInnerSidesheetState, setEditTransactionOpenInnerSidesheetState] = useState({
-		attachments: false,
-		workflowActions: false,
-		notes: false
-	});
-	const [dialogOpen, setDialogOpen] = useState(false);
-	const { handleSuccessSnackbar, handleErrorSnackbar } = useHandleAxiosSnackbar();
-	const { hasClosedStatus, checkIfTransactionIsClosed, getTransactionTypeLabel, getUiActionRenderPageId } = useTransactionEngine(transactionTypeId);
-	const { t } = useTranslation();
-	const formRef = useRef(null);
-	const attachmentRef = useRef();
-	const sidesheetWidth = 800;
-	const transactionTypeEntry = transaction?.entityBusinessObject;
-	const handleDialogClose = () => {
-		setDialogOpen(false);
-	};
-	const executeCloseTransaction = useCallback(async () => {
-		if ((await apiMutate(ConfigService$1.productV1ApiUrl, `udpTransaction/${transaction?.transactionId}/closeTransaction`, { method: "post" }))?.status === 200) {
-			handleSidesheet("edit", false);
-			refreshGridData();
-			handleSuccessSnackbar(t(`Transaction has been closed successfully`));
-		} else handleErrorSnackbar(new Error(t(`Error closing Transaction. Please try again later.`)));
-	}, [
-		transaction,
-		refreshGridData,
-		handleSidesheet,
-		handleSuccessSnackbar,
-		handleErrorSnackbar,
-		t
-	]);
-	const handleConfirmCloseTransactionDialog = useCallback(async () => {
-		try {
-			setClosingTransactionLoading(true);
-			await executeCloseTransaction();
-		} catch (error) {
-			handleErrorSnackbar(error);
-		} finally {
-			setClosingTransactionLoading(false);
-			handleDialogClose();
-		}
-	}, [executeCloseTransaction, handleErrorSnackbar]);
-	const formattedBusinesskey = transactionTypeEntry?.businessObjectKey?.split("|")?.pop();
-	const handleTransactionCreation = useCallback(async () => {
-		setSidesheetLoading(true);
-		await formRef.current?.form?.submit();
-		setSidesheetLoading(false);
-		handleSidesheet("add", false);
-		refreshGridData();
-	}, [
-		handleSidesheet,
-		refreshGridData,
-		formRef
-	]);
-	const handleCreateRevision = useCallback(async () => {
-		setSidesheetLoading(true);
-		formRef.current?.form?.submit();
-		setSidesheetLoading(false);
-		handleSidesheet("createRevision", false);
-		refreshGridData();
-	}, [
-		handleSidesheet,
-		refreshGridData,
-		formRef
-	]);
-	const pdfViewPageId = useMemo(() => {
-		return getUiActionRenderPageId(TransactionUiActionTypeEnums.Render_View_Pdf_Page);
-	}, [getUiActionRenderPageId]);
-	const viewTransactionPage = useMemo(() => {
-		if (pdfViewPageId) return /* @__PURE__ */ React.createElement(PageContainer, { pageId: pdfViewPageId });
-		else return /* @__PURE__ */ React.createElement(ViewTransaction_default, { transaction });
-	}, [transaction, pdfViewPageId]);
-	const transactionIsClosed = useMemo(() => {
-		return checkIfTransactionIsClosed(transaction);
-	}, [checkIfTransactionIsClosed, transaction]);
-	const transactionLabel = useMemo(() => {
-		return getTransactionTypeLabel(transaction) ?? formattedBusinesskey;
-	}, [
-		getTransactionTypeLabel,
-		transaction,
-		formattedBusinesskey
-	]);
-	const sidesheetList = useMemo(() => {
-		return [
-			{
-				open: openStates.addTransaction,
-				closeSheet: () => handleSidesheet("add", false),
-				title: domainName,
-				width: sidesheetWidth,
-				onSubmit: handleTransactionCreation,
-				children: /* @__PURE__ */ React.createElement(UdpTransactionCustomPage_default, {
-					transactionTypeId,
-					transactionUiActionType: TransactionUiActionTypeEnums.Render_Create_Transaction_Page,
-					formRef
-				}),
-				buttonLabel: "Add"
-			},
-			{
-				open: openStates.viewTransaction,
-				closeSheet: () => handleSidesheet("view", false),
-				title: domainName + " " + transactionLabel + " - Preview",
-				width: sidesheetWidth,
-				children: viewTransactionPage,
-				buttonLabel: !pdfViewPageId ? "Download" : null
-			},
-			{
-				open: openStates.attachmentTransaction,
-				closeSheet: () => handleSidesheet("view", false),
-				title: "Attachment for " + domainName + " " + transactionLabel,
-				width: sidesheetWidth,
-				buttonLabel: "Download",
-				onSubmit: () => {
-					if (attachmentRef.current) attachmentRef.current.downloadSelectedFile();
-				},
-				children: /* @__PURE__ */ React.createElement(AttachmentTransaction_default, {
-					handleAttachmentTransaction,
-					attachmentRef,
-					transaction,
-					domainName,
-					setSidesheetLoading
-				})
-			},
-			{
-				open: openStates.workflowAction,
-				closeSheet: () => handleSidesheet("action", false),
-				title: `Workflow Actions - ${domainName} ${transactionLabel}`,
-				width: sidesheetWidth,
-				children: /* @__PURE__ */ React.createElement(WorkflowActions_default, {
-					transaction,
-					closeSideSheet: () => {
-						handleSidesheet("action", false);
-					},
-					refreshGridData
-				})
-			},
-			{
-				open: openStates.editTransaction,
-				closeSheet: () => handleSidesheet("edit", false),
-				title: `Edit ${domainName} ${transactionLabel}`,
-				width: sidesheetWidth,
-				buttonLabel: !transactionIsClosed ? "Next Steps" : null,
-				onSubmit: () => setEditTransactionOpenInnerSidesheetState({ workflowAction: true }),
-				buttonTwoLabel: !transactionIsClosed ? hasClosedStatus ? "Close " + domainName : null : null,
-				buttonTwoAction: !transactionIsClosed ? hasClosedStatus ? () => setDialogOpen(true) : null : null,
-				children: /* @__PURE__ */ React.createElement(EditTransaction_default, {
-					transaction,
-					transactionTypeId,
-					transactionIsClosed,
-					openInnerSidesheetState: editTransactionopenInnerSidesheetState,
-					setOpenInnerSidesheetState: setEditTransactionOpenInnerSidesheetState,
-					refreshGridData,
-					closeSideSheet: () => handleSidesheet("edit", false),
-					setSidesheetLoading
-				})
-			},
-			{
-				open: openStates.createRevision,
-				closeSheet: () => handleSidesheet("createRevision", false),
-				title: `Create Revision for ${domainName}`,
-				width: sidesheetWidth,
-				onSubmit: handleCreateRevision,
-				children: /* @__PURE__ */ React.createElement(UdpTransactionCustomPage_default, {
-					transactionTypeId,
-					transactionUiActionType: TransactionUiActionTypeEnums.Render_Create_Revision_Page,
-					formRef,
-					transaction
-				}),
-				buttonLabel: "Create Revision"
-			}
-		];
-	}, [
-		openStates,
-		handleSidesheet,
-		handleAttachmentTransaction,
-		transaction,
-		domainName,
-		editTransactionopenInnerSidesheetState,
-		setEditTransactionOpenInnerSidesheetState,
-		transactionLabel,
-		refreshGridData,
-		transactionTypeId,
-		handleTransactionCreation,
-		hasClosedStatus,
-		handleCreateRevision,
-		transactionIsClosed,
-		viewTransactionPage,
-		pdfViewPageId
-	]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, openStates && sidesheetList.map((item) => {
-		return /* @__PURE__ */ React.createElement(SideSheet, {
-			key: item.title,
-			open: item.open,
-			width: sidesheetWidth,
-			title: item.title,
-			onClose: item.closeSheet,
-			noPadding: openStates.attachmentTransaction || openStates.editTransaction,
-			buttonLabel: item?.buttonLabel,
-			onSubmit: item?.onSubmit,
-			color: "primary",
-			buttonTwoLabel: item?.buttonTwoLabel,
-			buttonTwoAction: item?.buttonTwoAction,
-			progress: sidesheetLoading,
-			variant: "indeterminate"
-		}, sidesheetLoading && /* @__PURE__ */ React.createElement(LinearProgress$1, null), /* @__PURE__ */ React.createElement("div", null, item.children));
-	}), /* @__PURE__ */ React.createElement(FluentDialog, {
-		title: t(`Close Transaction`),
-		message: `Are you sure you want to close transaction for ${transaction?.entityBusinessKey || ""}?`,
-		labelOne: t("Confirm"),
-		actionOne: handleConfirmCloseTransactionDialog,
-		labelTwo: t("Cancel"),
-		actionTwo: handleDialogClose,
-		open: dialogOpen,
-		handleClose: handleDialogClose,
-		loading: closingTransactionLoading
-	}));
-};
-var UdpTransactionSidesheet_default = UdpTransactionSidesheet;
-
-//#endregion
-//#region src/hooks/useTransactionType.js
-const useTransactionType = (options = {}) => {
-	const { transactionTypeId, domainName, domainFieldType, domainFieldValue } = options;
-	const [resolvedId, setResolvedId] = useState(transactionTypeId || null);
-	const [data, setData] = useState(void 0);
-	const [loading, setLoading] = useState(true);
-	const [error, setError] = useState(void 0);
-	const [promise, setPromise] = useState(void 0);
-	const { transactionTypesMap, setTransactionTypesMap } = useTransactionStore();
-	const setSuccessState = useCallback((response) => {
-		setError(void 0);
-		setLoading(false);
-		setData(response);
-	}, []);
-	useEffect(() => {
-		if (transactionTypeId) {
-			setResolvedId(transactionTypeId);
-			return;
-		}
-		if (!domainName) return;
-		setLoading(true);
-		const domainPromise = apiMutate(ConfigService$1.productV1ApiUrl, `udpTransactionType/domain/${domainName}${domainFieldType && domainFieldValue ? `?domainFieldType=${domainFieldType}&domainFieldValue=${domainFieldValue}` : ""}`, {});
-		domainPromise.then((res) => {
-			const newId = res.data?.transactionTypeId;
-			if (newId) {
-				setResolvedId(newId);
-				setTransactionTypesMap({ [newId]: res.data });
-				setSuccessState(res.data);
-			} else setError("Transaction type not found for domain.");
-		}).catch(setError).finally(() => setPromise(domainPromise));
-	}, [
-		transactionTypeId,
-		domainName,
-		domainFieldType,
-		domainFieldValue
-	]);
-	useEffect(() => {
-		if (!resolvedId) return;
-		if (transactionTypesMap[resolvedId]) {
-			setSuccessState(transactionTypesMap[resolvedId]);
-			return;
-		}
-		setLoading(true);
-		const fetchPromise = apiMutate(ConfigService$1.productV1ApiUrl, `udpTransactionType/${resolvedId}?withAssociationData=true`, {});
-		fetchPromise.then((res) => {
-			const transactionType = res.data;
-			setTransactionTypesMap({ [resolvedId]: transactionType });
-			setSuccessState(transactionType);
-		}).catch(setError).finally(() => setPromise(fetchPromise));
-	}, [
-		resolvedId,
-		transactionTypesMap,
-		setTransactionTypesMap,
-		setSuccessState
-	]);
-	return {
-		data,
-		loading,
-		error,
-		promise
-	};
-};
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/UdpTransactionsPage.jsx
-const columnFormatters = new Map([
-	["submittedBy", (params) => {
-		return params?.data ? params?.data?.entityBusinessObject["submittedBy"] : "";
-	}],
-	["submittedTo", (params) => {
-		return params?.data ? params?.data?.entityBusinessObject["submittedTo"] : "";
-	}],
-	["rfiNo", (params) => {
-		return params?.data ? params?.data?.entityBusinessObject["rfiNo"] : "";
-	}],
-	["description", (params) => {
-		return params?.data ? params?.data?.entityBusinessObject["description"] : "";
-	}]
-]);
-const UdpTransactionsPage = (props) => {
-	const { transactionTypeId = "", domainName: initialDomainName = "", domainFieldType, domainFieldValue, searchMethodObject, domainColumnFormatters = columnFormatters } = props;
-	const [sidesheetState, setSidesheetState] = useState({
-		workflowAction: false,
-		addTransaction: false,
-		editTransaction: false,
-		viewTransaction: false,
-		attachmentTransaction: false,
-		createRevision: false
-	});
-	const [selectedTransaction, setSelectedTransaction] = useState(null);
-	const [domainName, setDomainName] = useState(initialDomainName);
-	const { data: transactionType, loading: transactionTypeLoading, error: transactionTypeError } = useTransactionType({
-		transactionTypeId,
-		domainName: initialDomainName,
-		domainFieldType,
-		domainFieldValue
-	});
-	useTransactionEngine(transactionType?.transactionTypeId);
-	const gridApiRef = useRef(null);
-	const handleSidesheet = (actionType, openStatus, transaction) => {
-		if (actionType == "add") setSidesheetState({ addTransaction: openStatus });
-		else if (actionType == "edit") setSidesheetState({ editTransaction: openStatus });
-		else if (actionType == "view") setSidesheetState({ viewTransaction: openStatus });
-		else if (actionType == "attachment") setSidesheetState({ attachmentTransaction: openStatus });
-		else if (actionType == "action") setSidesheetState({ workflowAction: openStatus });
-		else if (actionType == "createRevision") setSidesheetState({ createRevision: openStatus });
-		setSelectedTransaction(transaction);
-	};
-	const handleAttachmentTransaction = () => {};
-	const handleGridApiCallback = (api) => {
-		return gridApiRef.current = api;
-	};
-	useEffect(() => {
-		if (transactionType) setDomainName(transactionType.domainName.split(".").pop());
-	}, [transactionType]);
-	if (!transactionType) return /* @__PURE__ */ React.createElement("div", { className: "udp-transaction-page-loading" }, /* @__PURE__ */ React.createElement(CircularProgress, { size: 64 }));
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(UdpTransactionGrid_default, {
-		transactionTypeId: transactionType?.transactionTypeId,
-		transactionType,
-		domainName,
-		transactionTypeLoading,
-		searchMethodObject,
-		domainColumnFormatters,
-		openAddTransaction: () => {
-			handleSidesheet("add", true);
-		},
-		openViewTransaction: (transaction) => {
-			handleSidesheet("view", true, transaction);
-		},
-		openEditTransaction: (transaction) => {
-			handleSidesheet("edit", true, transaction);
-		},
-		openAttachmentTransaction: (transaction) => {
-			handleSidesheet("attachment", true, transaction);
-		},
-		openWorkflowActionTransaction: (transaction) => {
-			handleSidesheet("action", true, transaction);
-		},
-		openCreateRevision: (transaction) => {
-			handleSidesheet("createRevision", true, transaction);
-		},
-		handleGridApiCallback,
-		refreshGridData: () => {
-			gridApiRef?.current?.refreshServerSide();
-		},
-		gridApiRef
-	}), /* @__PURE__ */ React.createElement(UdpTransactionSidesheet_default, {
-		openStates: sidesheetState,
-		handleSidesheet,
-		handleAttachmentTransaction,
-		transaction: selectedTransaction,
-		transactionTypeId: transactionType?.transactionTypeId,
-		domainName,
-		refreshGridData: () => {
-			gridApiRef?.current?.refreshServerSide();
-		}
-	}));
-};
-var UdpTransactionsPage_default = UdpTransactionsPage;
-
-//#endregion
-//#region src/udp/pages/UdpTransactionsPage/index.ts
-var UdpTransactionsPage_exports = /* @__PURE__ */ __export({ default: () => UdpTransactionsPage_default });
-
-//#endregion
-export { UdpTransactionsPage_default as n, UdpTransactionsPage_exports as t };
-//# sourceMappingURL=UdpTransactionsPage-DKF6PKUA.js.map