udp-react-enterprise-component-library 25.18.1-beta.83 → 25.18.1-beta.84

package/dist/{UdpTransactionsPage-B6OV3w81.js → UdpTransactionsPage-DPUGjVmO.js}

@@ -203,8 +203,8 @@ const UdpTransactionGrid = (props) => {
 				refreshGridData();
 				handleSuccessSnackbar(t(`Transaction has been cancelled successfully`));
 			} else handleErrorSnackbar(new Error(t(`Error cancelling Transaction. Please try again later.`)));
-		} catch (error) {
-			handleErrorSnackbar(error);
+		} catch (error$1) {
+			handleErrorSnackbar(error$1);
 		} finally {
 			handleDialogClose();
 		}
@@ -690,8 +690,8 @@ const UdpTransactionCustomPage = (props) => {
 				handleSuccessSnackbar(t(`${message} `));
 				onSubmitSuccess?.(response);
 			} else handleErrorSnackbar(new Error(t(`Error ${errorMessagePart} Transaction. Please try again later.`)));
-		} catch (error) {
-			handleErrorSnackbar(error);
+		} catch (error$1) {
+			handleErrorSnackbar(error$1);
 		} finally {
 			if (setHasUnsavedChanges) {
 				formRef.current?.form?.restart(values);
@@ -1259,11 +1259,11 @@ const EditTransactionDetailsFooterItem = (props) => {
 var EditTransactionDetailsFooterItem_default = EditTransactionDetailsFooterItem;
 
 //#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/EditTransactionDetailsFormFields.jsx
+//#region src/udp/pages/UdpTransactionsPage/components/DynamicTransactionDomainFormFields.jsx
 const EditTransactionDetailsFormFields = (props) => {
-	const { transaction, fieldAttributes } = props;
+	const { transaction, fieldAttributes, transactionTypeId } = props;
 	const { t } = useTranslation();
-	const { getHiddenFields, getRequiredFields } = useTransactionEngine(transaction.transactionTypeId);
+	const { getHiddenFields, getRequiredFields } = useTransactionEngine(transactionTypeId);
 	const fieldComponentMap = {
 		string: AmbientTextField,
 		datetime: AmbientTextField,
@@ -1280,14 +1280,24 @@ const EditTransactionDetailsFormFields = (props) => {
 		"long"
 	];
 	const removeTimeFormatDate = (date) => {
-		const parsedDate = new Date(date);
-		if (parsedDate.getTime()) {
-			const year = parsedDate.getFullYear();
-			const month = parsedDate.getMonth() + 1;
-			const day = parsedDate.getDate().toString().padStart(2, "0");
-			return `${year}-${month.toString().padStart(2, "0")}-${day}`;
+		if (date) {
+			const parsedDate = new Date(date);
+			if (parsedDate.getTime()) {
+				const year = parsedDate.getFullYear();
+				const month = parsedDate.getMonth() + 1;
+				const day = parsedDate.getDate().toString().padStart(2, "0");
+				return `${year}-${month.toString().padStart(2, "0")}-${day}`;
+			}
+			return parsedDate;
 		}
-		return parsedDate;
+		return date;
+	};
+	const addSpacingInHeaderName = (headerName) => {
+		let formattedHeaderName = "";
+		for (var i = 0; i < headerName.length; i++) if (i == 0) formattedHeaderName += headerName[i].toUpperCase();
+		else if (i !== 0 && headerName[i].match(/[A-Z]/) && i != headerName.length - 1) formattedHeaderName += " " + headerName[i];
+		else formattedHeaderName += headerName[i];
+		return formattedHeaderName;
 	};
 	const dataTypeComponentMap = (transaction$1, attribute) => {
 		const fieldName = attribute.name;
@@ -1298,14 +1308,14 @@ const EditTransactionDetailsFormFields = (props) => {
 		switch (fieldDataType) {
 			case "number":
 				fieldComponentProps = {
-					initialValue: transaction$1.entityBusinessObject[fieldName],
+					initialValue: transaction$1?.entityBusinessObject[fieldName],
 					type: "number",
 					InputProps: { inputProps: { min: 0 } }
 				};
 				break;
 			case "datetime":
 				fieldComponentProps = {
-					initialValue: removeTimeFormatDate(transaction$1.entityBusinessObject[fieldName]),
+					initialValue: removeTimeFormatDate(transaction$1?.entityBusinessObject[fieldName]),
 					type: "date"
 				};
 				break;
@@ -1313,7 +1323,7 @@ const EditTransactionDetailsFormFields = (props) => {
 				fieldComponentProps = {
 					options: attribute?.options?.map((option) => option.id),
 					getOptionLabelFunction: (option) => getEntityName(attribute?.options, option) || option,
-					initialValue: transaction$1.entityBusinessObject[fieldName]
+					initialValue: transaction$1?.entityBusinessObject[fieldName]
 				};
 				break;
 			case "bool":
@@ -1322,11 +1332,12 @@ const EditTransactionDetailsFormFields = (props) => {
 					initialValue: false
 				};
 				break;
-			default: fieldComponentProps = { initialValue: transaction$1.entityBusinessObject[fieldName] };
+			default: fieldComponentProps = { initialValue: transaction$1?.entityBusinessObject[fieldName] };
 		}
-		const formLabel = isAsscoiationLabel ? fieldName + " Name" : fieldName;
-		const isRequired = getRequiredFields(transaction$1).includes(fieldName) || attribute.required;
-		const isHidden = getHiddenFields(transaction$1).includes(fieldName) || attribute.isPrimaryKey || !attribute.extendedProperties.defaultVisible;
+		const formattedFieldName = addSpacingInHeaderName(fieldName);
+		const formLabel = isAsscoiationLabel ? formattedFieldName + " Name" : formattedFieldName;
+		const isRequired = getRequiredFields(transaction$1).includes(fieldName) || attribute.required || !attribute.nullable;
+		const isHidden = getHiddenFields(transaction$1).includes(fieldName) || attribute.isPrimaryKey || !attribute.extendedProperties.defaultVisible || attribute?.hidden;
 		let fieldComponent = /* @__PURE__ */ React.createElement(Field, {
 			component: fieldComponentMap[fieldDataType] ?? AmbientTextField,
 			label: t(formLabel),
@@ -1347,14 +1358,14 @@ const EditTransactionDetailsFormFields = (props) => {
 		return /* @__PURE__ */ React.createElement(React.Fragment, null, dataTypeComponentMap(transaction, attribute));
 	}));
 };
-var EditTransactionDetailsFormFields_default = EditTransactionDetailsFormFields;
+var DynamicTransactionDomainFormFields_default = EditTransactionDetailsFormFields;
 
 //#endregion
-//#region src/udp/pages/UdpTransactionsPage/components/EditTransactionDetailsForm.jsx
-const EditTransactionDetailsForm = (props) => {
-	const { transaction, formRef } = props;
+//#region src/udp/pages/UdpTransactionsPage/components/DynamicTransactionDomainForm.jsx
+const DynamicTransactionDomainForm = (props) => {
+	const { transaction, formRef, domainName, transactionTypeId, transactionUiActionType, setHasUnsavedChanges, onSubmitSuccess, refetchTransaction } = props;
 	const [entityAttributes, setEntityAttributes] = useState(null);
-	const fullyQualifiedName = transaction.entityBusinessKey?.split("|")[0];
+	const fullyQualifiedName = transaction?.entityBusinessKey?.split("|")[0];
 	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
 	const { t } = useTranslation();
 	const { currentApiCatalogId, catalogsMap } = useCatalogStore();
@@ -1370,7 +1381,7 @@ const EditTransactionDetailsForm = (props) => {
 			filterElements: [{
 				searchField: "sanitizedName",
 				searchOperator: "=",
-				searchValue: getSanitizedName(fullyQualifiedName)
+				searchValue: fullyQualifiedName ? getSanitizedName(fullyQualifiedName) : domainName
 			}]
 		}
 	});
@@ -1430,7 +1441,7 @@ const EditTransactionDetailsForm = (props) => {
 					try {
 						const getTableEntriesResp = await apiMutate(ConfigService$1.productV1ApiUrl, `${fkDomainName}`, { method: "get" });
 						if (getTableEntriesResp.data.length > 0 && fkFieldInfo) updateFieldInfo(getTableEntriesResp.data, entityCatalogObjectInfo, fkFieldInfo, fkDomainName);
-					} catch (error) {
+					} catch (error$1) {
 						handleErrorSnackbar(new Error(t(`Error finiding field information! Please try again.`)));
 					}
 				}
@@ -1453,7 +1464,6 @@ const EditTransactionDetailsForm = (props) => {
 	]);
 	useEffect(() => {
 		if (catalogObjectList) {
-			let domainName = transaction.entityBusinessKey.split("|")[0].split(".").pop();
 			let domainCatalogObject = catalogObjectList?.find((catalogObject) => getSanitizedName(catalogObject.catalogObjectName) == domainName);
 			if (domainCatalogObject) filterAdjustEntityAttributes(domainCatalogObject.properties).then((filteredResp) => {
 				setEntityAttributes(filteredResp);
@@ -1462,36 +1472,71 @@ const EditTransactionDetailsForm = (props) => {
 	}, [
 		filterAdjustEntityAttributes,
 		catalogObjectList,
-		transaction
+		domainName
 	]);
-	const executeSaveChanges = useCallback(async (data) => apiMutate(ConfigService$1.productV1ApiUrl, `udpTransaction/${transaction?.transactionId}/saveChanges`, { method: "put" }, data), [transaction.transactionId]);
+	const executeSaveChanges = useCallback(async (data) => apiMutate(ConfigService$1.productV1ApiUrl, `udpTransaction/${transaction?.transactionId}/saveChanges`, { method: "put" }, data), [transaction?.transactionId]);
+	const executeCreateTransactionAndDomain = useCallback(async (data) => apiMutate(ConfigService$1.productV1ApiUrl, `udpTransaction/transactionType/${transactionTypeId}/create`, { method: "post" }, data), [transactionTypeId]);
 	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.`)));
+		try {
+			const request = { data: values };
+			let response = null;
+			let successMessageAction = "";
+			let errorMessageAction = "";
+			if (transactionUiActionType == TransactionUiActionTypeEnums.Render_Transaction_Details_Page) {
+				response = await executeSaveChanges({ data: values });
+				successMessageAction = "saved";
+				errorMessageAction = "saving";
+			} else if (transactionUiActionType == TransactionUiActionTypeEnums.Render_Create_Transaction_Page) {
+				response = await executeCreateTransactionAndDomain(request);
+				successMessageAction = "created";
+				errorMessageAction = "creating";
+			}
+			if (response?.status === 200) {
+				handleSuccessSnackbar(t(`Transaction has been ${successMessageAction} successfully`));
+				onSubmitSuccess?.(response);
+			} else handleErrorSnackbar(new Error(t(`Error ${errorMessageAction} Transaction. Please try again later.`)));
+		} catch (e) {
+			handleErrorSnackbar(error);
+		} finally {
+			if (setHasUnsavedChanges) {
+				formRef.current?.form?.restart(values);
+				setHasUnsavedChanges(false);
+			}
+			if (refetchTransaction) refetchTransaction();
+		}
 	}, [
 		executeSaveChanges,
+		executeCreateTransactionAndDomain,
 		handleSuccessSnackbar,
 		handleErrorSnackbar,
-		t
+		t,
+		transactionUiActionType,
+		setHasUnsavedChanges,
+		formRef,
+		onSubmitSuccess,
+		refetchTransaction
 	]);
 	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, {
+	return fieldAttributes.length == 0 ? /* @__PURE__ */ React.createElement(LinearProgress, null) : /* @__PURE__ */ React.createElement(AmbientCard, { fullWidth: true }, /* @__PURE__ */ React.createElement(Form, {
 		onSubmit,
 		ref: formRef
-	}, /* @__PURE__ */ React.createElement(EditTransactionDetailsFormFields_default, {
+	}, /* @__PURE__ */ React.createElement(FormSpy, { subscription: { dirty: true } }, ({ dirty }) => {
+		if (setHasUnsavedChanges) setHasUnsavedChanges(dirty);
+	}), /* @__PURE__ */ React.createElement(DynamicTransactionDomainFormFields_default, {
 		transaction,
-		fieldAttributes
+		fieldAttributes,
+		transactionTypeId
 	})));
 };
-var EditTransactionDetailsForm_default = EditTransactionDetailsForm;
+var DynamicTransactionDomainForm_default = DynamicTransactionDomainForm;
 
 //#endregion
 //#region src/udp/pages/UdpTransactionsPage/sidesheets/EditTransaction.jsx
 const EditTransaction = (props) => {
-	const { transaction: initialTransaction, transactionTypeId, transactionIsClosed, openInnerSidesheetState, setOpenInnerSidesheetState, refreshGridData, closeSideSheet, setSidesheetLoading, setHasUnsavedChanges, attachmentType, setAttachmentType, currentAttachments, setCurrentAttachments, attachmentProgress, setAttachmentProgress, transactionAttachmentTypes, transactionAttachments, setTransactionAttachments, filePreview, setFilePreview } = props;
+	const { transaction: initialTransaction, transactionTypeId, transactionIsClosed, openInnerSidesheetState, setOpenInnerSidesheetState, refreshGridData, closeSideSheet, setSidesheetLoading, setHasUnsavedChanges, domainName, attachmentType, setAttachmentType, currentAttachments, setCurrentAttachments, attachmentProgress, setAttachmentProgress, transactionAttachmentTypes, transactionAttachments, setTransactionAttachments, filePreview, setFilePreview } = props;
 	const { t } = useTranslation();
 	const [selectedTab, setSelectedTab] = useState(0);
 	const [transaction, setTransaction] = useState(initialTransaction);
@@ -1546,9 +1591,9 @@ const EditTransaction = (props) => {
 		try {
 			setTransactionAttachments((await fetchTransactionAttachments()).data.pageList);
 			refetchTransaction();
-		} catch (error) {
-			console.error("Failed to fetch attachments:", error);
-			if (error?.message !== "canceled") enqueueSnackbar("Attachment fetch failed: We encountered a system error. Please try again or contact support if the issue persists.", {
+		} catch (error$1) {
+			console.error("Failed to fetch attachments:", error$1);
+			if (error$1?.message !== "canceled") enqueueSnackbar("Attachment fetch failed: We encountered a system error. Please try again or contact support if the issue persists.", {
 				variant: "error",
 				anchorOrigin: {
 					vertical: "top",
@@ -1607,7 +1652,7 @@ const EditTransaction = (props) => {
 					horizontal: "center"
 				}
 			});
-		} catch (error) {
+		} catch (error$1) {
 			enqueueSnackbar(`File upload failed: We encountered a system error. Please try again or contact support if the issue persists.`, {
 				variant: "error",
 				anchorOrigin: {
@@ -1615,7 +1660,7 @@ const EditTransaction = (props) => {
 					horizontal: "center"
 				}
 			});
-			throw error;
+			throw error$1;
 		} finally {
 			setAttachmentProgress(false);
 		}
@@ -1650,7 +1695,7 @@ const EditTransaction = (props) => {
 			buttonLabel: "Save",
 			buttonOneDisabled: !attachmentType || currentAttachments.length <= 0,
 			onSubmit: () => {
-				handleUploadFiles().then(() => refreshGridData()).catch((error) => console.error(error));
+				handleUploadFiles().then(() => refreshGridData()).catch((error$1) => console.error(error$1));
 			},
 			children: /* @__PURE__ */ React.createElement(Attachments, {
 				attachmentTypes: transactionAttachmentTypes,
@@ -1763,9 +1808,14 @@ const EditTransaction = (props) => {
 		transaction,
 		refetchTransaction,
 		setHasUnsavedChanges
-	}) : /* @__PURE__ */ React.createElement(EditTransactionDetailsForm_default, {
+	}) : /* @__PURE__ */ React.createElement(DynamicTransactionDomainForm_default, {
 		transaction,
-		formRef
+		formRef,
+		domainName,
+		transactionTypeId,
+		transactionUiActionType: TransactionUiActionTypeEnums.Render_Transaction_Details_Page,
+		setHasUnsavedChanges,
+		refetchTransaction
 	})), /* @__PURE__ */ React.createElement(UdpTabPanel, {
 		value: selectedTab,
 		index: TRANSACTION_TAB.HISTORY
@@ -1883,8 +1933,8 @@ const UdpTransactionSidesheet = (props) => {
 		try {
 			setClosingTransactionLoading(true);
 			await executeCloseTransaction();
-		} catch (error) {
-			handleErrorSnackbar(error);
+		} catch (error$1) {
+			handleErrorSnackbar(error$1);
 		} finally {
 			setClosingTransactionLoading(false);
 			handleDialogClose();
@@ -1928,7 +1978,7 @@ const UdpTransactionSidesheet = (props) => {
 					horizontal: "center"
 				}
 			});
-		} catch (error) {
+		} catch (error$1) {
 			enqueueSnackbar(`File upload failed: We encountered a system error. Please try again or contact support if the issue persists.`, {
 				variant: "error",
 				anchorOrigin: {
@@ -1936,7 +1986,7 @@ const UdpTransactionSidesheet = (props) => {
 					horizontal: "center"
 				}
 			});
-			throw error;
+			throw error$1;
 		} finally {
 			setAttachmentProgress(false);
 		}
@@ -2004,6 +2054,9 @@ const UdpTransactionSidesheet = (props) => {
 		transaction,
 		formattedBusinesskey
 	]);
+	const transactionCreatePageId = useMemo(() => {
+		return getUiActionRenderPageId(TransactionUiActionTypeEnums.Render_Create_Transaction_Page);
+	}, [getUiActionRenderPageId]);
 	const sidesheetList = useMemo(() => {
 		return [
 			{
@@ -2015,11 +2068,18 @@ const UdpTransactionSidesheet = (props) => {
 				title: domainName,
 				width: sidesheetWidth,
 				onSubmit: handleTransactionCreation,
-				children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(UdpTransactionCustomPage_default, {
+				children: /* @__PURE__ */ React.createElement(React.Fragment, null, transactionCreatePageId ? /* @__PURE__ */ React.createElement(UdpTransactionCustomPage_default, {
 					transactionTypeId,
 					transactionUiActionType: TransactionUiActionTypeEnums.Render_Create_Transaction_Page,
 					formRef,
 					onSubmitSuccess: handleTransactionCreationSuccess
+				}) : /* @__PURE__ */ React.createElement(DynamicTransactionDomainForm_default, {
+					transaction,
+					formRef,
+					domainName,
+					transactionTypeId,
+					transactionUiActionType: TransactionUiActionTypeEnums.Render_Create_Transaction_Page,
+					onSubmitSuccess: handleTransactionCreationSuccess
 				}), /* @__PURE__ */ React.createElement(SideSheet, {
 					key: "Create Transaction: Add Attachment",
 					open: createTransactionOpenInnerSidesheetState?.attachments,
@@ -2131,7 +2191,8 @@ const UdpTransactionSidesheet = (props) => {
 					transactionAttachments,
 					setTransactionAttachments,
 					filePreview,
-					setFilePreview
+					setFilePreview,
+					domainName
 				})
 			},
 			{
@@ -2169,6 +2230,7 @@ const UdpTransactionSidesheet = (props) => {
 		pdfViewPageId,
 		sidesheetWidth,
 		handleNextStepsAction,
+		transactionCreatePageId,
 		createTransactionOpenInnerSidesheetState,
 		t,
 		attachmentType,
@@ -2247,7 +2309,7 @@ const useTransactionType = (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 [error$1, setError] = useState(void 0);
 	const [promise, setPromise] = useState(void 0);
 	const { transactionTypesMap, setTransactionTypesMap } = useTransactionStore();
 	const setSuccessState = useCallback((response) => {
@@ -2299,7 +2361,7 @@ const useTransactionType = (options = {}) => {
 	return {
 		data,
 		loading,
-		error,
+		error: error$1,
 		promise
 	};
 };
@@ -2467,4 +2529,4 @@ var UdpTransactionsPage_exports = /* @__PURE__ */ __exportAll({ default: () => U
 
 //#endregion
 export { UdpTransactionsPage_default as n, UdpTransactionsPage_exports as t };
-//# sourceMappingURL=UdpTransactionsPage-B6OV3w81.js.map
+//# sourceMappingURL=UdpTransactionsPage-DPUGjVmO.js.map