udp-react-enterprise-component-library 25.18.1-beta.32 → 25.18.1-beta.34

package/dist/UdpVerticalManagementSidesheet-D4WSAtZC.js

@@ -0,0 +1,228 @@
+import { t as Form } from "./Form-DbOA5j38.js";
+import { t as Field } 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 { i as useHandleAxiosSnackbar } from "./apiHelpers-B_cn3sZo.js";
+import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
+import { t as UnityFluentIcon } from "./UnityFluentIcon-DrASIcTF.js";
+import { t as useActionState } from "./useActions-Db2P12NS.js";
+import { S as getIconFromName } from "./TreeUtilities-CujOFOPm.js";
+import { t as getUnityIconFromName } from "./UnityIconLibrary-CjIwzfjv.js";
+import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-d8EoaQH7.js";
+import { t as ActionsRenderer } from "./ActionsRenderer-B1ImXko3.js";
+import { t as FluentCheckbox } from "./FluentCheckbox-CW8pHQ21.js";
+import { t as IconLibrary_default } from "./IconLibrary-t_JfzpS3.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$1 = selectedProductIdsRef.current.map((productId) => ({ productId }));
+		!isEdit ? createVertical({ data: {
+			name: values.name,
+			products: products$1,
+			icon: displayedIconRef?.current.name,
+			EnvironmentId: environment.environmentId,
+			apiPath: "api/v1/vertical/uemCreate"
+		} }) : updateVertical({ data: {
+			name: values.name,
+			products: products$1,
+			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")
+	})));
+};
+var UdpVerticalManagementSidesheet_default = UdpVerticalManagementSidesheet;
+
+//#endregion
+export { UdpVerticalManagementSidesheet_default as t };
+//# sourceMappingURL=UdpVerticalManagementSidesheet-D4WSAtZC.js.map

package/dist/UdpVerticalManagementSidesheet-D4WSAtZC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpVerticalManagementSidesheet-D4WSAtZC.js","names":["products","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":";;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,kCAAkC,UAAU;CAChD,MAAM,EACJ,kBACA,aACA,oBACA,QACA,gBACA,MACA,iBACA,gBACA,UACA,GAAG,eACD;CACJ,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AACzB,iBAAgB;CACpC,MAAM,CAAC,eAAe,oBAAoB,SAAS;EACjD,MAAM;EACN,OAAO;EACP,MAAM;EACP,CAAC;CACF,MAAM,CAAC,UAAU,eAAe,SAAS,EAAE,CAAC;CAC5C,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,MAAM;CAE7D,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,EAAE,CAAC;CAChE,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,EAAE,CAAC;CACxD,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,KAAK;CACtE,MAAM,wBAAwB,QAAQ;AACtC,uBAAsB,UAAU;CAChC,MAAM,mBAAmB,QAAQ;AACjC,kBAAiB,UAAU;CAC3B,MAAM,sBAAsB,QAAQ;AACpC,qBAAoB,UAAU;CAC9B,MAAM,UAAU,QAAQ;CACxB,MAAM,UAAU,QAAQ;CAExB,MAAM,EAAE,qBAAqB,0BAC3B,wBAAwB;CAE1B,MAAM,oBAAoB,EAAE,UAAU,OAAO,IAAI,qBAAqB;EACpE,MAAM,yBAAyB,aAC5B,cAAc;AACb,OAAI,CAAC,OAAQ,QAAO;AACpB,QAAK,IAAI,WAAW,mBAClB,KACE,QAAQ,cAAc,aACtB,QAAQ,eAAe,oBAAoB,QAAQ,WAEnD,QAAO;AAIE,mBAAgB,oBAAoB,QAAQ,KAAK;AAG9D,UAAO;KAET,CAAC,oBAAoB,oBAAoB,CAC1C;EAED,MAAM,wBAAwB,MAAM;AAClC,OAAI,EAAE,OAAO,QACX,wBAAuB,cAAc,CAAC,GAAG,WAAW,GAAG,CAAC;OAExD,wBAAuB,cACrB,UAAU,QAAQ,SAAS,SAAS,GAAG,CACxC;;AAIL,SACE,oCAAC;GAEC,gBAAgB,uBAAuB,GAAG;GAC1C,UAAU;GACV,MAAK;IACL;;CAwBN,MAAM,cAAc,eACX;EACL,qBAAqB;GACnB,iBAAiB;GACjB,kBAAkB;GACnB;EACD,YAAY,CACV;GACE,YAAY;GACZ,OAAO;GACP,cAAc;GACd,qBAAqB,YAAY,EAG/B,IAAI,OAAO,KAAK,WACjB;GACF,EACD;GACE,YAAY,EAAE,eAAe;GAC7B,OAAO;GACP,UAAU;GACX,CACF;EACF,GACD;EAAC;EAAQ;EAAkB;EAAmB,CAC/C;CAED,MAAM,kBAAkB,YACtB,OAAO,UAAU,QAAQ,SACvB,UACE,cAAc,aACd,UACA,EACE,QAAQ,UAAU,QACnB,EACD,KACD,EACH,EAAE,CACH;CAED,MAAM,cAAc,YAClB,OAAO,SAAS;AACd,aAAW,KAAK;EAEhB,MAAM,WAAW,MAAM,gBAAgB,OAAO,QAAQ,KAAK;AAC3D,MAAI,UAAU,WAAW,IACvB,aAAY,UAAU,KAAK;AAE7B,aAAW,MAAM;IAEnB,CAAC,iBAAiB,YAAY,CAC/B;CAED,MAAM,iBAAiB,YACrB,OAAO,SAAS;AACd,aAAW,KAAK;AAOhB,OALiB,MAAM,gBACrB,sBACA,QACA,KACD,GACa,WAAW,KAAK;AAC5B,mBAAgB;AAChB,yBAAsB,gCAAgC;QAEtD,qBAAoB,uBAAuB;AAE7C,aAAW,MAAM;IAEnB,CAAC,gBAAgB,CAClB;CAED,MAAM,iBAAiB,YACrB,OAAO,SAAS;AACd,aAAW,KAAK;AAOhB,OALiB,MAAM,gBACrB,YAAY,iBAAiB,WAAW,aACxC,OACA,KACD,GACa,WAAW,KAAK;AAC5B,mBAAgB;AAChB,yBAAsB,gCAAgC;QAEtD,qBAAoB,uBAAuB;AAE7C,aAAW,MAAM;IAEnB,CAAC,kBAAkB,gBAAgB,CACpC;CAED,MAAM,eAAe,aAClB,WAAW;AACV,aAAW,KAAK;EAChB,MAAMA,aAAW,sBAAsB,QAAQ,KAAK,eAAe,EACjE,WACD,EAAE;AAEH,GAAC,SACG,eAAe,EACb,MAAM;GACJ,MAAM,OAAO;GACb,UAAUA;GACV,MAAM,kBAAkB,QAAQ;GAChC,eAAe,YAAY;GAC3B,SAAS;GACV,EACF,CAAC,GACF,eAAe,EACb,MAAM;GACJ,MAAM,OAAO;GACb,UAAUA;GACV,MAAM,kBAAkB,QAAQ;GAChC,eAAe,YAAY;GAC3B,SAAS,mBAAmB,iBAAiB,WAAW;GACzD,EACF,CAAC;IAER;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,iBAAgB;AACd,MAAI,eAAe,aACjB;OAAI,YAAY,cAQd,aAPa,EACX,MAAM;IACJ,YAAY;IACZ,eAAe,YAAY;IAC3B,SAAS;IACV,EACF,CACgB;;IAGpB,CAAC,aAAa,YAAY,CAAC;AAE9B,iBAAgB;AACd,MAAI,kBAAkB;GACpB,MAAM,uBAAuB,iBAAiB,wBAAwB,KACnE,YAAY,QAAQ,UACtB;AACD,0BAAuB,cAAc,CACnC,GAAG,WACH,GAAG,qBACJ,CAAC;;IAEH,CAAC,kBAAkB,sBAAsB,CAAC;CAE7C,MAAM,2BAA2B,kBAAkB;AACjD,mBAAiB,EACf,MACE,UAAU,kBAAkB,OACxB,kBAAkB,OAClB,gCACP,CAAC;IACD,CAAC,kBAAkB,OAAO,CAAC;AAE9B,iBAAgB;AACd,4BAA0B;IACzB,CAAC,KAAK,CAAC;CAEV,MAAM,yBAAyB;AAC7B,qBAAmB,MAAM;;CAG3B,MAAM,sBAAsB;AAC1B,qBAAmB,KAAK;;CAG1B,MAAM,oBAAoB,SAAS;EACjC,MAAM,uBAAuB,EAAE,GAAG,MAAM,eAAe;AACvD,uBAAqB,OAAO,KAAK;AACjC,uBAAqB,OAAO,KAAK,QAAQ;AACzC,mBAAiB,qBAAqB;AACtC,oBAAkB;;CAGpB,MAAM,gBAAgB,cAAc;AAClC,SAAO,EACL,MAAM,SAAS,kBAAkB,OAAO,IACzC;IACA;EAAC;EAAoB;EAAkB;EAAO,CAAC;AAElD,QACE,0DACE,oCAAC;EACO;EACN,eAAe,gBAAgB;EAC/B,OAAO;EACP,OAAO,MAAM;IAIb,oCAAC;EACC,KAAK;EACL,UAAU;EACK;IAEf,oCAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,IAC7B,oCAAC;EACC,KAAK;EACL,WAAW;EACX,OAAO,EAAE,OAAO;EAChB,IAAG;EACH,MAAK;EACL,SAAQ;EACR,MAAK;EACL,UAAU;EACV,OAAO,EAAE,WAAW,GAAG;GACvB,EAEF,oCAAC,cAAW,SAAS,iBAClB,iBACC,oCAAC;EACC,MAAM,eAAe;EACrB,MACE,eAAe,SAAS,UACpB,qBAAqB,eAAe,KAAK,GACzC,gBAAgB,eAAe,KAAK;GAE1C,CAEO,CACT,EACN,oCAAC;EACC,MAAM;EACN,OAAO,EAAE,WAAW;EACX;EACT,QAAQ;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAI;GACJ,EACF,oCAAC,mBACC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,WAAW;EACX,UAAU;EACV,iBAAiB;IAEhB,EAAE,SAAS,WAAW,SAAS,CACnB,CACH,EACb,WAAW,oCAAC,qBAAiB,CACzB,CACG,EACZ,oCAAC;EACC,MAAM;EACN,SAAS;EACT,OAAO,EAAE,eAAe;EACxB,OAAO;EACP,QAAO;IAEP,oCAACC;EACC,SAAS;EACT,kBAAkB,eAAe;EACjC,OAAO,EAAE,cAAc;GACvB,CACQ,CACX;;AAIP,6CAAe"}

package/dist/UserForm-Cvx0qyL6.js

@@ -0,0 +1,315 @@
+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-DM5vXR_m.js";
+import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Checkbox, Divider, FormControlLabel, 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) }
+}));
+const UserFormFields = (props) => {
+	const { editedUser, rolesData, showRolesField = true, handlePasswordTypeChange, passwordType } = 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
+	}), /* @__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 && /* @__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 && /* @__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 { 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 handleSubmitUser = useCallback((values) => {
+		if (submitUser) {
+			if (passwordType === "autoGeneratePassword") values.passwordProfile = null;
+			updateCreatedUser && editedUser ? updateCreatedUser(values) : submitUser(values);
+		}
+	}, [
+		submitUser,
+		passwordType,
+		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
+	}), 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") : 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-Cvx0qyL6.js.map

package/dist/UserForm-Cvx0qyL6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserForm-Cvx0qyL6.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} 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}));\n\n\nconst UserFormFields = props => {\n  const {\n    editedUser,\n    rolesData,\n    showRolesField = true,\n    handlePasswordTypeChange,\n    passwordType,\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      <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 && (\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 && (\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 { 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 handleSubmitUser = useCallback(\n    values => {\n      if (submitUser) {\n        if (passwordType === 'autoGeneratePassword') {\n          values.passwordProfile = null;\n        }\n        updateCreatedUser && editedUser\n          ? updateCreatedUser(values)\n          : submitUser(values);\n      }\n    },\n    [submitUser, passwordType, 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        />\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') : 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-B6CT9SiQ.js

@@ -0,0 +1,3 @@
+import { t as UserFormSideSheet_default } from "./UserFormSideSheet-Bo1yZr01.js";
+
+export { UserFormSideSheet_default as default };