udp-react-enterprise-component-library 26.2.0-beta.3 → 26.2.0-beta.5

package/dist/udp/fileImportMapping/ImportDataFromFileMapping.mjs

@@ -1,21 +1,21 @@
-import { FluentButton } from "../../UI/inputs/buttons/FluentButton.mjs";
 import { ConfigService } from "../../configService/index.mjs";
 import { useHandleAxiosSnackbar } from "../../utilities/apiHelpers.mjs";
 import { useUser } from "../../utilities/auth/useUser.mjs";
 import { apiMutate } from "../../utilities/useAxiosMutate.mjs";
-import { SideSheet } from "../../UI/surfaces/SideSheet.mjs";
 import { usePromotedMethodEntity } from "../../hooks/usePromotedMethodEntity.mjs";
 import { executeQueryAdHoc } from "../utilities/methodUtils.mjs";
-import { AmbientCard } from "../../UI/surfaces/cards/AmbientCard/AmbientCard.mjs";
-import { AmbientAutoComplete } from "../../UI/inputs/textField/AmbientAutoComplete.mjs";
-import { DragDropFileUpload } from "../../uploader/DragDropFileUpload.mjs";
+import { UdpButton } from "../../UI/fluent-web-components/UdpButton.mjs";
+import { UdpAutocomplete } from "../../UI/fluent-web-components/UdpAutocomplete.mjs";
+import { UdpCard } from "../../UI/fluent-web-components/UdpCard.mjs";
+import { UdpDrawer } from "../../UI/fluent-web-components/UdpDrawer.mjs";
+import { UdpFileInput } from "../../UI/fluent-web-components/UdpFileInput.mjs";
 import { FileImportConfigCard } from "./FileImportConfigCard.mjs";
 import FileImportMappingWizard from "./FileImportMappingWizard.mjs";
 import { c } from "react-compiler-runtime";
 import React, { useEffect, useState } from "react";
 //#region src/udp/fileImportMapping/ImportDataFromFileMapping.jsx
 const ImportDataFromFileMapping = (props) => {
-	const $ = c(56);
+	const $ = c(58);
 	const { onImportSuccess, onImportFail, verifyRequiredFields: t0 } = props;
 	const verifyRequiredFields = t0 === void 0 ? true : t0;
 	const user = useUser();
@@ -23,19 +23,25 @@ const ImportDataFromFileMapping = (props) => {
 	const [udpImportMappingData, setUdpImportMappingData] = useState();
 	const [newFileMappingSidesheetOpen, setNewFileMappingSidesheetOpen] = useState(false);
 	const [fileObject, setFileObject] = useState();
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [];
+		$[0] = t1;
+	} else t1 = $[0];
+	const [fileItems, setFileItems] = useState(t1);
 	const [isLoading, setIsLoading] = useState(false);
 	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
 	const { data: udpFileImportMappingEntity } = usePromotedMethodEntity("UdpFileImportMapping", true);
-	let t1;
-	if ($[0] !== selectedFileMapping.objectInfoSanitizedName) {
-		t1 = async (data) => apiMutate(ConfigService.productV1ApiUrl, `${selectedFileMapping?.objectInfoSanitizedName}/fileImportMapping`, { method: "post" }, { data });
-		$[0] = selectedFileMapping.objectInfoSanitizedName;
-		$[1] = t1;
-	} else t1 = $[1];
-	const executeImportDataFromFile = t1;
 	let t2;
-	if ($[2] !== udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId) {
-		t2 = async () => {
+	if ($[1] !== selectedFileMapping.objectInfoSanitizedName) {
+		t2 = async (data) => apiMutate(ConfigService.productV1ApiUrl, `${selectedFileMapping?.objectInfoSanitizedName}/fileImportMapping`, { method: "post" }, { data });
+		$[1] = selectedFileMapping.objectInfoSanitizedName;
+		$[2] = t2;
+	} else t2 = $[2];
+	const executeImportDataFromFile = t2;
+	let t3;
+	if ($[3] !== udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId) {
+		t3 = async () => {
 			if (udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId) {
 				const res = await executeQueryAdHoc({ data: {
 					eagerLoad: true,
@@ -45,29 +51,29 @@ const ImportDataFromFileMapping = (props) => {
 				if (res?.data?.pageList.length > 0) setUdpImportMappingData(res?.data?.pageList);
 			}
 		};
-		$[2] = udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId;
-		$[3] = t2;
-	} else t2 = $[3];
+		$[3] = udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId;
+		$[4] = t3;
+	} else t3 = $[4];
 	udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId;
-	const searchFileImportMappingData = t2;
-	let t3;
+	const searchFileImportMappingData = t3;
 	let t4;
-	if ($[4] !== searchFileImportMappingData) {
-		t3 = () => {
+	let t5;
+	if ($[5] !== searchFileImportMappingData) {
+		t4 = () => {
 			searchFileImportMappingData();
 		};
-		t4 = [searchFileImportMappingData];
-		$[4] = searchFileImportMappingData;
-		$[5] = t3;
+		t5 = [searchFileImportMappingData];
+		$[5] = searchFileImportMappingData;
 		$[6] = t4;
+		$[7] = t5;
 	} else {
-		t3 = $[5];
 		t4 = $[6];
+		t5 = $[7];
 	}
-	useEffect(t3, t4);
-	let t5;
-	if ($[7] !== executeImportDataFromFile || $[8] !== fileObject || $[9] !== handleErrorSnackbar || $[10] !== handleSuccessSnackbar || $[11] !== onImportFail || $[12] !== onImportSuccess || $[13] !== selectedFileMapping.fileImportType || $[14] !== selectedFileMapping.id || $[15] !== selectedFileMapping.mapping || $[16] !== selectedFileMapping.name || $[17] !== selectedFileMapping.objectInfoSanitizedName || $[18] !== selectedFileMapping.properties || $[19] !== user?.currentTenantId) {
-		t5 = async () => {
+	useEffect(t4, t5);
+	let t6;
+	if ($[8] !== executeImportDataFromFile || $[9] !== fileObject || $[10] !== handleErrorSnackbar || $[11] !== handleSuccessSnackbar || $[12] !== onImportFail || $[13] !== onImportSuccess || $[14] !== selectedFileMapping.fileImportType || $[15] !== selectedFileMapping.id || $[16] !== selectedFileMapping.mapping || $[17] !== selectedFileMapping.name || $[18] !== selectedFileMapping.objectInfoSanitizedName || $[19] !== selectedFileMapping.properties || $[20] !== user?.currentTenantId) {
+		t6 = async () => {
 			setIsLoading(true);
 			const file = fileObject;
 			const blob = new Blob([file], { type: file.type });
@@ -90,179 +96,179 @@ const ImportDataFromFileMapping = (props) => {
 				onImportSuccess && onImportSuccess();
 			}
 		};
-		$[7] = executeImportDataFromFile;
-		$[8] = fileObject;
-		$[9] = handleErrorSnackbar;
-		$[10] = handleSuccessSnackbar;
-		$[11] = onImportFail;
-		$[12] = onImportSuccess;
-		$[13] = selectedFileMapping.fileImportType;
-		$[14] = selectedFileMapping.id;
-		$[15] = selectedFileMapping.mapping;
-		$[16] = selectedFileMapping.name;
-		$[17] = selectedFileMapping.objectInfoSanitizedName;
-		$[18] = selectedFileMapping.properties;
-		$[19] = user?.currentTenantId;
-		$[20] = t5;
-	} else t5 = $[20];
-	const handleImportDataFromFile = t5;
-	const getFileMappingOptionlabel = _temp;
-	let t6;
-	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = (fileObj) => {
-			setFileObject(fileObj[0]);
-		};
+		$[8] = executeImportDataFromFile;
+		$[9] = fileObject;
+		$[10] = handleErrorSnackbar;
+		$[11] = handleSuccessSnackbar;
+		$[12] = onImportFail;
+		$[13] = onImportSuccess;
+		$[14] = selectedFileMapping.fileImportType;
+		$[15] = selectedFileMapping.id;
+		$[16] = selectedFileMapping.mapping;
+		$[17] = selectedFileMapping.name;
+		$[18] = selectedFileMapping.objectInfoSanitizedName;
+		$[19] = selectedFileMapping.properties;
+		$[20] = user?.currentTenantId;
 		$[21] = t6;
 	} else t6 = $[21];
-	const handleAddFileToUpload = t6;
+	const handleImportDataFromFile = t6;
+	const getFileMappingOptionlabel = _temp;
 	let t7;
 	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = { display: "flex" };
+		t7 = (e) => {
+			const items = e.target.value;
+			setFileItems(items);
+			setFileObject(items.find(_temp2)?.file);
+		};
 		$[22] = t7;
 	} else t7 = $[22];
+	const handleAddFileToUpload = t7;
 	let t8;
 	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = (val) => setSelectedFileMapping(val);
+		t8 = { display: "flex" };
 		$[23] = t8;
 	} else t8 = $[23];
 	let t9;
-	if ($[24] !== selectedFileMapping || $[25] !== udpImportMappingData) {
-		t9 = /* @__PURE__ */ React.createElement("div", { style: t7 }, /* @__PURE__ */ React.createElement(AmbientAutoComplete, {
-			isMultiple: false,
-			id: "fileMapping",
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = (e_0) => setSelectedFileMapping(e_0.target.value);
+		$[24] = t9;
+	} else t9 = $[24];
+	let t10;
+	if ($[25] !== selectedFileMapping || $[26] !== udpImportMappingData) {
+		t10 = /* @__PURE__ */ React.createElement("div", { style: t8 }, /* @__PURE__ */ React.createElement(UdpAutocomplete, {
 			name: "fileMapping",
 			label: "File Mapping",
-			onChange: t8,
+			onChange: t9,
 			options: udpImportMappingData,
-			size: "small",
-			getOptionLabelFunction: getFileMappingOptionlabel,
+			optionLabel: getFileMappingOptionlabel,
+			optionValue: "id",
 			value: selectedFileMapping,
 			required: true,
-			groupBy: _temp2
+			optionGroup: _temp3
 		}));
-		$[24] = selectedFileMapping;
-		$[25] = udpImportMappingData;
-		$[26] = t9;
-	} else t9 = $[26];
-	let t10;
-	if ($[27] !== selectedFileMapping) {
-		t10 = selectedFileMapping && /* @__PURE__ */ React.createElement(DragDropFileUpload, {
-			handleUploadFile: handleAddFileToUpload,
-			accept: {
-				"text/csv": [".csv"],
-				"text/plain": [".txt"],
-				"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xlsx"],
-				"application/json": [".json"]
-			}
-		});
-		$[27] = selectedFileMapping;
-		$[28] = t10;
-	} else t10 = $[28];
+		$[25] = selectedFileMapping;
+		$[26] = udpImportMappingData;
+		$[27] = t10;
+	} else t10 = $[27];
 	let t11;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = {
+	if ($[28] !== fileItems || $[29] !== selectedFileMapping) {
+		t11 = selectedFileMapping && /* @__PURE__ */ React.createElement(UdpFileInput, {
+			value: fileItems,
+			onChange: handleAddFileToUpload,
+			accept: ".csv,.txt,.xlsx,.json",
+			maxFiles: 1
+		});
+		$[28] = fileItems;
+		$[29] = selectedFileMapping;
+		$[30] = t11;
+	} else t11 = $[30];
+	let t12;
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = {
 			display: "flex",
 			flexDirection: "row",
 			gap: 5,
 			float: "right",
 			marginTop: 10
 		};
-		$[29] = t11;
-	} else t11 = $[29];
-	let t12;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ React.createElement(FluentButton, {
+		$[31] = t12;
+	} else t12 = $[31];
+	let t13;
+	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ React.createElement(UdpButton, {
 			onClick: () => setNewFileMappingSidesheetOpen(true),
-			variant: "outlined"
+			appearance: "outline"
 		}, "Create New Mapping");
-		$[30] = t12;
-	} else t12 = $[30];
-	const t13 = !fileObject;
-	let t14;
-	if ($[31] !== handleImportDataFromFile || $[32] !== isLoading || $[33] !== t13) {
-		t14 = /* @__PURE__ */ React.createElement("div", { style: t11 }, t12, /* @__PURE__ */ React.createElement(FluentButton, {
-			variant: "contained",
-			color: "secondary",
+		$[32] = t13;
+	} else t13 = $[32];
+	const t14 = !fileObject;
+	let t15;
+	if ($[33] !== handleImportDataFromFile || $[34] !== isLoading || $[35] !== t14) {
+		t15 = /* @__PURE__ */ React.createElement("div", { style: t12 }, t13, /* @__PURE__ */ React.createElement(UdpButton, {
+			appearance: "primary",
 			onClick: handleImportDataFromFile,
-			progress: isLoading,
-			disabled: t13
+			loading: isLoading,
+			disabled: t14
 		}, "Import Data"));
-		$[31] = handleImportDataFromFile;
-		$[32] = isLoading;
-		$[33] = t13;
-		$[34] = t14;
-	} else t14 = $[34];
-	let t15;
-	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = () => setNewFileMappingSidesheetOpen(false);
-		$[35] = t15;
-	} else t15 = $[35];
+		$[33] = handleImportDataFromFile;
+		$[34] = isLoading;
+		$[35] = t14;
+		$[36] = t15;
+	} else t15 = $[36];
 	let t16;
-	if ($[36] !== searchFileImportMappingData || $[37] !== verifyRequiredFields) {
-		t16 = /* @__PURE__ */ React.createElement(FileImportMappingWizard, {
+	if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = () => setNewFileMappingSidesheetOpen(false);
+		$[37] = t16;
+	} else t16 = $[37];
+	let t17;
+	if ($[38] !== searchFileImportMappingData || $[39] !== verifyRequiredFields) {
+		t17 = /* @__PURE__ */ React.createElement(FileImportMappingWizard, {
 			refetchMappings: searchFileImportMappingData,
 			setNewFileMappingSidesheetOpen,
 			verifyRequiredFields
 		});
-		$[36] = searchFileImportMappingData;
-		$[37] = verifyRequiredFields;
-		$[38] = t16;
-	} else t16 = $[38];
-	let t17;
-	if ($[39] !== newFileMappingSidesheetOpen || $[40] !== t16) {
-		t17 = /* @__PURE__ */ React.createElement(SideSheet, {
-			title: "Create New File Mapping",
-			open: newFileMappingSidesheetOpen,
-			onClose: t15,
-			width: "60%"
-		}, t16);
-		$[39] = newFileMappingSidesheetOpen;
-		$[40] = t16;
-		$[41] = t17;
-	} else t17 = $[41];
+		$[38] = searchFileImportMappingData;
+		$[39] = verifyRequiredFields;
+		$[40] = t17;
+	} else t17 = $[40];
 	let t18;
-	if ($[42] !== t10 || $[43] !== t14 || $[44] !== t17 || $[45] !== t9) {
-		t18 = /* @__PURE__ */ React.createElement(AmbientCard, { fullWidth: true }, t9, t10, t14, t17);
-		$[42] = t10;
-		$[43] = t14;
-		$[44] = t17;
-		$[45] = t9;
-		$[46] = t18;
-	} else t18 = $[46];
+	if ($[41] !== newFileMappingSidesheetOpen || $[42] !== t17) {
+		t18 = /* @__PURE__ */ React.createElement(UdpDrawer, {
+			drawerTitle: "Create New File Mapping",
+			open: newFileMappingSidesheetOpen,
+			onDrawerClose: t16,
+			drawerWidth: "60%"
+		}, t17);
+		$[41] = newFileMappingSidesheetOpen;
+		$[42] = t17;
+		$[43] = t18;
+	} else t18 = $[43];
 	let t19;
-	if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
-		t19 = { marginTop: 10 };
-		$[47] = t19;
-	} else t19 = $[47];
+	if ($[44] !== t10 || $[45] !== t11 || $[46] !== t15 || $[47] !== t18) {
+		t19 = /* @__PURE__ */ React.createElement(UdpCard, { width: "100%" }, t10, t11, t15, t18);
+		$[44] = t10;
+		$[45] = t11;
+		$[46] = t15;
+		$[47] = t18;
+		$[48] = t19;
+	} else t19 = $[48];
 	let t20;
-	if ($[48] !== selectedFileMapping.udpFileImportMappingUdpObjectInfo?.sanitizedName) {
-		t20 = selectedFileMapping?.udpFileImportMappingUdpObjectInfo?.sanitizedName.replace(/([A-Z])/g, " $1").trim();
-		$[48] = selectedFileMapping.udpFileImportMappingUdpObjectInfo?.sanitizedName;
+	if ($[49] === Symbol.for("react.memo_cache_sentinel")) {
+		t20 = { marginTop: 10 };
 		$[49] = t20;
 	} else t20 = $[49];
 	let t21;
-	if ($[50] !== selectedFileMapping || $[51] !== t20) {
-		t21 = /* @__PURE__ */ React.createElement("div", { style: t19 }, /* @__PURE__ */ React.createElement(FileImportConfigCard, {
+	if ($[50] !== selectedFileMapping.udpFileImportMappingUdpObjectInfo?.sanitizedName) {
+		t21 = selectedFileMapping?.udpFileImportMappingUdpObjectInfo?.sanitizedName.replace(/([A-Z])/g, " $1").trim();
+		$[50] = selectedFileMapping.udpFileImportMappingUdpObjectInfo?.sanitizedName;
+		$[51] = t21;
+	} else t21 = $[51];
+	let t22;
+	if ($[52] !== selectedFileMapping || $[53] !== t21) {
+		t22 = /* @__PURE__ */ React.createElement("div", { style: t20 }, /* @__PURE__ */ React.createElement(FileImportConfigCard, {
 			fileMappingRecord: selectedFileMapping,
-			domain: t20
+			domain: t21
 		}));
-		$[50] = selectedFileMapping;
-		$[51] = t20;
-		$[52] = t21;
-	} else t21 = $[52];
-	let t22;
-	if ($[53] !== t18 || $[54] !== t21) {
-		t22 = /* @__PURE__ */ React.createElement(React.Fragment, null, t18, t21);
-		$[53] = t18;
-		$[54] = t21;
-		$[55] = t22;
-	} else t22 = $[55];
-	return t22;
+		$[52] = selectedFileMapping;
+		$[53] = t21;
+		$[54] = t22;
+	} else t22 = $[54];
+	let t23;
+	if ($[55] !== t19 || $[56] !== t22) {
+		t23 = /* @__PURE__ */ React.createElement(React.Fragment, null, t19, t22);
+		$[55] = t19;
+		$[56] = t22;
+		$[57] = t23;
+	} else t23 = $[57];
+	return t23;
 };
 function _temp(option) {
 	return `${option.name} (${option?.udpFileImportMappingUdpFileImportType?.extension})`;
 }
-function _temp2(option_0) {
+function _temp2(item) {
+	return item.kind === "pending";
+}
+function _temp3(option_0) {
 	return option_0?.udpFileImportMappingUdpObjectInfo?.sanitizedName;
 }
 //#endregion

package/dist/udp/fileImportMapping/ImportDataFromFileMapping.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ImportDataFromFileMapping.mjs","names":["React","useState","useCallback","useEffect","AmbientCard","AmbientAutoComplete","FluentButton","apiMutate","useHandleAxiosSnackbar","SideSheet","DragDropFileUpload","FileImportMappingWizard","usePromotedMethodEntity","executeQueryAdHoc","useUser","FileImportConfigCard","ConfigService","ImportDataFromFileMapping","props","$","_c","onImportSuccess","onImportFail","verifyRequiredFields","t0","undefined","user","selectedFileMapping","setSelectedFileMapping","udpImportMappingData","setUdpImportMappingData","newFileMappingSidesheetOpen","setNewFileMappingSidesheetOpen","fileObject","setFileObject","isLoading","setIsLoading","handleErrorSnackbar","handleSuccessSnackbar","data","udpFileImportMappingEntity","t1","objectInfoSanitizedName","productV1ApiUrl","method","executeImportDataFromFile","t2","unityBaseSearchMethod","apiMethodId","res","eagerLoad","pageSize","filterElements","pageList","length","searchFileImportMappingData","t3","t4","t5","fileImportType","id","mapping","name","properties","currentTenantId","file","blob","Blob","type","formData","FormData","append","response","catch","res_0","status","handleImportDataFromFile","getFileMappingOptionlabel","_temp","t6","Symbol","for","fileObj","handleAddFileToUpload","t7","display","t8","val","t9","_temp2","t10","t11","flexDirection","gap","float","marginTop","t12","t13","t14","t15","t16","t17","t18","t19","t20","udpFileImportMappingUdpObjectInfo","sanitizedName","replace","trim","t21","t22","option","udpFileImportMappingUdpFileImportType","extension","option_0"],"sources":["../../../src/udp/fileImportMapping/ImportDataFromFileMapping.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport FileImportMappingWizard from './FileImportMappingWizard';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { ConfigService } from '../../configService';\n\nexport const ImportDataFromFileMapping = (props) => {\n  const {onImportSuccess, onImportFail, verifyRequiredFields = true} = props\n  const user = useUser();\n  const [selectedFileMapping, setSelectedFileMapping] = useState();\n  const [udpImportMappingData, setUdpImportMappingData] = useState();\n  const [newFileMappingSidesheetOpen, setNewFileMappingSidesheetOpen] =\n    useState(false);\n  const [fileObject, setFileObject] = useState();\n  const [isLoading, setIsLoading] = useState(false)\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const { data: udpFileImportMappingEntity } = usePromotedMethodEntity(\n    'UdpFileImportMapping',\n    true\n  );\n\n  const executeImportDataFromFile = useCallback(\n    async (data) =>\n      apiMutate(\n        ConfigService.productV1ApiUrl,\n        `${selectedFileMapping?.objectInfoSanitizedName}/fileImportMapping`,\n        {\n          method: 'post'\n        },\n        { data }\n      ),\n    [selectedFileMapping]\n  );\n\n  const searchFileImportMappingData = useCallback(async () => {\n    if (udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId) {\n      const res = await executeQueryAdHoc(\n        {\n          data: {\n            eagerLoad: true,\n            pageSize: 200,\n            filterElements: []\n          }\n        },\n        udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId\n      );\n      if (res?.data?.pageList.length > 0) {\n        setUdpImportMappingData(res?.data?.pageList);\n      }\n    }\n  }, [udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId]);\n\n  useEffect(() => {\n    searchFileImportMappingData();\n  }, [searchFileImportMappingData]);\n\n  const handleImportDataFromFile = useCallback(async () => {\n    setIsLoading(true)\n    const file = fileObject;\n    const blob = new Blob([file], { type: file.type });\n    const formData = new FormData();\n    formData.append('file', blob, file.name);\n    formData.append('tenantId', user?.currentTenantId);\n    formData.append('name', selectedFileMapping.name);\n    formData.append('objectInfoSanitizedName', selectedFileMapping.objectInfoSanitizedName);\n    formData.append('fileImportType', selectedFileMapping.fileImportType);\n    formData.append('mapping', selectedFileMapping.mapping);\n    formData.append('properties', selectedFileMapping.properties);\n    formData.append('id', selectedFileMapping.id);\n    const response = await executeImportDataFromFile(formData).catch((res) => {\n      setIsLoading(false)\n      handleErrorSnackbar(res);\n      onImportFail()\n    });\n    if (response?.status === 201) {\n      handleSuccessSnackbar('Imported Data');\n      setIsLoading(false)\n      onImportSuccess && onImportSuccess()\n    }\n\n  }, [\n    fileObject,\n    selectedFileMapping,\n    executeImportDataFromFile,\n    handleErrorSnackbar,\n    handleSuccessSnackbar,\n    user,\n    onImportSuccess,\n    onImportFail\n  ]);\n\n  const getFileMappingOptionlabel = (option) => {\n    return `${option.name} (${option?.udpFileImportMappingUdpFileImportType?.extension})`;\n  };\n\n  const handleAddFileToUpload = (fileObj) => {\n    setFileObject(fileObj[0]);\n  };\n\n  return (\n    <>\n      <AmbientCard fullWidth>\n        <div style={{ display: 'flex' }}>\n          <AmbientAutoComplete\n            isMultiple={false}\n            id={'fileMapping'}\n            name={'fileMapping'}\n            label='File Mapping'\n            onChange={(val) => setSelectedFileMapping(val)}\n            options={udpImportMappingData}\n            size='small'\n            getOptionLabelFunction={getFileMappingOptionlabel}\n            value={selectedFileMapping}\n            required\n            groupBy={(option) =>\n              option?.udpFileImportMappingUdpObjectInfo?.sanitizedName\n            }\n          />\n        </div>\n        {selectedFileMapping && (\n          <DragDropFileUpload\n            handleUploadFile={handleAddFileToUpload}\n            accept={{\n              'text/csv': ['.csv'],\n              'text/plain': ['.txt'],\n              'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n                ['.xlsx'],\n              'application/json': ['.json']\n            }}\n          />\n        )}\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: 5,\n            float: 'right',\n            marginTop: 10\n          }}\n        >\n          <FluentButton\n            onClick={() => setNewFileMappingSidesheetOpen(true)}\n            variant='outlined'\n          >\n            Create New Mapping\n          </FluentButton>\n          <FluentButton\n            variant='contained'\n            color='secondary'\n            onClick={handleImportDataFromFile}\n            progress={isLoading}\n            disabled={!fileObject}\n          >\n            Import Data\n          </FluentButton>\n        </div>\n        <SideSheet\n          title='Create New File Mapping'\n          open={newFileMappingSidesheetOpen}\n          onClose={() => setNewFileMappingSidesheetOpen(false)}\n          width={'60%'}\n        >\n          <FileImportMappingWizard\n            refetchMappings={searchFileImportMappingData}\n            setNewFileMappingSidesheetOpen={setNewFileMappingSidesheetOpen}\n            verifyRequiredFields={verifyRequiredFields}\n          />\n        </SideSheet>\n      </AmbientCard>\n      <div style={{ marginTop: 10 }}>\n        <FileImportConfigCard fileMappingRecord={selectedFileMapping} domain={selectedFileMapping?.udpFileImportMappingUdpObjectInfo?.sanitizedName.replace(/([A-Z])/g, ' $1').trim()}/>\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAaiB,6BAA4BC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACvC,MAAA,EAAAC,iBAAAC,cAAAC,sBAAAC,OAAqEN;CAA/B,MAAAK,uBAAAC,OAAAC,KAAAA,IAAA,OAAAD;CACtC,MAAAE,OAAaZ,SAAS;CACtB,MAAA,CAAAa,qBAAAC,0BAAsD3B,UAAU;CAChE,MAAA,CAAA4B,sBAAAC,2BAAwD7B,UAAU;CAClE,MAAA,CAAA8B,6BAAAC,kCACE/B,SAAS,MAAM;CACjB,MAAA,CAAAgC,YAAAC,iBAAoCjC,UAAU;CAC9C,MAAA,CAAAkC,WAAAC,gBAAkCnC,SAAS,MAAM;CACjD,MAAA,EAAAoC,qBAAAC,0BACE9B,wBAAwB;CAE1B,MAAA,EAAA+B,MAAAC,+BAA6C5B,wBAC3C,wBACA,KACD;CAAC,IAAA6B;AAAA,KAAAtB,EAAA,OAAAQ,oBAAAe,yBAAA;AAGAD,OAAA,OAAAF,SACEhC,UACES,cAAa2B,iBACb,GAAGhB,qBAAmBe,wBAAyB,qBAC/C,EAAAE,QACU,QACT,EACD,EAAAL,MACF,CAAC;AAAApB,IAAA,KAAAQ,oBAAAe;AAAAvB,IAAA,KAAAsB;OAAAA,MAAAtB,EAAA;CATL,MAAA0B,4BAAkCJ;CAWhC,IAAAK;AAAA,KAAA3B,EAAA,OAAAqB,4BAAAO,uBAAAC,aAAA;AAE8CF,OAAA,YAAA;AAC9C,OAAIN,4BAA0BO,uBAAoCC,aAAA;IAChE,MAAAC,MAAY,MAAMpC,kBAChB,EAAA0B,MACQ;KAAAW,WACO;KAAIC,UACL;KAAGC,gBACG,EAAA;KAClB,EACD,EACDZ,4BAA0BO,uBAAoCC,YAC/D;AACD,QAAIC,KAAGV,MAAgBc,SAAOC,SAAG,EAC/BxB,yBAAwBmB,KAAGV,MAAgBc,SAAC;;;AAGjDlC,IAAA,KAAAqB,4BAAAO,uBAAAC;AAAA7B,IAAA,KAAA2B;OAAAA,MAAA3B,EAAA;AAAGqB,6BAA0BO,uBAAoCC;CAhBlE,MAAAO,8BAAoCT;CAgBiC,IAAAU;CAAA,IAAAC;AAAA,KAAAtC,EAAA,OAAAoC,6BAAA;AAE3DC,aAAA;AACRD,gCAA6B;;AAC5BE,OAAA,CAACF,4BAA4B;AAAApC,IAAA,KAAAoC;AAAApC,IAAA,KAAAqC;AAAArC,IAAA,KAAAsC;QAAA;AAAAD,OAAArC,EAAA;AAAAsC,OAAAtC,EAAA;;AAFhChB,WAAUqD,IAEPC,GAA8B;CAAA,IAAAC;AAAA,KAAAvC,EAAA,OAAA0B,6BAAA1B,EAAA,OAAAc,cAAAd,EAAA,OAAAkB,uBAAAlB,EAAA,QAAAmB,yBAAAnB,EAAA,QAAAG,gBAAAH,EAAA,QAAAE,mBAAAF,EAAA,QAAAQ,oBAAAgC,kBAAAxC,EAAA,QAAAQ,oBAAAiC,MAAAzC,EAAA,QAAAQ,oBAAAkC,WAAA1C,EAAA,QAAAQ,oBAAAmC,QAAA3C,EAAA,QAAAQ,oBAAAe,2BAAAvB,EAAA,QAAAQ,oBAAAoC,cAAA5C,EAAA,QAAAO,MAAAsC,iBAAA;AAEYN,OAAA,YAAA;AAC3CtB,gBAAa,KAAK;GAClB,MAAA6B,OAAahC;GACb,MAAAiC,OAAa,IAAIC,KAAK,CAACF,KAAK,EAAE,EAAAG,MAAQH,KAAIG,MAAO,CAAC;GAClD,MAAAC,WAAiB,IAAIC,UAAU;AAC/BD,YAAQE,OAAQ,QAAQL,MAAMD,KAAIH,KAAM;AACxCO,YAAQE,OAAQ,YAAY7C,MAAIsC,gBAAkB;AAClDK,YAAQE,OAAQ,QAAQ5C,oBAAmBmC,KAAM;AACjDO,YAAQE,OAAQ,2BAA2B5C,oBAAmBe,wBAAyB;AACvF2B,YAAQE,OAAQ,kBAAkB5C,oBAAmBgC,eAAgB;AACrEU,YAAQE,OAAQ,WAAW5C,oBAAmBkC,QAAS;AACvDQ,YAAQE,OAAQ,cAAc5C,oBAAmBoC,WAAY;AAC7DM,YAAQE,OAAQ,MAAM5C,oBAAmBiC,GAAI;AAM7C,QALiB,MAAMf,0BAA0BwB,SAAS,CAAAI,OAAOC,UAAA;AAC/DtC,iBAAa,MAAM;AACnBC,wBAAoBY,MAAI;AACxB3B,kBAAc;KACd,GACUqD,WAAa,KAAG;AAC1BrC,0BAAsB,gBAAgB;AACtCF,iBAAa,MAAM;AACnBf,uBAAmBA,iBAAiB;;;AAGvCF,IAAA,KAAA0B;AAAA1B,IAAA,KAAAc;AAAAd,IAAA,KAAAkB;AAAAlB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAG;AAAAH,IAAA,MAAAE;AAAAF,IAAA,MAAAQ,oBAAAgC;AAAAxC,IAAA,MAAAQ,oBAAAiC;AAAAzC,IAAA,MAAAQ,oBAAAkC;AAAA1C,IAAA,MAAAQ,oBAAAmC;AAAA3C,IAAA,MAAAQ,oBAAAe;AAAAvB,IAAA,MAAAQ,oBAAAoC;AAAA5C,IAAA,MAAAO,MAAAsC;AAAA7C,IAAA,MAAAuC;OAAAA,MAAAvC,EAAA;CAxBD,MAAAyD,2BAAiClB;CAmCjC,MAAAmB,4BAAkCC;CAEhC,IAAAC;AAAA,KAAA5D,EAAA,QAAA6D,OAAAC,IAAA,4BAAA,EAAA;AAE4BF,QAAAG,YAAA;AAC5BhD,iBAAcgD,QAAO,GAAI;;AAC1B/D,IAAA,MAAA4D;OAAAA,MAAA5D,EAAA;CAFD,MAAAgE,wBAA8BJ;CAE5B,IAAAK;AAAA,KAAAjE,EAAA,QAAA6D,OAAAC,IAAA,4BAAA,EAAA;AAKgBG,OAAA,EAAAC,SAAW,QAAQ;AAAAlE,IAAA,MAAAiE;OAAAA,MAAAjE,EAAA;CAAA,IAAAmE;AAAA,KAAAnE,EAAA,QAAA6D,OAAAC,IAAA,4BAAA,EAAA;AAMjBK,QAAAC,QAAS3D,uBAAuB2D,IAAI;AAAApE,IAAA,MAAAmE;OAAAA,MAAAnE,EAAA;CAAA,IAAAqE;AAAA,KAAArE,EAAA,QAAAQ,uBAAAR,EAAA,QAAAU,sBAAA;AANlD2D,OAAA,sBAAA,cAAA,OAAA,EAAY,OAAAJ,IAgBN,EAfJ,sBAAA,cAAC,qBAAD;GACc,YAAA;GACR,IAAA;GACE,MAAA;GACA,OAAA;GACI,UAAAE;GACDzD,SAAAA;GACJ,MAAA;GACmBgD,wBAAAA;GACjBlD,OAAAA;GACP,UAAA;GACS,SAAA8D;GAIb,CAAA,CAAM;AAAAtE,IAAA,MAAAQ;AAAAR,IAAA,MAAAU;AAAAV,IAAA,MAAAqE;OAAAA,MAAArE,EAAA;CAAA,IAAAuE;AAAA,KAAAvE,EAAA,QAAAQ,qBAAA;AACL+D,QAAA/D,uBACC,sBAAA,cAAC,oBAAD;GACoBwD,kBAAAA;GACV,QAAA;IAAA,YACM,CAAC,OAAO;IAAA,cACN,CAAC,OAAO;IAAA,qEAEpB,CAAC,QAAQ;IAAA,oBACS,CAAC,QAAO;IAC9B;GAEH,CAAA;AAAAhE,IAAA,MAAAQ;AAAAR,IAAA,MAAAuE;OAAAA,OAAAvE,EAAA;CAAA,IAAAwE;AAAA,KAAAxE,EAAA,QAAA6D,OAAAC,IAAA,4BAAA,EAAA;AAEQU,QAAA;GAAAN,SACI;GAAMO,eACA;GAAKC,KACf;GAACC,OACC;GAAOC,WACH;GACZ;AAAA5E,IAAA,MAAAwE;OAAAA,OAAAxE,EAAA;CAAA,IAAA6E;AAAA,KAAA7E,EAAA,QAAA6D,OAAAC,IAAA,4BAAA,EAAA;AAEDe,QAAA,sBAAA,cAAC,cAAD;GACW,eAAMhE,+BAA+B,KAAI;GAC1C,SAAA;GAGK,EAFd,qBAEc;AAAAb,IAAA,MAAA6E;OAAAA,OAAA7E,EAAA;CAMH,MAAA8E,MAAA,CAAChE;CAAU,IAAAiE;AAAA,KAAA/E,EAAA,QAAAyD,4BAAAzD,EAAA,QAAAgB,aAAAhB,EAAA,QAAA8E,KAAA;AApBzBC,QAAA,sBAAA,cAAA,OAAA,EACS,OAAAP,KAuBH,EAfJK,KAMA,sBAAA,cAAC,cAAD;GACU,SAAA;GACF,OAAA;GACGpB,SAAAA;GACCzC,UAAAA;GACA,UAAA8D;GAId,EAHG,cAGH,CAAM;AAAA9E,IAAA,MAAAyD;AAAAzD,IAAA,MAAAgB;AAAAhB,IAAA,MAAA8E;AAAA9E,IAAA,MAAA+E;OAAAA,OAAA/E,EAAA;CAAA,IAAAgF;AAAA,KAAAhF,EAAA,QAAA6D,OAAAC,IAAA,4BAAA,EAAA;AAIKkB,cAAMnE,+BAA+B,MAAM;AAAAb,IAAA,MAAAgF;OAAAA,OAAAhF,EAAA;CAAA,IAAAiF;AAAA,KAAAjF,EAAA,QAAAoC,+BAAApC,EAAA,QAAAI,sBAAA;AAGpD6E,QAAA,sBAAA,cAAC,yBAAD;GACmB7C,iBAAAA;GACevB;GACVT;GACtB,CAAA;AAAAJ,IAAA,MAAAoC;AAAApC,IAAA,MAAAI;AAAAJ,IAAA,MAAAiF;OAAAA,OAAAjF,EAAA;CAAA,IAAAkF;AAAA,KAAAlF,EAAA,QAAAY,+BAAAZ,EAAA,QAAAiF,KAAA;AAVJC,QAAA,sBAAA,cAAC,WAAD;GACQ,OAAA;GACAtE,MAAAA;GACG,SAAAoE;GACF,OAAA;GAOG,EALVC,IAKU;AAAAjF,IAAA,MAAAY;AAAAZ,IAAA,MAAAiF;AAAAjF,IAAA,MAAAkF;OAAAA,OAAAlF,EAAA;CAAA,IAAAmF;AAAA,KAAAnF,EAAA,QAAAuE,OAAAvE,EAAA,QAAA+E,OAAA/E,EAAA,QAAAkF,OAAAlF,EAAA,QAAAqE,IAAA;AAlEdc,QAAA,sBAAA,cAAC,aAAD,EAAa,WAAA,MAmEC,EAlEZd,IAiBCE,KAYDQ,KAyBAG,IAYY;AAAAlF,IAAA,MAAAuE;AAAAvE,IAAA,MAAA+E;AAAA/E,IAAA,MAAAkF;AAAAlF,IAAA,MAAAqE;AAAArE,IAAA,MAAAmF;OAAAA,OAAAnF,EAAA;CAAA,IAAAoF;AAAA,KAAApF,EAAA,QAAA6D,OAAAC,IAAA,4BAAA,EAAA;AACFsB,QAAA,EAAAR,WAAa,IAAI;AAAA5E,IAAA,MAAAoF;OAAAA,OAAApF,EAAA;CAAA,IAAAqF;AAAA,KAAArF,EAAA,QAAAQ,oBAAA8E,mCAAAC,eAAA;AAC2CF,QAAA7E,qBAAmB8E,mCAAkDC,cAAQC,QAAC,YAAY,MAAW,CAAAC,MAAE;AAAAzF,IAAA,MAAAQ,oBAAA8E,mCAAAC;AAAAvF,IAAA,MAAAqF;OAAAA,OAAArF,EAAA;CAAA,IAAA0F;AAAA,KAAA1F,EAAA,QAAAQ,uBAAAR,EAAA,QAAAqF,KAAA;AAD/KK,QAAA,sBAAA,cAAA,OAAA,EAAY,OAAAN,KAEN,EADJ,sBAAA,cAAC,sBAAD;GAAyC5E,mBAAAA;GAA6B,QAAA6E;GACxE,CAAA,CAAM;AAAArF,IAAA,MAAAQ;AAAAR,IAAA,MAAAqF;AAAArF,IAAA,MAAA0F;OAAAA,OAAA1F,EAAA;CAAA,IAAA2F;AAAA,KAAA3F,EAAA,QAAAmF,OAAAnF,EAAA,QAAA0F,KAAA;AAvERC,QAAA,sBAAA,cAAA,MAAA,UAAA,MACER,KAoEAO,IAGC;AAAA1F,IAAA,MAAAmF;AAAAnF,IAAA,MAAA0F;AAAA1F,IAAA,MAAA2F;OAAAA,OAAA3F,EAAA;AAAA,QAxEH2F;;AAhGqC,SAAAhC,MAAAiC,QAAA;AAAA,QAwF9B,GAAGA,OAAMjD,KAAK,IAAKiD,QAAMC,uCAAkDC,UAAA;;AAxF7C,SAAAxB,OAAAyB,UAAA;AAAA,QA+G3BH,UAAMN,mCAAkDC"}
+{"version":3,"file":"ImportDataFromFileMapping.mjs","names":["React","useState","useCallback","useEffect","UdpCard","UdpAutocomplete","UdpButton","apiMutate","useHandleAxiosSnackbar","UdpDrawer","UdpFileInput","FileImportMappingWizard","usePromotedMethodEntity","executeQueryAdHoc","useUser","FileImportConfigCard","ConfigService","ImportDataFromFileMapping","props","$","_c","onImportSuccess","onImportFail","verifyRequiredFields","t0","undefined","user","selectedFileMapping","setSelectedFileMapping","udpImportMappingData","setUdpImportMappingData","newFileMappingSidesheetOpen","setNewFileMappingSidesheetOpen","fileObject","setFileObject","t1","Symbol","for","fileItems","setFileItems","isLoading","setIsLoading","handleErrorSnackbar","handleSuccessSnackbar","data","udpFileImportMappingEntity","t2","objectInfoSanitizedName","productV1ApiUrl","method","executeImportDataFromFile","t3","unityBaseSearchMethod","apiMethodId","res","eagerLoad","pageSize","filterElements","pageList","length","searchFileImportMappingData","t4","t5","t6","fileImportType","id","mapping","name","properties","currentTenantId","file","blob","Blob","type","formData","FormData","append","response","catch","res_0","status","handleImportDataFromFile","getFileMappingOptionlabel","_temp","t7","e","items","target","value","find","_temp2","handleAddFileToUpload","t8","display","t9","e_0","t10","_temp3","t11","t12","flexDirection","gap","float","marginTop","t13","t14","t15","t16","t17","t18","t19","t20","t21","udpFileImportMappingUdpObjectInfo","sanitizedName","replace","trim","t22","t23","option","udpFileImportMappingUdpFileImportType","extension","item","kind","option_0"],"sources":["../../../src/udp/fileImportMapping/ImportDataFromFileMapping.jsx"],"sourcesContent":["import React, { useState, useCallback, useEffect } from 'react';\nimport { UdpCard } from '../../UI/fluent-web-components/UdpCard';\nimport { UdpAutocomplete } from '../../UI/fluent-web-components/UdpAutocomplete';\nimport { UdpButton } from '../../UI/fluent-web-components/UdpButton';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { UdpDrawer } from '../../UI/fluent-web-components/UdpDrawer';\nimport { UdpFileInput } from '../../UI/fluent-web-components/UdpFileInput';\nimport FileImportMappingWizard from './FileImportMappingWizard';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { ConfigService } from '../../configService';\n\nexport const ImportDataFromFileMapping = (props) => {\n  const {onImportSuccess, onImportFail, verifyRequiredFields = true} = props\n  const user = useUser();\n  const [selectedFileMapping, setSelectedFileMapping] = useState();\n  const [udpImportMappingData, setUdpImportMappingData] = useState();\n  const [newFileMappingSidesheetOpen, setNewFileMappingSidesheetOpen] =\n    useState(false);\n  const [fileObject, setFileObject] = useState();\n  const [fileItems, setFileItems] = useState([]);\n  const [isLoading, setIsLoading] = useState(false)\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const { data: udpFileImportMappingEntity } = usePromotedMethodEntity(\n    'UdpFileImportMapping',\n    true\n  );\n\n  const executeImportDataFromFile = useCallback(\n    async (data) =>\n      apiMutate(\n        ConfigService.productV1ApiUrl,\n        `${selectedFileMapping?.objectInfoSanitizedName}/fileImportMapping`,\n        {\n          method: 'post'\n        },\n        { data }\n      ),\n    [selectedFileMapping]\n  );\n\n  const searchFileImportMappingData = useCallback(async () => {\n    if (udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId) {\n      const res = await executeQueryAdHoc(\n        {\n          data: {\n            eagerLoad: true,\n            pageSize: 200,\n            filterElements: []\n          }\n        },\n        udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId\n      );\n      if (res?.data?.pageList.length > 0) {\n        setUdpImportMappingData(res?.data?.pageList);\n      }\n    }\n  }, [udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId]);\n\n  useEffect(() => {\n    searchFileImportMappingData();\n  }, [searchFileImportMappingData]);\n\n  const handleImportDataFromFile = useCallback(async () => {\n    setIsLoading(true)\n    const file = fileObject;\n    const blob = new Blob([file], { type: file.type });\n    const formData = new FormData();\n    formData.append('file', blob, file.name);\n    formData.append('tenantId', user?.currentTenantId);\n    formData.append('name', selectedFileMapping.name);\n    formData.append('objectInfoSanitizedName', selectedFileMapping.objectInfoSanitizedName);\n    formData.append('fileImportType', selectedFileMapping.fileImportType);\n    formData.append('mapping', selectedFileMapping.mapping);\n    formData.append('properties', selectedFileMapping.properties);\n    formData.append('id', selectedFileMapping.id);\n    const response = await executeImportDataFromFile(formData).catch((res) => {\n      setIsLoading(false)\n      handleErrorSnackbar(res);\n      onImportFail()\n    });\n    if (response?.status === 201) {\n      handleSuccessSnackbar('Imported Data');\n      setIsLoading(false)\n      onImportSuccess && onImportSuccess()\n    }\n\n  }, [\n    fileObject,\n    selectedFileMapping,\n    executeImportDataFromFile,\n    handleErrorSnackbar,\n    handleSuccessSnackbar,\n    user,\n    onImportSuccess,\n    onImportFail\n  ]);\n\n  const getFileMappingOptionlabel = (option) => {\n    return `${option.name} (${option?.udpFileImportMappingUdpFileImportType?.extension})`;\n  };\n\n  const handleAddFileToUpload = (e) => {\n    const items = e.target.value;\n    setFileItems(items);\n    setFileObject(items.find(item => item.kind === 'pending')?.file);\n  };\n\n  return (\n    <>\n      <UdpCard width=\"100%\">\n        <div style={{ display: 'flex' }}>\n          <UdpAutocomplete\n            name={'fileMapping'}\n            label='File Mapping'\n            onChange={(e) => setSelectedFileMapping(e.target.value)}\n            options={udpImportMappingData}\n            optionLabel={getFileMappingOptionlabel}\n            optionValue=\"id\"\n            value={selectedFileMapping}\n            required\n            optionGroup={(option) =>\n              option?.udpFileImportMappingUdpObjectInfo?.sanitizedName\n            }\n          />\n        </div>\n        {selectedFileMapping && (\n          <UdpFileInput\n            value={fileItems}\n            onChange={handleAddFileToUpload}\n            accept=\".csv,.txt,.xlsx,.json\"\n            maxFiles={1}\n          />\n        )}\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: 5,\n            float: 'right',\n            marginTop: 10\n          }}\n        >\n          <UdpButton\n            onClick={() => setNewFileMappingSidesheetOpen(true)}\n            appearance='outline'\n          >\n            Create New Mapping\n          </UdpButton>\n          <UdpButton\n            appearance='primary'\n            onClick={handleImportDataFromFile}\n            loading={isLoading}\n            disabled={!fileObject}\n          >\n            Import Data\n          </UdpButton>\n        </div>\n        <UdpDrawer\n          drawerTitle='Create New File Mapping'\n          open={newFileMappingSidesheetOpen}\n          onDrawerClose={() => setNewFileMappingSidesheetOpen(false)}\n          drawerWidth={'60%'}\n        >\n          <FileImportMappingWizard\n            refetchMappings={searchFileImportMappingData}\n            setNewFileMappingSidesheetOpen={setNewFileMappingSidesheetOpen}\n            verifyRequiredFields={verifyRequiredFields}\n          />\n        </UdpDrawer>\n      </UdpCard>\n      <div style={{ marginTop: 10 }}>\n        <FileImportConfigCard fileMappingRecord={selectedFileMapping} domain={selectedFileMapping?.udpFileImportMappingUdpObjectInfo?.sanitizedName.replace(/([A-Z])/g, ' $1').trim()}/>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/udp/lookups/LookupCreationSheet.mjs

@@ -1,13 +1,13 @@
 import { UdpButton } from "../../UI/fluent-web-components/UdpButton.mjs";
 import { UdpText } from "../../UI/fluent-web-components/UdpText.mjs";
-import { UdpDrawer } from "../../UI/fluent-web-components/UdpDrawer.mjs";
 import { UdpCard } from "../../UI/fluent-web-components/UdpCard.mjs";
-import { UdpFlexbox } from "../../UI/fluent-web-components/UdpFlexbox.mjs";
-import { UdpTextInput } from "../../UI/fluent-web-components/UdpTextInput.mjs";
+import { UdpDrawer } from "../../UI/fluent-web-components/UdpDrawer.mjs";
+import { UdpBadge } from "../../UI/fluent-web-components/UdpBadge.mjs";
 import { UdpDropdown } from "../../UI/fluent-web-components/UdpDropdown.mjs";
+import { UdpFlexbox } from "../../UI/fluent-web-components/UdpFlexbox.mjs";
 import { UdpIconButton } from "../../UI/fluent-web-components/UdpIconButton.mjs";
-import { UdpBadge } from "../../UI/fluent-web-components/UdpBadge.mjs";
 import { UdpMessageBar } from "../../UI/fluent-web-components/UdpMessageBar.mjs";
+import { UdpTextInput } from "../../UI/fluent-web-components/UdpTextInput.mjs";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { LookupColumnTypeId, LookupTypeId, isCatalogModelObject } from "udp-stencil-component-library";
 //#region src/udp/lookups/LookupCreationSheet.jsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-react-enterprise-component-library",
-  "version": "26.2.0-beta.3",
+  "version": "26.2.0-beta.5",
   "description": "React-based UI component library implementing Fluent UI design for Univerus internal projects",
   "author": "Univerus",
   "license": "MIT",
@@ -3692,7 +3692,7 @@
     "@tanstack/react-query": "^5",
     "@tanstack/react-query-devtools": "^5",
     "udp-react-stencil-component-library": "^26.0.1",
-    "udp-stencil-component-library": "^26.2.0-beta.3",
+    "udp-stencil-component-library": "^26.2.0-beta.5",
     "axios": "^0.27.2",
     "axios-hooks": "^2.1.0",
     "broadcast-channel": "^4.17.0",