udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/UdpVerticalManagementPage-r-LyUfIc.js

@@ -0,0 +1,178 @@
+import { ConfigService } from "./configService/index.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-CQSnEbMA.js";
+import { t as apiMutate } from "./useAxiosMutate-DfnYYAzN.js";
+import { t as PrimaryActionButton } from "./PrimaryActionButton-C_9XH4Yr.js";
+import { t as FluentDialog } from "./FluentDialog-COrrKCGR.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-DCpqNxBN.js";
+import { t as ActionsRenderer } from "./ActionsRenderer-amETjBUn.js";
+import { t as UdpVerticalManagementSidesheet } from "./UdpVerticalManagementSidesheet-CQWqDljc.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Typography } from "@material-ui/core";
+import { AddIcon, DeleteIcon, EditIcon } from "@fluentui/react-icons";
+import { useTranslation } from "react-i18next";
+
+//#region src/udp/pages/UdpVerticalManagementPage/UdpVerticalManagementPage.jsx
+const UdpVerticalManagementPage = (props) => {
+	const { params } = props;
+	const { nodeObj: environment, inquiryNodeProperties } = params;
+	const { t } = useTranslation();
+	const [sideSheetOpen, setSideSheetOpen] = useState(false);
+	const [sideSheetEdit, setSideSheetEdit] = useState(false);
+	const [loading, setLoading] = useState(false);
+	const [selectedVertical, setSelectedVertical] = useState(null);
+	const [verticals, setVerticals] = useState([]);
+	const [productVertical, setProductVertical] = useState([]);
+	const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+	const selectedVerticalRef = useRef();
+	selectedVerticalRef.current = selectedVertical ? selectedVertical : null;
+	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
+	const openSheetAsEdit = useCallback((isEdit) => {
+		setSideSheetOpen(true);
+		setSideSheetEdit(isEdit);
+	}, []);
+	const closeDeleteDialog = useCallback(() => {
+		setDeleteDialogOpen(false);
+	}, [setDeleteDialogOpen]);
+	const executeMutation = useCallback(async (endpoint, method, data) => apiMutate(ConfigService.uemV1ApiUrl, endpoint, { method: method || "post" }, data), []);
+	const getVerticals = useCallback(async (data, isFirstLoad = false) => {
+		if (isFirstLoad) setLoading(true);
+		const response = await executeMutation("uem", "post", data);
+		if (response?.status === 200) setVerticals(response?.data);
+		if (isFirstLoad) setLoading(false);
+	}, [executeMutation]);
+	const deleteVertical = useCallback(async () => {
+		const data = { data: {
+			environmentId: environment.environmentId,
+			apiPath: `TenantService/api/v2/Vertical/${selectedVerticalRef.current.verticalId}/uemDelete`
+		} };
+		if ((await executeMutation(`vertical/${selectedVerticalRef.current.verticalId}/uemDelete`, "delete", data))?.status === 204) {
+			console.log("success");
+			handleSuccessSnackbar("Vertical Deleted Successfully");
+		}
+		getVerticals({ data: {
+			customerId: null,
+			environmentId: environment.environmentId,
+			apiPath: `TenantService/api/v2/Vertical`
+		} }, true);
+		closeDeleteDialog();
+	}, [
+		executeMutation,
+		selectedVertical,
+		closeDeleteDialog
+	]);
+	const getProductVerticals = useCallback(async (data) => {
+		const response = await executeMutation("productVertical", "get", data);
+		if (response?.status === 200) setProductVertical(response?.data);
+	}, [executeMutation]);
+	useEffect(() => {
+		if (environment && getVerticals) {
+			if (environment.environmentId) {
+				getProductVerticals({ data: { apiPath: `api/v2/ProductVertical` } });
+				getVerticals({ data: {
+					customerId: null,
+					environmentId: environment.environmentId,
+					apiPath: `TenantService/api/v2/Vertical`
+				} }, true);
+			}
+		}
+	}, [
+		environment,
+		getVerticals,
+		getProductVerticals,
+		deleteVertical
+	]);
+	const closeSheet = useCallback(() => {
+		setSideSheetOpen(false);
+		getVerticals({ data: {
+			customerId: null,
+			environmentId: environment.environmentId,
+			apiPath: `TenantService/api/v2/Vertical`
+		} });
+	}, [getVerticals, environment]);
+	const handleEditPage = useCallback((value) => {
+		setSelectedVertical(value);
+		console.log("Edit page, value: ", value);
+		openSheetAsEdit(true);
+	}, [t]);
+	const handleCreateVertical = useCallback((value) => {
+		openSheetAsEdit(false);
+	}, [t]);
+	const handleDelete = useCallback((value) => {
+		setSelectedVertical(value);
+		console.log("Delete page, value: ", value);
+		setDeleteDialogOpen(true);
+	}, [t]);
+	const actionList = useMemo(() => [{
+		id: 1,
+		title: t("Edit"),
+		icon: EditIcon,
+		onClick: handleEditPage,
+		disabled: false
+	}, {
+		id: 2,
+		title: t("Delete"),
+		icon: DeleteIcon,
+		onClick: handleDelete,
+		disabled: false
+	}], [
+		t,
+		handleEditPage,
+		handleDelete
+	]);
+	const gridOptions = useMemo(() => ({
+		frameworkComponents: { actionsRenderer: ActionsRenderer },
+		columnDefs: [
+			{
+				headerName: t("Name"),
+				field: "name",
+				minWidth: 300
+			},
+			{
+				headerName: t("Icon"),
+				field: "icon"
+			},
+			{
+				headerName: t("Actions"),
+				cellRenderer: "actionsRenderer",
+				cellRendererParams: { actionList },
+				pinned: "right",
+				suppressMenu: true,
+				sortable: false
+			}
+		]
+	}), [
+		t,
+		actionList,
+		productVertical
+	]);
+	const pab = /* @__PURE__ */ React.createElement(PrimaryActionButton, { onClick: handleCreateVertical }, /* @__PURE__ */ React.createElement(Typography, { style: { marginRight: 5 } }, "Add"), /* @__PURE__ */ React.createElement(AddIcon, null));
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(UdpVerticalManagementSidesheet, {
+		open: sideSheetOpen,
+		closeSidesheet: closeSheet,
+		selectedVertical,
+		environment,
+		title: t(sideSheetEdit ? "Edit Vertical" : "Create Vertical"),
+		associatedProducts: productVertical,
+		isEdit: sideSheetEdit
+	}), /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
+		title: t("Vertical Manager"),
+		primaryActionButton: pab,
+		data: verticals,
+		loading,
+		gridOptions,
+		groupingData: []
+	}), /* @__PURE__ */ React.createElement(FluentDialog, {
+		open: deleteDialogOpen,
+		handleClose: closeDeleteDialog,
+		title: t("Delete Vertical"),
+		message: t("Are you sure you want to Delete") + ` "${selectedVertical?.name}"?`,
+		actionOne: deleteVertical,
+		labelOne: t("Delete"),
+		actionTwo: closeDeleteDialog,
+		labelTwo: t("Cancel")
+	}));
+};
+
+//#endregion
+export { UdpVerticalManagementPage as t };
+//# sourceMappingURL=UdpVerticalManagementPage-r-LyUfIc.js.map

package/dist/UdpVerticalManagementPage-r-LyUfIc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpVerticalManagementPage-r-LyUfIc.js","names":[],"sources":["../src/udp/pages/UdpVerticalManagementPage/UdpVerticalManagementPage.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef\n} from 'react';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\n// import { executeQueryAdHoc, getBaseMethod } from '../utilities/methodUtils';\nimport { AddIcon, DeleteIcon, EditIcon } from '@fluentui/react-icons';\nimport { Typography } from '@material-ui/core';\nimport { useTranslation } from 'react-i18next';\nimport { PrimaryActionButton } from '../../../UI/inputs/buttons/PrimaryActionButton';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport UdpVerticalManagementSidesheet from '../UdpVerticalManagementSidesheet';\nimport { FluentDialog } from '../../../UI/feedback/FluentDialog';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { ConfigService } from '../../../configService';\n\nconst UdpVerticalManagementPage = (props) => {\n  const { params } = props;\n  const { nodeObj: environment, inquiryNodeProperties } = params;\n  const { t } = useTranslation();\n\n  const [sideSheetOpen, setSideSheetOpen] = useState(false);\n  const [sideSheetEdit, setSideSheetEdit] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [selectedVertical, setSelectedVertical] = useState(null);\n  const [verticals, setVerticals] = useState([]);\n  const [productVertical, setProductVertical] = useState([]);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n  const selectedVerticalRef = useRef();\n  selectedVerticalRef.current = selectedVertical ? selectedVertical : null;\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const openSheetAsEdit = useCallback((isEdit) => {\n    setSideSheetOpen(true);\n    setSideSheetEdit(isEdit);\n  }, []);\n\n  const closeDeleteDialog = useCallback(() => {\n    setDeleteDialogOpen(false);\n  }, [setDeleteDialogOpen]);\n\n  const executeMutation = useCallback(\n    async (endpoint, method, data) =>\n      apiMutate(\n        ConfigService.uemV1ApiUrl,\n        endpoint,\n        {\n          method: method || 'post'\n        },\n        data\n      ),\n    []\n  );\n\n  const getVerticals = useCallback(\n    async (data, isFirstLoad = false) => {\n      if (isFirstLoad) {\n        setLoading(true);\n      }\n\n      const response = await executeMutation('uem', 'post', data);\n      if (response?.status === 200) {\n        setVerticals(response?.data);\n      }\n      if (isFirstLoad) {\n        setLoading(false);\n      }\n    },\n    [executeMutation]\n  );\n\n  const deleteVertical = useCallback(async () => {\n    const data = {\n      data: {\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical/${selectedVerticalRef.current.verticalId}/uemDelete`\n      }\n    };\n    const response = await executeMutation(\n      `vertical/${selectedVerticalRef.current.verticalId}/uemDelete`,\n      'delete',\n      data\n    );\n    if (response?.status === 204) {\n      console.log('success');\n      handleSuccessSnackbar('Vertical Deleted Successfully');\n    }\n    const getVerticalsData = {\n      data: {\n        customerId: null,\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical`\n      }\n    };\n    getVerticals(getVerticalsData, true);\n    closeDeleteDialog();\n  }, [executeMutation, selectedVertical, closeDeleteDialog]);\n\n  const getProductVerticals = useCallback(\n    async (data) => {\n      const response = await executeMutation('productVertical', 'get', data);\n      if (response?.status === 200) {\n        setProductVertical(response?.data);\n      }\n    },\n    [executeMutation]\n  );\n\n  useEffect(() => {\n    if (environment && getVerticals) {\n      if (environment.environmentId) {\n        const productVerticalData = {\n          data: {\n            apiPath: `api/v2/ProductVertical`\n          }\n        };\n        getProductVerticals(productVerticalData);\n        const data = {\n          data: {\n            customerId: null,\n            environmentId: environment.environmentId,\n            apiPath: `TenantService/api/v2/Vertical`\n          }\n        };\n        getVerticals(data, true);\n      }\n    }\n  }, [environment, getVerticals, getProductVerticals, deleteVertical]);\n\n  const closeSheet = useCallback(() => {\n    setSideSheetOpen(false);\n    const data = {\n      data: {\n        customerId: null,\n        environmentId: environment.environmentId,\n        apiPath: `TenantService/api/v2/Vertical`\n      }\n    };\n\n    getVerticals(data);\n  }, [getVerticals, environment]);\n\n  const handleEditPage = useCallback(\n    (value) => {\n      setSelectedVertical(value);\n      console.log('Edit page, value: ', value);\n      openSheetAsEdit(true);\n    },\n    [t]\n  );\n\n  const handleCreateVertical = useCallback(\n    (value) => {\n      openSheetAsEdit(false);\n    },\n    [t]\n  );\n\n  const handleDelete = useCallback(\n    (value) => {\n      setSelectedVertical(value);\n      console.log('Delete page, value: ', value);\n      setDeleteDialogOpen(true);\n    },\n    [t]\n  );\n\n  const actionList = useMemo(\n    () => [\n      {\n        id: 1, // Must be unique\n        title: t('Edit'),\n        icon: EditIcon,\n        onClick: handleEditPage,\n        disabled: false\n      },\n      {\n        id: 2, // Must be unique\n        title: t('Delete'),\n        icon: DeleteIcon,\n        onClick: handleDelete,\n        disabled: false\n      }\n    ],\n    [t, handleEditPage, handleDelete]\n  );\n\n  const gridOptions = useMemo(\n    () => ({\n      frameworkComponents: {\n        actionsRenderer: ActionsRenderer\n      },\n      columnDefs: [\n        {\n          headerName: t('Name'),\n          field: 'name',\n          minWidth: 300\n        },\n        {\n          headerName: t('Icon'),\n          field: 'icon'\n        },\n        {\n          headerName: t('Actions'),\n          cellRenderer: 'actionsRenderer',\n          cellRendererParams: {\n            actionList\n          },\n          pinned: 'right',\n          suppressMenu: true,\n          sortable: false\n        }\n      ]\n    }),\n    [t, actionList, productVertical]\n  );\n\n  const pab = (\n    <PrimaryActionButton onClick={handleCreateVertical}>\n      <Typography style={{ marginRight: 5 }}>Add</Typography>\n      <AddIcon />\n    </PrimaryActionButton>\n  );\n\n  return (\n    <>\n      <UdpVerticalManagementSidesheet\n        open={sideSheetOpen}\n        closeSidesheet={closeSheet}\n        selectedVertical={selectedVertical}\n        environment={environment}\n        title={t(sideSheetEdit ? 'Edit Vertical' : 'Create Vertical')}\n        associatedProducts={productVertical}\n        isEdit={sideSheetEdit}\n      />\n      <AmbientGridTemplate\n        title={t('Vertical Manager')}\n        primaryActionButton={pab}\n        data={verticals}\n        // hideGroupTab\n        // hideColumnTab\n        loading={loading}\n        gridOptions={gridOptions}\n        groupingData={[]}\n      />\n      <FluentDialog\n        open={deleteDialogOpen}\n        handleClose={closeDeleteDialog}\n        title={t('Delete Vertical')}\n        message={\n          t('Are you sure you want to Delete') + ` \"${selectedVertical?.name}\"?`\n        }\n        actionOne={deleteVertical}\n        labelOne={t('Delete')}\n        actionTwo={closeDeleteDialog}\n        labelTwo={t('Cancel')}\n      />\n    </>\n  );\n};\n\nexport default UdpVerticalManagementPage;\n"],"mappings":"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"}

package/dist/UdpVerticalManagementSidesheet-CQWqDljc.js

@@ -0,0 +1,227 @@
+import { t as Form } from "./Form-kH10DtvM.js";
+import { t as Field } from "./Field-BSE8Fwr1.js";
+import { n as SubmitButton, t as FormButtons } from "./FormButtons-BTCO-pzW.js";
+import { ConfigService } from "./configService/index.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-CQSnEbMA.js";
+import { t as apiMutate } from "./useAxiosMutate-DfnYYAzN.js";
+import { t as UnityFluentIcon } from "./UnityFluentIcon-CZlFXb6G.js";
+import { t as useActionState } from "./useActions-D1HvluXe.js";
+import { S as getIconFromName } from "./TreeUtilities-Bz1Gquph.js";
+import { t as getUnityIconFromName } from "./UnityIconLibrary-Oxecc912.js";
+import { n as SideSheet } from "./SideSheet-B7N-AM_z.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-DCpqNxBN.js";
+import { t as ActionsRenderer } from "./ActionsRenderer-amETjBUn.js";
+import { t as FluentCheckbox } from "./FluentCheckbox-CX7XgoFz.js";
+import { t as IconLibrary_default } from "./IconLibrary-XhH3iILo.js";
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Button, IconButton, LinearProgress, TextField } from "@material-ui/core";
+import { useTranslation } from "react-i18next";
+
+//#region src/udp/pages/UdpVerticalManagementSidesheet/UdpVerticalManagementSidesheet.jsx
+const UdpVerticalManagementSidesheet = (props) => {
+	const { selectedVertical, environment, associatedProducts, isEdit, deleteVertical, open, selectedCatalog, closeSidesheet, onSubmit, ...sheetProps } = props;
+	const { t } = useTranslation();
+	const [loading, setLoading] = useState(false);
+	useActionState();
+	const [displayedIcon, setDisplayedIcon] = useState({
+		name: "StatusCircleQuestionMarkIcon",
+		color: "",
+		type: ""
+	});
+	const [products, setProducts] = useState([]);
+	const [openIconLibrary, setOpenIconLibrary] = useState(false);
+	const [selectedProductIds, setSelectedProductIds] = useState([]);
+	const [checkboxValues, setCheckboxValues] = useState([]);
+	const [submitButtonDisabled, setSubmitButtonDisabled] = useState(true);
+	const selectedProductIdsRef = useRef();
+	selectedProductIdsRef.current = selectedProductIds;
+	const displayedIconRef = useRef();
+	displayedIconRef.current = displayedIcon;
+	const selectedVerticalRef = useRef();
+	selectedVerticalRef.current = selectedVertical;
+	const formRef = useRef();
+	const nameRef = useRef();
+	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
+	const CheckBoxRenderer = ({ onChange, value, id, defaultChecked }) => {
+		const isAssociatedToVertical = useCallback((productId) => {
+			if (!isEdit) return false;
+			for (let product of associatedProducts) if (product.productId === productId && product.verticalId === selectedVerticalRef.current.verticalId) return true;
+			getIconFromName(selectedVerticalRef.current.icon);
+			return false;
+		}, [associatedProducts, selectedVerticalRef]);
+		const handleCheckboxChange = (e) => {
+			if (e.target.checked) setSelectedProductIds((prevState) => [...prevState, id]);
+			else setSelectedProductIds((prevState) => prevState.filter((item) => item !== id));
+		};
+		return /* @__PURE__ */ React.createElement(FluentCheckbox, {
+			defaultChecked: isAssociatedToVertical(id),
+			onChange: handleCheckboxChange,
+			aria: "column-active"
+		});
+	};
+	const gridOptions = useMemo(() => ({
+		frameworkComponents: {
+			actionsRenderer: ActionsRenderer,
+			checkboxRenderer: CheckBoxRenderer
+		},
+		columnDefs: [{
+			headerName: "",
+			field: "select",
+			cellRenderer: "checkboxRenderer",
+			cellRendererParams: (params) => ({ id: params.data.productId })
+		}, {
+			headerName: t("Product Name"),
+			field: "name",
+			minWidth: 200
+		}]
+	}), [
+		isEdit,
+		selectedVertical,
+		associatedProducts
+	]);
+	const executeMutation = useCallback(async (endpoint, method, data) => apiMutate(ConfigService.uemV1ApiUrl, endpoint, { method: method || "post" }, data), []);
+	const getProducts = useCallback(async (data) => {
+		setLoading(true);
+		const response = await executeMutation("uem", "post", data);
+		if (response?.status === 200) setProducts(response?.data);
+		setLoading(false);
+	}, [executeMutation, setProducts]);
+	const createVertical = useCallback(async (data) => {
+		setLoading(true);
+		if ((await executeMutation("vertical/uemCreate", "post", data))?.status === 201) {
+			closeSidesheet();
+			handleSuccessSnackbar("Vertical Created Successfully");
+		} else handleErrorSnackbar("Something went wrong");
+		setLoading(false);
+	}, [executeMutation]);
+	const updateVertical = useCallback(async (data) => {
+		setLoading(true);
+		if ((await executeMutation(`vertical/${selectedVertical.verticalId}/uemUpdate`, "put", data))?.status === 204) {
+			closeSidesheet();
+			handleSuccessSnackbar("Vertical Updated Successfully");
+		} else handleErrorSnackbar("Something went wrong");
+		setLoading(false);
+	}, [selectedVertical, executeMutation]);
+	const handleSubmit = useCallback((values) => {
+		setLoading(true);
+		const products = selectedProductIdsRef.current.map((productId) => ({ productId }));
+		!isEdit ? createVertical({ data: {
+			name: values.name,
+			products,
+			icon: displayedIconRef?.current.name,
+			EnvironmentId: environment.environmentId,
+			apiPath: "api/v1/vertical/uemCreate"
+		} }) : updateVertical({ data: {
+			name: values.name,
+			products,
+			icon: displayedIconRef?.current.name,
+			EnvironmentId: environment.environmentId,
+			apiPath: `api/v1/vertical/${selectedVertical.verticalId}/uemUpdate`
+		} });
+	}, [
+		isEdit,
+		createVertical,
+		environment,
+		updateVertical,
+		selectedVertical,
+		selectedProductIdsRef
+	]);
+	useEffect(() => {
+		if (environment && getProducts) {
+			if (environment.environmentId) getProducts({ data: {
+				customerId: null,
+				environmentId: environment.environmentId,
+				apiPath: `tenantService/api/v2/product`
+			} });
+		}
+	}, [environment, getProducts]);
+	useEffect(() => {
+		if (selectedVertical) {
+			const associatedProductIds = selectedVertical.verticalProductVertical.map((product) => product.productId);
+			setSelectedProductIds((prevState) => [...prevState, ...associatedProductIds]);
+		}
+	}, [selectedVertical, setSelectedProductIds]);
+	const setDisplayedIconCallback = useCallback(() => {
+		setDisplayedIcon({ name: isEdit && selectedVertical?.icon ? selectedVertical?.icon : "StatusCircleQuestionMarkIcon" });
+	}, [selectedVertical, isEdit]);
+	useEffect(() => {
+		setDisplayedIconCallback();
+	}, [open]);
+	const closeIconLibrary = () => {
+		setOpenIconLibrary(false);
+	};
+	const onOpenLibrary = () => {
+		setOpenIconLibrary(true);
+	};
+	const handleIconSelect = (icon) => {
+		const updateddisplayedIcon = { ...props.displayedIcon };
+		updateddisplayedIcon.name = icon.id;
+		updateddisplayedIcon.type = icon.type || null;
+		setDisplayedIcon(updateddisplayedIcon);
+		closeIconLibrary();
+	};
+	const initialValues = useMemo(() => {
+		return { name: isEdit ? selectedVertical?.name : "" };
+	}, [
+		associatedProducts,
+		selectedVertical,
+		isEdit
+	]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SideSheet, {
+		open,
+		onClose: () => closeSidesheet(),
+		width: 400,
+		title: props.title
+	}, /* @__PURE__ */ React.createElement(Form, {
+		ref: formRef,
+		onSubmit: handleSubmit,
+		initialValues
+	}, /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React.createElement(Field, {
+		ref: nameRef,
+		component: TextField,
+		label: t("Name"),
+		id: "name",
+		name: "name",
+		variant: "outlined",
+		size: "small",
+		required: true,
+		style: { marginTop: 8 }
+	}), /* @__PURE__ */ React.createElement(IconButton, { onClick: onOpenLibrary }, displayedIcon && /* @__PURE__ */ React.createElement(UnityFluentIcon, {
+		type: displayedIcon?.type,
+		icon: displayedIcon?.type === "unity" ? getUnityIconFromName(displayedIcon?.name) : getIconFromName(displayedIcon?.name)
+	}))), /* @__PURE__ */ React.createElement(AmbientGridTemplate, {
+		data: products,
+		title: t("Products"),
+		loading,
+		height: "calc(100vh - 300px)",
+		hideGroupTab: true,
+		hideColumnTab: true,
+		disablePagination: true,
+		hideFitGrid: true,
+		hideExpandGrid: true,
+		hideExportGrid: true,
+		hideRemoveFilters: true,
+		hideFilterTab: true,
+		...gridOptions
+	}), /* @__PURE__ */ React.createElement(FormButtons, null, /* @__PURE__ */ React.createElement(SubmitButton, {
+		variant: "contained",
+		color: "secondary",
+		marginTop: "50px",
+		disabled: false,
+		disablePristine: false
+	}, t(isEdit ? "Update" : "Create"))), loading && /* @__PURE__ */ React.createElement(LinearProgress, null))), /* @__PURE__ */ React.createElement(SideSheet, {
+		open: openIconLibrary,
+		onClose: closeIconLibrary,
+		title: t("Icon Library"),
+		width: "100%",
+		anchor: "bottom"
+	}, /* @__PURE__ */ React.createElement(IconLibrary_default, {
+		addItem: handleIconSelect,
+		selectedIconName: displayedIcon?.name,
+		title: t("Select Icon")
+	})));
+};
+
+//#endregion
+export { UdpVerticalManagementSidesheet as t };
+//# sourceMappingURL=UdpVerticalManagementSidesheet-CQWqDljc.js.map

package/dist/UdpVerticalManagementSidesheet-CQWqDljc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpVerticalManagementSidesheet-CQWqDljc.js","names":["IconLibrary"],"sources":["../src/udp/pages/UdpVerticalManagementSidesheet/UdpVerticalManagementSidesheet.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useState,\n  useMemo,\n  useRef,\n  useEffect,\n  useLayoutEffect\n} from 'react';\nimport {\n  TextField,\n  Button,\n  LinearProgress,\n  IconButton\n} from '@material-ui/core';\nimport { Form } from '../../../utilities/form/Form';\nimport { Field } from '../../../utilities/form/Field';\nimport { SubmitButton } from '../../../utilities/form/SubmitButton';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport { AmbientGridTemplate } from '../../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { useActionState } from '../../../hooks/useActions';\nimport { useTranslation } from 'react-i18next';\nimport { ActionsRenderer } from '../../../UI/templates/ui/renderers/ActionsRenderer';\nimport { FluentCheckbox } from '../../../UI/inputs/checkbox/FluentCheckbox';\nimport { UnityFluentIcon } from '../../../utilities/iconLibrary/UnityFluentIcon';\nimport {\n  findAllParentIds,\n  getIconFromName\n} from '../../../utilities/tree/TreeUtilities';\nimport { getUnityIconFromName } from '../../../utilities/iconLibrary/UnityIconLibrary';\nimport IconLibrary from '../../../utilities/iconLibrary/IconLibrary';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { FormButtons } from '../../../utilities/form';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { ConfigService } from '../../../configService';\n\nconst UdpVerticalManagementSidesheet = (props) => {\n  const {\n    selectedVertical,\n    environment,\n    associatedProducts,\n    isEdit,\n    deleteVertical,\n    open,\n    selectedCatalog,\n    closeSidesheet,\n    onSubmit,\n    ...sheetProps\n  } = props;\n  const { t } = useTranslation();\n  const [loading, setLoading] = useState(false);\n  const actionState = useActionState();\n  const [displayedIcon, setDisplayedIcon] = useState({\n    name: 'StatusCircleQuestionMarkIcon',\n    color: '',\n    type: ''\n  });\n  const [products, setProducts] = useState([]);\n  const [openIconLibrary, setOpenIconLibrary] = useState(false);\n\n  const [selectedProductIds, setSelectedProductIds] = useState([]);\n  const [checkboxValues, setCheckboxValues] = useState([]);\n  const [submitButtonDisabled, setSubmitButtonDisabled] = useState(true);\n  const selectedProductIdsRef = useRef();\n  selectedProductIdsRef.current = selectedProductIds;\n  const displayedIconRef = useRef();\n  displayedIconRef.current = displayedIcon;\n  const selectedVerticalRef = useRef();\n  selectedVerticalRef.current = selectedVertical;\n  const formRef = useRef();\n  const nameRef = useRef();\n\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const CheckBoxRenderer = ({ onChange, value, id, defaultChecked }) => {\n    const isAssociatedToVertical = useCallback(\n      (productId) => {\n        if (!isEdit) return false;\n        for (let product of associatedProducts) {\n          if (\n            product.productId === productId &&\n            product.verticalId === selectedVerticalRef.current.verticalId\n          ) {\n            return true;\n          }\n        }\n        // console.log(selectedVerticalRef.current.icon)\n        const icon = getIconFromName(selectedVerticalRef.current.icon);\n        // console.log(\"🚀 ~ file: UdpVerticalManagementSidesheet.jsx:81 ~ isAssociatedToVertical ~ icon:\", icon)\n\n        return false;\n      },\n      [associatedProducts, selectedVerticalRef]\n    );\n\n    const handleCheckboxChange = (e) => {\n      if (e.target.checked) {\n        setSelectedProductIds((prevState) => [...prevState, id]);\n      } else {\n        setSelectedProductIds((prevState) =>\n          prevState.filter((item) => item !== id)\n        );\n      }\n    };\n\n    return (\n      <FluentCheckbox\n        // checked={value}\n        defaultChecked={isAssociatedToVertical(id)}\n        onChange={handleCheckboxChange}\n        aria='column-active'\n      />\n    );\n  };\n\n  // const actionList = useMemo(\n  //   () => [\n  //     {\n  //       id: 1, // Must be unique\n  //       title: t('Edit'),\n  //       icon: EditIcon,\n  //       onClick: handleEditPage,\n  //       disabled: false\n  //     },\n  //     {\n  //       id: 2, // Must be unique\n  //       title: t('Delete'),\n  //       icon: DeleteIcon,\n  //       onClick: handleDelete,\n  //       disabled: false\n  //     }\n  //   ],\n  //   [t, handleEditPage, handleDelete]\n  // );\n\n  const gridOptions = useMemo(\n    () => ({\n      frameworkComponents: {\n        actionsRenderer: ActionsRenderer,\n        checkboxRenderer: CheckBoxRenderer\n      },\n      columnDefs: [\n        {\n          headerName: '',\n          field: 'select',\n          cellRenderer: 'checkboxRenderer',\n          cellRendererParams: (params) => ({\n            // onChange: onChange,\n            // value: checked[params.data.productId] || false,\n            id: params.data.productId\n          })\n        },\n        {\n          headerName: t('Product Name'),\n          field: 'name',\n          minWidth: 200\n        }\n      ]\n    }),\n    [isEdit, selectedVertical, associatedProducts]\n  );\n\n  const executeMutation = useCallback(\n    async (endpoint, method, data) =>\n      apiMutate(\n        ConfigService.uemV1ApiUrl,\n        endpoint,\n        {\n          method: method || 'post'\n        },\n        data\n      ),\n    []\n  );\n\n  const getProducts = useCallback(\n    async (data) => {\n      setLoading(true);\n\n      const response = await executeMutation('uem', 'post', data);\n      if (response?.status === 200) {\n        setProducts(response?.data);\n      }\n      setLoading(false);\n    },\n    [executeMutation, setProducts]\n  );\n\n  const createVertical = useCallback(\n    async (data) => {\n      setLoading(true);\n\n      const response = await executeMutation(\n        'vertical/uemCreate',\n        'post',\n        data\n      );\n      if (response?.status === 201) {\n        closeSidesheet();\n        handleSuccessSnackbar('Vertical Created Successfully');\n      } else {\n        handleErrorSnackbar('Something went wrong');\n      }\n      setLoading(false);\n    },\n    [executeMutation]\n  );\n\n  const updateVertical = useCallback(\n    async (data) => {\n      setLoading(true);\n\n      const response = await executeMutation(\n        `vertical/${selectedVertical.verticalId}/uemUpdate`,\n        'put',\n        data\n      );\n      if (response?.status === 204) {\n        closeSidesheet();\n        handleSuccessSnackbar('Vertical Updated Successfully');\n      } else {\n        handleErrorSnackbar('Something went wrong');\n      }\n      setLoading(false);\n    },\n    [selectedVertical, executeMutation]\n  );\n\n  const handleSubmit = useCallback(\n    (values) => {\n      setLoading(true);\n      const products = selectedProductIdsRef.current.map((productId) => ({\n        productId\n      }));\n\n      !isEdit\n        ? createVertical({\n            data: {\n              name: values.name,\n              products: products,\n              icon: displayedIconRef?.current.name,\n              EnvironmentId: environment.environmentId,\n              apiPath: 'api/v1/vertical/uemCreate'\n            }\n          })\n        : updateVertical({\n            data: {\n              name: values.name,\n              products: products,\n              icon: displayedIconRef?.current.name,\n              EnvironmentId: environment.environmentId,\n              apiPath: `api/v1/vertical/${selectedVertical.verticalId}/uemUpdate`\n            }\n          });\n    },\n    [\n      isEdit,\n      createVertical,\n      environment,\n      updateVertical,\n      selectedVertical,\n      selectedProductIdsRef\n    ]\n  );\n\n  useEffect(() => {\n    if (environment && getProducts) {\n      if (environment.environmentId) {\n        const data = {\n          data: {\n            customerId: null,\n            environmentId: environment.environmentId,\n            apiPath: `tenantService/api/v2/product`\n          }\n        };\n        getProducts(data);\n      }\n    }\n  }, [environment, getProducts]);\n\n  useEffect(() => {\n    if (selectedVertical) {\n      const associatedProductIds = selectedVertical.verticalProductVertical.map(\n        (product) => product.productId\n      );\n      setSelectedProductIds((prevState) => [\n        ...prevState,\n        ...associatedProductIds\n      ]);\n    }\n  }, [selectedVertical, setSelectedProductIds]);\n\n  const setDisplayedIconCallback = useCallback(() => {\n    setDisplayedIcon({\n      name:\n        isEdit && selectedVertical?.icon\n          ? selectedVertical?.icon\n          : 'StatusCircleQuestionMarkIcon'\n    });\n  }, [selectedVertical, isEdit]);\n\n  useEffect(() => {\n    setDisplayedIconCallback();\n  }, [open]);\n\n  const closeIconLibrary = () => {\n    setOpenIconLibrary(false);\n  };\n\n  const onOpenLibrary = () => {\n    setOpenIconLibrary(true);\n  };\n\n  const handleIconSelect = (icon) => {\n    const updateddisplayedIcon = { ...props.displayedIcon };\n    updateddisplayedIcon.name = icon.id;\n    updateddisplayedIcon.type = icon.type || null;\n    setDisplayedIcon(updateddisplayedIcon);\n    closeIconLibrary();\n  };\n\n  const initialValues = useMemo(() => {\n    return {\n      name: isEdit ? selectedVertical?.name : ''\n    };\n  }, [associatedProducts, selectedVertical, isEdit]);\n\n  return (\n    <>\n      <SideSheet\n        open={open}\n        onClose={() => closeSidesheet()}\n        width={400}\n        title={props.title}\n        // buttonLabel={\"Create\"}\n        // onSubmit={handleSubmit}\n      >\n        <Form\n          ref={formRef}\n          onSubmit={handleSubmit}\n          initialValues={initialValues}\n        >\n          <div style={{ display: 'flex' }}>\n            <Field\n              ref={nameRef}\n              component={TextField}\n              label={t('Name')}\n              id='name'\n              name='name'\n              variant='outlined'\n              size='small'\n              required={true}\n              style={{ marginTop: 8 }}\n            />\n\n            <IconButton onClick={onOpenLibrary}>\n              {displayedIcon && (\n                <UnityFluentIcon\n                  type={displayedIcon?.type}\n                  icon={\n                    displayedIcon?.type === 'unity'\n                      ? getUnityIconFromName(displayedIcon?.name)\n                      : getIconFromName(displayedIcon?.name)\n                  }\n                />\n              )}\n            </IconButton>\n          </div>\n          <AmbientGridTemplate\n            data={products}\n            title={t('Products')}\n            loading={loading}\n            height={'calc(100vh - 300px)'}\n            hideGroupTab\n            hideColumnTab\n            disablePagination\n            hideFitGrid\n            hideExpandGrid\n            hideExportGrid\n            hideRemoveFilters\n            hideFilterTab\n            {...gridOptions}\n          />\n          <FormButtons>\n            <SubmitButton\n              variant='contained'\n              color='secondary'\n              marginTop={'50px'}\n              disabled={false}\n              disablePristine={false}\n            >\n              {t(isEdit ? 'Update' : 'Create')}\n            </SubmitButton>\n          </FormButtons>\n          {loading && <LinearProgress />}\n        </Form>\n      </SideSheet>\n      <SideSheet\n        open={openIconLibrary}\n        onClose={closeIconLibrary}\n        title={t('Icon Library')}\n        width={'100%'}\n        anchor='bottom'\n      >\n        <IconLibrary\n          addItem={handleIconSelect}\n          selectedIconName={displayedIcon?.name}\n          title={t('Select Icon')}\n        />\n      </SideSheet>\n    </>\n  );\n};\n\nexport default UdpVerticalManagementSidesheet;\n"],"mappings":"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"}

package/dist/UnityFluentIcon-CZlFXb6G.js

@@ -0,0 +1,70 @@
+import { t as FluentIcon } from "./FluentIcon-pwGrBtD8.js";
+import React from "react";
+import { makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+
+//#region src/utilities/iconLibrary/UnityIcon.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		fill: (props) => props.color || "black"
+	},
+	showcase: {
+		fontSize: 38,
+		width: 38,
+		height: 38
+	},
+	large: {
+		fontSize: 20,
+		width: 20,
+		height: 20
+	},
+	default: {
+		fontSize: 18,
+		width: 18,
+		height: 18
+	},
+	medium: {
+		fontSize: 16,
+		width: 16,
+		height: 16
+	},
+	small: {
+		fontSize: 14,
+		width: 14,
+		height: 14
+	},
+	xs: {
+		fontSize: 12,
+		width: 12,
+		height: 12
+	}
+}));
+const UnityIcon = (props) => {
+	const { component, size = "default", className, ...otherProps } = props;
+	const classes = useStyles(props);
+	return /* @__PURE__ */ React.createElement("div", {
+		...otherProps,
+		className: clsx(classes.root, className, classes[size])
+	}, component);
+};
+
+//#endregion
+//#region src/utilities/iconLibrary/UnityFluentIcon.jsx
+const UnityFluentIcon = (props) => {
+	const { type, icon, color, ...other } = props;
+	if (!icon) return null;
+	return type === "unity" ? /* @__PURE__ */ React.createElement(UnityIcon, {
+		component: icon,
+		color,
+		...other
+	}) : /* @__PURE__ */ React.createElement(FluentIcon, {
+		component: icon,
+		style: { color: color || "" },
+		...other
+	});
+};
+
+//#endregion
+export { UnityIcon as n, UnityFluentIcon as t };
+//# sourceMappingURL=UnityFluentIcon-CZlFXb6G.js.map

package/dist/UnityFluentIcon-CZlFXb6G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnityFluentIcon-CZlFXb6G.js","names":[],"sources":["../src/utilities/iconLibrary/UnityIcon.jsx","../src/utilities/iconLibrary/UnityFluentIcon.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    fill: (props) => props.color || 'black'\n  },\n  showcase: {\n    fontSize: 38,\n    width: 38,\n    height: 38\n  },\n  large: {\n    fontSize: 20,\n    width: 20,\n    height: 20\n  },\n  default: {\n    fontSize: 18,\n    width: 18,\n    height: 18\n  },\n  medium: {\n    fontSize: 16,\n    width: 16,\n    height: 16\n  },\n  small: {\n    fontSize: 14,\n    width: 14,\n    height: 14\n  },\n  xs: {\n    fontSize: 12,\n    width: 12,\n    height: 12\n  }\n}));\n\nexport const UnityIcon = (props) => {\n  const { component, size = 'default', className, ...otherProps } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div\n      {...otherProps}\n      className={clsx(classes.root, className, classes[size])}\n    >\n      {component}\n    </div>\n  );\n};\n","import React from 'react';\nimport { UnityIcon } from './UnityIcon';\nimport { FluentIcon } from './FluentIcon';\n\nexport const UnityFluentIcon = (props) => {\n  const { type, icon, color, ...other } = props;\n\n  if (!icon) {\n    return null;\n  }\n\n  return type === 'unity' ? (\n    <UnityIcon component={icon} color={color} {...other} />\n  ) : (\n    <FluentIcon component={icon} style={{ color: color || '' }} {...other} />\n  );\n};\n"],"mappings":";;;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,OAAO,UAAU,MAAM,SAAS;EACjC;CACD,UAAU;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,OAAO;EACL,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,SAAS;EACP,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,QAAQ;EACN,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,OAAO;EACL,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,IAAI;EACF,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACF,EAAE;AAEH,MAAa,aAAa,UAAU;CAClC,MAAM,EAAE,WAAW,OAAO,WAAW,WAAW,GAAG,eAAe;CAClE,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC;EACC,GAAI;EACJ,WAAW,KAAK,QAAQ,MAAM,WAAW,QAAQ,MAAM;IAEtD,UACG;;;;;AC/CV,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,MAAM,MAAM,OAAO,GAAG,UAAU;AAExC,KAAI,CAAC,KACH,QAAO;AAGT,QAAO,SAAS,UACd,oCAAC;EAAU,WAAW;EAAa;EAAO,GAAI;GAAS,GAEvD,oCAAC;EAAW,WAAW;EAAM,OAAO,EAAE,OAAO,SAAS,IAAI;EAAE,GAAI;GAAS"}

package/dist/UnityIconLibrary-Oxecc912.js

@@ -0,0 +1,44 @@
+import React from "react";
+import SewerUrl from "./assets/unityIcons/Sewer.svg";
+import WaterDropUrl from "./assets/unityIcons/WaterDrop.svg";
+
+//#region src/utilities/iconLibrary/SvgIcon.tsx
+const SvgIcon = ({ src, alt = "", size, width, height, className, style }) => {
+	const resolvedWidth = width ?? size;
+	const resolvedHeight = height ?? size;
+	return /* @__PURE__ */ React.createElement("img", {
+		src,
+		alt,
+		width: resolvedWidth,
+		height: resolvedHeight,
+		className,
+		style
+	});
+};
+
+//#endregion
+//#region src/utilities/iconLibrary/UnityIconLibrary.jsx
+const unityIcons = [{
+	id: "WaterDropIcon",
+	label: "Water Drop",
+	icon: /* @__PURE__ */ React.createElement(SvgIcon, {
+		src: WaterDropUrl,
+		alt: "Water Drop"
+	}),
+	type: "unity"
+}, {
+	id: "SewerIcon",
+	label: "Sewer",
+	icon: /* @__PURE__ */ React.createElement(SvgIcon, {
+		src: SewerUrl,
+		alt: "Sewer"
+	}),
+	type: "unity"
+}];
+const getUnityIconFromName = (name) => {
+	return unityIcons.find((icon) => icon.id === name)?.icon || null;
+};
+
+//#endregion
+export { unityIcons as n, SvgIcon as r, getUnityIconFromName as t };
+//# sourceMappingURL=UnityIconLibrary-Oxecc912.js.map

package/dist/UnityIconLibrary-Oxecc912.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnityIconLibrary-Oxecc912.js","names":[],"sources":["../src/utilities/iconLibrary/SvgIcon.tsx","../src/utilities/iconLibrary/UnityIconLibrary.jsx"],"sourcesContent":["import React from 'react';\n\nexport type SvgIconProps = {\n  src: string;\n  alt?: string;\n  size?: number | string;\n  width?: number | string;\n  height?: number | string;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nexport const SvgIcon: React.FC<SvgIconProps> = ({\n  src,\n  alt = '',\n  size,\n  width,\n  height,\n  className,\n  style,\n}) => {\n  const resolvedWidth = width ?? size;\n  const resolvedHeight = height ?? size;\n  return (\n    <img\n      src={src}\n      alt={alt}\n      width={resolvedWidth as any}\n      height={resolvedHeight as any}\n      className={className}\n      style={style}\n    />\n  );\n};\n\nexport default SvgIcon;\n","import React from 'react';\nimport SewerUrl from '../../assets/unityIcons/Sewer.svg';\nimport WaterDropUrl from '../../assets/unityIcons/WaterDrop.svg';\nimport { SvgIcon } from './SvgIcon';\nexport const unityIcons = [\n  {\n    id: 'WaterDropIcon',\n    label: 'Water Drop',\n  icon: <SvgIcon src={WaterDropUrl} alt=\"Water Drop\" />,\n    type: 'unity',\n  },\n  {\n    id: 'SewerIcon',\n    label: 'Sewer',\n  icon: <SvgIcon src={SewerUrl} alt=\"Sewer\" />,\n    type: 'unity',\n  },\n];\n\nexport const getUnityIconFromName = name => {\n  const foundIcon = unityIcons.find(icon => icon.id === name);\n  return foundIcon?.icon || null;\n};\n"],"mappings":";;;;;AAYA,MAAa,WAAmC,EAC9C,KACA,MAAM,IACN,MACA,OACA,QACA,WACA,YACI;CACJ,MAAM,gBAAgB,SAAS;CAC/B,MAAM,iBAAiB,UAAU;AACjC,QACE,oCAAC;EACM;EACA;EACL,OAAO;EACP,QAAQ;EACG;EACJ;GACP;;;;;AC3BN,MAAa,aAAa,CACxB;CACE,IAAI;CACJ,OAAO;CACT,MAAM,oCAAC;EAAQ,KAAK;EAAc,KAAI;GAAe;CACnD,MAAM;CACP,EACD;CACE,IAAI;CACJ,OAAO;CACT,MAAM,oCAAC;EAAQ,KAAK;EAAU,KAAI;GAAU;CAC1C,MAAM;CACP,CACF;AAED,MAAa,wBAAuB,SAAQ;AAE1C,QADkB,WAAW,MAAK,SAAQ,KAAK,OAAO,KAAK,EACzC,QAAQ"}

package/dist/UnitySessionStorage-BAkY2Zs1.js

@@ -0,0 +1,19 @@
+//#region src/utilities/storage/UnitySessionStorage.js
+const TenantStorageKey = "active-tenant";
+const storeInitialTenant = () => {
+	const urlTenantId = new URLSearchParams(window.location.search).get("tenantId");
+	if (urlTenantId) storeTenant(urlTenantId);
+};
+const storeTenant = (tenantId) => {
+	window.sessionStorage.setItem(TenantStorageKey, tenantId);
+};
+const getStoredTenant = () => {
+	return window.sessionStorage.getItem(TenantStorageKey);
+};
+const clearStoredTenant = () => {
+	window.sessionStorage.removeItem(TenantStorageKey);
+};
+
+//#endregion
+export { storeTenant as i, getStoredTenant as n, storeInitialTenant as r, clearStoredTenant as t };
+//# sourceMappingURL=UnitySessionStorage-BAkY2Zs1.js.map

package/dist/UnitySessionStorage-BAkY2Zs1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitySessionStorage-BAkY2Zs1.js","names":[],"sources":["../src/utilities/storage/UnitySessionStorage.js"],"sourcesContent":["const TenantStorageKey = 'active-tenant';\n\nexport const storeInitialTenant = () => {\n  const urlParams = new URLSearchParams(window.location.search);\n  const urlTenantId = urlParams.get('tenantId');\n\n  if (urlTenantId) {\n    storeTenant(urlTenantId);\n  }\n};\n\nexport const storeTenant = (tenantId) => {\n  window.sessionStorage.setItem(TenantStorageKey, tenantId);\n};\n\nexport const getStoredTenant = () => {\n  return window.sessionStorage.getItem(TenantStorageKey);\n};\n\nexport const clearStoredTenant = () => {\n  window.sessionStorage.removeItem(TenantStorageKey);\n};\n"],"mappings":";AAAA,MAAM,mBAAmB;AAEzB,MAAa,2BAA2B;CAEtC,MAAM,cADY,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAC/B,IAAI,WAAW;AAE7C,KAAI,YACF,aAAY,YAAY;;AAI5B,MAAa,eAAe,aAAa;AACvC,QAAO,eAAe,QAAQ,kBAAkB,SAAS;;AAG3D,MAAa,wBAAwB;AACnC,QAAO,OAAO,eAAe,QAAQ,iBAAiB;;AAGxD,MAAa,0BAA0B;AACrC,QAAO,eAAe,WAAW,iBAAiB"}