udp-react-enterprise-component-library 25.16.2 → 25.18.1-alpha.1

package/dist/UnityFluentIcon-DrASIcTF.js

@@ -0,0 +1,70 @@
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.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-DrASIcTF.js.map

package/dist/UnityFluentIcon-DrASIcTF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnityFluentIcon-DrASIcTF.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-CjIwzfjv.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-CjIwzfjv.js.map

package/dist/UnityIconLibrary-CjIwzfjv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnityIconLibrary-CjIwzfjv.js","names":["SvgIcon: React.FC<SvgIconProps>"],"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,MAAaA,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-CUDx9YWR.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-CUDx9YWR.js.map

package/dist/UnitySessionStorage-CUDx9YWR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitySessionStorage-CUDx9YWR.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"}

package/dist/UserForm-B6ZnlAzg.js

@@ -0,0 +1,347 @@
+import { t as Form$1 } from "./Form-DbOA5j38.js";
+import { t as Field$1 } from "./Field-Cda5rJe2.js";
+import { n as SubmitButton, t as FormButtons } from "./FormButtons-BTCO-pzW.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-5Hp3qpk6.js";
+import { t as ADUserTypeEnums } from "./unitySystemEnums-DtVX3A-I.js";
+import { t as useAxiosGet } from "./useAxiosGet-C07WOUWO.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Checkbox, Divider, FormControl, FormControlLabel, FormLabel, IconButton, InputAdornment, LinearProgress, Radio, RadioGroup, TextField, makeStyles } from "@material-ui/core";
+import { useForm } from "react-final-form";
+import { useTranslation } from "react-i18next";
+import { Visibility, VisibilityOff } from "@material-ui/icons";
+
+//#region src/shell/ui/addUser/PasswordValidator.jsx
+const validatePassword = (password, lengthRestriction = 0, upperCaseRestriction = false, specialCharacterRestriction = false, numberRestriction = false, lowerCaseRestriction = false) => {
+	let issues = [];
+	if (!password) return [];
+	if (lengthRestriction && password.length < lengthRestriction) issues.push(`Password must be at least ${lengthRestriction} characters long.`);
+	if (upperCaseRestriction && !/[A-Z]/.test(password)) issues.push("Password must contain at least one uppercase letter.");
+	if (specialCharacterRestriction && !/[!@#$%^&*(),.?":{}|<>]/.test(password)) issues.push("Password must contain at least one special character.");
+	if (numberRestriction && !/\d/.test(password)) issues.push("Password must contain at least one number.");
+	if (lowerCaseRestriction && !/[a-z]/.test(password)) issues.push("Password must contain at least one lowercase letter.");
+	return issues;
+};
+const isPasswordValid = (password, lengthRestriction = 0, upperCaseRestriction = false, specialCharacterRestriction = false, numberRestriction = false, lowerCaseRestriction = false) => {
+	return validatePassword(password, lengthRestriction, upperCaseRestriction, specialCharacterRestriction, numberRestriction, lowerCaseRestriction).length === 0;
+};
+const PasswordValidator = ({ password, lengthRestriction, upperCaseRestriction, specialCharacterRestriction, numberRestriction, lowerCaseRestriction }) => {
+	const issues = useMemo(() => validatePassword(password, lengthRestriction, upperCaseRestriction, specialCharacterRestriction, numberRestriction, lowerCaseRestriction), [password]);
+	return issues?.length && password?.length ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { style: { color: "red" } }, issues.map((issue, index) => /* @__PURE__ */ React.createElement(React.Fragment, null, issue, /* @__PURE__ */ React.createElement("br", null))))) : null;
+};
+var PasswordValidator_default = PasswordValidator;
+
+//#endregion
+//#region src/shell/ui/addUser/UserFormFields.jsx
+const removeWhiteSpace = (str) => {
+	if (!str) return "";
+	return str.replace(/\s/g, "");
+};
+const useStyles$1 = makeStyles((theme) => ({
+	field: { marginBottom: theme.spacing(2) },
+	selectors: {
+		display: "flex",
+		flexDirection: "row",
+		marginBottom: theme.spacing(1)
+	},
+	alert: {
+		marginTop: theme.spacing(-2),
+		marginBottom: theme.spacing(2)
+	},
+	accountDisabledCheckbox: { height: "auto" },
+	accountDisabledCheckboxLabel: { marginTop: theme.spacing(1) },
+	creationMethodGroup: {
+		marginBottom: theme.spacing(2),
+		flexDirection: "row"
+	}
+}));
+const UserFormFields = (props) => {
+	const { editedUser, rolesData, showRolesField = true, handlePasswordTypeChange, passwordType, creationMethod, handleCreationMethodChange } = props;
+	const classes = useStyles$1();
+	const user = useUser();
+	const [showPassword, setShowPassword] = useState(false);
+	const form = useForm();
+	const { t } = useTranslation();
+	const roles = useMemo(() => {
+		if (!rolesData) return [];
+		rolesData.forEach((r) => {
+			r.label = r.name;
+			r.value = r.name;
+		});
+		return rolesData.sort((a, b) => a.label.localeCompare(b.label)).sort((a, b) => a.productName.localeCompare(b.productName));
+	}, [rolesData]);
+	const handleClickShowPassword = useCallback(() => {
+		setShowPassword(!showPassword);
+	}, [showPassword]);
+	useEffect(() => {
+		if (editedUser) {
+			form.change("givenName", editedUser.givenName);
+			form.change("surname", editedUser.surname);
+			form.change("jobTitle", editedUser.jobTitle);
+			form.change("location", editedUser.location);
+			form.change("mobilePhone", editedUser.mobilePhone);
+			form.change("officePhone", editedUser.officePhone);
+		}
+	}, [editedUser, form]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, editedUser && /* @__PURE__ */ React.createElement(Field$1, {
+		component: TextField,
+		label: t("Unity ID"),
+		id: "unity-id",
+		udprecordid: "udpRecord-UserFormFields-unity-id",
+		name: "unityId",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "normal",
+		size: "small",
+		initialValue: editedUser?.userId,
+		disabled: true
+	}), !editedUser && /* @__PURE__ */ React.createElement(FormControl, {
+		component: "fieldset",
+		fullWidth: true
+	}, /* @__PURE__ */ React.createElement(FormLabel, { component: "legend" }, t("Creation Method")), /* @__PURE__ */ React.createElement(RadioGroup, {
+		"aria-label": "creation-method",
+		name: "creation-method",
+		value: creationMethod,
+		onChange: handleCreationMethodChange,
+		className: classes.creationMethodGroup
+	}, /* @__PURE__ */ React.createElement(FormControlLabel, {
+		value: "standard",
+		control: /* @__PURE__ */ React.createElement(Radio, null),
+		label: t("Standard (Create & Password)")
+	}), /* @__PURE__ */ React.createElement(FormControlLabel, {
+		value: "invite",
+		control: /* @__PURE__ */ React.createElement(Radio, null),
+		label: t("Invite User (Send Email Link)")
+	}))), /* @__PURE__ */ React.createElement(Field$1, {
+		component: TextField,
+		label: t("First Name"),
+		id: "first-name",
+		udprecordid: "udpRecord-UserFormFields-first-name",
+		name: "givenName",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "normal",
+		size: "small",
+		required: true,
+		initialValue: editedUser?.givenName,
+		disabled: !user.can.CAN_MANAGE_USERS
+	}), /* @__PURE__ */ React.createElement(Field$1, {
+		component: TextField,
+		label: t("Last Name"),
+		id: "last-name",
+		udprecordid: "udpRecord-UserFormFields-last-name",
+		name: "surname",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "normal",
+		size: "small",
+		required: true,
+		initialValue: editedUser?.surname,
+		disabled: !user.can.CAN_MANAGE_USERS
+	}), /* @__PURE__ */ React.createElement(Field$1, {
+		component: TextField,
+		label: t("Email"),
+		id: "email",
+		udprecordid: "udpRecord-UserFormFields-email",
+		name: "email",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "normal",
+		size: "small",
+		required: true,
+		initialValue: editedUser?.email,
+		disabled: editedUser && !user.can.CAN_MODIFY_EMAIL,
+		validate: (value) => {
+			if (!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value) || 64 < value.split("@")[0].length) return t("Invalid email address");
+		}
+	}), /* @__PURE__ */ React.createElement(Field$1, {
+		component: TextField,
+		label: t("Title"),
+		id: "title",
+		udprecordid: "udpRecord-UserFormFields-title",
+		name: "jobTitle",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "normal",
+		size: "small",
+		initialValue: typeof editedUser?.jobTitle === "string" ? editedUser?.jobTitle.trim() : null,
+		disabled: !user.can.CAN_MANAGE_USERS,
+		parse: (value) => value
+	}), /* @__PURE__ */ React.createElement(Field$1, {
+		component: TextField,
+		label: t("Location"),
+		id: "location",
+		udprecordid: "udpRecord-UserFormFields-location",
+		name: "location",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "normal",
+		size: "small",
+		initialValue: typeof editedUser?.location === "string" ? editedUser?.location.trim() : null,
+		disabled: !user.can.CAN_MANAGE_USERS,
+		parse: (value) => value
+	}), /* @__PURE__ */ React.createElement(Field$1, {
+		component: TextField,
+		label: t("Mobile Phone"),
+		id: "mobile-phone",
+		udprecordid: "udpRecord-UserFormFields-mobile-phone",
+		name: "mobilePhone",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "normal",
+		size: "small",
+		initialValue: removeWhiteSpace(editedUser?.mobilePhone),
+		disabled: !user.can.CAN_MANAGE_USERS || editedUser?.userType === ADUserTypeEnums.Guest,
+		parse: (value) => value
+	}), /* @__PURE__ */ React.createElement(Field$1, {
+		component: TextField,
+		label: t("Office Phone"),
+		id: "office-phone",
+		udprecordid: "udpRecord-UserFormFields-office-phone",
+		name: "officePhone",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "normal",
+		size: "small",
+		initialValue: removeWhiteSpace(editedUser?.officePhone),
+		disabled: !user.can.CAN_MANAGE_USERS || editedUser?.userType === ADUserTypeEnums.Guest,
+		parse: (value) => value
+	}), showRolesField && /* @__PURE__ */ React.createElement(Field$1, {
+		component: FluentTextFieldAutoComplete,
+		label: t("Select Role"),
+		id: "roles",
+		udprecordid: "udpRecord-UserFormFields-roles",
+		name: "roles",
+		fullWidth: true,
+		options: roles || [],
+		textFieldProps: {
+			id: "roles",
+			name: "roles"
+		},
+		optionKey: "label",
+		isMultiple: true,
+		groupBy: (option) => option.productName,
+		required: true
+	}), !editedUser && creationMethod !== "invite" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(RadioGroup, {
+		"aria-labelledby": "password-type",
+		name: "password-type",
+		value: passwordType,
+		onChange: handlePasswordTypeChange
+	}, /* @__PURE__ */ React.createElement(FormControlLabel, {
+		value: "autoGeneratePassword",
+		control: /* @__PURE__ */ React.createElement(Radio, null),
+		label: t("Auto-generate password"),
+		udprecordid: "udpRecord-UserFormFields-auto-generate-password"
+	}), /* @__PURE__ */ React.createElement(FormControlLabel, {
+		value: "createPassword",
+		control: /* @__PURE__ */ React.createElement(Radio, null),
+		label: t("Let me create the password"),
+		udprecordid: "udpRecord-UserFormFields-create-password"
+	})), passwordType === "createPassword" && /* @__PURE__ */ React.createElement(Field$1, {
+		component: TextField,
+		label: t("Password"),
+		id: "passwordProfile",
+		udprecordid: "udpRecord-UserFormFields-passwordProfile",
+		name: "passwordProfile",
+		type: showPassword ? "text" : "password",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "normal",
+		size: "small",
+		autoComplete: "new-password",
+		validate: (value) => !isPasswordValid(value, 8, true, true, true, true) && /* @__PURE__ */ React.createElement(PasswordValidator_default, {
+			password: value,
+			numberRestriction: true,
+			lowerCaseRestriction: true,
+			upperCaseRestriction: true,
+			lengthRestriction: 8,
+			specialCharacterRestriction: true
+		}),
+		InputProps: { endAdornment: /* @__PURE__ */ React.createElement(InputAdornment, { position: "end" }, /* @__PURE__ */ React.createElement(IconButton, {
+			"aria-label": "toggle password visibility",
+			onClick: handleClickShowPassword
+		}, showPassword ? /* @__PURE__ */ React.createElement(Visibility, null) : /* @__PURE__ */ React.createElement(VisibilityOff, null))) }
+	})), !editedUser && creationMethod !== "invite" && /* @__PURE__ */ React.createElement(FormControlLabel, {
+		className: classes.accountDisabledCheckboxLabel,
+		label: t("Do not activate account and do not send a welcome email."),
+		control: /* @__PURE__ */ React.createElement(Field$1, {
+			component: Checkbox,
+			id: "account-disabled",
+			udprecordid: "udpRecord-UserFormFields-account-disabled",
+			name: "locked",
+			type: "checkbox",
+			disabled: !user.can.CAN_MANAGE_USERS,
+			classes
+		})
+	}));
+};
+var UserFormFields_default = UserFormFields;
+
+//#endregion
+//#region src/shell/ui/addUser/UserForm.jsx
+const useStyles = makeStyles((theme) => ({
+	divider: {
+		marginTop: theme.spacing(2),
+		marginBottom: theme.spacing(2)
+	},
+	loadingBar: {
+		bottom: theme.spacing(-2),
+		marginLeft: theme.spacing(-2),
+		marginRight: theme.spacing(-2)
+	}
+}));
+const UserForm = (props) => {
+	const { submitUser, editedUser, creatingUser, tenant, updateCreatedUser, showRolesField = true } = props;
+	const classes = useStyles();
+	const user = useUser();
+	const [passwordType, setPasswordType] = useState("autoGeneratePassword");
+	const [creationMethod, setCreationMethod] = useState("standard");
+	const { t } = useTranslation();
+	const [{ data: rolesData }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `roles?userId=${user.id}&tenantId=${tenant?.tenantId}`, {}, !!!tenant, false);
+	const handlePasswordTypeChange = useCallback((event) => {
+		setPasswordType(event.target.value);
+	}, []);
+	const handleCreationMethodChange = useCallback((event) => {
+		setCreationMethod(event.target.value);
+	}, []);
+	const handleSubmitUser = useCallback((values) => {
+		if (submitUser) {
+			if (creationMethod === "invite") {
+				values.isInvite = true;
+				values.passwordProfile = null;
+			} else if (passwordType === "autoGeneratePassword") values.passwordProfile = null;
+			if (updateCreatedUser && editedUser) updateCreatedUser(values);
+			else submitUser(values);
+		}
+	}, [
+		submitUser,
+		passwordType,
+		creationMethod,
+		updateCreatedUser,
+		editedUser
+	]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Form$1, { onSubmit: handleSubmitUser }, /* @__PURE__ */ React.createElement(UserFormFields_default, {
+		rolesData,
+		editedUser,
+		showRolesField,
+		handlePasswordTypeChange,
+		passwordType,
+		creationMethod,
+		handleCreationMethodChange
+	}), user.can.CAN_MANAGE_USERS && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, null)), /* @__PURE__ */ React.createElement(FormButtons, null, /* @__PURE__ */ React.createElement(SubmitButton, {
+		variant: "contained",
+		color: "primary",
+		disablePristine: false,
+		disabled: creatingUser,
+		udprecordid: "udpRecord-UserFormFields-submit"
+	}, editedUser ? t("Update") : creationMethod === "invite" ? t("Send Invite") : t("Create"))))), creatingUser && /* @__PURE__ */ React.createElement(LinearProgress, {
+		className: classes.loadingBar,
+		color: "secondary"
+	}));
+};
+var UserForm_default = UserForm;
+
+//#endregion
+export { UserForm_default as n, isPasswordValid as r, UserForm as t };
+//# sourceMappingURL=UserForm-B6ZnlAzg.js.map

package/dist/UserForm-B6ZnlAzg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserForm-B6ZnlAzg.js","names":["useStyles","Field","PasswordValidator","Form","UserFormFields"],"sources":["../src/shell/ui/addUser/PasswordValidator.jsx","../src/shell/ui/addUser/UserFormFields.jsx","../src/shell/ui/addUser/UserForm.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nconst validatePassword = (\n  password,\n  lengthRestriction = 0,\n  upperCaseRestriction = false,\n  specialCharacterRestriction = false,\n  numberRestriction = false,\n  lowerCaseRestriction = false\n) => {\n  let issues = [];\n  if(!password) return [];\n  if (lengthRestriction && password.length < lengthRestriction) {\n    issues.push(\n      `Password must be at least ${lengthRestriction} characters long.`\n    );\n  }\n  if (upperCaseRestriction && !/[A-Z]/.test(password)) {\n    issues.push('Password must contain at least one uppercase letter.');\n  }\n  if (specialCharacterRestriction && !/[!@#$%^&*(),.?\":{}|<>]/.test(password)) {\n    issues.push('Password must contain at least one special character.');\n  }\n  if (numberRestriction && !/\\d/.test(password)) {\n    issues.push('Password must contain at least one number.');\n  }\n  if (lowerCaseRestriction && !/[a-z]/.test(password)) {\n    issues.push('Password must contain at least one lowercase letter.');\n  }\n  return issues;\n};\nexport const isPasswordValid = (\n  password,\n  lengthRestriction = 0,\n  upperCaseRestriction = false,\n  specialCharacterRestriction = false,\n  numberRestriction = false,\n  lowerCaseRestriction = false\n) => {\n  return (\n    validatePassword(\n      password,\n      lengthRestriction,\n      upperCaseRestriction,\n      specialCharacterRestriction,\n      numberRestriction,\n      lowerCaseRestriction\n    ).length === 0\n  );\n};\nconst PasswordValidator = ({\n  password,\n  lengthRestriction,\n  upperCaseRestriction,\n  specialCharacterRestriction,\n  numberRestriction,\n  lowerCaseRestriction,\n}) => {\n  const issues = useMemo(\n    () =>\n      validatePassword(\n        password,\n        lengthRestriction,\n        upperCaseRestriction,\n        specialCharacterRestriction,\n        numberRestriction,\n        lowerCaseRestriction\n      ),\n    [password]\n  );\n\n  return issues?.length && password?.length ? (\n    <div>\n      <p style={{ color: 'red' }}>\n        {issues.map((issue, index) => (\n          <>\n            {issue}\n            <br />\n          </>\n        ))}\n      </p>\n    </div>\n  ) : null;\n};\n\nexport default PasswordValidator;\n","import {\n  Checkbox,\n  FormControlLabel,\n  makeStyles,\n  TextField,\n  RadioGroup,\n  Radio,\n  InputAdornment,\n  IconButton,\n  FormControl,\n  FormLabel\n} from '@material-ui/core';\nimport React, { useState, useMemo, useCallback, useEffect } from 'react';\nimport { ADUserTypeEnums } from '../../../enums/unitySystemEnums';\nimport { useUser } from '../../../utilities/auth/useUser';\nimport { Field } from '../../../utilities/form/Field';\nimport { Visibility, VisibilityOff } from '@material-ui/icons';\nimport { useForm } from 'react-final-form';\nimport PasswordValidator, { isPasswordValid } from './PasswordValidator';\nimport { useTranslation } from 'react-i18next';\nimport { FluentTextFieldAutoComplete } from '../../../UI/inputs/textField/FluentTextFieldAutoComplete';\n\n\nconst removeWhiteSpace = str => {\n  if (!str) {\n    return '';\n  }\n  return str.replace(/\\s/g, '');\n};\n\n\n\nconst useStyles = makeStyles(theme => ({\n  field: {\n    marginBottom: theme.spacing(2),\n  },\n  selectors: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginBottom: theme.spacing(1),\n  },\n  alert: {\n    marginTop: theme.spacing(-2),\n    marginBottom: theme.spacing(2),\n  },\n  accountDisabledCheckbox: {\n    height: 'auto',\n  },\n  accountDisabledCheckboxLabel: {\n    marginTop: theme.spacing(1),\n  },\n  creationMethodGroup: {\n    marginBottom: theme.spacing(2),\n    flexDirection: 'row',\n  },\n}));\n\n\nconst UserFormFields = props => {\n  const {\n    editedUser,\n    rolesData,\n    showRolesField = true,\n    handlePasswordTypeChange,\n    passwordType,\n    creationMethod,\n    handleCreationMethodChange,\n  } = props;\n  const classes = useStyles();\n  const user = useUser();\n  const [showPassword, setShowPassword] = useState(false);\n  const form = useForm();\n  const { t } = useTranslation();\n\n  const roles = useMemo(() => {\n    if (!rolesData) {\n      return [];\n    }\n    rolesData.forEach(r => {\n      r.label = r.name;\n      r.value = r.name;\n    });\n    return rolesData\n      .sort((a, b) => a.label.localeCompare(b.label))\n      .sort((a, b) => a.productName.localeCompare(b.productName));\n  }, [rolesData]);\n\n\n  const handleClickShowPassword = useCallback(() => {\n    setShowPassword(!showPassword);\n  }, [showPassword]);\n\n  useEffect(() => {\n    if (editedUser) {\n      form.change('givenName', editedUser.givenName);\n      form.change('surname', editedUser.surname);\n      form.change('jobTitle', editedUser.jobTitle);\n      form.change('location', editedUser.location);\n      form.change('mobilePhone', editedUser.mobilePhone);\n      form.change('officePhone', editedUser.officePhone);\n    }\n  }, [editedUser, form]);\n\n  return (\n    <>\n      {editedUser && (\n        <Field\n          component={TextField}\n          label={t(\"Unity ID\")}\n          id=\"unity-id\"\n          udprecordid=\"udpRecord-UserFormFields-unity-id\"\n          name=\"unityId\"\n          fullWidth\n          variant=\"outlined\"\n          margin=\"normal\"\n          size=\"small\"\n          initialValue={\n             editedUser?.userId\n          }\n          disabled={true}\n        />\n      )}\n\n      {!editedUser && (\n         <FormControl component=\"fieldset\" fullWidth>\n           <FormLabel component=\"legend\">{t(\"Creation Method\")}</FormLabel>\n           <RadioGroup\n             aria-label=\"creation-method\"\n             name=\"creation-method\"\n             value={creationMethod}\n             onChange={handleCreationMethodChange}\n             className={classes.creationMethodGroup}\n           >\n             <FormControlLabel value=\"standard\" control={<Radio />} label={t(\"Standard (Create & Password)\")} />\n             <FormControlLabel value=\"invite\" control={<Radio />} label={t(\"Invite User (Send Email Link)\")} />\n           </RadioGroup>\n         </FormControl>\n      )}\n\n      <Field\n        component={TextField}\n        label={t(\"First Name\")}\n        id=\"first-name\"\n        udprecordid=\"udpRecord-UserFormFields-first-name\"\n        name=\"givenName\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        required\n        initialValue={editedUser?.givenName}\n        disabled={!user.can.CAN_MANAGE_USERS}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Last Name\")}\n        id=\"last-name\"\n        udprecordid=\"udpRecord-UserFormFields-last-name\"\n        name=\"surname\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        required\n        initialValue={editedUser?.surname}\n        disabled={!user.can.CAN_MANAGE_USERS}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Email\")}\n        id=\"email\"\n        udprecordid=\"udpRecord-UserFormFields-email\"\n        name=\"email\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        required\n        initialValue={editedUser?.email}\n        disabled={editedUser && !user.can.CAN_MODIFY_EMAIL}\n        validate={value => {\n          if (\n            !/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(\n              value\n            ) ||\n            64 < value.split('@')[0].length\n          ) {\n            return t('Invalid email address');\n          }\n        }}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Title\")}\n        id=\"title\"\n        udprecordid=\"udpRecord-UserFormFields-title\"\n        name=\"jobTitle\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={\n          typeof editedUser?.jobTitle === 'string'\n            ? editedUser?.jobTitle.trim()\n            : null\n        }\n        disabled={!user.can.CAN_MANAGE_USERS}\n        parse={value => value} // makes empty string values get added to form submission object\n      />\n      <Field\n        component={TextField}\n        label={t(\"Location\")}\n        id=\"location\"\n        udprecordid=\"udpRecord-UserFormFields-location\"\n        name=\"location\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={\n          typeof editedUser?.location === 'string'\n            ? editedUser?.location.trim()\n            : null\n        }\n        disabled={!user.can.CAN_MANAGE_USERS}\n        parse={value => value}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Mobile Phone\")}\n        id=\"mobile-phone\"\n        udprecordid=\"udpRecord-UserFormFields-mobile-phone\"\n        name=\"mobilePhone\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={removeWhiteSpace(editedUser?.mobilePhone)}\n        disabled={\n          !user.can.CAN_MANAGE_USERS ||\n          editedUser?.userType === ADUserTypeEnums.Guest\n        }\n        parse={value => value}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Office Phone\")}\n        id=\"office-phone\"\n        udprecordid=\"udpRecord-UserFormFields-office-phone\"\n        name=\"officePhone\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={removeWhiteSpace(editedUser?.officePhone)}\n        disabled={\n          !user.can.CAN_MANAGE_USERS ||\n          editedUser?.userType === ADUserTypeEnums.Guest\n        }\n        parse={value => value}\n      />\n      {showRolesField && (\n        <Field\n          component={FluentTextFieldAutoComplete}\n          label={t(\"Select Role\")}\n          id=\"roles\"\n          udprecordid=\"udpRecord-UserFormFields-roles\"\n          name=\"roles\"\n          fullWidth\n          options={roles || []}\n          textFieldProps={{\n            id: 'roles',\n            name: 'roles',\n          }}\n          optionKey={'label'}\n          isMultiple={true}\n          groupBy={(option) => option.productName}\n          required\n        />\n      )}\n      {!editedUser && creationMethod !== 'invite' && (\n        <>\n          <RadioGroup\n            aria-labelledby=\"password-type\"\n            name=\"password-type\"\n            value={passwordType}\n            onChange={handlePasswordTypeChange}\n          >\n            <FormControlLabel\n              value=\"autoGeneratePassword\"\n              control={<Radio />}\n              label={t(\"Auto-generate password\")}\n              udprecordid=\"udpRecord-UserFormFields-auto-generate-password\"\n            />\n            <FormControlLabel\n              value=\"createPassword\"\n              control={<Radio />}\n              label={t(\"Let me create the password\")}\n              udprecordid=\"udpRecord-UserFormFields-create-password\"\n            />\n          </RadioGroup>\n          {passwordType === 'createPassword' && (\n            <Field\n              component={TextField}\n              label={t(\"Password\")}\n              id=\"passwordProfile\"\n              udprecordid=\"udpRecord-UserFormFields-passwordProfile\"\n              name=\"passwordProfile\"\n              type={showPassword ? 'text' : 'password'}\n              fullWidth\n              variant=\"outlined\"\n              margin=\"normal\"\n              size=\"small\"\n              autoComplete=\"new-password\"\n              validate={value =>\n                !isPasswordValid(value, 8, true, true, true, true) && (\n                  <PasswordValidator\n                    password={value}\n                    numberRestriction\n                    lowerCaseRestriction\n                    upperCaseRestriction\n                    lengthRestriction={8}\n                    specialCharacterRestriction\n                  />\n                )\n              }\n              InputProps={{\n                // <-- This is where the toggle button is added.\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      aria-label=\"toggle password visibility\"\n                      onClick={handleClickShowPassword}\n                    >\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              }}\n            />\n          )}\n        </>\n      )}\n      {!editedUser && creationMethod !== 'invite' && (\n        <FormControlLabel\n          className={classes.accountDisabledCheckboxLabel}\n          label={t('Do not activate account and do not send a welcome email.')}\n          control={\n            <Field\n              component={Checkbox}\n              id=\"account-disabled\"\n              udprecordid=\"udpRecord-UserFormFields-account-disabled\"\n              name={'locked'}\n              type=\"checkbox\"\n              disabled={!user.can.CAN_MANAGE_USERS}\n              classes={classes}\n            />\n          }\n        />\n      )}\n    </>\n  );\n};\nexport default UserFormFields;\n","import { Divider, LinearProgress, makeStyles } from '@material-ui/core';\nimport React, { useCallback, useState } from 'react';\nimport { Form } from '../../../utilities/form/Form';\nimport { FormButtons } from '../../../utilities/form/FormButtons';\nimport { SubmitButton } from '../../../utilities/form/SubmitButton';\nimport { useAxiosGet } from '../../../../src/utilities/useAxiosGet';\nimport { useUser } from '../../../../src/utilities/auth/useUser';\nimport UserFormFields from './UserFormFields';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../../../configService';\n\n\nconst useStyles = makeStyles(theme => ({\n  divider: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n  },\n  loadingBar: {\n    bottom: theme.spacing(-2),\n    marginLeft: theme.spacing(-2),\n    marginRight: theme.spacing(-2),\n  },\n}));\n\nexport const UserForm = props => {\n  const {\n    submitUser,\n    editedUser,\n    creatingUser,\n    tenant,\n    updateCreatedUser,\n    showRolesField = true,\n  } = props;\n  const classes = useStyles();\n  const user = useUser();\n  const [passwordType, setPasswordType] = useState('autoGeneratePassword');\n  const [creationMethod, setCreationMethod] = useState('standard'); // 'standard' | 'invite'\n  const { t } = useTranslation();\n\n\n  // GET list of roles\n  const [{ data: rolesData }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `roles?userId=${user.id}&tenantId=${tenant?.tenantId}`,\n    {},\n    !!!tenant,\n    false\n  );\n\n  const handlePasswordTypeChange = useCallback(event => {\n    setPasswordType(event.target.value);\n  }, []);\n\n  const handleCreationMethodChange = useCallback(event => {\n    setCreationMethod(event.target.value);\n  }, []);\n\n  const handleSubmitUser = useCallback(\n    values => {\n      if (submitUser) {\n        if (creationMethod === 'invite') {\n            values.isInvite = true;\n            values.passwordProfile = null;\n        } else if (passwordType === 'autoGeneratePassword') {\n          values.passwordProfile = null;\n        }\n\n        if (updateCreatedUser && editedUser) {\n          updateCreatedUser(values);\n        } else {\n          submitUser(values);\n        }\n      }\n    },\n    [submitUser, passwordType, creationMethod, updateCreatedUser, editedUser]\n  );\n\n  return (\n    <>\n      <Form onSubmit={handleSubmitUser}>\n        <UserFormFields\n          rolesData={rolesData}\n          editedUser={editedUser}\n          showRolesField={showRolesField}\n          handlePasswordTypeChange={handlePasswordTypeChange}\n          passwordType={passwordType}\n          creationMethod={creationMethod}\n          handleCreationMethodChange={handleCreationMethodChange}\n        />\n        {user.can.CAN_MANAGE_USERS && (\n          <>\n            <div className={classes.divider}>\n              <Divider />\n            </div>\n            <FormButtons>\n              <SubmitButton\n                variant=\"contained\"\n                color=\"primary\"\n                disablePristine={false}\n                disabled={creatingUser}\n                udprecordid=\"udpRecord-UserFormFields-submit\"\n              >\n                {editedUser ? t('Update') : (creationMethod === 'invite' ? t('Send Invite') : t('Create'))}\n              </SubmitButton>\n            </FormButtons>\n          </>\n        )}\n      </Form>\n      {creatingUser && (\n        <LinearProgress className={classes.loadingBar} color=\"secondary\" />\n      )}\n    </>\n  );\n};\nexport default UserForm;\n"],"mappings":"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"}

package/dist/UserFormSideSheet-Cmq2hb3N.js

@@ -0,0 +1,101 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-WIR8pqy0.js";
+import { t as apiMutate } from "./useAxiosMutate-DeqKSi5z.js";
+import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
+import { t as useTenant } from "./useTenant-MqKOZve_.js";
+import { n as UserForm_default } from "./UserForm-B6ZnlAzg.js";
+import React, { useCallback, useState } from "react";
+import { useSnackbar } from "notistack";
+import { cloneDeep } from "lodash";
+import { useTranslation } from "react-i18next";
+
+//#region src/shell/ui/addUser/UserFormSideSheet.jsx
+const UserFormSideSheet = ({ open, onClose }) => {
+	const [loading, setLoading] = useState(false);
+	const tenant = useTenant();
+	const { t } = useTranslation();
+	const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();
+	const getUserByEmail = useCallback(async (email) => {
+		return await apiMutate(ConfigService.securityV1ApiUrl, `users/email/${email}`, { method: "get" });
+	}, []);
+	const createUser = useCallback(async (data) => {
+		return await apiMutate(ConfigService.securityV1ApiUrl, `users/${tenant?.activeTenant?.tenantId ?? ""}`, { method: "post" }, data);
+	}, [tenant]);
+	const inviteUser = useCallback(async (data) => {
+		return await apiMutate(ConfigService.securityV1ApiUrl, `users/${tenant?.activeTenant?.tenantId ?? ""}/invite`, { method: "post" }, data);
+	}, [tenant]);
+	const addUserToTenant = useCallback(async (email) => {
+		return await apiMutate(ConfigService.tenantV1ApiUrl, `tenants/${tenant?.activeTenant?.tenantId ?? ""}/${email}`, { method: "post" });
+	}, [tenant]);
+	const updateExistingUser = useCallback(async (data) => {
+		return await apiMutate(ConfigService.securityV1ApiUrl, `users/aad/${data.id}`, { method: "patch" }, data);
+	}, []);
+	const fillInValues = (oldValues, newValues) => {
+		const invalidFields = [
+			"id",
+			"displayName",
+			"mail",
+			"userType",
+			"email",
+			"accountEnabled",
+			"mailNickname",
+			"identities",
+			"password",
+			"passwordProfile",
+			"unityId",
+			"unityDefaultTenantId"
+		];
+		for (let field in oldValues) if (!invalidFields.includes(field)) {
+			if (!oldValues[field]) oldValues[field] = newValues[field];
+		}
+		return oldValues;
+	};
+	const handleSubmit = useCallback(async (values) => {
+		setLoading(true);
+		try {
+			if (values.email) values.email = values.email.toLowerCase().trim();
+			const userExists = (await getUserByEmail(values.email)).data;
+			if (userExists) {
+				await updateExistingUser({ data: fillInValues(cloneDeep(userExists), values) });
+				await addUserToTenant(values.email);
+				handleSuccessSnackbar(t("User has been updated and added to the tenant"));
+			} else if (values.isInvite) {
+				await inviteUser({ data: values });
+				handleSuccessSnackbar(t("User invitation sent successfully"));
+			} else {
+				await createUser({ data: values });
+				handleSuccessSnackbar(t("User has been created successfully"));
+			}
+			onClose();
+		} catch (error) {
+			handleErrorSnackbar(error.message || t("An error occurred, please ensure you are creating a new user"));
+		} finally {
+			setLoading(false);
+		}
+	}, [
+		getUserByEmail,
+		createUser,
+		inviteUser,
+		addUserToTenant,
+		updateExistingUser,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		onClose,
+		t
+	]);
+	return /* @__PURE__ */ React.createElement(SideSheet, {
+		open,
+		onClose,
+		title: t("Add User"),
+		width: 600
+	}, /* @__PURE__ */ React.createElement(UserForm_default, {
+		submitUser: handleSubmit,
+		creatingUser: loading,
+		tenant: tenant?.activeTenant
+	}));
+};
+var UserFormSideSheet_default = UserFormSideSheet;
+
+//#endregion
+export { UserFormSideSheet_default as t };
+//# sourceMappingURL=UserFormSideSheet-Cmq2hb3N.js.map