udp-react-enterprise-component-library 25.18.1-beta.40 → 25.18.1-beta.42

package/dist/{UdpTransactionTypesPage-Su-Z5Yjd.js → UdpTransactionTypesPage-CUpHKA6y.js}

@@ -112,7 +112,8 @@ const UdpTransactionTypeForm = (props, ref) => {
 				disableCloseOnSelect: true,
 				initialValue: initialData?.domainFields,
 				options: domainFieldOptions || [],
-				getOptionLabelFunction: (option) => option
+				getOptionLabelFunction: (option) => option,
+				helperText: t("Field properties to be displayed as columns in the transaction grid")
 			}), /* @__PURE__ */ React.createElement(Field$1, {
 				component: AmbientAutoComplete,
 				label: t("Field Label"),
@@ -123,7 +124,8 @@ const UdpTransactionTypeForm = (props, ref) => {
 				disableCloseOnSelect: false,
 				initialValue: initialData?.domainFieldLabel,
 				options: domainFieldOptions || [],
-				getOptionLabelFunction: (option) => option
+				getOptionLabelFunction: (option) => option,
+				helperText: t("Field property to be used in transaction page labels")
 			}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement(FormControlLabel, {
 				control: /* @__PURE__ */ React.createElement(Field$1, {
 					component: Switch,
@@ -200,6 +202,31 @@ const UdpTransactionTypeSidesheet = (props) => {
 };
 var UdpTransactionTypeSidesheet_default = UdpTransactionTypeSidesheet;
 
+//#endregion
+//#region src/udp/utilities/transactionConstants.js
+const TRANSACTION_TYPE_STATUS_COLORS = [
+	{
+		name: "Default",
+		value: "gray"
+	},
+	{
+		name: "Warning",
+		value: "warning"
+	},
+	{
+		name: "Info",
+		value: "info"
+	},
+	{
+		name: "Success",
+		value: "success"
+	},
+	{
+		name: "Error",
+		value: "error"
+	}
+];
+
 //#endregion
 //#region src/udp/pages/UdpTransactionTypesPage/forms/UdpTransactionTypeStatusForm.jsx
 const UdpTransactionTypeStatusForm = (props, ref) => {
@@ -237,6 +264,17 @@ const UdpTransactionTypeStatusForm = (props, ref) => {
 				margin: "normal",
 				size: "small",
 				initialValue: initialData?.code || ""
+			}), /* @__PURE__ */ React.createElement(Field$1, {
+				component: AmbientAutoComplete,
+				label: t("Color"),
+				id: "color",
+				name: "color",
+				variant: "outlined",
+				isMultiple: false,
+				disableCloseOnSelect: false,
+				options: TRANSACTION_TYPE_STATUS_COLORS || [],
+				getOptionLabelFunction: (option) => option.name,
+				initialValue: TRANSACTION_TYPE_STATUS_COLORS?.find((color) => color?.value === initialData?.color) || null
 			}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement(FormControlLabel, {
 				control: /* @__PURE__ */ React.createElement(Field$1, {
 					component: Switch,
@@ -307,6 +345,20 @@ const UdpTransactionTypeStatusSidesheet = (props, ref) => {
 	useImperativeHandle(ref, () => ({ refreshServerSide: () => {
 		transactionTypeStatusGridApiRef?.current?.refreshServerSide();
 	} }));
+	const getStatusLabel = (node) => {
+		let label = "";
+		label = TRANSACTION_TYPE_STATUS_COLORS.find((color) => color.value === node.data.color)?.name;
+		return label || "";
+	};
+	const getStatusColor = useMemo(() => {
+		return {
+			Default: "gray",
+			Warning: "warning",
+			Info: "info",
+			Success: "success",
+			Error: "error"
+		};
+	}, []);
 	const columnDefs = useMemo(() => {
 		return [
 			{
@@ -315,6 +367,23 @@ const UdpTransactionTypeStatusSidesheet = (props, ref) => {
 				resizable: true,
 				sortable: false
 			},
+			{
+				headerName: t("Code"),
+				field: "code",
+				resizable: true,
+				sortable: false
+			},
+			{
+				headerName: t("Color"),
+				field: "color",
+				resizable: true,
+				sortable: false,
+				cellRenderer: "statusRenderer",
+				cellRendererParams: {
+					statusMappingConfig: getStatusColor,
+					getStatusValue: getStatusLabel
+				}
+			},
 			{
 				headerName: t("Default"),
 				field: "isDefault",
@@ -336,12 +405,6 @@ const UdpTransactionTypeStatusSidesheet = (props, ref) => {
 				sortable: false,
 				cellDataType: "boolean"
 			},
-			{
-				headerName: t("Code"),
-				field: "code",
-				resizable: true,
-				sortable: false
-			},
 			{
 				headerName: t("Actions"),
 				field: "actions",
@@ -395,16 +458,19 @@ const UdpTransactionTypeStatusSidesheet = (props, ref) => {
 	};
 	const searchMethodConfig = useMemo(() => {
 		let filterElements = [];
-		if (transactionType?.transactionTypeId) filterElements = [{
-			searchField: "TransactionTypeId",
-			searchOperator: "=",
-			searchValue: transactionType?.transactionTypeId,
-			groupId: 1
-		}];
-		return {
-			requestUrl: `${process.env.REACT_APP_PRODUCT_API_BASE}/UdpTransactionTypeStatus/search`,
-			customSearchObject: { filterElements }
-		};
+		if (transactionType?.transactionTypeId) {
+			filterElements = [{
+				searchField: "TransactionTypeId",
+				searchOperator: "=",
+				searchValue: transactionType?.transactionTypeId,
+				groupId: 1
+			}];
+			return {
+				requestUrl: `${process.env.REACT_APP_PRODUCT_API_BASE}/UdpTransactionTypeStatus/search`,
+				customSearchObject: { filterElements }
+			};
+		}
+		return {};
 	}, [transactionType]);
 	return /* @__PURE__ */ React.createElement(SideSheet, {
 		open: isSideSheetOpen,
@@ -801,16 +867,19 @@ const UdpTransactionTypeTransactionActionSidesheet = (props, ref) => {
 	};
 	const searchMethodConfig = useMemo(() => {
 		let filterElements = [];
-		if (transactionType?.transactionTypeId) filterElements = [{
-			searchField: "TransactionTypeId",
-			searchOperator: "=",
-			searchValue: transactionType?.transactionTypeId,
-			groupId: 1
-		}];
-		return {
-			requestUrl: `${process.env.REACT_APP_PRODUCT_API_BASE}/UdpTransactionTypeTransactionAction/search`,
-			customSearchObject: { filterElements }
-		};
+		if (transactionType?.transactionTypeId) {
+			filterElements = [{
+				searchField: "TransactionTypeId",
+				searchOperator: "=",
+				searchValue: transactionType?.transactionTypeId,
+				groupId: 1
+			}];
+			return {
+				requestUrl: `${process.env.REACT_APP_PRODUCT_API_BASE}/UdpTransactionTypeTransactionAction/search`,
+				customSearchObject: { filterElements }
+			};
+		}
+		return {};
 	}, [transactionType]);
 	return /* @__PURE__ */ React.createElement(SideSheet, {
 		open: isSideSheetOpen,
@@ -1444,16 +1513,19 @@ const UdpTransactionTypeConfigurationTransactionActionSidesheet = (props, ref) =
 	};
 	const searchMethodConfig = useMemo(() => {
 		let filterElements = [];
-		if (transactionTypeConfiguration?.transactionTypeConfigurationId) filterElements = [{
-			searchField: "TransactionTypeConfigurationId",
-			searchOperator: "=",
-			searchValue: transactionTypeConfiguration?.transactionTypeConfigurationId,
-			groupId: 1
-		}];
-		return {
-			requestUrl: `${process.env.REACT_APP_PRODUCT_API_BASE}/UdpTransactionTypeConfigurationTransactionAction/search`,
-			customSearchObject: { filterElements }
-		};
+		if (transactionTypeConfiguration?.transactionTypeConfigurationId) {
+			filterElements = [{
+				searchField: "TransactionTypeConfigurationId",
+				searchOperator: "=",
+				searchValue: transactionTypeConfiguration?.transactionTypeConfigurationId,
+				groupId: 1
+			}];
+			return {
+				requestUrl: `${process.env.REACT_APP_PRODUCT_API_BASE}/UdpTransactionTypeConfigurationTransactionAction/search`,
+				customSearchObject: { filterElements }
+			};
+		}
+		return {};
 	}, [transactionTypeConfiguration]);
 	return /* @__PURE__ */ React.createElement(SideSheet, {
 		open: isSideSheetOpen,
@@ -1591,16 +1663,19 @@ const UdpTransactionTypeConfigurationSidesheet = (props, ref) => {
 	};
 	const searchMethodConfig = useMemo(() => {
 		let filterElements = [];
-		if (transactionType?.transactionTypeId) filterElements = [{
-			searchField: "TransactionTypeId",
-			searchOperator: "=",
-			searchValue: transactionType?.transactionTypeId,
-			groupId: 1
-		}];
-		return {
-			requestUrl: `${process.env.REACT_APP_PRODUCT_API_BASE}/UdpTransactionTypeConfiguration/search`,
-			customSearchObject: { filterElements }
-		};
+		if (transactionType?.transactionTypeId) {
+			filterElements = [{
+				searchField: "TransactionTypeId",
+				searchOperator: "=",
+				searchValue: transactionType?.transactionTypeId,
+				groupId: 1
+			}];
+			return {
+				requestUrl: `${process.env.REACT_APP_PRODUCT_API_BASE}/UdpTransactionTypeConfiguration/search`,
+				customSearchObject: { filterElements }
+			};
+		}
+		return {};
 	}, [transactionType]);
 	return /* @__PURE__ */ React.createElement(SideSheet, {
 		open: isSideSheetOpen,
@@ -1779,16 +1854,19 @@ const UdpTransactionAttachmentTypeSidesheet = (props, ref) => {
 	};
 	const searchMethodConfig = useMemo(() => {
 		let filterElements = [];
-		if (transactionType?.transactionTypeId) filterElements = [{
-			searchField: "TransactionTypeId",
-			searchOperator: "=",
-			searchValue: transactionType?.transactionTypeId,
-			groupId: 1
-		}];
-		return {
-			requestUrl: `${process.env.REACT_APP_PRODUCT_API_BASE}/UdpTransactionAttachmentType/search`,
-			customSearchObject: { filterElements }
-		};
+		if (transactionType?.transactionTypeId) {
+			filterElements = [{
+				searchField: "TransactionTypeId",
+				searchOperator: "=",
+				searchValue: transactionType?.transactionTypeId,
+				groupId: 1
+			}];
+			return {
+				requestUrl: `${process.env.REACT_APP_PRODUCT_API_BASE}/UdpTransactionAttachmentType/search`,
+				customSearchObject: { filterElements }
+			};
+		}
+		return {};
 	}, [transactionType]);
 	return /* @__PURE__ */ React.createElement(SideSheet, {
 		open: isSideSheetOpen,
@@ -1958,8 +2036,12 @@ const UdpTransactionTypesPage = () => {
 			const ttsResponse = await searchTransactionTypeStatusByTransactionTypeId(selectedTransactionType?.transactionTypeId);
 			if (ttsResponse?.status === 200) setTTStatuses(ttsResponse.data?.pageList);
 		};
-		loadTTStatuses();
-	}, [searchTransactionTypeStatusByTransactionTypeId, selectedTransactionType?.transactionTypeId]);
+		if (isTransactionTypeStatusSidesheetOpen || isTransactionTypeConfigurationSidesheetOpen) loadTTStatuses();
+	}, [
+		searchTransactionTypeStatusByTransactionTypeId,
+		isTransactionTypeStatusSidesheetOpen,
+		isTransactionTypeConfigurationSidesheetOpen
+	]);
 	/** TransactionAction */
 	const [{ data: transactionActions }] = useAxiosGet(process.env.REACT_APP_PRODUCT_API_BASE, `UdpTransactionAction`, { method: "GET" }, false, false);
 	/** ActionApis */
@@ -1994,8 +2076,8 @@ const UdpTransactionTypesPage = () => {
 			const tttaResponse = await searchTransactionTypeTransactionActionByTransactionTypeId(selectedTransactionType?.transactionTypeId);
 			if (tttaResponse?.status === 200) setTTTActions(tttaResponse.data?.pageList);
 		};
-		loadTTTActions();
-	}, [searchTransactionTypeTransactionActionByTransactionTypeId, selectedTransactionType?.transactionTypeId]);
+		if (isTransactionTypeConfigurationTransactionActionSidesheetOpen) loadTTTActions();
+	}, [searchTransactionTypeTransactionActionByTransactionTypeId, isTransactionTypeConfigurationTransactionActionSidesheetOpen]);
 	/** TransactionUiAction */
 	const postCreateTransactionUiAction = async (transactionUiAction) => {
 		return await apiMutate(process.env.REACT_APP_PRODUCT_API_BASE, `UdpTransactionUiAction`, { method: "POST" }, { data: transactionUiAction });
@@ -2237,7 +2319,8 @@ const UdpTransactionTypesPage = () => {
 	const handleCreateTransactionTypeStatus = useCallback(async (formValues) => {
 		const newTransactionTypeStatus = {
 			...formValues,
-			transactionTypeId: selectedTransactionType?.transactionTypeId
+			transactionTypeId: selectedTransactionType?.transactionTypeId,
+			color: formValues?.color?.value || null
 		};
 		let hasDefaultOrClosedorCancelledStatus = false;
 		try {
@@ -2305,7 +2388,8 @@ const UdpTransactionTypesPage = () => {
 		const transactionTypeStatusId = initialValues.transactionTypeStatusId;
 		const updatedTransactionTypeStatus = {
 			...initialValues,
-			...formValues
+			...formValues,
+			color: formValues?.color?.value || null
 		};
 		let hasExistingDefaultOrClosedStatus = false;
 		try {
@@ -3407,4 +3491,4 @@ var UdpTransactionTypesPage_exports = /* @__PURE__ */ __export({ default: () =>
 
 //#endregion
 export { UdpTransactionTypesPage_default as n, UdpTransactionTypesPage_exports as t };
-//# sourceMappingURL=UdpTransactionTypesPage-Su-Z5Yjd.js.map
+//# sourceMappingURL=UdpTransactionTypesPage-CUpHKA6y.js.map