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

package/dist/udp/pages/UdpTransactionsPage/UdpTransactionsPage.mjs

@@ -1,5 +1,7 @@
 import { c } from "../../../reactCompilerRuntime.mjs";
 import { ConfigService } from "../../../configService/index.mjs";
+import { useHandleAxiosSnackbar } from "../../../utilities/apiHelpers.mjs";
+import { apiMutate } from "../../../utilities/useAxiosMutate.mjs";
 import { useCatalogStore } from "../../../stores/catalogStore.mjs";
 import { Typography as Typography$1 } from "../../../UI/dataDisplay/typography/Typography.mjs";
 import { useAxiosGet } from "../../../utilities/useAxiosGet.mjs";
@@ -9,13 +11,13 @@ import UdpTransactionCalendar from "./UdpTransactionCalendar.mjs";
 import UdpTransactionSidesheet from "./UdpTransactionSidesheet.mjs";
 import { useTransactionType } from "../../../hooks/useTransactionType.mjs";
 import { useUdpGridFilterModel } from "../../../hooks/useUdpGridFilterModel.mjs";
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { CircularProgress } from "@material-ui/core";
-import { useLocation } from "react-router-dom";
+import { useHistory, useLocation } from "react-router-dom";
 import "./UdpTransactionsPage.css";
 //#region src/udp/pages/UdpTransactionsPage/UdpTransactionsPage.jsx
 const UdpTransactionsPage = (props) => {
-	const $ = c(93);
+	const $ = c(108);
 	const { transactionTypeId: t0, domainName: t1, domainFieldType, domainFieldValue, searchMethodObject, domainColumnFormatters, gridOptions, onBeforeRefresh, onAfterRefresh, gridTitle, hideCreateTransaction: t2, sideSheetProps, columnDefProperties, columnDefinitions, paginationAutoPageSize, customActions, gridSecondaryActionButtons, calendarSecondaryActionButtons, gridApiCallback, loading: t3, addTransactionSidesheetWidth, viewTransactionSidesheetWidth, editTransactionSidesheetWidth, attachmentTransactionSidesheetWidth, workflowActionTransactionSidesheetWidth, createRevisionSidesheetWidth, statusChangeCallbacks, attachmentTypeDefaults } = props;
 	const transactionTypeId = t0 === void 0 ? "" : t0;
 	const initialDomainName = t1 === void 0 ? "" : t1;
@@ -39,38 +41,51 @@ const UdpTransactionsPage = (props) => {
 	const [calendarRefresh, setCalendarRefresh] = useState(null);
 	const [showCalendarView, setShowCalendarView] = useState(false);
 	const location = useLocation();
+	const history = useHistory();
 	const state = location.state;
+	const { handleErrorSnackbar } = useHandleAxiosSnackbar();
 	const searchParamStr = location.search;
+	let deepLinkTransactionId;
+	let initialTransactionTypeId;
 	let t5;
 	if ($[1] !== searchParamStr || $[2] !== state) {
 		const searchParams = new URLSearchParams(searchParamStr);
-		t5 = state?.params?.udpTransactionTypeId ? state.params.udpTransactionTypeId : searchParams.has("udpTransactionTypeId") === true ? searchParams.get("udpTransactionTypeId") : "";
+		initialTransactionTypeId = state?.params?.udpTransactionTypeId ? state.params.udpTransactionTypeId : searchParams.has("udpTransactionTypeId") === true ? searchParams.get("udpTransactionTypeId") : "";
+		deepLinkTransactionId = searchParams.get("udpTransactionId");
+		t5 = searchParams.get("udpTransactionAction");
 		$[1] = searchParamStr;
 		$[2] = state;
-		$[3] = t5;
-	} else t5 = $[3];
-	const initialTransactionTypeId = t5;
+		$[3] = deepLinkTransactionId;
+		$[4] = initialTransactionTypeId;
+		$[5] = t5;
+	} else {
+		deepLinkTransactionId = $[3];
+		initialTransactionTypeId = $[4];
+		t5 = $[5];
+	}
+	const deepLinkAction = t5;
+	const deepLinkOpenedRef = useRef(false);
 	const t6 = transactionTypeId || initialTransactionTypeId;
 	let t7;
-	if ($[4] !== domainFieldType || $[5] !== domainFieldValue || $[6] !== initialDomainName || $[7] !== t6) {
+	if ($[6] !== domainFieldType || $[7] !== domainFieldValue || $[8] !== initialDomainName || $[9] !== t6) {
 		t7 = {
 			transactionTypeId: t6,
 			domainName: initialDomainName,
 			domainFieldType,
 			domainFieldValue
 		};
-		$[4] = domainFieldType;
-		$[5] = domainFieldValue;
-		$[6] = initialDomainName;
-		$[7] = t6;
-		$[8] = t7;
-	} else t7 = $[8];
+		$[6] = domainFieldType;
+		$[7] = domainFieldValue;
+		$[8] = initialDomainName;
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
 	const { data: transactionType, loading: transactionTypeLoading } = useTransactionType(t7);
 	useTransactionEngine(transactionType?.transactionTypeId);
 	const currentApiCatalogId = useCatalogStore(_temp);
 	const filterModel = useUdpGridFilterModel();
 	let t8;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
 		t8 = (actionType, openStatus, transaction, t9) => {
 			const width = t9 === void 0 ? 800 : t9;
 			if (actionType == "add") setSidesheetState((prev) => ({
@@ -106,37 +121,37 @@ const UdpTransactionsPage = (props) => {
 			if (transaction) setSelectedTransaction(transaction);
 			else if (actionType == "add" && openStatus) setSelectedTransaction(null);
 		};
-		$[9] = t8;
-	} else t8 = $[9];
+		$[11] = t8;
+	} else t8 = $[11];
 	const handleSidesheet = t8;
 	const handleAttachmentTransaction = _temp2;
 	let t9;
-	if ($[10] !== gridApiCallback) {
+	if ($[12] !== gridApiCallback) {
 		t9 = (api) => {
 			setGridApi(api);
 			gridApiCallback?.(api);
 		};
-		$[10] = gridApiCallback;
-		$[11] = t9;
-	} else t9 = $[11];
+		$[12] = gridApiCallback;
+		$[13] = t9;
+	} else t9 = $[13];
 	const handleGridApiCallback = t9;
 	let t10;
-	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
 		t10 = (refreshFn) => {
 			setCalendarRefresh(() => refreshFn);
 		};
-		$[12] = t10;
-	} else t10 = $[12];
+		$[14] = t10;
+	} else t10 = $[14];
 	const handleCalendarApiCallback = t10;
 	let t11;
 	bb0: {
 		if (transactionType) {
 			let t12;
-			if ($[13] !== transactionType.domainName) {
+			if ($[15] !== transactionType.domainName) {
 				t12 = transactionType.domainName.split(".").pop();
-				$[13] = transactionType.domainName;
-				$[14] = t12;
-			} else t12 = $[14];
+				$[15] = transactionType.domainName;
+				$[16] = t12;
+			} else t12 = $[16];
 			t11 = t12;
 			break bb0;
 		}
@@ -152,7 +167,7 @@ const UdpTransactionsPage = (props) => {
 		}
 		const t13 = !!config.isDefaultView;
 		let t14;
-		if ($[15] !== config.defaultCalendarViewType || $[16] !== config.domainEndDateProperty || $[17] !== config.domainPropertyToDisplay || $[18] !== config.domainStartDateProperty || $[19] !== config.enabled || $[20] !== t13) {
+		if ($[17] !== config.defaultCalendarViewType || $[18] !== config.domainEndDateProperty || $[19] !== config.domainPropertyToDisplay || $[20] !== config.domainStartDateProperty || $[21] !== config.enabled || $[22] !== t13) {
 			t14 = {
 				enabled: config.enabled,
 				isDefaultView: t13,
@@ -161,59 +176,61 @@ const UdpTransactionsPage = (props) => {
 				domainPropertyToDisplay: config.domainPropertyToDisplay,
 				defaultCalendarViewType: config.defaultCalendarViewType
 			};
-			$[15] = config.defaultCalendarViewType;
-			$[16] = config.domainEndDateProperty;
-			$[17] = config.domainPropertyToDisplay;
-			$[18] = config.domainStartDateProperty;
-			$[19] = config.enabled;
-			$[20] = t13;
-			$[21] = t14;
-		} else t14 = $[21];
+			$[17] = config.defaultCalendarViewType;
+			$[18] = config.domainEndDateProperty;
+			$[19] = config.domainPropertyToDisplay;
+			$[20] = config.domainStartDateProperty;
+			$[21] = config.enabled;
+			$[22] = t13;
+			$[23] = t14;
+		} else t14 = $[23];
 		t12 = t14;
 	}
 	const calendarViewConfiguration = t12;
 	const calendarViewEnabled = !!calendarViewConfiguration?.enabled;
 	let t13;
-	if ($[22] !== calendarViewConfiguration?.isDefaultView) {
+	if ($[24] !== calendarViewConfiguration?.isDefaultView) {
 		t13 = () => {
 			if (calendarViewConfiguration?.isDefaultView) setShowCalendarView(true);
 		};
-		$[22] = calendarViewConfiguration?.isDefaultView;
-		$[23] = t13;
-	} else t13 = $[23];
+		$[24] = calendarViewConfiguration?.isDefaultView;
+		$[25] = t13;
+	} else t13 = $[25];
 	const t14 = calendarViewConfiguration?.isDefaultView;
 	let t15;
-	if ($[24] !== t14) {
+	if ($[26] !== t14) {
 		t15 = [t14];
-		$[24] = t14;
-		$[25] = t15;
-	} else t15 = $[25];
+		$[26] = t14;
+		$[27] = t15;
+	} else t15 = $[27];
 	useEffect(t13, t15);
+	const catalogObjectRequestSkipped = !!!currentApiCatalogId || !!!transactionType?.domainName;
 	let t16;
-	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
 		t16 = {};
-		$[26] = t16;
-	} else t16 = $[26];
-	const [t17] = useAxiosGet(ConfigService.integrationV2ApiUrl, `apiCatalog/${currentApiCatalogId}/catalogObject/${transactionType?.domainName}`, t16, !!!currentApiCatalogId || !!!transactionType?.domainName, false);
-	const { data: catalogObject, loading: catalogObjectLoading } = t17;
+		$[28] = t16;
+	} else t16 = $[28];
+	const [t17] = useAxiosGet(ConfigService.integrationV2ApiUrl, `apiCatalog/${currentApiCatalogId}/catalogObject/${transactionType?.domainName}`, t16, catalogObjectRequestSkipped, false);
+	const { data: catalogObject, loading: catalogObjectLoading, error: catalogObjectError } = t17;
+	const catalogObjectPending = catalogObjectLoading || !catalogObjectRequestSkipped && catalogObject === void 0 && !catalogObjectError;
 	let t18;
-	if ($[27] !== calendarRefresh || $[28] !== gridApi || $[29] !== onAfterRefresh || $[30] !== onBeforeRefresh || $[31] !== showCalendarView) {
+	if ($[29] !== calendarRefresh || $[30] !== gridApi || $[31] !== onAfterRefresh || $[32] !== onBeforeRefresh || $[33] !== showCalendarView) {
 		t18 = async () => {
 			if (onBeforeRefresh) await onBeforeRefresh(gridApi);
 			if (showCalendarView) await calendarRefresh?.();
 			else gridApi?.refreshServerSide();
 			if (onAfterRefresh) await onAfterRefresh(gridApi);
 		};
-		$[27] = calendarRefresh;
-		$[28] = gridApi;
-		$[29] = onAfterRefresh;
-		$[30] = onBeforeRefresh;
-		$[31] = showCalendarView;
-		$[32] = t18;
-	} else t18 = $[32];
+		$[29] = calendarRefresh;
+		$[30] = gridApi;
+		$[31] = onAfterRefresh;
+		$[32] = onBeforeRefresh;
+		$[33] = showCalendarView;
+		$[34] = t18;
+	} else t18 = $[34];
 	const refreshGridData = t18;
 	let t19;
-	if ($[33] !== statusChangeCallbacks || $[34] !== transactionType?.pageConfiguration?.enableStatusChangeCallbacks || $[35] !== transactionType?.udpTransactionTypeUdpTransactionTypeStatus) {
+	if ($[35] !== statusChangeCallbacks || $[36] !== transactionType?.pageConfiguration?.enableStatusChangeCallbacks || $[37] !== transactionType?.udpTransactionTypeUdpTransactionTypeStatus) {
 		t19 = async (newStatusId, transaction_0) => {
 			if (!statusChangeCallbacks || transactionType?.pageConfiguration?.enableStatusChangeCallbacks === false || !newStatusId || newStatusId === transaction_0?.currentStatusId) return;
 			const newStatus = transactionType?.udpTransactionTypeUdpTransactionTypeStatus?.find((status) => status.transactionTypeStatusId === newStatusId);
@@ -225,85 +242,157 @@ const UdpTransactionsPage = (props) => {
 				console.error("statusChangeCallbacks callback threw", error);
 			}
 		};
-		$[33] = statusChangeCallbacks;
-		$[34] = transactionType?.pageConfiguration?.enableStatusChangeCallbacks;
-		$[35] = transactionType?.udpTransactionTypeUdpTransactionTypeStatus;
-		$[36] = t19;
-	} else t19 = $[36];
+		$[35] = statusChangeCallbacks;
+		$[36] = transactionType?.pageConfiguration?.enableStatusChangeCallbacks;
+		$[37] = transactionType?.udpTransactionTypeUdpTransactionTypeStatus;
+		$[38] = t19;
+	} else t19 = $[38];
 	const handleTransactionStatusChange = t19;
 	let t20;
-	if ($[37] !== addTransactionSidesheetWidth) {
+	if ($[39] !== addTransactionSidesheetWidth) {
 		t20 = () => {
 			handleSidesheet("add", true, null, addTransactionSidesheetWidth);
 		};
-		$[37] = addTransactionSidesheetWidth;
-		$[38] = t20;
-	} else t20 = $[38];
+		$[39] = addTransactionSidesheetWidth;
+		$[40] = t20;
+	} else t20 = $[40];
 	const openAddTransaction = t20;
 	let t21;
-	if ($[39] !== viewTransactionSidesheetWidth) {
+	if ($[41] !== viewTransactionSidesheetWidth) {
 		t21 = (transaction_1) => {
 			handleSidesheet("view", true, transaction_1, viewTransactionSidesheetWidth);
 		};
-		$[39] = viewTransactionSidesheetWidth;
-		$[40] = t21;
-	} else t21 = $[40];
+		$[41] = viewTransactionSidesheetWidth;
+		$[42] = t21;
+	} else t21 = $[42];
 	const openViewTransaction = t21;
 	let t22;
-	if ($[41] !== editTransactionSidesheetWidth) {
+	if ($[43] !== editTransactionSidesheetWidth) {
 		t22 = (transaction_2) => {
 			handleSidesheet("edit", true, transaction_2, editTransactionSidesheetWidth);
 		};
-		$[41] = editTransactionSidesheetWidth;
-		$[42] = t22;
-	} else t22 = $[42];
+		$[43] = editTransactionSidesheetWidth;
+		$[44] = t22;
+	} else t22 = $[44];
 	const openEditTransaction = t22;
 	let t23;
-	if ($[43] !== attachmentTransactionSidesheetWidth) {
+	if ($[45] !== attachmentTransactionSidesheetWidth) {
 		t23 = (transaction_3) => {
 			handleSidesheet("attachment", true, transaction_3, attachmentTransactionSidesheetWidth || 1e3);
 		};
-		$[43] = attachmentTransactionSidesheetWidth;
-		$[44] = t23;
-	} else t23 = $[44];
+		$[45] = attachmentTransactionSidesheetWidth;
+		$[46] = t23;
+	} else t23 = $[46];
 	const openAttachmentTransaction = t23;
 	let t24;
-	if ($[45] !== workflowActionTransactionSidesheetWidth) {
+	if ($[47] !== workflowActionTransactionSidesheetWidth) {
 		t24 = (transaction_4) => {
 			handleSidesheet("action", true, transaction_4, workflowActionTransactionSidesheetWidth);
 		};
-		$[45] = workflowActionTransactionSidesheetWidth;
-		$[46] = t24;
-	} else t24 = $[46];
+		$[47] = workflowActionTransactionSidesheetWidth;
+		$[48] = t24;
+	} else t24 = $[48];
 	const openWorkflowActionTransaction = t24;
 	let t25;
-	if ($[47] !== createRevisionSidesheetWidth) {
-		t25 = (transaction_5) => {
+	if ($[49] !== history) {
+		t25 = () => {
+			const params = new URLSearchParams(history.location.search);
+			params.delete("udpTransactionId");
+			params.delete("udpTransactionAction");
+			history.replace({
+				...history.location,
+				search: params.toString()
+			});
+		};
+		$[49] = history;
+		$[50] = t25;
+	} else t25 = $[50];
+	const clearDeepLinkParams = t25;
+	let t26;
+	let t27;
+	if ($[51] !== clearDeepLinkParams || $[52] !== deepLinkAction || $[53] !== deepLinkTransactionId || $[54] !== handleErrorSnackbar || $[55] !== openWorkflowActionTransaction) {
+		t26 = () => {
+			if (!deepLinkTransactionId || deepLinkAction !== "nextSteps") return;
+			let cancelled = false;
+			apiMutate(ConfigService.productV1ApiUrl, `udpTransaction/${deepLinkTransactionId}/full`, { method: "get" }).then((response) => {
+				if (cancelled) return;
+				deepLinkOpenedRef.current = true;
+				openWorkflowActionTransaction(response.data);
+			}).catch((error_0) => {
+				if (cancelled) return;
+				handleErrorSnackbar(error_0);
+				clearDeepLinkParams();
+			});
+			return () => {
+				cancelled = true;
+			};
+		};
+		t27 = [
+			deepLinkTransactionId,
+			deepLinkAction,
+			openWorkflowActionTransaction,
+			handleErrorSnackbar,
+			clearDeepLinkParams
+		];
+		$[51] = clearDeepLinkParams;
+		$[52] = deepLinkAction;
+		$[53] = deepLinkTransactionId;
+		$[54] = handleErrorSnackbar;
+		$[55] = openWorkflowActionTransaction;
+		$[56] = t26;
+		$[57] = t27;
+	} else {
+		t26 = $[56];
+		t27 = $[57];
+	}
+	useEffect(t26, t27);
+	let t28;
+	let t29;
+	if ($[58] !== clearDeepLinkParams || $[59] !== sidesheetState.workflowAction) {
+		t28 = () => {
+			if (!sidesheetState.workflowAction && deepLinkOpenedRef.current) {
+				deepLinkOpenedRef.current = false;
+				clearDeepLinkParams();
+			}
+		};
+		t29 = [sidesheetState.workflowAction, clearDeepLinkParams];
+		$[58] = clearDeepLinkParams;
+		$[59] = sidesheetState.workflowAction;
+		$[60] = t28;
+		$[61] = t29;
+	} else {
+		t28 = $[60];
+		t29 = $[61];
+	}
+	useEffect(t28, t29);
+	let t30;
+	if ($[62] !== createRevisionSidesheetWidth) {
+		t30 = (transaction_5) => {
 			handleSidesheet("createRevision", true, transaction_5, createRevisionSidesheetWidth);
 		};
-		$[47] = createRevisionSidesheetWidth;
-		$[48] = t25;
-	} else t25 = $[48];
-	const openCreateRevision = t25;
+		$[62] = createRevisionSidesheetWidth;
+		$[63] = t30;
+	} else t30 = $[63];
+	const openCreateRevision = t30;
 	if (!transactionTypeId && !initialTransactionTypeId && !initialDomainName) {
-		let t26;
-		if ($[49] === Symbol.for("react.memo_cache_sentinel")) {
-			t26 = /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography$1, { variant: "h6" }, "Error loading Transaction Type: No Transaction type provided."));
-			$[49] = t26;
-		} else t26 = $[49];
-		return t26;
+		let t31;
+		if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+			t31 = /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography$1, { variant: "h6" }, "Error loading Transaction Type: No Transaction type provided."));
+			$[64] = t31;
+		} else t31 = $[64];
+		return t31;
 	}
-	if (!transactionType || catalogObjectLoading || loading) {
-		let t26;
-		if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
-			t26 = /* @__PURE__ */ React.createElement("div", { className: "udp-transaction-page-loading" }, /* @__PURE__ */ React.createElement(CircularProgress, { size: 64 }));
-			$[50] = t26;
-		} else t26 = $[50];
-		return t26;
+	if (!transactionType || catalogObjectPending || loading) {
+		let t31;
+		if ($[65] === Symbol.for("react.memo_cache_sentinel")) {
+			t31 = /* @__PURE__ */ React.createElement("div", { className: "udp-transaction-page-loading" }, /* @__PURE__ */ React.createElement(CircularProgress, { size: 64 }));
+			$[65] = t31;
+		} else t31 = $[65];
+		return t31;
 	}
-	let t26;
-	if ($[51] !== calendarSecondaryActionButtons || $[52] !== calendarViewConfiguration || $[53] !== calendarViewEnabled || $[54] !== catalogObject || $[55] !== columnDefProperties || $[56] !== columnDefinitions || $[57] !== customActions || $[58] !== domainColumnFormatters || $[59] !== domainName || $[60] !== filterModel || $[61] !== gridApi || $[62] !== gridOptions || $[63] !== gridSecondaryActionButtons || $[64] !== gridTitle || $[65] !== handleGridApiCallback || $[66] !== hideCreateTransaction || $[67] !== openAddTransaction || $[68] !== openAttachmentTransaction || $[69] !== openCreateRevision || $[70] !== openEditTransaction || $[71] !== openViewTransaction || $[72] !== openWorkflowActionTransaction || $[73] !== paginationAutoPageSize || $[74] !== refreshGridData || $[75] !== searchMethodObject || $[76] !== showCalendarView || $[77] !== transactionType || $[78] !== transactionTypeLoading) {
-		t26 = calendarViewEnabled && showCalendarView ? /* @__PURE__ */ React.createElement(UdpTransactionCalendar, {
+	let t31;
+	if ($[66] !== calendarSecondaryActionButtons || $[67] !== calendarViewConfiguration || $[68] !== calendarViewEnabled || $[69] !== catalogObject || $[70] !== columnDefProperties || $[71] !== columnDefinitions || $[72] !== customActions || $[73] !== domainColumnFormatters || $[74] !== domainName || $[75] !== filterModel || $[76] !== gridApi || $[77] !== gridOptions || $[78] !== gridSecondaryActionButtons || $[79] !== gridTitle || $[80] !== handleGridApiCallback || $[81] !== hideCreateTransaction || $[82] !== openAddTransaction || $[83] !== openAttachmentTransaction || $[84] !== openCreateRevision || $[85] !== openEditTransaction || $[86] !== openViewTransaction || $[87] !== openWorkflowActionTransaction || $[88] !== paginationAutoPageSize || $[89] !== refreshGridData || $[90] !== searchMethodObject || $[91] !== showCalendarView || $[92] !== transactionType || $[93] !== transactionTypeLoading) {
+		t31 = calendarViewEnabled && showCalendarView ? /* @__PURE__ */ React.createElement(UdpTransactionCalendar, {
 			transactionTypeId: transactionType?.transactionTypeId,
 			domainName,
 			searchMethodObject,
@@ -344,45 +433,45 @@ const UdpTransactionsPage = (props) => {
 			calendarViewEnabled,
 			onShowCalendarView: () => setShowCalendarView(true)
 		});
-		$[51] = calendarSecondaryActionButtons;
-		$[52] = calendarViewConfiguration;
-		$[53] = calendarViewEnabled;
-		$[54] = catalogObject;
-		$[55] = columnDefProperties;
-		$[56] = columnDefinitions;
-		$[57] = customActions;
-		$[58] = domainColumnFormatters;
-		$[59] = domainName;
-		$[60] = filterModel;
-		$[61] = gridApi;
-		$[62] = gridOptions;
-		$[63] = gridSecondaryActionButtons;
-		$[64] = gridTitle;
-		$[65] = handleGridApiCallback;
-		$[66] = hideCreateTransaction;
-		$[67] = openAddTransaction;
-		$[68] = openAttachmentTransaction;
-		$[69] = openCreateRevision;
-		$[70] = openEditTransaction;
-		$[71] = openViewTransaction;
-		$[72] = openWorkflowActionTransaction;
-		$[73] = paginationAutoPageSize;
-		$[74] = refreshGridData;
-		$[75] = searchMethodObject;
-		$[76] = showCalendarView;
-		$[77] = transactionType;
-		$[78] = transactionTypeLoading;
-		$[79] = t26;
-	} else t26 = $[79];
-	const t27 = transactionType?.transactionTypeId;
-	let t28;
-	if ($[80] !== attachmentTypeDefaults || $[81] !== catalogObject || $[82] !== domainName || $[83] !== handleTransactionStatusChange || $[84] !== refreshGridData || $[85] !== selectedTransaction || $[86] !== sideSheetProps || $[87] !== sidesheetState || $[88] !== t27) {
-		t28 = /* @__PURE__ */ React.createElement(UdpTransactionSidesheet, {
+		$[66] = calendarSecondaryActionButtons;
+		$[67] = calendarViewConfiguration;
+		$[68] = calendarViewEnabled;
+		$[69] = catalogObject;
+		$[70] = columnDefProperties;
+		$[71] = columnDefinitions;
+		$[72] = customActions;
+		$[73] = domainColumnFormatters;
+		$[74] = domainName;
+		$[75] = filterModel;
+		$[76] = gridApi;
+		$[77] = gridOptions;
+		$[78] = gridSecondaryActionButtons;
+		$[79] = gridTitle;
+		$[80] = handleGridApiCallback;
+		$[81] = hideCreateTransaction;
+		$[82] = openAddTransaction;
+		$[83] = openAttachmentTransaction;
+		$[84] = openCreateRevision;
+		$[85] = openEditTransaction;
+		$[86] = openViewTransaction;
+		$[87] = openWorkflowActionTransaction;
+		$[88] = paginationAutoPageSize;
+		$[89] = refreshGridData;
+		$[90] = searchMethodObject;
+		$[91] = showCalendarView;
+		$[92] = transactionType;
+		$[93] = transactionTypeLoading;
+		$[94] = t31;
+	} else t31 = $[94];
+	const t32 = transactionType?.transactionTypeId;
+	let t33;
+	if ($[95] !== attachmentTypeDefaults || $[96] !== catalogObject || $[97] !== domainName || $[98] !== handleTransactionStatusChange || $[99] !== refreshGridData || $[100] !== selectedTransaction || $[101] !== sideSheetProps || $[102] !== sidesheetState || $[103] !== t32) {
+		t33 = /* @__PURE__ */ React.createElement(UdpTransactionSidesheet, {
 			openStates: sidesheetState,
 			handleSidesheet,
 			handleAttachmentTransaction,
 			transaction: selectedTransaction,
-			transactionTypeId: t27,
+			transactionTypeId: t32,
 			domainName,
 			refreshGridData,
 			catalogObject,
@@ -390,25 +479,25 @@ const UdpTransactionsPage = (props) => {
 			attachmentTypeDefaults,
 			...sideSheetProps
 		});
-		$[80] = attachmentTypeDefaults;
-		$[81] = catalogObject;
-		$[82] = domainName;
-		$[83] = handleTransactionStatusChange;
-		$[84] = refreshGridData;
-		$[85] = selectedTransaction;
-		$[86] = sideSheetProps;
-		$[87] = sidesheetState;
-		$[88] = t27;
-		$[89] = t28;
-	} else t28 = $[89];
-	let t29;
-	if ($[90] !== t26 || $[91] !== t28) {
-		t29 = /* @__PURE__ */ React.createElement(React.Fragment, null, t26, t28);
-		$[90] = t26;
-		$[91] = t28;
-		$[92] = t29;
-	} else t29 = $[92];
-	return t29;
+		$[95] = attachmentTypeDefaults;
+		$[96] = catalogObject;
+		$[97] = domainName;
+		$[98] = handleTransactionStatusChange;
+		$[99] = refreshGridData;
+		$[100] = selectedTransaction;
+		$[101] = sideSheetProps;
+		$[102] = sidesheetState;
+		$[103] = t32;
+		$[104] = t33;
+	} else t33 = $[104];
+	let t34;
+	if ($[105] !== t31 || $[106] !== t33) {
+		t34 = /* @__PURE__ */ React.createElement(React.Fragment, null, t31, t33);
+		$[105] = t31;
+		$[106] = t33;
+		$[107] = t34;
+	} else t34 = $[107];
+	return t34;
 };
 function _temp(state_0) {
 	return state_0.currentApiCatalogId;