udp-react-enterprise-component-library 26.8.0 → 26.9.0-beta.0

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

@@ -17,7 +17,7 @@ import { useHistory, useLocation } from "react-router-dom";
 import "./UdpTransactionsPage.css";
 //#region src/udp/pages/UdpTransactionsPage/UdpTransactionsPage.jsx
 const UdpTransactionsPage = (props) => {
-	const $ = c(108);
+	const $ = c(115);
 	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;
@@ -230,72 +230,125 @@ const UdpTransactionsPage = (props) => {
 	} else t18 = $[34];
 	const refreshGridData = t18;
 	let t19;
-	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);
-			const statusChangeCallback = newStatus?.code ? statusChangeCallbacks[newStatus.code] : null;
-			if (statusChangeCallback) try {
-				await statusChangeCallback(transaction_0, newStatus);
-			} catch (t20) {
-				const error = t20;
-				console.error("statusChangeCallbacks callback threw", error);
-			}
+	if ($[35] !== addTransactionSidesheetWidth) {
+		t19 = () => {
+			handleSidesheet("add", true, null, addTransactionSidesheetWidth);
 		};
-		$[35] = statusChangeCallbacks;
-		$[36] = transactionType?.pageConfiguration?.enableStatusChangeCallbacks;
-		$[37] = transactionType?.udpTransactionTypeUdpTransactionTypeStatus;
-		$[38] = t19;
-	} else t19 = $[38];
-	const handleTransactionStatusChange = t19;
+		$[35] = addTransactionSidesheetWidth;
+		$[36] = t19;
+	} else t19 = $[36];
+	const openAddTransaction = t19;
 	let t20;
-	if ($[39] !== addTransactionSidesheetWidth) {
-		t20 = () => {
-			handleSidesheet("add", true, null, addTransactionSidesheetWidth);
+	if ($[37] !== viewTransactionSidesheetWidth) {
+		t20 = (transaction_0) => {
+			handleSidesheet("view", true, transaction_0, viewTransactionSidesheetWidth);
 		};
-		$[39] = addTransactionSidesheetWidth;
-		$[40] = t20;
-	} else t20 = $[40];
-	const openAddTransaction = t20;
+		$[37] = viewTransactionSidesheetWidth;
+		$[38] = t20;
+	} else t20 = $[38];
+	const openViewTransaction = t20;
 	let t21;
-	if ($[41] !== viewTransactionSidesheetWidth) {
+	if ($[39] !== editTransactionSidesheetWidth) {
 		t21 = (transaction_1) => {
-			handleSidesheet("view", true, transaction_1, viewTransactionSidesheetWidth);
+			handleSidesheet("edit", true, transaction_1, editTransactionSidesheetWidth);
 		};
-		$[41] = viewTransactionSidesheetWidth;
-		$[42] = t21;
-	} else t21 = $[42];
-	const openViewTransaction = t21;
+		$[39] = editTransactionSidesheetWidth;
+		$[40] = t21;
+	} else t21 = $[40];
+	const openEditTransaction = t21;
 	let t22;
-	if ($[43] !== editTransactionSidesheetWidth) {
+	if ($[41] !== attachmentTransactionSidesheetWidth) {
 		t22 = (transaction_2) => {
-			handleSidesheet("edit", true, transaction_2, editTransactionSidesheetWidth);
+			handleSidesheet("attachment", true, transaction_2, attachmentTransactionSidesheetWidth || 1e3);
 		};
-		$[43] = editTransactionSidesheetWidth;
-		$[44] = t22;
-	} else t22 = $[44];
-	const openEditTransaction = t22;
+		$[41] = attachmentTransactionSidesheetWidth;
+		$[42] = t22;
+	} else t22 = $[42];
+	const openAttachmentTransaction = t22;
 	let t23;
-	if ($[45] !== attachmentTransactionSidesheetWidth) {
+	if ($[43] !== workflowActionTransactionSidesheetWidth) {
 		t23 = (transaction_3) => {
-			handleSidesheet("attachment", true, transaction_3, attachmentTransactionSidesheetWidth || 1e3);
+			handleSidesheet("action", true, transaction_3, workflowActionTransactionSidesheetWidth);
 		};
-		$[45] = attachmentTransactionSidesheetWidth;
-		$[46] = t23;
-	} else t23 = $[46];
-	const openAttachmentTransaction = t23;
+		$[43] = workflowActionTransactionSidesheetWidth;
+		$[44] = t23;
+	} else t23 = $[44];
+	const openWorkflowActionTransaction = t23;
+	const fetchFullTransaction = _temp4;
+	const isMountedRef = useRef(true);
 	let t24;
-	if ($[47] !== workflowActionTransactionSidesheetWidth) {
-		t24 = (transaction_4) => {
-			handleSidesheet("action", true, transaction_4, workflowActionTransactionSidesheetWidth);
-		};
-		$[47] = workflowActionTransactionSidesheetWidth;
-		$[48] = t24;
-	} else t24 = $[48];
-	const openWorkflowActionTransaction = t24;
 	let t25;
-	if ($[49] !== history) {
-		t25 = () => {
+	if ($[45] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = () => () => {
+			isMountedRef.current = false;
+		};
+		t25 = [];
+		$[45] = t24;
+		$[46] = t25;
+	} else {
+		t24 = $[45];
+		t25 = $[46];
+	}
+	useEffect(t24, t25);
+	const autoLaunchRefreshTokenRef = useRef(null);
+	let t26;
+	let t27;
+	if ($[47] !== sidesheetState.workflowAction) {
+		t26 = () => {
+			if (!sidesheetState.workflowAction) autoLaunchRefreshTokenRef.current = null;
+		};
+		t27 = [sidesheetState.workflowAction];
+		$[47] = sidesheetState.workflowAction;
+		$[48] = t26;
+		$[49] = t27;
+	} else {
+		t26 = $[48];
+		t27 = $[49];
+	}
+	useEffect(t26, t27);
+	let t28;
+	if ($[50] !== handleErrorSnackbar || $[51] !== openWorkflowActionTransaction || $[52] !== statusChangeCallbacks || $[53] !== transactionType?.pageConfiguration?.enableStatusChangeCallbacks || $[54] !== transactionType?.udpTransactionTypeUdpTransactionTypeStatus) {
+		t28 = (newStatusId, transaction_4, updatedTransaction) => {
+			if (!newStatusId || newStatusId === transaction_4?.currentStatusId) return { autoLaunchNextSteps: false };
+			const newStatus = transactionType?.udpTransactionTypeUdpTransactionTypeStatus?.find((status) => status.transactionTypeStatusId === newStatusId);
+			const autoLaunchNextSteps = !!newStatus?.pageConfiguration?.autoLaunchNextSteps && !!transaction_4?.transactionId;
+			if (autoLaunchNextSteps) {
+				const { transactionId: transactionId_0 } = transaction_4;
+				openWorkflowActionTransaction({
+					...transaction_4,
+					...updatedTransaction,
+					currentStatusId: newStatusId,
+					entityBusinessObject: updatedTransaction?.entityBusinessObject ?? transaction_4.entityBusinessObject
+				});
+				const refreshToken = {};
+				autoLaunchRefreshTokenRef.current = refreshToken;
+				const isCurrent = () => isMountedRef.current && autoLaunchRefreshTokenRef.current === refreshToken;
+				fetchFullTransaction(transactionId_0).then((freshTransaction) => {
+					if (isCurrent()) setSelectedTransaction(freshTransaction);
+				}).catch((error) => {
+					if (isCurrent()) handleErrorSnackbar(error);
+				});
+			}
+			const statusChangeCallback = statusChangeCallbacks && transactionType?.pageConfiguration?.enableStatusChangeCallbacks !== false && newStatus?.code ? statusChangeCallbacks[newStatus.code] : null;
+			if (statusChangeCallback) try {
+				Promise.resolve(statusChangeCallback(transaction_4, newStatus)).catch(_temp5);
+			} catch (t29) {
+				const error_0 = t29;
+				console.error("statusChangeCallbacks callback threw", error_0);
+			}
+			return { autoLaunchNextSteps };
+		};
+		$[50] = handleErrorSnackbar;
+		$[51] = openWorkflowActionTransaction;
+		$[52] = statusChangeCallbacks;
+		$[53] = transactionType?.pageConfiguration?.enableStatusChangeCallbacks;
+		$[54] = transactionType?.udpTransactionTypeUdpTransactionTypeStatus;
+		$[55] = t28;
+	} else t28 = $[55];
+	const handleTransactionStatusChange = t28;
+	let t29;
+	if ($[56] !== history) {
+		t29 = () => {
 			const params = new URLSearchParams(history.location.search);
 			params.delete("udpTransactionId");
 			params.delete("udpTransactionAction");
@@ -304,95 +357,96 @@ const UdpTransactionsPage = (props) => {
 				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 = () => {
+		$[56] = history;
+		$[57] = t29;
+	} else t29 = $[57];
+	const clearDeepLinkParams = t29;
+	let t30;
+	let t31;
+	if ($[58] !== clearDeepLinkParams || $[59] !== deepLinkAction || $[60] !== deepLinkTransactionId || $[61] !== handleErrorSnackbar || $[62] !== openWorkflowActionTransaction) {
+		t30 = () => {
 			if (!deepLinkTransactionId || deepLinkAction !== "nextSteps") return;
 			let cancelled = false;
-			apiMutate(ConfigService.productV1ApiUrl, `udpTransaction/${deepLinkTransactionId}/full`, { method: "get" }).then((response) => {
+			fetchFullTransaction(deepLinkTransactionId).then((transaction_5) => {
 				if (cancelled) return;
 				deepLinkOpenedRef.current = true;
-				openWorkflowActionTransaction(response.data);
-			}).catch((error_0) => {
+				openWorkflowActionTransaction(transaction_5);
+			}).catch((error_2) => {
 				if (cancelled) return;
-				handleErrorSnackbar(error_0);
+				handleErrorSnackbar(error_2);
 				clearDeepLinkParams();
 			});
 			return () => {
 				cancelled = true;
 			};
 		};
-		t27 = [
+		t31 = [
 			deepLinkTransactionId,
 			deepLinkAction,
+			fetchFullTransaction,
 			openWorkflowActionTransaction,
 			handleErrorSnackbar,
 			clearDeepLinkParams
 		];
-		$[51] = clearDeepLinkParams;
-		$[52] = deepLinkAction;
-		$[53] = deepLinkTransactionId;
-		$[54] = handleErrorSnackbar;
-		$[55] = openWorkflowActionTransaction;
-		$[56] = t26;
-		$[57] = t27;
+		$[58] = clearDeepLinkParams;
+		$[59] = deepLinkAction;
+		$[60] = deepLinkTransactionId;
+		$[61] = handleErrorSnackbar;
+		$[62] = openWorkflowActionTransaction;
+		$[63] = t30;
+		$[64] = t31;
 	} else {
-		t26 = $[56];
-		t27 = $[57];
+		t30 = $[63];
+		t31 = $[64];
 	}
-	useEffect(t26, t27);
-	let t28;
-	let t29;
-	if ($[58] !== clearDeepLinkParams || $[59] !== sidesheetState.workflowAction) {
-		t28 = () => {
+	useEffect(t30, t31);
+	let t32;
+	let t33;
+	if ($[65] !== clearDeepLinkParams || $[66] !== sidesheetState.workflowAction) {
+		t32 = () => {
 			if (!sidesheetState.workflowAction && deepLinkOpenedRef.current) {
 				deepLinkOpenedRef.current = false;
 				clearDeepLinkParams();
 			}
 		};
-		t29 = [sidesheetState.workflowAction, clearDeepLinkParams];
-		$[58] = clearDeepLinkParams;
-		$[59] = sidesheetState.workflowAction;
-		$[60] = t28;
-		$[61] = t29;
+		t33 = [sidesheetState.workflowAction, clearDeepLinkParams];
+		$[65] = clearDeepLinkParams;
+		$[66] = sidesheetState.workflowAction;
+		$[67] = t32;
+		$[68] = t33;
 	} else {
-		t28 = $[60];
-		t29 = $[61];
+		t32 = $[67];
+		t33 = $[68];
 	}
-	useEffect(t28, t29);
-	let t30;
-	if ($[62] !== createRevisionSidesheetWidth) {
-		t30 = (transaction_5) => {
-			handleSidesheet("createRevision", true, transaction_5, createRevisionSidesheetWidth);
+	useEffect(t32, t33);
+	let t34;
+	if ($[69] !== createRevisionSidesheetWidth) {
+		t34 = (transaction_6) => {
+			handleSidesheet("createRevision", true, transaction_6, createRevisionSidesheetWidth);
 		};
-		$[62] = createRevisionSidesheetWidth;
-		$[63] = t30;
-	} else t30 = $[63];
-	const openCreateRevision = t30;
+		$[69] = createRevisionSidesheetWidth;
+		$[70] = t34;
+	} else t34 = $[70];
+	const openCreateRevision = t34;
 	if (!transactionTypeId && !initialTransactionTypeId && !initialDomainName) {
-		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;
+		let t35;
+		if ($[71] === Symbol.for("react.memo_cache_sentinel")) {
+			t35 = /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography$1, { variant: "h6" }, "Error loading Transaction Type: No Transaction type provided."));
+			$[71] = t35;
+		} else t35 = $[71];
+		return t35;
 	}
 	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 t35;
+		if ($[72] === Symbol.for("react.memo_cache_sentinel")) {
+			t35 = /* @__PURE__ */ React.createElement("div", { className: "udp-transaction-page-loading" }, /* @__PURE__ */ React.createElement(CircularProgress, { size: 64 }));
+			$[72] = t35;
+		} else t35 = $[72];
+		return t35;
 	}
-	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, {
+	let t35;
+	if ($[73] !== calendarSecondaryActionButtons || $[74] !== calendarViewConfiguration || $[75] !== calendarViewEnabled || $[76] !== catalogObject || $[77] !== columnDefProperties || $[78] !== columnDefinitions || $[79] !== customActions || $[80] !== domainColumnFormatters || $[81] !== domainName || $[82] !== filterModel || $[83] !== gridApi || $[84] !== gridOptions || $[85] !== gridSecondaryActionButtons || $[86] !== gridTitle || $[87] !== handleGridApiCallback || $[88] !== hideCreateTransaction || $[89] !== openAddTransaction || $[90] !== openAttachmentTransaction || $[91] !== openCreateRevision || $[92] !== openEditTransaction || $[93] !== openViewTransaction || $[94] !== openWorkflowActionTransaction || $[95] !== paginationAutoPageSize || $[96] !== refreshGridData || $[97] !== searchMethodObject || $[98] !== showCalendarView || $[99] !== transactionType || $[100] !== transactionTypeLoading) {
+		t35 = calendarViewEnabled && showCalendarView ? /* @__PURE__ */ React.createElement(UdpTransactionCalendar, {
 			transactionTypeId: transactionType?.transactionTypeId,
 			domainName,
 			searchMethodObject,
@@ -433,45 +487,45 @@ const UdpTransactionsPage = (props) => {
 			calendarViewEnabled,
 			onShowCalendarView: () => setShowCalendarView(true)
 		});
-		$[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, {
+		$[73] = calendarSecondaryActionButtons;
+		$[74] = calendarViewConfiguration;
+		$[75] = calendarViewEnabled;
+		$[76] = catalogObject;
+		$[77] = columnDefProperties;
+		$[78] = columnDefinitions;
+		$[79] = customActions;
+		$[80] = domainColumnFormatters;
+		$[81] = domainName;
+		$[82] = filterModel;
+		$[83] = gridApi;
+		$[84] = gridOptions;
+		$[85] = gridSecondaryActionButtons;
+		$[86] = gridTitle;
+		$[87] = handleGridApiCallback;
+		$[88] = hideCreateTransaction;
+		$[89] = openAddTransaction;
+		$[90] = openAttachmentTransaction;
+		$[91] = openCreateRevision;
+		$[92] = openEditTransaction;
+		$[93] = openViewTransaction;
+		$[94] = openWorkflowActionTransaction;
+		$[95] = paginationAutoPageSize;
+		$[96] = refreshGridData;
+		$[97] = searchMethodObject;
+		$[98] = showCalendarView;
+		$[99] = transactionType;
+		$[100] = transactionTypeLoading;
+		$[101] = t35;
+	} else t35 = $[101];
+	const t36 = transactionType?.transactionTypeId;
+	let t37;
+	if ($[102] !== attachmentTypeDefaults || $[103] !== catalogObject || $[104] !== domainName || $[105] !== handleTransactionStatusChange || $[106] !== refreshGridData || $[107] !== selectedTransaction || $[108] !== sideSheetProps || $[109] !== sidesheetState || $[110] !== t36) {
+		t37 = /* @__PURE__ */ React.createElement(UdpTransactionSidesheet, {
 			openStates: sidesheetState,
 			handleSidesheet,
 			handleAttachmentTransaction,
 			transaction: selectedTransaction,
-			transactionTypeId: t32,
+			transactionTypeId: t36,
 			domainName,
 			refreshGridData,
 			catalogObject,
@@ -479,30 +533,39 @@ const UdpTransactionsPage = (props) => {
 			attachmentTypeDefaults,
 			...sideSheetProps
 		});
-		$[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;
+		$[102] = attachmentTypeDefaults;
+		$[103] = catalogObject;
+		$[104] = domainName;
+		$[105] = handleTransactionStatusChange;
+		$[106] = refreshGridData;
+		$[107] = selectedTransaction;
+		$[108] = sideSheetProps;
+		$[109] = sidesheetState;
+		$[110] = t36;
+		$[111] = t37;
+	} else t37 = $[111];
+	let t38;
+	if ($[112] !== t35 || $[113] !== t37) {
+		t38 = /* @__PURE__ */ React.createElement(React.Fragment, null, t35, t37);
+		$[112] = t35;
+		$[113] = t37;
+		$[114] = t38;
+	} else t38 = $[114];
+	return t38;
 };
 function _temp(state_0) {
 	return state_0.currentApiCatalogId;
 }
 function _temp2() {}
+function _temp3(response) {
+	return response.data;
+}
+function _temp4(transactionId) {
+	return apiMutate(ConfigService.productV1ApiUrl, `udpTransaction/${transactionId}/full`, { method: "get" }).then(_temp3);
+}
+function _temp5(error_1) {
+	console.error("statusChangeCallbacks callback threw", error_1);
+}
 //#endregion
 export { UdpTransactionsPage as default };