udp-react-enterprise-component-library 25.16.0 → 25.16.2-beta.1

package/dist/SupportCaseSideSheet-GV3FfBpO.js

@@ -0,0 +1,375 @@
+import { Form, FormButtons, SubmitButton } from "./FormButtons-BL9d-T3e.js";
+import { Field } from "./Field-Idoc1A5M.js";
+import { useUser } from "./useUser-Cn88hlN_.js";
+import { apiMutate as apiMutate$1 } from "./useAxiosMutate-BiRO7ZCN.js";
+import { FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-BQvVv8m_.js";
+import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
+import { SideSheet } from "./SideSheet-BhKZOd2G.js";
+import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
+import { LinearProgress as LinearProgress$1 } from "./LinearProgress-CVk0GRO-.js";
+import { FluentTextField } from "./FluentTextField-DCzp_6wE.js";
+import { DragDropFileUpload } from "./DragDropFileUpload-D2moCBGI.js";
+import React, { useCallback, useEffect, useState } from "react";
+import { Button } from "@material-ui/core";
+import { ConfigService } from "udp-react-stencil-component-library";
+import { useSnackbar } from "notistack";
+import { useHistory } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+
+//#region src/UI/support/SupportCaseForm.jsx
+const SupportCaseForm = ({ onSubmit, initialValues = {}, handleCloseSupportCaseSideSheet }) => {
+	const { t } = useTranslation();
+	const user = useUser();
+	const { enqueueSnackbar, closeSnackbar } = useSnackbar();
+	const [severityOptions, setSeverityOptions] = useState([]);
+	const [environmentOptions, setEnvironmentOptions] = useState([]);
+	const [brandOptions, setBrandOptions] = useState([]);
+	const [uploadedFiles, setUploadedFiles] = useState([]);
+	const [unityState, setUnityState] = useState();
+	const [loadingState, setLoadingState] = useState(false);
+	const baseUrl = ConfigService.productV1ApiUrl;
+	const unityUrl = ConfigService.supportV1ApiUrl;
+	const unityEnv = ConfigService.config.UNITY_ENVIRONMENT;
+	const [uploadKey, setUploadKey] = useState(0);
+	const [restrictedFiles, setRestrictedFiles] = useState({});
+	const history = useHistory();
+	const getFileRestrictions = useCallback(async () => apiMutate$1(baseUrl, `udpunitysupport/supportFileUploadRestrictions`, {
+		method: "get",
+		headers: { currentTenantId: user?.currentTenantId }
+	}), [baseUrl, user?.currentTenantId]);
+	const getFileRestrictionsUnity = useCallback(async () => apiMutate$1(unityUrl, `evergrncaseattachment/get-attachment-restrictions`, {
+		method: "get",
+		headers: { currentTenantId: user?.currentTenantId }
+	}), [unityUrl, user?.currentTenantId]);
+	const getSeverityUnity = useCallback(async () => apiMutate$1(unityUrl, `caseseverity/get-case-severity`, {
+		method: "get",
+		headers: { currentTenantId: user?.currentTenantId }
+	}), [unityUrl, user?.currentTenantId]);
+	const getEnvironmentUnity = useCallback(async () => apiMutate$1(unityUrl, `evergrncaseenvironment/get-case-environments`, {
+		method: "get",
+		headers: { currentTenantId: user?.currentTenantId }
+	}), [unityUrl, user?.currentTenantId]);
+	const getSeverity = useCallback(async () => apiMutate$1(baseUrl, `udpunitysupport/severities`, {
+		method: "get",
+		headers: { currentTenantId: user?.currentTenantId }
+	}), [baseUrl, user?.currentTenantId]);
+	const getEnvironment = useCallback(async () => apiMutate$1(baseUrl, `udpunitysupport/environments`, {
+		method: "get",
+		headers: { currentTenantId: user?.currentTenantId }
+	}), [baseUrl, user?.currentTenantId]);
+	useCallback(async () => apiMutate$1(baseUrl, `udpunitysupport/tenantCaseAccount/` + user?.currentTenantId, {
+		method: "get",
+		headers: { currentTenantId: user?.currentTenantId }
+	}), [baseUrl, user?.currentTenantId]);
+	const getTenantCaseBrand = useCallback(async () => apiMutate$1(ConfigService.tenantV2ApiUrl, `tenant/products`, {
+		method: "get",
+		headers: { currentTenantId: user?.currentTenantId }
+	}), [user?.currentTenantId]);
+	const getTenantSubscribedProducts = useCallback(async () => apiMutate$1(ConfigService.tenantV1ApiUrl, `tenantProducts?tenantId=${user?.currentTenantId}`, {
+		method: "get",
+		headers: { currentTenantId: user?.currentTenantId }
+	}), [user?.currentTenantId]);
+	const getCasesEnv = {
+		Development: "100000003",
+		Build: "100000003",
+		Staging: "100000001",
+		Production: "100000000"
+	};
+	function getCaseEnvironment() {
+		return getCasesEnv[unityEnv] || "100000003";
+	}
+	let brandId = "416b0ca8-e679-ef11-ac20-6045bdcd3d86";
+	const postCaseAttachment = useCallback((values) => {
+		const data = new FormData();
+		uploadedFiles.forEach((file) => {
+			data.append("files", file);
+		});
+		data.append("EvergrnCaseName", values.title);
+		data.append("EvergrnDescription", values.description);
+		data.append("EvergrnCaseEnvironment", getCaseEnvironment());
+		data.append("EvergrnSeverity", values.severity.value);
+		const matchingProduct = brandOptions.find((product) => product.productId == ConfigService.config.UNITY_PRODUCT_ID);
+		if (matchingProduct && matchingProduct.value) brandId = matchingProduct.value;
+		data.append("EvergrnBrandId", brandId);
+		data.append("UDPDriveUnityProductId", ConfigService.config.UNITY_PRODUCT_ID);
+		return apiMutate$1(baseUrl, `udpunitysupport/case`, {
+			method: "post",
+			headers: { "Content-Type": "multipart/form-data" }
+		}, { data });
+	}, [
+		baseUrl,
+		uploadedFiles,
+		getCaseEnvironment,
+		brandOptions,
+		brandId
+	]);
+	const postCaseAttachmentUnity = useCallback((values) => {
+		const data = new FormData();
+		uploadedFiles.forEach((file) => {
+			data.append("files", file);
+		});
+		data.append("EvergrnCaseName", values.title);
+		data.append("EvergrnDescription", values.description);
+		data.append("EvergrnCaseEnvironment", getCaseEnvironment());
+		data.append("EvergrnSeverity", values.severity.value);
+		data.append("EvergrnBrandId", values.product?.value || brandId);
+		data.append("UDPDriveUnityProductId", ConfigService.config.UNITY_PRODUCT_ID);
+		return apiMutate$1(unityUrl, `evergrncase/post-case`, {
+			method: "post",
+			headers: { "Content-Type": "multipart/form-data" }
+		}, { data });
+	}, [
+		unityUrl,
+		uploadedFiles,
+		getCaseEnvironment,
+		brandId
+	]);
+	useEffect(() => {
+		const fetchData = async () => {
+			try {
+				if (ConfigService.config.UNITY_PRODUCT_ID === "1") setUnityState(true);
+				else setUnityState(false);
+				let getFileRestrictionsResponse = unityState ? await getFileRestrictionsUnity() : await getFileRestrictions();
+				let severityResponse = unityState ? await getSeverityUnity() : await getSeverity();
+				let environmentResponse = unityState ? await getEnvironmentUnity() : await getEnvironment();
+				if (getFileRestrictionsResponse) {
+					const fileRestrictionsData = getFileRestrictionsResponse.data;
+					setRestrictedFiles(fileRestrictionsData);
+				}
+				if (severityResponse) setSeverityOptions(severityResponse.data.map((item) => ({
+					value: item.externalUUID.toString(),
+					label: item.name
+				})));
+				if (environmentResponse) setEnvironmentOptions(environmentResponse.data.map((item) => ({
+					value: item.evergrnCaseEnvironmentValue.toString(),
+					label: item.evergrnCaseEnvironmentLabel
+				})));
+				const brandResponse = await getTenantCaseBrand();
+				const tenantSubscribedProductsResponse = await getTenantSubscribedProducts();
+				if (brandResponse && tenantSubscribedProductsResponse) {
+					const brandArray = brandResponse.data.filter((brandItem) => brandItem.externalUuid != null);
+					setBrandOptions(tenantSubscribedProductsResponse.data.map((subscribedProduct) => {
+						const foundProduct = brandArray.find((brandItem) => brandItem.productId === subscribedProduct.productId);
+						if (!foundProduct) return null;
+						return {
+							...subscribedProduct,
+							value: foundProduct.externalUuid?.toString(),
+							label: foundProduct.name.toString()
+						};
+					}).filter(Boolean));
+				}
+			} catch (error) {
+				console.error("Error fetching data:", error);
+			}
+		};
+		fetchData();
+	}, [
+		unityState,
+		getSeverityUnity,
+		getEnvironmentUnity,
+		getFileRestrictionsUnity,
+		getFileRestrictions,
+		getSeverity,
+		getEnvironment,
+		getTenantCaseBrand,
+		getTenantSubscribedProducts
+	]);
+	const handleUploadFile = (files) => {
+		const identifiedRestrictedExtensions = [];
+		const identifiedRestrictedFileSizes = [];
+		files.forEach((file) => {
+			const fileExtension = file.name.includes(".") ? "." + file.name.split(".").pop().toLowerCase() : "";
+			if (restrictedFiles.restrictedExtensions.includes(fileExtension)) identifiedRestrictedExtensions.push(fileExtension);
+			if (file.size > restrictedFiles.maxFileSize) identifiedRestrictedFileSizes.push(file.name);
+		});
+		const isAcceptableExtensions = identifiedRestrictedExtensions.length === 0;
+		const isAcceptableSizes = identifiedRestrictedFileSizes.length === 0;
+		if (!(isAcceptableExtensions && isAcceptableSizes)) {
+			if (!isAcceptableExtensions) enqueueSnackbar(t(`Restricted file type(s). ${[...new Set(identifiedRestrictedExtensions)].join(", ")}`), {
+				variant: "error",
+				anchorOrigin: {
+					vertical: "top",
+					horizontal: "center"
+				}
+			});
+			if (!isAcceptableSizes) enqueueSnackbar(t(`File(s) are too large (5MB limit). ${identifiedRestrictedFileSizes.join(", ")}`), {
+				variant: "error",
+				anchorOrigin: {
+					vertical: "top",
+					horizontal: "center"
+				}
+			});
+			setUploadKey((prevKey) => prevKey + 1);
+			return;
+		}
+		setUploadedFiles(files);
+	};
+	const handleSubmit = async (values) => {
+		setLoadingState(true);
+		let response;
+		try {
+			response = unityState ? await postCaseAttachmentUnity(values) : await postCaseAttachment(values);
+		} catch (apiError) {
+			console.error("post Case API call failed:", apiError);
+			enqueueSnackbar(t("Submission failed"), {
+				variant: "error",
+				anchorOrigin: {
+					vertical: "top",
+					horizontal: "center"
+				},
+				action: (key) => /* @__PURE__ */ React.createElement(Button, {
+					color: "primary",
+					size: "small",
+					id: "udpRecord-SupportCaseForm-close",
+					onClick: () => {
+						closeSnackbar(key);
+					}
+				}, "close")
+			});
+			setLoadingState(false);
+			return { submitError: apiError.message };
+		}
+		if (!response?.data?.evergrnCaseId) {
+			console.error("API call succeeded but no case ID returned");
+			enqueueSnackbar(t("Submission failed - No case ID returned"), {
+				variant: "error",
+				anchorOrigin: {
+					vertical: "top",
+					horizontal: "center"
+				},
+				action: (key) => /* @__PURE__ */ React.createElement(Button, {
+					color: "primary",
+					size: "small",
+					id: "udpRecord-SupportCaseForm-close",
+					onClick: () => {
+						closeSnackbar(key);
+					}
+				}, "close")
+			});
+			setLoadingState(false);
+			return { submitError: "No case ID was returned from the server" };
+		}
+		window.dispatchEvent(new CustomEvent("support-case-created"));
+		try {
+			handleCloseSupportCaseSideSheet();
+		} catch (closeError) {
+			console.error("Error closing sheet:", closeError);
+		}
+		enqueueSnackbar(t(`Support Case Created. View your cases`), {
+			variant: "success",
+			anchorOrigin: {
+				vertical: "top",
+				horizontal: "center"
+			},
+			action: (key) => /* @__PURE__ */ React.createElement(Button, {
+				color: "primary",
+				size: "small",
+				id: "udpRecord-SupportCaseForm-here",
+				onClick: () => {
+					try {
+						const caseId = response.data.evergrnCaseId;
+						let url;
+						if (unityState) {
+							url = `/support/cases/${caseId}`;
+							history.push(url);
+						} else {
+							url = `${ConfigService.config.UNITY_URL}/support/cases/${caseId}`;
+							window.location.href = url;
+						}
+						closeSnackbar(key);
+					} catch (navError) {
+						console.error("Navigation error:", navError);
+						closeSnackbar(key);
+					}
+				}
+			}, "here")
+		});
+		try {
+			await onSubmit(values);
+		} catch (onSubmitError) {
+			console.error("Error in onSubmit:", onSubmitError);
+		}
+		setLoadingState(false);
+	};
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, loadingState && /* @__PURE__ */ React.createElement(LinearProgress$1, null), /* @__PURE__ */ React.createElement(Form, { onSubmit: handleSubmit }, /* @__PURE__ */ React.createElement(AmbientCard, { fullWidth: true }, /* @__PURE__ */ React.createElement(Field, {
+		component: FluentTextField,
+		name: "title",
+		label: t("Title"),
+		placeholder: t("Enter a brief title for your issue"),
+		variant: "outlined",
+		fullWidth: true,
+		autoFocus: true,
+		required: true
+	}), unityState && /* @__PURE__ */ React.createElement(Field, {
+		component: FluentTextFieldAutoComplete,
+		name: "product",
+		label: t("Product"),
+		variant: "outlined",
+		margin: "normal",
+		size: "small",
+		options: brandOptions,
+		optionKey: "label",
+		style: { width: "100%" },
+		disableClearable: true,
+		id: "udpRecord-CreateSupportCaseForm-product",
+		udprecordid: "udpRecord-CreateSupportCaseForm-product"
+	}), /* @__PURE__ */ React.createElement(Field, {
+		component: FluentTextFieldAutoComplete,
+		name: "severity",
+		label: t("Severity"),
+		variant: "outlined",
+		margin: "normal",
+		size: "small",
+		options: severityOptions,
+		optionKey: "label",
+		style: { width: "100%" },
+		disableClearable: true,
+		id: "udpRecord-CreateSupportCaseForm-severity",
+		udprecordid: "udpRecord-CreateSupportCaseForm-severity",
+		required: true
+	})), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(AmbientCard, { fullWidth: true }, /* @__PURE__ */ React.createElement(Field, {
+		name: "description",
+		component: FluentTextField,
+		multiline: true,
+		rows: 10,
+		minRows: 3,
+		maxRows: 20,
+		required: true,
+		label: "Description",
+		placeholder: "Please describe your issue in detail"
+	})), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(AmbientCard, { fullWidth: true }, /* @__PURE__ */ React.createElement(DragDropFileUpload, {
+		key: uploadKey,
+		title: "Attachments",
+		multiple: true,
+		minHeight: "100px",
+		maxHeight: "400px",
+		acceptedFiles: ".pdf,.doc,.docx,.png,.jpg,.jpeg",
+		handleUploadFile
+	})), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(FormButtons, null, /* @__PURE__ */ React.createElement(SubmitButton, {
+		color: "primary",
+		variant: "contained",
+		disablePristine: false
+	}, "Submit Ticket"))));
+};
+var SupportCaseForm_default = SupportCaseForm;
+
+//#endregion
+//#region src/UI/support/SupportCaseSideSheet.jsx
+const SupportCaseSideSheet = ({ open, onClose, onSubmit, initialValues, handleCloseSupportCaseSideSheet, loading }) => {
+	return /* @__PURE__ */ React.createElement(SideSheet, {
+		open,
+		onClose,
+		title: "Submit Support Ticket",
+		width: 600
+	}, /* @__PURE__ */ React.createElement(SupportCaseForm_default, {
+		onSubmit,
+		initialValues,
+		handleCloseSupportCaseSideSheet,
+		loading
+	}));
+};
+var SupportCaseSideSheet_default = SupportCaseSideSheet;
+
+//#endregion
+export { SupportCaseSideSheet, SupportCaseSideSheet_default };
+//# sourceMappingURL=SupportCaseSideSheet-GV3FfBpO.js.map

package/dist/SupportCaseSideSheet-GV3FfBpO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportCaseSideSheet-GV3FfBpO.js","names":["apiMutate","LinearProgress","SupportCaseForm"],"sources":["../src/UI/support/SupportCaseForm.jsx","../src/UI/support/SupportCaseSideSheet.jsx"],"sourcesContent":["import React, { useState, useEffect, useCallback } from 'react';\nimport { FluentTextField } from '../inputs/textField/FluentTextField';\nimport { FluentTextFieldAutoComplete } from '../inputs/textField/FluentTextFieldAutoComplete';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport { Form, FormButtons, SubmitButton, Field } from '../../utilities/form';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useTranslation } from 'react-i18next';\nimport { useSnackbar } from 'notistack';\nimport { Button } from '@material-ui/core';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { AmbientCard } from '../surfaces/cards/AmbientCard';\nimport { LinearProgress } from '../../UI/loading/LinearProgress';\nimport { useHistory } from 'react-router-dom';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst SupportCaseForm = ({\n  onSubmit,\n  initialValues = {},\n  handleCloseSupportCaseSideSheet\n}) => {\n  const { t } = useTranslation();\n  const user = useUser();\n  const { enqueueSnackbar, closeSnackbar } = useSnackbar();\n  const [severityOptions, setSeverityOptions] = useState([]);\n  const [environmentOptions, setEnvironmentOptions] = useState([]);\n  const [brandOptions, setBrandOptions] = useState([]);\n  const [uploadedFiles, setUploadedFiles] = useState([]);\n  const [unityState, setUnityState] = useState();\n  const [loadingState, setLoadingState] = useState(false);\n  const baseUrl = ConfigService.productV1ApiUrl; // backend base url\n  const unityUrl = ConfigService.supportV1ApiUrl; // unity support bypass\n  const unityEnv = ConfigService.config.UNITY_ENVIRONMENT; // unity environment\n  const [uploadKey, setUploadKey] = useState(0);\n  const [restrictedFiles, setRestrictedFiles] = useState({});\n  const history = useHistory();\n\n  const getFileRestrictions = useCallback(\n    async () =>\n      apiMutate(baseUrl, `udpunitysupport/supportFileUploadRestrictions`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [baseUrl, user?.currentTenantId]\n  );\n\n  const getFileRestrictionsUnity = useCallback(\n    async () =>\n      apiMutate(unityUrl, `evergrncaseattachment/get-attachment-restrictions`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [unityUrl, user?.currentTenantId]\n  );\n\n  const getSeverityUnity = useCallback(\n    async () =>\n      apiMutate(unityUrl, `caseseverity/get-case-severity`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [unityUrl, user?.currentTenantId]\n  );\n\n  const getEnvironmentUnity = useCallback(\n    async () =>\n      apiMutate(unityUrl, `evergrncaseenvironment/get-case-environments`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [unityUrl, user?.currentTenantId]\n  );\n\n  const getSeverity = useCallback(\n    async () =>\n      apiMutate(baseUrl, `udpunitysupport/severities`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [baseUrl, user?.currentTenantId]\n  );\n\n  const getEnvironment = useCallback(\n    async () =>\n      apiMutate(baseUrl, `udpunitysupport/environments`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [baseUrl, user?.currentTenantId]\n  );\n\n  // externalUuid will be needed part of the post request to submit ticket\n  const getTenantCaseAccount = useCallback(\n    async () =>\n      apiMutate(\n        baseUrl,\n        `udpunitysupport/tenantCaseAccount/` + user?.currentTenantId,\n        {\n          method: 'get',\n          headers: {\n            currentTenantId: user?.currentTenantId\n          }\n        }\n      ),\n    [baseUrl, user?.currentTenantId]\n  );\n\n  // list of products to choose from when in Support Portal, if cooresponsding externalUuid is null, default to devops support GUID\n  const getTenantCaseBrand = useCallback(\n    async () =>\n      apiMutate(ConfigService.tenantV2ApiUrl, `tenant/products`, {\n        method: 'get',\n        headers: {\n          currentTenantId: user?.currentTenantId\n        }\n      }),\n    [user?.currentTenantId]\n  );\n\n  const getTenantSubscribedProducts = useCallback(\n    async () =>\n      apiMutate(\n        ConfigService.tenantV1ApiUrl,\n        `tenantProducts?tenantId=${user?.currentTenantId}`,\n        {\n          method: 'get',\n          headers: {\n            currentTenantId: user?.currentTenantId\n          }\n        }\n      ),\n    [user?.currentTenantId]\n  );\n\n  // TODO: this data should come from Unity table -> Unity UEM -> Unity Support\n  const getCasesEnv = {\n    Development: '100000003',\n    Build: '100000003',\n    Staging: '100000001',\n    Production: '100000000'\n  };\n\n  function getCaseEnvironment() {\n    return getCasesEnv[unityEnv] || '100000003'; // default to dev\n  }\n\n  let brandId = '416b0ca8-e679-ef11-ac20-6045bdcd3d86'; // Default to devops support ID, should come from API\n\n  const postCaseAttachment = useCallback(\n    (values) => {\n      const data = new FormData();\n      uploadedFiles.forEach((file) => {\n        data.append('files', file);\n      });\n      data.append('EvergrnCaseName', values.title);\n      data.append('EvergrnDescription', values.description);\n      data.append('EvergrnCaseEnvironment', getCaseEnvironment());\n      data.append('EvergrnSeverity', values.severity.value);\n      // Find the corresponding brand ID using environment variable's product ID\n      const matchingProduct = brandOptions.find(\n        (product) => product.productId == ConfigService.config.UNITY_PRODUCT_ID\n      );\n      if (matchingProduct && matchingProduct.value) {\n        brandId = matchingProduct.value;\n      }\n      data.append('EvergrnBrandId', brandId);\n      data.append(\n        'UDPDriveUnityProductId',\n        ConfigService.config.UNITY_PRODUCT_ID\n      );\n\n      return apiMutate(\n        baseUrl,\n        `udpunitysupport/case`,\n        {\n          method: 'post',\n          headers: {\n            'Content-Type': 'multipart/form-data'\n          }\n        },\n        { data: data }\n      );\n    },\n    [baseUrl, uploadedFiles, getCaseEnvironment, brandOptions, brandId]\n  );\n\n  const postCaseAttachmentUnity = useCallback(\n    (values) => {\n      const data = new FormData();\n      uploadedFiles.forEach((file) => {\n        data.append('files', file);\n      });\n      data.append('EvergrnCaseName', values.title);\n      data.append('EvergrnDescription', values.description);\n      data.append('EvergrnCaseEnvironment', getCaseEnvironment());\n      data.append('EvergrnSeverity', values.severity.value);\n      data.append('EvergrnBrandId', values.product?.value || brandId);\n      data.append(\n        'UDPDriveUnityProductId',\n        ConfigService.config.UNITY_PRODUCT_ID\n      );\n\n      return apiMutate(\n        unityUrl,\n        `evergrncase/post-case`,\n        {\n          method: 'post',\n          headers: {\n            'Content-Type': 'multipart/form-data'\n          }\n        },\n        { data: data }\n      );\n    },\n    [unityUrl, uploadedFiles, getCaseEnvironment, brandId]\n  );\n\n  useEffect(() => {\n    const fetchData = async () => {\n      try {\n        if (ConfigService.config.UNITY_PRODUCT_ID === '1') {\n          setUnityState(true);\n        } else {\n          setUnityState(false);\n        }\n\n        let getFileRestrictionsResponse = unityState\n          ? await getFileRestrictionsUnity()\n          : await getFileRestrictions();\n\n        let severityResponse = unityState\n          ? await getSeverityUnity()\n          : await getSeverity();\n\n        let environmentResponse = unityState\n          ? await getEnvironmentUnity()\n          : await getEnvironment();\n\n        if (getFileRestrictionsResponse) {\n          const fileRestrictionsData = getFileRestrictionsResponse.data;\n          setRestrictedFiles(fileRestrictionsData);\n        }\n\n        if (severityResponse) {\n          const severityOptions = severityResponse.data.map((item) => ({\n            value: item.externalUUID.toString(),\n            label: item.name\n          }));\n          setSeverityOptions(severityOptions);\n        }\n\n        if (environmentResponse) {\n          const environmentOptions = environmentResponse.data.map((item) => ({\n            value: item.evergrnCaseEnvironmentValue.toString(),\n            label: item.evergrnCaseEnvironmentLabel\n          }));\n          setEnvironmentOptions(environmentOptions);\n        }\n\n        // fetch brand data\n        const brandResponse = await getTenantCaseBrand();\n        const tenantSubscribedProductsResponse =\n          await getTenantSubscribedProducts();\n\n        if (brandResponse && tenantSubscribedProductsResponse) {\n          const brandArray = brandResponse.data.filter(\n            (brandItem) => brandItem.externalUuid != null\n          );\n          const subscribedArray = tenantSubscribedProductsResponse.data;\n\n          const brandOptions = subscribedArray\n            .map((subscribedProduct) => {\n              const foundProduct = brandArray.find(\n                (brandItem) =>\n                  brandItem.productId === subscribedProduct.productId\n              );\n\n              if (!foundProduct) {\n                return null;\n              }\n\n              return {\n                ...subscribedProduct,\n                value: foundProduct.externalUuid?.toString(), // Cases Brand ID\n                label: foundProduct.name.toString()\n              };\n            })\n            .filter(Boolean);\n\n          setBrandOptions(brandOptions);\n        }\n      } catch (error) {\n        console.error('Error fetching data:', error);\n      }\n    };\n\n    fetchData();\n  }, [\n    unityState,\n    getSeverityUnity,\n    getEnvironmentUnity,\n    getFileRestrictionsUnity,\n    getFileRestrictions,\n    getSeverity,\n    getEnvironment,\n    getTenantCaseBrand,\n    getTenantSubscribedProducts\n  ]);\n\n  const handleUploadFile = (files) => {\n    const identifiedRestrictedExtensions = [];\n    const identifiedRestrictedFileSizes = [];\n\n    files.forEach((file) => {\n      const fileExtension = file.name.includes('.')\n        ? '.' + file.name.split('.').pop().toLowerCase()\n        : '';\n\n      if (restrictedFiles.restrictedExtensions.includes(fileExtension)) {\n        identifiedRestrictedExtensions.push(fileExtension);\n      }\n\n      if (file.size > restrictedFiles.maxFileSize) {\n        identifiedRestrictedFileSizes.push(file.name);\n      }\n    });\n\n    const isAcceptableExtensions = identifiedRestrictedExtensions.length === 0;\n    const isAcceptableSizes = identifiedRestrictedFileSizes.length === 0;\n\n    if (!(isAcceptableExtensions && isAcceptableSizes)) {\n      if (!isAcceptableExtensions) {\n        const uniqueExtensions = [...new Set(identifiedRestrictedExtensions)];\n        const errorText = `Restricted file type(s). ${uniqueExtensions.join(\n          ', '\n        )}`;\n        enqueueSnackbar(t(errorText), {\n          variant: 'error',\n          anchorOrigin: { vertical: 'top', horizontal: 'center' }\n        });\n      }\n\n      if (!isAcceptableSizes) {\n        const errorText = `File(s) are too large (5MB limit). ${identifiedRestrictedFileSizes.join(\n          ', '\n        )}`;\n        enqueueSnackbar(t(errorText), {\n          variant: 'error',\n          anchorOrigin: { vertical: 'top', horizontal: 'center' }\n        });\n      }\n\n      setUploadKey((prevKey) => prevKey + 1);\n      return;\n    }\n\n    setUploadedFiles(files);\n  };\n\n  const handleSubmit = async (values) => {\n    setLoadingState(true);\n\n    let response;\n    try {\n      response = unityState\n        ? await postCaseAttachmentUnity(values)\n        : await postCaseAttachment(values);\n    } catch (apiError) {\n      console.error('post Case API call failed:', apiError);\n      enqueueSnackbar(t('Submission failed'), {\n        variant: 'error',\n        anchorOrigin: {\n          vertical: 'top',\n          horizontal: 'center'\n        },\n        action: (key) => (\n          <Button\n            color='primary'\n            size='small'\n            id='udpRecord-SupportCaseForm-close'\n            onClick={() => {\n              closeSnackbar(key);\n            }}\n          >\n            close\n          </Button>\n        )\n      });\n      setLoadingState(false);\n      return { submitError: apiError.message };\n    }\n\n    // Check for valid response\n    if (!response?.data?.evergrnCaseId) {\n      console.error('API call succeeded but no case ID returned');\n      enqueueSnackbar(t('Submission failed - No case ID returned'), {\n        variant: 'error',\n        anchorOrigin: {\n          vertical: 'top',\n          horizontal: 'center'\n        },\n        action: (key) => (\n          <Button\n            color='primary'\n            size='small'\n            id='udpRecord-SupportCaseForm-close'\n            onClick={() => {\n              closeSnackbar(key);\n            }}\n          >\n            close\n          </Button>\n        )\n      });\n      setLoadingState(false);\n      return { submitError: 'No case ID was returned from the server' };\n    }\n\n    window.dispatchEvent(new CustomEvent('support-case-created'));\n\n    try {\n      handleCloseSupportCaseSideSheet();\n    } catch (closeError) {\n      console.error('Error closing sheet:', closeError);\n    }\n\n    enqueueSnackbar(t(`Support Case Created. View your cases`), {\n      variant: 'success',\n      anchorOrigin: {\n        vertical: 'top',\n        horizontal: 'center'\n      },\n      action: (key) => (\n        <Button\n          color='primary'\n          size='small'\n          id='udpRecord-SupportCaseForm-here'\n          onClick={() => {\n            try {\n              const caseId = response.data.evergrnCaseId;\n              let url;\n              if (unityState) {\n                url = `/support/cases/${caseId}`;\n                history.push(url);\n              } else {\n                url = `${ConfigService.config.UNITY_URL}/support/cases/${caseId}`;\n                window.location.href = url;\n              }\n              closeSnackbar(key);\n            } catch (navError) {\n              console.error('Navigation error:', navError);\n              closeSnackbar(key);\n            }\n          }}\n        >\n          here\n        </Button>\n      )\n    });\n\n    try {\n      await onSubmit(values);\n    } catch (onSubmitError) {\n      console.error('Error in onSubmit:', onSubmitError);\n    }\n    setLoadingState(false);\n  };\n\n  return (\n    <>\n      {loadingState && <LinearProgress />}\n      <Form onSubmit={handleSubmit}>\n        <AmbientCard fullWidth>\n          <Field\n            component={FluentTextField}\n            name='title'\n            label={t('Title')}\n            placeholder={t('Enter a brief title for your issue')}\n            variant='outlined'\n            fullWidth\n            autoFocus\n            required={true}\n          />\n          {unityState && (\n            <Field\n              component={FluentTextFieldAutoComplete}\n              name='product'\n              label={t('Product')}\n              variant='outlined'\n              margin='normal'\n              size='small'\n              options={brandOptions}\n              optionKey='label'\n              style={{ width: '100%' }}\n              disableClearable\n              id='udpRecord-CreateSupportCaseForm-product'\n              udprecordid='udpRecord-CreateSupportCaseForm-product'\n            />\n          )}\n          <Field\n            component={FluentTextFieldAutoComplete}\n            name='severity'\n            label={t('Severity')}\n            variant='outlined'\n            margin='normal'\n            size='small'\n            options={severityOptions}\n            optionKey='label'\n            style={{ width: '100%' }}\n            disableClearable\n            id='udpRecord-CreateSupportCaseForm-severity'\n            udprecordid='udpRecord-CreateSupportCaseForm-severity'\n            required={true}\n          />\n        </AmbientCard>\n\n        <LayoutUnit unit='xxs' />\n\n        <AmbientCard fullWidth>\n          <Field\n            name='description'\n            component={FluentTextField}\n            multiline={true}\n            rows={10}\n            minRows={3}\n            maxRows={20}\n            required={true}\n            label='Description'\n            placeholder='Please describe your issue in detail'\n          />\n        </AmbientCard>\n\n        <LayoutUnit unit='xxs' />\n\n        <AmbientCard fullWidth>\n          <DragDropFileUpload\n            key={uploadKey}\n            title='Attachments'\n            multiple={true}\n            minHeight='100px'\n            maxHeight='400px'\n            acceptedFiles='.pdf,.doc,.docx,.png,.jpg,.jpeg'\n            handleUploadFile={handleUploadFile}\n          />\n        </AmbientCard>\n\n        <LayoutUnit unit='xxs' />\n\n        <FormButtons>\n          <SubmitButton\n            color='primary'\n            variant='contained'\n            disablePristine={false}\n          >\n            Submit Ticket\n          </SubmitButton>\n        </FormButtons>\n      </Form>\n    </>\n  );\n};\n\nexport default SupportCaseForm;\n","import React from 'react';\nimport { SideSheet } from '../surfaces/SideSheet';\nimport SupportCaseForm from './SupportCaseForm';\n\nexport const SupportCaseSideSheet = ({\n  open,\n  onClose,\n  onSubmit,\n  initialValues,\n  handleCloseSupportCaseSideSheet,\n  loading\n}) => {\n  return (\n    <SideSheet\n      open={open}\n      onClose={onClose}\n      title=\"Submit Support Ticket\"\n      width={600} // You can adjust the width as needed\n    >\n      <SupportCaseForm\n        onSubmit={onSubmit}\n        initialValues={initialValues}\n        handleCloseSupportCaseSideSheet={handleCloseSupportCaseSideSheet}\n        loading={loading}\n      />\n    </SideSheet>\n  );\n};\n\nexport default SupportCaseSideSheet;\n"],"mappings":"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"}

package/dist/TableColumnDefs-nlfu2DdT.js

@@ -0,0 +1,33 @@
+//#region src/componentSystems/pageRenderer/utils/TableColumnDefs.js
+const TableColumnDefs = (columnDefs, actionList, columName = "Actions", crudTableActionRenderName = "actionsRenderer", panelDirection = "right") => {
+	if (columnDefs.find((x) => x.headerName === columName)) return columnDefs;
+	columnDefs.push({
+		headerName: columName,
+		filter: false,
+		pinned: panelDirection,
+		width: 200,
+		maxWidth: 210,
+		cellRenderer: crudTableActionRenderName,
+		cellRendererParams: { actionList },
+		valueGetter: (params) => params.data,
+		suppressMenu: true,
+		sortable: false,
+		cellStyle: {
+			display: "flex",
+			alignItems: "center"
+		}
+	});
+	return columnDefs;
+};
+const defaultColActionsDef = {
+	resizable: true,
+	editable: false,
+	sortable: true,
+	filter: true,
+	floatingFilter: false,
+	enableRowGroup: true
+};
+
+//#endregion
+export { TableColumnDefs, defaultColActionsDef };
+//# sourceMappingURL=TableColumnDefs-nlfu2DdT.js.map

package/dist/TableColumnDefs-nlfu2DdT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColumnDefs-nlfu2DdT.js","names":[],"sources":["../src/componentSystems/pageRenderer/utils/TableColumnDefs.js"],"sourcesContent":["export const TableColumnDefs = (\n  columnDefs,\n  actionList,\n  columName = 'Actions',\n  crudTableActionRenderName = 'actionsRenderer',\n  panelDirection = 'right'\n) => {\n  // Avoid repeated columns\n  if (columnDefs.find(x => x.headerName === columName)) return columnDefs;\n\n  columnDefs.push({\n    headerName: columName,\n    filter: false,\n    pinned: panelDirection,\n    width: 200,\n    maxWidth: 210,\n    cellRenderer: crudTableActionRenderName,\n    cellRendererParams: {\n      actionList,\n    },\n    valueGetter: params => params.data,\n    suppressMenu: true,\n    sortable: false,\n    cellStyle: { display: 'flex', alignItems: 'center' },\n  });\n\n  return columnDefs;\n};\n\nexport const defaultColActionsDef = {\n  resizable: true,\n  editable: false,\n  sortable: true,\n  filter: true,\n  floatingFilter: false,\n  enableRowGroup: true,\n};\n"],"mappings":";AAAA,MAAa,mBACX,YACA,YACA,YAAY,WACZ,4BAA4B,mBAC5B,iBAAiB,YACd;AAEH,KAAI,WAAW,MAAK,MAAK,EAAE,eAAe,UAAU,CAAE,QAAO;AAE7D,YAAW,KAAK;EACd,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,UAAU;EACV,cAAc;EACd,oBAAoB,EAClB,YACD;EACD,cAAa,WAAU,OAAO;EAC9B,cAAc;EACd,UAAU;EACV,WAAW;GAAE,SAAS;GAAQ,YAAY;GAAU;EACrD,CAAC;AAEF,QAAO;;AAGT,MAAa,uBAAuB;CAClC,WAAW;CACX,UAAU;CACV,UAAU;CACV,QAAQ;CACR,gBAAgB;CAChB,gBAAgB;CACjB"}

package/dist/TableContainer-DX7ylhSY.js

@@ -0,0 +1,109 @@
+import { useAgGridApi } from "./AgTable-0F_xrxvX.js";
+import { getSanitizedName } from "./entityUtilities-D7_FeTEd.js";
+import { executeQueryAdHoc } from "./methodUtils-Bgi0VCWP.js";
+import { useBuildEnvironment } from "./EnvironmentRibbon-CPm8YnJ4.js";
+import { ActionsRenderer, AmbientGridTemplate } from "./AmbientGridTemplate-B58pNLnZ.js";
+import { SearchServiceDatasource } from "./SearchServiceDatasource-C-eLl_u3.js";
+import React, { useCallback, useEffect, useMemo } from "react";
+
+//#region src/maintenanceEngine/tableBrowser/TableColumnDefs.js
+const TableColumnDefs = (actionList) => {
+	const getterRowData = useCallback((params) => {
+		return params.data;
+	}, []);
+	return [{
+		headerName: "Name",
+		field: "entityName",
+		valueGetter: (params) => params.data?.properties?.displayName || params.data?.sanitizedName || getSanitizedName(params.data?.entityName),
+		wrapText: true,
+		autoHeight: false,
+		sortable: false
+	}, {
+		headerName: "Actions",
+		filter: false,
+		pinned: "right",
+		cellRenderer: "actionsRenderer",
+		width: 150,
+		cellRendererParams: { actionList },
+		valueGetter: getterRowData,
+		maxWidth: 180,
+		suppressMenu: true,
+		sortable: false,
+		cellStyle: {
+			display: "flex",
+			alignItems: "center"
+		}
+	}];
+};
+const defaultColumnActionsDef = {
+	resizable: true,
+	editable: false,
+	sortable: true,
+	filter: true,
+	floatingFilter: false,
+	enableRowGroup: true
+};
+
+//#endregion
+//#region src/maintenanceEngine/tableBrowser/TableContainer.jsx
+const TableContainer = (props) => {
+	const { actionList, loading, rowData, catalog, isServerSide = false, promotedEntity, filterElements, customColumnDefs, eagerLoad = false, logicalSearchOperator = 1, frameworkComponents = { actionsRenderer: ActionsRenderer }, additionalGridOptions, headerBackgroundColor, api, columnApi, gridReady, dynamicSizing,...other } = props;
+	const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();
+	const gApi = api || gridApi;
+	const cApi = columnApi || gridColumnApi;
+	const gReady = gridReady || onGridReady;
+	const buildEnv = useBuildEnvironment();
+	const columnDefs = customColumnDefs || TableColumnDefs(actionList);
+	const groupData = useMemo(() => {
+		return columnDefs?.map((item) => {
+			return {
+				groupItem: item.field,
+				label: item.headerName,
+				value: item.field
+			};
+		});
+	}, [columnDefs]);
+	useEffect(() => {
+		if (!gApi) return;
+		if (promotedEntity && isServerSide) {
+			let datasource = SearchServiceDatasource(null, promotedEntity?.unityBaseSearchMethod?.apiMethodId, filterElements, logicalSearchOperator, executeQueryAdHoc, null, null, eagerLoad);
+			gApi?.setServerSideDatasource(datasource);
+		}
+	}, [
+		gApi,
+		promotedEntity,
+		isServerSide,
+		filterElements,
+		eagerLoad,
+		logicalSearchOperator
+	]);
+	return /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
+		useNewHeader: true,
+		api: gApi,
+		onGridReady: gReady,
+		columnApi: cApi,
+		title: catalog?.name,
+		data: !isServerSide && rowData,
+		columnDefs,
+		groupingData: groupData,
+		height: `calc(100vh - ${buildEnv ? "139px" : "114px"})`,
+		frameworkComponents,
+		hideSearchBar: isServerSide,
+		loading,
+		suppressScrollOnNewData: true,
+		dynamicSizing: dynamicSizing ?? false,
+		disableRowSelection: true,
+		rowModelType: isServerSide ? "serverSide" : null,
+		serverSideStoreType: isServerSide ? "partial" : null,
+		cacheOverflowSize: isServerSide ? 2 : null,
+		cacheBlockSize: isServerSide ? 20 : null,
+		maxConcurrentDatasourceRequests: isServerSide ? 1 : null,
+		additionalGridOptions,
+		headerBackgroundColor,
+		...other
+	});
+};
+
+//#endregion
+export { TableColumnDefs, TableContainer, defaultColumnActionsDef };
+//# sourceMappingURL=TableContainer-DX7ylhSY.js.map

package/dist/TableContainer-DX7ylhSY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableContainer-DX7ylhSY.js","names":[],"sources":["../src/maintenanceEngine/tableBrowser/TableColumnDefs.js","../src/maintenanceEngine/tableBrowser/TableContainer.jsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\n\nexport const TableColumnDefs = (actionList) => {\n  const getterRowData = useCallback((params) => {\n    return params.data;\n  }, []);\n\n  const columnDefs = [\n    {\n      headerName: 'Name',\n      field: 'entityName',\n      valueGetter: (params) =>\n        params.data?.properties?.displayName ||\n        params.data?.sanitizedName ||\n        getSanitizedName(params.data?.entityName),\n      wrapText: true,\n      autoHeight: false,\n      sortable: false\n    },\n    {\n      headerName: 'Actions',\n      filter: false,\n      pinned: 'right',\n      cellRenderer: 'actionsRenderer',\n      // minWidth: 50,\n      width: 150,\n      cellRendererParams: {\n        actionList: actionList\n      },\n      valueGetter: getterRowData,\n      maxWidth: 180,\n      suppressMenu: true,\n      sortable: false,\n      cellStyle: { display: 'flex', alignItems: 'center' }\n    }\n  ];\n  return columnDefs;\n};\n\nexport const defaultColumnActionsDef = {\n  resizable: true,\n  editable: false,\n  sortable: true,\n  filter: true,\n  floatingFilter: false,\n  enableRowGroup: true\n};\n","import React, { useEffect, useMemo } from 'react';\nimport { TableColumnDefs } from './TableColumnDefs';\nimport { AmbientGridTemplate } from '../../UI/templates/AmbientGridTemplate';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { useAgGridApi } from '../../utilities/aggrid/AgTable';\nimport { executeQueryAdHoc } from '../../udp/utilities/methodUtils';\nimport { SearchServiceDatasource } from '../../utilities/aggrid/datasources/SearchServiceDatasource';\nimport { useBuildEnvironment } from '../../shell/ui/EnvironmentRibbon';\n\nexport const TableContainer = (props) => {\n  const {\n    actionList,\n    loading,\n    rowData,\n    catalog,\n    isServerSide = false,\n    promotedEntity,\n    filterElements,\n    customColumnDefs,\n    eagerLoad = false,\n    logicalSearchOperator = 1,\n    frameworkComponents={ actionsRenderer: ActionsRenderer },\n    additionalGridOptions,\n    headerBackgroundColor,\n    api,\n    columnApi,\n    gridReady,\n    dynamicSizing,\n    ...other\n  } = props;\n  const { gridApi, gridColumnApi, onGridReady } = useAgGridApi();\n  const gApi = api || gridApi;\n  const cApi = columnApi || gridColumnApi;\n  const gReady = gridReady || onGridReady\n  const buildEnv = useBuildEnvironment()\n  const columnDefs = customColumnDefs || TableColumnDefs(actionList);\n\n  const groupData = useMemo(() => {\n    return columnDefs?.map((item) => {\n      return {\n        groupItem: item.field,\n        label: item.headerName,\n        value: item.field\n      };\n    });\n  }, [columnDefs]);\n\n  useEffect(() => {\n    if (!gApi) return;\n    if (promotedEntity && isServerSide) {\n      let datasource = SearchServiceDatasource(\n        null,\n        promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n        filterElements,\n        logicalSearchOperator,\n        executeQueryAdHoc,\n        null,\n        null,\n        eagerLoad\n      );\n      // eslint-disable-next-line no-unused-expressions\n      gApi?.setServerSideDatasource(datasource);\n    }\n  }, [gApi, promotedEntity, isServerSide, filterElements, eagerLoad, logicalSearchOperator]);\n\n  return (\n    <AmbientGridTemplate\n      useNewHeader\n      api={gApi}\n      onGridReady={gReady}\n      columnApi={cApi}\n      title={catalog?.name}\n      data={!isServerSide && rowData}\n      columnDefs={columnDefs}\n      groupingData={groupData}\n      height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n      frameworkComponents={frameworkComponents}\n      hideSearchBar={isServerSide}\n      loading={loading}\n      suppressScrollOnNewData\n      dynamicSizing={dynamicSizing ?? false}\n      disableRowSelection={true}\n      rowModelType={isServerSide ? 'serverSide' : null}\n      serverSideStoreType={isServerSide ? 'partial' : null}\n      cacheOverflowSize={isServerSide ? 2 : null}\n      cacheBlockSize={isServerSide ? 20 : null}\n      maxConcurrentDatasourceRequests={isServerSide ? 1 : null}\n      additionalGridOptions={additionalGridOptions}\n      headerBackgroundColor={headerBackgroundColor}\n      {...other}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;AAGA,MAAa,mBAAmB,eAAe;CAC7C,MAAM,gBAAgB,aAAa,WAAW;AAC5C,SAAO,OAAO;IACb,EAAE,CAAC;AA+BN,QA7BmB,CACjB;EACE,YAAY;EACZ,OAAO;EACP,cAAc,WACZ,OAAO,MAAM,YAAY,eACzB,OAAO,MAAM,iBACb,iBAAiB,OAAO,MAAM,WAAW;EAC3C,UAAU;EACV,YAAY;EACZ,UAAU;EACX,EACD;EACE,YAAY;EACZ,QAAQ;EACR,QAAQ;EACR,cAAc;EAEd,OAAO;EACP,oBAAoB,EACN,YACb;EACD,aAAa;EACb,UAAU;EACV,cAAc;EACd,UAAU;EACV,WAAW;GAAE,SAAS;GAAQ,YAAY;GAAU;EACrD,CACF;;AAIH,MAAa,0BAA0B;CACrC,WAAW;CACX,UAAU;CACV,UAAU;CACV,QAAQ;CACR,gBAAgB;CAChB,gBAAgB;CACjB;;;;ACtCD,MAAa,kBAAkB,UAAU;CACvC,MAAM,EACJ,YACA,SACA,SACA,SACA,eAAe,OACf,gBACA,gBACA,kBACA,YAAY,OACZ,wBAAwB,GACxB,sBAAoB,EAAE,iBAAiB,iBAAiB,EACxD,uBACA,uBACA,KACA,WACA,WACA,cACA,GAAG,UACD;CACJ,MAAM,EAAE,SAAS,eAAe,gBAAgB,cAAc;CAC9D,MAAM,OAAO,OAAO;CACpB,MAAM,OAAO,aAAa;CAC1B,MAAM,SAAS,aAAa;CAC5B,MAAM,WAAW,qBAAqB;CACtC,MAAM,aAAa,oBAAoB,gBAAgB,WAAW;CAElE,MAAM,YAAY,cAAc;AAC9B,SAAO,YAAY,KAAK,SAAS;AAC/B,UAAO;IACL,WAAW,KAAK;IAChB,OAAO,KAAK;IACZ,OAAO,KAAK;IACb;IACD;IACD,CAAC,WAAW,CAAC;AAEhB,iBAAgB;AACd,MAAI,CAAC,KAAM;AACX,MAAI,kBAAkB,cAAc;GAClC,IAAI,aAAa,wBACf,MACA,gBAAgB,uBAAuB,aACvC,gBACA,uBACA,mBACA,MACA,MACA,UACD;AAED,SAAM,wBAAwB,WAAW;;IAE1C;EAAC;EAAM;EAAgB;EAAc;EAAgB;EAAW;EAAsB,CAAC;AAE1F,QACE,oCAAC;EACC;EACA,KAAK;EACL,aAAa;EACb,WAAW;EACX,OAAO,SAAS;EAChB,MAAM,CAAC,gBAAgB;EACX;EACZ,cAAc;EACd,QAAQ,gBAAgB,WAAW,UAAU,QAAQ;EAChC;EACrB,eAAe;EACN;EACT;EACA,eAAe,iBAAiB;EAChC,qBAAqB;EACrB,cAAc,eAAe,eAAe;EAC5C,qBAAqB,eAAe,YAAY;EAChD,mBAAmB,eAAe,IAAI;EACtC,gBAAgB,eAAe,KAAK;EACpC,iCAAiC,eAAe,IAAI;EAC7B;EACA;EACvB,GAAI;GACJ"}

package/dist/TenantProvider-CKbxaw0X.js

@@ -0,0 +1,37 @@
+import { useUser } from "./useUser-Cn88hlN_.js";
+import { useAxiosGet } from "./useAxiosGet-CAH3ZOZ8.js";
+import { useTenantStore } from "./tenantStore-dj8UJA7G.js";
+import { TenantContext } from "./tenantContext-Bh6_Lj9T.js";
+import React, { useMemo } from "react";
+import { ConfigService } from "udp-react-stencil-component-library";
+
+//#region src/utilities/tenant/TenantProvider.jsx
+const TenantProvider = ({ children }) => {
+	const user = useUser();
+	const setCurrentTenant = useTenantStore((state) => state.setCurrentTenant);
+	const [{ data: tenants }, refetchTenantsList] = useAxiosGet(ConfigService.securityV1ApiUrl, `users/${user ? user?.id : ""}/unitytenants`, {}, !user?.id);
+	const tenantContext = useMemo(() => {
+		if (!user?.currentTenantId || !tenants) return null;
+		const activeTenant = tenants.find((tenant) => tenant.tenantId === user.currentTenantId);
+		setCurrentTenant({
+			tenantId: activeTenant?.tenantId,
+			name: activeTenant?.tenantName,
+			tenantType: activeTenant?.tenantType
+		});
+		return {
+			tenantsList: tenants,
+			activeTenant,
+			refresh: refetchTenantsList
+		};
+	}, [
+		tenants,
+		setCurrentTenant,
+		refetchTenantsList,
+		user?.currentTenantId
+	]);
+	return /* @__PURE__ */ React.createElement(TenantContext.Provider, { value: tenantContext }, children);
+};
+
+//#endregion
+export { TenantProvider };
+//# sourceMappingURL=TenantProvider-CKbxaw0X.js.map

package/dist/TenantProvider-CKbxaw0X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TenantProvider-CKbxaw0X.js","names":[],"sources":["../src/utilities/tenant/TenantProvider.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useUser } from '../auth/useUser';\nimport { useAxiosGet } from '../useAxiosGet';\nimport { TenantContext } from './tenantContext';\nimport { useTenantStore } from '../../stores/tenantStore';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\n\nexport const TenantProvider = ({ children }) => {\n  const user = useUser();\n  const setCurrentTenant = useTenantStore((state) => state.setCurrentTenant);\n  //Get tenants that the user belongs to\n  const [{ data: tenants }, refetchTenantsList] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users/${user ? user?.id : ''}/unitytenants`,\n    {},\n    !user?.id\n  );\n\n  const tenantContext = useMemo(() => {\n    if (!user?.currentTenantId || !tenants) return null;\n\n    //matches users currentTenantId with the fetched tenant objects\n    const activeTenant = tenants.find(\n      (tenant) => tenant.tenantId === user.currentTenantId\n    );\n\n    setCurrentTenant({\n      tenantId: activeTenant?.tenantId,\n      name: activeTenant?.tenantName,\n      tenantType: activeTenant?.tenantType\n    });\n\n    return {\n      tenantsList: tenants,\n      activeTenant: activeTenant,\n      refresh: refetchTenantsList\n    };\n  }, [tenants, setCurrentTenant, refetchTenantsList, user?.currentTenantId]);\n\n  return (\n    <TenantContext.Provider value={tenantContext}>\n      {children}\n    </TenantContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,kBAAkB,EAAE,eAAe;CAC9C,MAAM,OAAO,SAAS;CACtB,MAAM,mBAAmB,gBAAgB,UAAU,MAAM,iBAAiB;CAE1E,MAAM,CAAC,EAAE,MAAM,WAAW,sBAAsB,YAC9C,cAAc,kBACd,SAAS,OAAO,MAAM,KAAK,GAAG,gBAC9B,EAAE,EACF,CAAC,MAAM,GACR;CAED,MAAM,gBAAgB,cAAc;AAClC,MAAI,CAAC,MAAM,mBAAmB,CAAC,QAAS,QAAO;EAG/C,MAAM,eAAe,QAAQ,MAC1B,WAAW,OAAO,aAAa,KAAK,gBACtC;AAED,mBAAiB;GACf,UAAU,cAAc;GACxB,MAAM,cAAc;GACpB,YAAY,cAAc;GAC3B,CAAC;AAEF,SAAO;GACL,aAAa;GACC;GACd,SAAS;GACV;IACA;EAAC;EAAS;EAAkB;EAAoB,MAAM;EAAgB,CAAC;AAE1E,QACE,oCAAC,cAAc,YAAS,OAAO,iBAC5B,SACsB"}