udp-react-enterprise-component-library 25.18.1-beta.38 → 25.18.1-beta.39

package/dist/{UdpVerticalManagementPage-CFVb0bXI.js.map → UdpVerticalManagementPage-ndwqxjDI.js.map}

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

package/dist/{UdpVerticalManagementSidesheet-DW19BM9D.js → UdpVerticalManagementSidesheet-DomJyrvo.js}

@@ -12,7 +12,7 @@ import { n as SideSheet } from "./SideSheet-CDXVa_Kr.js";
 import { t as AmbientGridTemplate } from "./AmbientGridTemplate-D0GSZj4a.js";
 import { t as ActionsRenderer } from "./ActionsRenderer-DbrPKZ1o.js";
 import { t as FluentCheckbox } from "./FluentCheckbox-CX7XgoFz.js";
-import { t as IconLibrary_default } from "./IconLibrary-osCsP8i1.js";
+import { t as IconLibrary_default } from "./IconLibrary-BcnAXrDy.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";
@@ -225,4 +225,4 @@ var UdpVerticalManagementSidesheet_default = UdpVerticalManagementSidesheet;
 
 //#endregion
 export { UdpVerticalManagementSidesheet_default as t };
-//# sourceMappingURL=UdpVerticalManagementSidesheet-DW19BM9D.js.map
+//# sourceMappingURL=UdpVerticalManagementSidesheet-DomJyrvo.js.map

package/dist/{UdpVerticalManagementSidesheet-DW19BM9D.js.map → UdpVerticalManagementSidesheet-DomJyrvo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UdpVerticalManagementSidesheet-DW19BM9D.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":"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"}
+{"version":3,"file":"UdpVerticalManagementSidesheet-DomJyrvo.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":"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"}

package/dist/{UserForm-DNRashuU.js → UserForm-DZ1a9uqZ.js}

@@ -344,4 +344,4 @@ var UserForm_default = UserForm;
 
 //#endregion
 export { UserForm_default as n, isPasswordValid as r, UserForm as t };
-//# sourceMappingURL=UserForm-DNRashuU.js.map
+//# sourceMappingURL=UserForm-DZ1a9uqZ.js.map

package/dist/{UserForm-DNRashuU.js.map → UserForm-DZ1a9uqZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserForm-DNRashuU.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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"}
+{"version":3,"file":"UserForm-DZ1a9uqZ.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-CYkGZYwh.js → UserFormSideSheet-BFFWQJY_.js}

@@ -3,7 +3,7 @@ import { i as useHandleAxiosSnackbar } from "./apiHelpers-WIR8pqy0.js";
 import { t as apiMutate } from "./useAxiosMutate-DeqKSi5z.js";
 import { n as SideSheet } from "./SideSheet-CDXVa_Kr.js";
 import { t as useTenant } from "./useTenant-CGaZEBEJ.js";
-import { n as UserForm_default } from "./UserForm-DNRashuU.js";
+import { n as UserForm_default } from "./UserForm-DZ1a9uqZ.js";
 import React, { useCallback, useState } from "react";
 import { useSnackbar } from "notistack";
 import { cloneDeep } from "lodash";
@@ -98,4 +98,4 @@ var UserFormSideSheet_default = UserFormSideSheet;
 
 //#endregion
 export { UserFormSideSheet_default as t };
-//# sourceMappingURL=UserFormSideSheet-CYkGZYwh.js.map
+//# sourceMappingURL=UserFormSideSheet-BFFWQJY_.js.map

package/dist/{UserFormSideSheet-CYkGZYwh.js.map → UserFormSideSheet-BFFWQJY_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserFormSideSheet-CYkGZYwh.js","names":["UserForm"],"sources":["../src/shell/ui/addUser/UserFormSideSheet.jsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport UserForm from './UserForm';\nimport { useSnackbar } from 'notistack';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { useTenant } from '../../../utilities/tenant/useTenant';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { cloneDeep } from 'lodash';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../../../configService';\n\n\nconst UserFormSideSheet = ({\n  open,\n  onClose,\n}) => {\n  const [loading, setLoading] = useState(false);\n  const tenant = useTenant();\n  const { t } = useTranslation();\n  const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();\n\n  // Helper functions\n  const getUserByEmail = useCallback(\n    async email => {\n      return await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `users/email/${email}`,\n        { method: 'get' }\n      );\n    },\n    []\n  );\n\n  const createUser = useCallback(\n    async data => {\n      return await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `users/${tenant?.activeTenant?.tenantId ?? ''}`,\n        { method: 'post' },\n        data\n      );\n    },\n    [tenant]\n  );\n\n  const inviteUser = useCallback(\n    async data => {\n      return await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `users/${tenant?.activeTenant?.tenantId ?? ''}/invite`,\n        { method: 'post' },\n        data\n      );\n    },\n    [tenant]\n  );\n\n  const addUserToTenant = useCallback(\n    async email => {\n      return await apiMutate(\n        ConfigService.tenantV1ApiUrl,\n        `tenants/${tenant?.activeTenant?.tenantId ?? ''}/${email}`,\n        { method: 'post' }\n      );\n    },\n    [tenant]\n  );\n\n  const updateExistingUser = useCallback(\n    async data => {\n      return await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `users/aad/${data.id}`,\n        { method: 'patch' },\n        data\n      );\n    },\n    []\n  );\n\n  const fillInValues = (oldValues, newValues) => {\n    const invalidFields = [\n      'id', 'displayName', 'mail', 'userType', 'email',\n      'accountEnabled', 'mailNickname', 'identities',\n      'password', 'passwordProfile', 'unityId',\n      'unityDefaultTenantId'\n    ];\n    for (let field in oldValues) {\n      if (!invalidFields.includes(field)) {\n        if (!oldValues[field]) {\n          oldValues[field] = newValues[field];\n        }\n      }\n    }\n    return oldValues;\n  };\n\n  const handleSubmit = useCallback(\n    async values => {\n      setLoading(true);\n      try {\n        if (values.email) {\n          values.email = values.email.toLowerCase().trim();\n        }\n\n        const userExistsResponse = await getUserByEmail(values.email);\n        const userExists = userExistsResponse.data;\n\n        if (userExists) {\n          const existingUser = cloneDeep(userExists);\n          const updatedValues = fillInValues(existingUser, values);\n\n          // Update existing user and add to tenant\n          await updateExistingUser({ data: updatedValues });\n          await addUserToTenant(values.email);\n          handleSuccessSnackbar(t('User has been updated and added to the tenant'))\n        } else {\n          // Check if this is an invite flow or standard create\n          if (values.isInvite) {\n            await inviteUser({ data: values });\n            handleSuccessSnackbar(t('User invitation sent successfully'));\n          } else {\n            // Create a new user\n            await createUser({ data: values });\n            handleSuccessSnackbar(t('User has been created successfully'));\n          }\n        }\n\n        onClose(); // Close the SideSheet after successful submission\n      } catch (error) {\n        handleErrorSnackbar(error.message || t('An error occurred, please ensure you are creating a new user'))\n      } finally {\n        setLoading(false);\n      }\n    },\n    [\n      getUserByEmail,\n      createUser,\n      inviteUser,\n      addUserToTenant,\n      updateExistingUser,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      onClose,\n      t\n    ]\n  );\n\n  return (\n    <SideSheet\n      open={open}\n      onClose={onClose}\n      title={t(\"Add User\")}\n      width={600} // Adjust the width as needed\n    >\n      <UserForm\n        submitUser={handleSubmit}\n        creatingUser={loading}\n        tenant={tenant?.activeTenant}\n      />\n    </SideSheet>\n  );\n};\n\nexport default UserFormSideSheet;\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,qBAAqB,EACzB,MACA,cACI;CACJ,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,qBAAqB,0BAA0B,wBAAwB;CAG/E,MAAM,iBAAiB,YACrB,OAAM,UAAS;AACb,SAAO,MAAM,UACX,cAAc,kBACd,eAAe,SACf,EAAE,QAAQ,OAAO,CAClB;IAEH,EAAE,CACH;CAED,MAAM,aAAa,YACjB,OAAM,SAAQ;AACZ,SAAO,MAAM,UACX,cAAc,kBACd,SAAS,QAAQ,cAAc,YAAY,MAC3C,EAAE,QAAQ,QAAQ,EAClB,KACD;IAEH,CAAC,OAAO,CACT;CAED,MAAM,aAAa,YACjB,OAAM,SAAQ;AACZ,SAAO,MAAM,UACX,cAAc,kBACd,SAAS,QAAQ,cAAc,YAAY,GAAG,UAC9C,EAAE,QAAQ,QAAQ,EAClB,KACD;IAEH,CAAC,OAAO,CACT;CAED,MAAM,kBAAkB,YACtB,OAAM,UAAS;AACb,SAAO,MAAM,UACX,cAAc,gBACd,WAAW,QAAQ,cAAc,YAAY,GAAG,GAAG,SACnD,EAAE,QAAQ,QAAQ,CACnB;IAEH,CAAC,OAAO,CACT;CAED,MAAM,qBAAqB,YACzB,OAAM,SAAQ;AACZ,SAAO,MAAM,UACX,cAAc,kBACd,aAAa,KAAK,MAClB,EAAE,QAAQ,SAAS,EACnB,KACD;IAEH,EAAE,CACH;CAED,MAAM,gBAAgB,WAAW,cAAc;EAC7C,MAAM,gBAAgB;GACpB;GAAM;GAAe;GAAQ;GAAY;GACzC;GAAkB;GAAgB;GAClC;GAAY;GAAmB;GAC/B;GACD;AACD,OAAK,IAAI,SAAS,UAChB,KAAI,CAAC,cAAc,SAAS,MAAM,EAChC;OAAI,CAAC,UAAU,OACb,WAAU,SAAS,UAAU;;AAInC,SAAO;;CAGT,MAAM,eAAe,YACnB,OAAM,WAAU;AACd,aAAW,KAAK;AAChB,MAAI;AACF,OAAI,OAAO,MACT,QAAO,QAAQ,OAAO,MAAM,aAAa,CAAC,MAAM;GAIlD,MAAM,cADqB,MAAM,eAAe,OAAO,MAAM,EACvB;AAEtC,OAAI,YAAY;AAKd,UAAM,mBAAmB,EAAE,MAHL,aADD,UAAU,WAAW,EACO,OAAO,EAGR,CAAC;AACjD,UAAM,gBAAgB,OAAO,MAAM;AACnC,0BAAsB,EAAE,gDAAgD,CAAC;cAGrE,OAAO,UAAU;AACnB,UAAM,WAAW,EAAE,MAAM,QAAQ,CAAC;AAClC,0BAAsB,EAAE,oCAAoC,CAAC;UACxD;AAEL,UAAM,WAAW,EAAE,MAAM,QAAQ,CAAC;AAClC,0BAAsB,EAAE,qCAAqC,CAAC;;AAIlE,YAAS;WACF,OAAO;AACd,uBAAoB,MAAM,WAAW,EAAE,+DAA+D,CAAC;YAC/F;AACR,cAAW,MAAM;;IAGrB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,oCAAC;EACO;EACG;EACT,OAAO,EAAE,WAAW;EACpB,OAAO;IAEP,oCAACA;EACC,YAAY;EACZ,cAAc;EACd,QAAQ,QAAQ;GAChB,CACQ;;AAIhB,gCAAe"}
+{"version":3,"file":"UserFormSideSheet-BFFWQJY_.js","names":["UserForm"],"sources":["../src/shell/ui/addUser/UserFormSideSheet.jsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { SideSheet } from '../../../UI/surfaces/SideSheet';\nimport UserForm from './UserForm';\nimport { useSnackbar } from 'notistack';\nimport { apiMutate } from '../../../utilities/useAxiosMutate';\nimport { useTenant } from '../../../utilities/tenant/useTenant';\nimport { useHandleAxiosSnackbar } from '../../../utilities/apiHelpers';\nimport { cloneDeep } from 'lodash';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../../../configService';\n\n\nconst UserFormSideSheet = ({\n  open,\n  onClose,\n}) => {\n  const [loading, setLoading] = useState(false);\n  const tenant = useTenant();\n  const { t } = useTranslation();\n  const { handleErrorSnackbar, handleSuccessSnackbar } = useHandleAxiosSnackbar();\n\n  // Helper functions\n  const getUserByEmail = useCallback(\n    async email => {\n      return await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `users/email/${email}`,\n        { method: 'get' }\n      );\n    },\n    []\n  );\n\n  const createUser = useCallback(\n    async data => {\n      return await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `users/${tenant?.activeTenant?.tenantId ?? ''}`,\n        { method: 'post' },\n        data\n      );\n    },\n    [tenant]\n  );\n\n  const inviteUser = useCallback(\n    async data => {\n      return await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `users/${tenant?.activeTenant?.tenantId ?? ''}/invite`,\n        { method: 'post' },\n        data\n      );\n    },\n    [tenant]\n  );\n\n  const addUserToTenant = useCallback(\n    async email => {\n      return await apiMutate(\n        ConfigService.tenantV1ApiUrl,\n        `tenants/${tenant?.activeTenant?.tenantId ?? ''}/${email}`,\n        { method: 'post' }\n      );\n    },\n    [tenant]\n  );\n\n  const updateExistingUser = useCallback(\n    async data => {\n      return await apiMutate(\n        ConfigService.securityV1ApiUrl,\n        `users/aad/${data.id}`,\n        { method: 'patch' },\n        data\n      );\n    },\n    []\n  );\n\n  const fillInValues = (oldValues, newValues) => {\n    const invalidFields = [\n      'id', 'displayName', 'mail', 'userType', 'email',\n      'accountEnabled', 'mailNickname', 'identities',\n      'password', 'passwordProfile', 'unityId',\n      'unityDefaultTenantId'\n    ];\n    for (let field in oldValues) {\n      if (!invalidFields.includes(field)) {\n        if (!oldValues[field]) {\n          oldValues[field] = newValues[field];\n        }\n      }\n    }\n    return oldValues;\n  };\n\n  const handleSubmit = useCallback(\n    async values => {\n      setLoading(true);\n      try {\n        if (values.email) {\n          values.email = values.email.toLowerCase().trim();\n        }\n\n        const userExistsResponse = await getUserByEmail(values.email);\n        const userExists = userExistsResponse.data;\n\n        if (userExists) {\n          const existingUser = cloneDeep(userExists);\n          const updatedValues = fillInValues(existingUser, values);\n\n          // Update existing user and add to tenant\n          await updateExistingUser({ data: updatedValues });\n          await addUserToTenant(values.email);\n          handleSuccessSnackbar(t('User has been updated and added to the tenant'))\n        } else {\n          // Check if this is an invite flow or standard create\n          if (values.isInvite) {\n            await inviteUser({ data: values });\n            handleSuccessSnackbar(t('User invitation sent successfully'));\n          } else {\n            // Create a new user\n            await createUser({ data: values });\n            handleSuccessSnackbar(t('User has been created successfully'));\n          }\n        }\n\n        onClose(); // Close the SideSheet after successful submission\n      } catch (error) {\n        handleErrorSnackbar(error.message || t('An error occurred, please ensure you are creating a new user'))\n      } finally {\n        setLoading(false);\n      }\n    },\n    [\n      getUserByEmail,\n      createUser,\n      inviteUser,\n      addUserToTenant,\n      updateExistingUser,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      onClose,\n      t\n    ]\n  );\n\n  return (\n    <SideSheet\n      open={open}\n      onClose={onClose}\n      title={t(\"Add User\")}\n      width={600} // Adjust the width as needed\n    >\n      <UserForm\n        submitUser={handleSubmit}\n        creatingUser={loading}\n        tenant={tenant?.activeTenant}\n      />\n    </SideSheet>\n  );\n};\n\nexport default UserFormSideSheet;\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,qBAAqB,EACzB,MACA,cACI;CACJ,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,SAAS,WAAW;CAC1B,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,qBAAqB,0BAA0B,wBAAwB;CAG/E,MAAM,iBAAiB,YACrB,OAAM,UAAS;AACb,SAAO,MAAM,UACX,cAAc,kBACd,eAAe,SACf,EAAE,QAAQ,OAAO,CAClB;IAEH,EAAE,CACH;CAED,MAAM,aAAa,YACjB,OAAM,SAAQ;AACZ,SAAO,MAAM,UACX,cAAc,kBACd,SAAS,QAAQ,cAAc,YAAY,MAC3C,EAAE,QAAQ,QAAQ,EAClB,KACD;IAEH,CAAC,OAAO,CACT;CAED,MAAM,aAAa,YACjB,OAAM,SAAQ;AACZ,SAAO,MAAM,UACX,cAAc,kBACd,SAAS,QAAQ,cAAc,YAAY,GAAG,UAC9C,EAAE,QAAQ,QAAQ,EAClB,KACD;IAEH,CAAC,OAAO,CACT;CAED,MAAM,kBAAkB,YACtB,OAAM,UAAS;AACb,SAAO,MAAM,UACX,cAAc,gBACd,WAAW,QAAQ,cAAc,YAAY,GAAG,GAAG,SACnD,EAAE,QAAQ,QAAQ,CACnB;IAEH,CAAC,OAAO,CACT;CAED,MAAM,qBAAqB,YACzB,OAAM,SAAQ;AACZ,SAAO,MAAM,UACX,cAAc,kBACd,aAAa,KAAK,MAClB,EAAE,QAAQ,SAAS,EACnB,KACD;IAEH,EAAE,CACH;CAED,MAAM,gBAAgB,WAAW,cAAc;EAC7C,MAAM,gBAAgB;GACpB;GAAM;GAAe;GAAQ;GAAY;GACzC;GAAkB;GAAgB;GAClC;GAAY;GAAmB;GAC/B;GACD;AACD,OAAK,IAAI,SAAS,UAChB,KAAI,CAAC,cAAc,SAAS,MAAM,EAChC;OAAI,CAAC,UAAU,OACb,WAAU,SAAS,UAAU;;AAInC,SAAO;;CAGT,MAAM,eAAe,YACnB,OAAM,WAAU;AACd,aAAW,KAAK;AAChB,MAAI;AACF,OAAI,OAAO,MACT,QAAO,QAAQ,OAAO,MAAM,aAAa,CAAC,MAAM;GAIlD,MAAM,cADqB,MAAM,eAAe,OAAO,MAAM,EACvB;AAEtC,OAAI,YAAY;AAKd,UAAM,mBAAmB,EAAE,MAHL,aADD,UAAU,WAAW,EACO,OAAO,EAGR,CAAC;AACjD,UAAM,gBAAgB,OAAO,MAAM;AACnC,0BAAsB,EAAE,gDAAgD,CAAC;cAGrE,OAAO,UAAU;AACnB,UAAM,WAAW,EAAE,MAAM,QAAQ,CAAC;AAClC,0BAAsB,EAAE,oCAAoC,CAAC;UACxD;AAEL,UAAM,WAAW,EAAE,MAAM,QAAQ,CAAC;AAClC,0BAAsB,EAAE,qCAAqC,CAAC;;AAIlE,YAAS;WACF,OAAO;AACd,uBAAoB,MAAM,WAAW,EAAE,+DAA+D,CAAC;YAC/F;AACR,cAAW,MAAM;;IAGrB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,oCAAC;EACO;EACG;EACT,OAAO,EAAE,WAAW;EACpB,OAAO;IAEP,oCAACA;EACC,YAAY;EACZ,cAAc;EACd,QAAQ,QAAQ;GAChB,CACQ;;AAIhB,gCAAe"}

package/dist/UserFormSideSheet-Dyk3RJL4.js

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

package/dist/{VirtualBrowser-C8re1h7C.js → VirtualBrowser-DlNnb7U2.js}

@@ -424,4 +424,4 @@ var VirtualBrowser_default = VirtualBrowser;
 
 //#endregion
 export { defaultColActionsDef as a, VirtualTableColumnDefs as i, VirtualBrowser_default as n, VirtualTableSidePanel as r, VirtualBrowser as t };
-//# sourceMappingURL=VirtualBrowser-C8re1h7C.js.map
+//# sourceMappingURL=VirtualBrowser-DlNnb7U2.js.map

package/dist/{VirtualBrowser-C8re1h7C.js.map → VirtualBrowser-DlNnb7U2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VirtualBrowser-C8re1h7C.js","names":["value","PrimaryActionButton"],"sources":["../src/maintenanceEngine/virtualBrowser/VirtualTableColumnDefs.js","../src/maintenanceEngine/virtualBrowser/VirtualTableSidePanel.jsx","../src/maintenanceEngine/virtualBrowser/VirtualBrowser.jsx"],"sourcesContent":["import { toTitleCase } from '../../utilities/input/StringUtilities';\n\nconst defaultGridColumn = {\n  headerName: '',\n  field: '',\n  minWidth: 80,\n  autoHeight: false,\n  sortable: true\n};\n\nexport const VirtualTableColumnDefs = (\n  tableDescription,\n  actionList,\n  columnName = 'Actions',\n  crudTableActionRenderName = 'actionsRenderer',\n  panelDirection = 'right'\n) => {\n  let columnDefs =\n    tableDescription?.reduce((defs, element) => {\n      defs.push({\n        ...defaultGridColumn,\n        headerName: toTitleCase(element?.name || ''),\n        field: element?.name\n      });\n      return defs;\n    }, []) || [];\n\n  columnDefs.push({\n    headerName:\n      crudTableActionRenderName === 'actionsRenderer' ? 'Actions' : columnName,\n    filter: false,\n    pinned: panelDirection,\n    width: 150,\n    maxWidth: 180,\n    cellRenderer: crudTableActionRenderName,\n    cellRendererParams: {\n      actionList\n    },\n    valueGetter: (params) => params.data,\n    suppressMenu: true,\n    sortable: false,\n    cellStyle: { display: 'flex', alignItems: 'center' }\n  });\n\n  return columnDefs;\n};\n\nexport const defaultColActionsDef = {\n  resizable: true,\n  editable: false,\n  sortable: true,\n  filter: true,\n  floatingFilter: false,\n  enableRowGroup: true\n};\n","import { Divider, makeStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React, { useMemo } from 'react';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { PageContainer } from '../../page/PageContainer';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { Skeleton } from '@material-ui/lab';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { VirtualForm } from '../../UI/forms/VirtualForm';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  divider: {\n    marginTop: theme.spacing(2)\n  }\n}));\n\nconst FIELD_NUMBER = 10;\n\nexport const VirtualTableSidePanel = (props) => {\n  const {\n    tableDescription,\n    value,\n    crudTableEditionData,\n    closeSideSheet,\n    onCreate,\n    onUpdate,\n    pageId,\n    setSideSheetWidth,\n    setSideSheetButtonLabel,\n    setSideSheetOnSubmit,\n    setSideSheetProps\n  } = props;\n  const user = useUser();\n  const classes = useStyles();\n\n  const [{ data: page, loading: loadingPage }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `page/${pageId}`,\n    {},\n    !!!pageId,\n    false\n  );\n\n  const skeleton = useMemo(() => {\n    const skeletonArr = [];\n    for (let i = 0; i < FIELD_NUMBER; i++) {\n      skeletonArr.push(\n        <>\n          <Skeleton key={i} variant='rect' className={classes.skeleton} />\n          <LayoutUnit unit='xxs' />\n        </>\n      );\n    }\n    return skeletonArr;\n  }, [classes]);\n\n  const sideSheetContent = useMemo(() => {\n    if (page) {\n      return (\n        <DndProvider backend={HTML5Backend}>\n          <PageContainer\n            user={user}\n            key={pageId}\n            pageData={page}\n            widgetParams={{\n              pageId: page?.pageId,\n              nodeObj: crudTableEditionData,\n              setSideSheetWidth: setSideSheetWidth,\n              setSideSheetButtonLabel: setSideSheetButtonLabel,\n              setSideSheetOnSubmit: setSideSheetOnSubmit,\n              closeSideSheet: closeSideSheet,\n              setSideSheetProps: setSideSheetProps,\n              onCreate: onCreate,\n              onUpdate: onUpdate\n            }}\n            disableMargins={true}\n          />\n        </DndProvider>\n      );\n    } else {\n      return (\n        <>\n          <VirtualForm\n            tableDescription={tableDescription}\n            rowValue={value}\n            closeSideSheet={closeSideSheet}\n            onCreate={onCreate}\n            onUpdate={onUpdate}\n          />\n          <div className={classes.divider}>\n            <Divider />\n          </div>\n        </>\n      );\n    }\n  }, [\n    page,\n    user,\n    pageId,\n    crudTableEditionData,\n    setSideSheetWidth,\n    setSideSheetButtonLabel,\n    setSideSheetOnSubmit,\n    setSideSheetProps,\n    closeSideSheet,\n    onCreate,\n    onUpdate,\n    classes,\n    tableDescription,\n    value\n  ]);\n\n  return (\n    <div>\n      {loadingPage ? (\n        <>\n          {skeleton.map((sk) => sk)}\n          <LayoutUnit unit='md' />\n          <Skeleton variant='rect' className={classes.skeletonButton} />\n        </>\n      ) : (\n        sideSheetContent\n      )}\n    </div>\n  );\n};\n\nVirtualTableSidePanel.propTypes = {\n  /**\n   * Description of the table\n   */\n  tableDescription: PropTypes.array,\n  /**\n   * Entity data\n   */\n  crudTableEditionData: PropTypes.array,\n  /**\n   * onClick event for closing sidesheet\n   */\n  closeSideSheet: PropTypes.func,\n  /**\n   * onClick event for creating\n   */\n  onCreate: PropTypes.func,\n  /**\n   * onClick event for updating\n   */\n  onUpdate: PropTypes.func\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport PrimaryActionButton from '../../UI/inputs/buttons/PrimaryActionButton';\nimport { AmbientGridTemplate } from '../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { VirtualTableColumnDefs } from './VirtualTableColumnDefs';\nimport { AddIcon, DeleteIcon, EditIcon } from '@fluentui/react-icons';\nimport { Typography } from '@material-ui/core';\nimport { format } from 'date-fns';\nimport { getPathObject } from '../../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { cloneDeep } from 'lodash';\nimport { useTranslation } from 'react-i18next';\nimport { executeQueryWithParameters } from '../../udp/utilities/methodUtils';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { useAxiosMutate } from '../../utilities/useAxiosMutate';\nimport { useLocation } from 'react-router-dom';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { VirtualTableSidePanel } from './VirtualTableSidePanel';\nimport { UdpEnums } from '../../enums/unitySystemEnums';\nimport { useBuildEnvironment } from '../../shell/ui/useBuildEnvironment';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { useSetLocationState } from '../../hooks/useSetLocationState';\nimport { ConfigService } from '../../configService';\n\nconst useSearchParams = () => {\n  const { search } = useLocation();\n  return useMemo(() => new URLSearchParams(search), [search]);\n};\n\nexport const VirtualBrowser = (props) => {\n  const { ...other } = props;\n  const urlSearchParams = useSearchParams();\n  const location = useLocation();\n  const { value, promotedEntity } = location.state || {};\n  const parts = location?.pathname?.split('/');\n  const virtualId = value\n    ? value?.id\n    : '' || parts\n    ? parts[parts.length - 1]\n    : null;\n\n  const user = useUser();\n  const buildEnv = useBuildEnvironment();\n  const [isSheetOpen, setSheetOpen] = useState(false);\n  const [sideSheetWidth, setSideSheetWidth] = useState(600);\n  const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState('');\n  const [otherSideSheetProps, setOtherSideSheetProps] = useState({});\n  const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(\n    () => () => console.warn('onSubmit not set')\n  );\n  const [selectedEntity, setSelectedEntity] = useState(promotedEntity);\n  const { t } = useTranslation();\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n  const setLocationState = useSetLocationState();\n\n  const closeSheet = useCallback(() => {\n    setSheetOpen(false);\n  }, []);\n\n  const entityName = useMemo(() => {\n    if (selectedEntity) {\n      return selectedEntity.entityName || '';\n    } else {\n      return urlSearchParams.has('entityName') === true\n        ? urlSearchParams.get('entityName')\n        : '';\n    }\n  }, [selectedEntity, urlSearchParams]);\n\n  const createApiMethodPageId = useMemo(() => {\n    return selectedEntity?.unityBaseCreateMethod?.pageId;\n  }, [selectedEntity]);\n\n  const [{ data: tpacb, loading: loadingTpacb, error: tpacbError }] =\n    useAxiosGet(\n      ConfigService.integrationV1ApiUrl,\n      `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n      {},\n      !!!user || !!promotedEntity,\n      false\n    );\n\n  const [{ data: promotedMethodEntities }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `apicatalog/${tpacb?.apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !!!tpacb || !!!user || !!!entityName,\n    false\n  );\n\n  // Get all rows of an entity\n  const [{ data: entityData, loading: isLoading }, fetchEntityData] =\n    useAxiosMutate(\n      ConfigService.integrationV1ApiUrl,\n      `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseGetDataMethod?.apiMethodId}`,\n      {\n        method: 'post'\n      }\n    );\n\n  // Get all rows of an entity\n  const [\n    { data: tableDescription, loading: tableDescriptionLoading },\n    fetchTableDescription\n  ] = useAxiosMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseDescribeMethod?.apiMethodId}`,\n    {\n      method: 'post'\n    }\n  );\n\n  const constructVirtualValuesForRequest = useCallback(\n    (values) => {\n      if (!tableDescription) {\n        return [];\n      }\n      const bodyArr = [];\n      tableDescription.forEach((column) => {\n        const valueExist =\n          typeof values[column.name] == 'boolean' || values[column.name];\n        if (column.name || valueExist) {\n          switch (getSanitizedName(entityName?.toLowerCase())) {\n            case UdpEnums.Udp_Lookup.toLowerCase():\n              bodyArr.push({\n                lookupColumnId: column.id,\n                value: values[column.name]\n              });\n              break;\n            default:\n          }\n        }\n      });\n      return bodyArr;\n    },\n    [tableDescription, entityName]\n  );\n\n  const handleOnCreate = useCallback(\n    async (values) => {\n      if (selectedEntity?.unityBaseVirtualCreateMethod) {\n        const requestArr = constructVirtualValuesForRequest(values);\n        const data = { requestBody: requestArr, id: virtualId };\n        const response = await executeQueryWithParameters(\n          { data },\n          selectedEntity.unityBaseVirtualCreateMethod.apiMethodId\n        ).catch((res) => {\n          handleErrorSnackbar(res.message);\n        });\n\n        if (response?.status === 200) {\n          handleSuccessSnackbar(t(`Row has been created`));\n          const queryData = { id: virtualId };\n          fetchEntityData({ data: queryData });\n        }\n      }\n    },\n    [\n      selectedEntity,\n      t,\n      fetchEntityData,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      virtualId,\n      constructVirtualValuesForRequest\n    ]\n  );\n\n  const handleOnUpdate = useCallback(\n    async (values) => {\n      if (selectedEntity?.unityBaseVirtualUpdateMethod) {\n        // Get primary key value object using path parameters and merge with data\n        const primaryKeyValues = [virtualId, values.udpVirtualRowId];\n        const pathObject = getPathObject(\n          selectedEntity.unityBaseVirtualUpdateMethod.pathParameters,\n          primaryKeyValues\n        );\n        const requestArr = constructVirtualValuesForRequest(values);\n        let data = { requestBody: requestArr };\n        if (Array.isArray(pathObject)) {\n          pathObject.forEach((po) => {\n            data[Object.keys(po)[0]] = po[Object.keys(po)[0]];\n          });\n        } else {\n          data = { ...pathObject, requestBody: requestArr };\n        }\n\n        const response = await executeQueryWithParameters(\n          { data },\n          selectedEntity.unityBaseVirtualUpdateMethod.apiMethodId\n        ).catch((res) => {\n          handleErrorSnackbar(res.message);\n        });\n\n        if (response?.status === 200) {\n          handleSuccessSnackbar(t(`Row has been updated`));\n          const queryData = { id: virtualId };\n          fetchEntityData({ data: queryData });\n        }\n      }\n    },\n    [\n      selectedEntity,\n      t,\n      fetchEntityData,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      virtualId,\n      constructVirtualValuesForRequest\n    ]\n  );\n\n  const handleOnDelete = useCallback(\n    async (value) => {\n      if (selectedEntity?.unityBaseVirtualDeleteMethod) {\n        // Get primary key value object using path parameters and merge with data\n        const primaryKeyValues = [virtualId, value.udpVirtualRowId];\n        const pathObject = getPathObject(\n          selectedEntity?.unityBaseVirtualDeleteMethod.pathParameters,\n          primaryKeyValues\n        );\n        let data = {};\n        if (Array.isArray(pathObject)) {\n          pathObject.forEach((po) => {\n            data[Object.keys(po)[0]] = po[Object.keys(po)[0]];\n          });\n        } else {\n          data = { ...pathObject };\n        }\n\n        const response = await executeQueryWithParameters(\n          { data },\n          selectedEntity.unityBaseVirtualDeleteMethod.apiMethodId\n        ).catch((res) => {\n          handleErrorSnackbar(res.message);\n        });\n\n        if (response?.status === 200) {\n          handleSuccessSnackbar(t(`Row has been deleted`));\n          const queryData = { id: virtualId };\n          fetchEntityData({ data: queryData });\n        }\n      }\n    },\n    [\n      selectedEntity,\n      t,\n      fetchEntityData,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      virtualId\n    ]\n  );\n\n  const actionList = useMemo(() => {\n    if (!selectedEntity) {\n      return;\n    }\n\n    return [\n      {\n        id: 1, // Must be unique\n        title: selectedEntity?.unityBaseVirtualUpdateMethod\n          ? t('Edit')\n          : t('Edit Method Not Accessible'),\n        icon: EditIcon,\n        onClick: null,\n        opens: 'sideSheet',\n        view: {\n          component: VirtualTableSidePanel,\n          properties: {\n            tableDescription: tableDescription,\n            onUpdate: handleOnUpdate,\n            valuePropName: 'value',\n            closeSideSheet: null,\n            closeSideSheetPropName: 'closeSideSheet',\n            pageId: selectedEntity?.unityBaseVirtualUpdateMethod?.pageId,\n            isNewEntry: false\n          }\n        },\n        disabled: !!!selectedEntity?.unityBaseVirtualUpdateMethod\n      },\n      {\n        id: 2, // Must be unique\n        title: selectedEntity?.unityBaseVirtualDeleteMethod\n          ? t('Delete')\n          : t('Delete Method Not Accessible'),\n        icon: DeleteIcon,\n        onClick: null,\n        opens: 'dialog',\n        view: {\n          component: null,\n          properties: {\n            title: t('Delete'),\n            message: t('Are you sure you want to delete this row?'),\n            labelOne: t('Cancel'),\n            actionTwo: handleOnDelete,\n            labelTwo: t('Confirm')\n          }\n        },\n        disabled: !!!selectedEntity?.unityBaseVirtualDeleteMethod\n      }\n    ];\n  }, [selectedEntity, t, handleOnUpdate, handleOnDelete, tableDescription]);\n\n  const columnDefs = useMemo(() => {\n    if (tableDescription?.length) {\n      return VirtualTableColumnDefs(tableDescription, actionList);\n    }\n    return [];\n  }, [actionList, tableDescription]);\n\n  const groupData = useMemo(() => {\n    return columnDefs?.map((item) => {\n      return {\n        groupItem: item.field,\n        label: item.headerName,\n        value: item.field\n      };\n    });\n  }, [columnDefs]);\n\n  useEffect(() => {\n    if (promotedMethodEntities) {\n      setSelectedEntity(promotedMethodEntities);\n    }\n  }, [promotedMethodEntities]);\n\n  useEffect(() => {\n    if (virtualId) {\n      const queryData = { id: virtualId };\n      if (selectedEntity?.unityBaseGetDataMethod?.apiMethodId) {\n        fetchEntityData({ data: queryData });\n      }\n      if (selectedEntity?.unityBaseDescribeMethod?.apiMethodId) {\n        fetchTableDescription({ data: queryData });\n      }\n    }\n  }, [selectedEntity, fetchEntityData, virtualId, fetchTableDescription]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    setLocationState({ label: t(value?.name) || t('Virtual Lookup') });\n  }, [setLocationState, t, value]);\n\n  const pab = (\n    <PrimaryActionButton onClick={() => setSheetOpen && setSheetOpen(true)}>\n      <Typography style={{ marginRight: 5 }}>Add</Typography>\n      <AddIcon />\n    </PrimaryActionButton>\n  );\n\n  const SideOptionList = useMemo(\n    () => (\n      <SideSheet\n        open={isSheetOpen}\n        onClose={closeSheet}\n        title={`Add new ${entityName}`}\n        width={sideSheetWidth}\n        buttonLabel={sideSheetButtonLabel}\n        onSubmit={sideSheetOnSubmit}\n        {...otherSideSheetProps}\n      >\n        <VirtualTableSidePanel\n          onCreate={handleOnCreate}\n          closeSideSheet={closeSheet}\n          pageId={createApiMethodPageId}\n          setSideSheetWidth={setSideSheetWidth}\n          setSideSheetButtonLabel={setSideSheetButtonLabel}\n          setSideSheetOnSubmit={setSideSheetOnSubmit}\n          setSideSheetProps={setOtherSideSheetProps}\n          tableDescription={tableDescription}\n        />\n      </SideSheet>\n    ),\n    [\n      isSheetOpen,\n      closeSheet,\n      entityName,\n      sideSheetWidth,\n      sideSheetButtonLabel,\n      sideSheetOnSubmit,\n      handleOnCreate,\n      createApiMethodPageId,\n      otherSideSheetProps,\n      tableDescription\n    ]\n  );\n\n  const formatData = useCallback(() => {\n    if (entityData?.data && tableDescription) {\n      let formattedEntityData = cloneDeep(entityData?.data);\n\n      //   get list of attributes that are datetime\n      const datetimeFields = tableDescription?.reduce((fields, element) => {\n        if (element?.type === 'datetime') {\n          fields.push(element?.name);\n        }\n        return fields;\n      }, []);\n\n      if (datetimeFields.length) {\n        formattedEntityData.forEach((e) => {\n          Object.keys(e).forEach((key) => {\n            // format all datetime fields\n            if (datetimeFields.find((field) => field === key)) {\n              // LAA UNT-2977: add null check to prevent default date from being added when null\n              if (e[key] === null) return;\n              e[key] = format(new Date(e[key]), 'yyyy/MM/dd kk:mm:ss');\n            }\n          });\n        });\n      }\n\n      return formattedEntityData;\n    }\n    return [];\n  }, [entityData, tableDescription]);\n\n  return (\n    <>\n      <AmbientGridTemplate\n        title={value?.name || entityData?.name}\n        data={entityData ? formatData(entityData?.data) : []}\n        columnDefs={columnDefs}\n        groupingData={groupData}\n        primaryActionButton={pab}\n        frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n        height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n        disableRowSelection={true}\n        loading={isLoading}\n        {...other}\n      />\n      {SideOptionList}\n    </>\n  );\n};\n\n\nexport default VirtualBrowser;\n"],"mappings":"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"}
+{"version":3,"file":"VirtualBrowser-DlNnb7U2.js","names":["value","PrimaryActionButton"],"sources":["../src/maintenanceEngine/virtualBrowser/VirtualTableColumnDefs.js","../src/maintenanceEngine/virtualBrowser/VirtualTableSidePanel.jsx","../src/maintenanceEngine/virtualBrowser/VirtualBrowser.jsx"],"sourcesContent":["import { toTitleCase } from '../../utilities/input/StringUtilities';\n\nconst defaultGridColumn = {\n  headerName: '',\n  field: '',\n  minWidth: 80,\n  autoHeight: false,\n  sortable: true\n};\n\nexport const VirtualTableColumnDefs = (\n  tableDescription,\n  actionList,\n  columnName = 'Actions',\n  crudTableActionRenderName = 'actionsRenderer',\n  panelDirection = 'right'\n) => {\n  let columnDefs =\n    tableDescription?.reduce((defs, element) => {\n      defs.push({\n        ...defaultGridColumn,\n        headerName: toTitleCase(element?.name || ''),\n        field: element?.name\n      });\n      return defs;\n    }, []) || [];\n\n  columnDefs.push({\n    headerName:\n      crudTableActionRenderName === 'actionsRenderer' ? 'Actions' : columnName,\n    filter: false,\n    pinned: panelDirection,\n    width: 150,\n    maxWidth: 180,\n    cellRenderer: crudTableActionRenderName,\n    cellRendererParams: {\n      actionList\n    },\n    valueGetter: (params) => params.data,\n    suppressMenu: true,\n    sortable: false,\n    cellStyle: { display: 'flex', alignItems: 'center' }\n  });\n\n  return columnDefs;\n};\n\nexport const defaultColActionsDef = {\n  resizable: true,\n  editable: false,\n  sortable: true,\n  filter: true,\n  floatingFilter: false,\n  enableRowGroup: true\n};\n","import { Divider, makeStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React, { useMemo } from 'react';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { PageContainer } from '../../page/PageContainer';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { Skeleton } from '@material-ui/lab';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { VirtualForm } from '../../UI/forms/VirtualForm';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  divider: {\n    marginTop: theme.spacing(2)\n  }\n}));\n\nconst FIELD_NUMBER = 10;\n\nexport const VirtualTableSidePanel = (props) => {\n  const {\n    tableDescription,\n    value,\n    crudTableEditionData,\n    closeSideSheet,\n    onCreate,\n    onUpdate,\n    pageId,\n    setSideSheetWidth,\n    setSideSheetButtonLabel,\n    setSideSheetOnSubmit,\n    setSideSheetProps\n  } = props;\n  const user = useUser();\n  const classes = useStyles();\n\n  const [{ data: page, loading: loadingPage }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `page/${pageId}`,\n    {},\n    !!!pageId,\n    false\n  );\n\n  const skeleton = useMemo(() => {\n    const skeletonArr = [];\n    for (let i = 0; i < FIELD_NUMBER; i++) {\n      skeletonArr.push(\n        <>\n          <Skeleton key={i} variant='rect' className={classes.skeleton} />\n          <LayoutUnit unit='xxs' />\n        </>\n      );\n    }\n    return skeletonArr;\n  }, [classes]);\n\n  const sideSheetContent = useMemo(() => {\n    if (page) {\n      return (\n        <DndProvider backend={HTML5Backend}>\n          <PageContainer\n            user={user}\n            key={pageId}\n            pageData={page}\n            widgetParams={{\n              pageId: page?.pageId,\n              nodeObj: crudTableEditionData,\n              setSideSheetWidth: setSideSheetWidth,\n              setSideSheetButtonLabel: setSideSheetButtonLabel,\n              setSideSheetOnSubmit: setSideSheetOnSubmit,\n              closeSideSheet: closeSideSheet,\n              setSideSheetProps: setSideSheetProps,\n              onCreate: onCreate,\n              onUpdate: onUpdate\n            }}\n            disableMargins={true}\n          />\n        </DndProvider>\n      );\n    } else {\n      return (\n        <>\n          <VirtualForm\n            tableDescription={tableDescription}\n            rowValue={value}\n            closeSideSheet={closeSideSheet}\n            onCreate={onCreate}\n            onUpdate={onUpdate}\n          />\n          <div className={classes.divider}>\n            <Divider />\n          </div>\n        </>\n      );\n    }\n  }, [\n    page,\n    user,\n    pageId,\n    crudTableEditionData,\n    setSideSheetWidth,\n    setSideSheetButtonLabel,\n    setSideSheetOnSubmit,\n    setSideSheetProps,\n    closeSideSheet,\n    onCreate,\n    onUpdate,\n    classes,\n    tableDescription,\n    value\n  ]);\n\n  return (\n    <div>\n      {loadingPage ? (\n        <>\n          {skeleton.map((sk) => sk)}\n          <LayoutUnit unit='md' />\n          <Skeleton variant='rect' className={classes.skeletonButton} />\n        </>\n      ) : (\n        sideSheetContent\n      )}\n    </div>\n  );\n};\n\nVirtualTableSidePanel.propTypes = {\n  /**\n   * Description of the table\n   */\n  tableDescription: PropTypes.array,\n  /**\n   * Entity data\n   */\n  crudTableEditionData: PropTypes.array,\n  /**\n   * onClick event for closing sidesheet\n   */\n  closeSideSheet: PropTypes.func,\n  /**\n   * onClick event for creating\n   */\n  onCreate: PropTypes.func,\n  /**\n   * onClick event for updating\n   */\n  onUpdate: PropTypes.func\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport PrimaryActionButton from '../../UI/inputs/buttons/PrimaryActionButton';\nimport { AmbientGridTemplate } from '../../UI/templates/deprecated/AmbientGridTemplate/AmbientGridTemplate';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { ActionsRenderer } from '../../UI/templates/ui/renderers/ActionsRenderer';\nimport { VirtualTableColumnDefs } from './VirtualTableColumnDefs';\nimport { AddIcon, DeleteIcon, EditIcon } from '@fluentui/react-icons';\nimport { Typography } from '@material-ui/core';\nimport { format } from 'date-fns';\nimport { getPathObject } from '../../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport { cloneDeep } from 'lodash';\nimport { useTranslation } from 'react-i18next';\nimport { executeQueryWithParameters } from '../../udp/utilities/methodUtils';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { useAxiosMutate } from '../../utilities/useAxiosMutate';\nimport { useLocation } from 'react-router-dom';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { VirtualTableSidePanel } from './VirtualTableSidePanel';\nimport { UdpEnums } from '../../enums/unitySystemEnums';\nimport { useBuildEnvironment } from '../../shell/ui/useBuildEnvironment';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { useSetLocationState } from '../../hooks/useSetLocationState';\nimport { ConfigService } from '../../configService';\n\nconst useSearchParams = () => {\n  const { search } = useLocation();\n  return useMemo(() => new URLSearchParams(search), [search]);\n};\n\nexport const VirtualBrowser = (props) => {\n  const { ...other } = props;\n  const urlSearchParams = useSearchParams();\n  const location = useLocation();\n  const { value, promotedEntity } = location.state || {};\n  const parts = location?.pathname?.split('/');\n  const virtualId = value\n    ? value?.id\n    : '' || parts\n    ? parts[parts.length - 1]\n    : null;\n\n  const user = useUser();\n  const buildEnv = useBuildEnvironment();\n  const [isSheetOpen, setSheetOpen] = useState(false);\n  const [sideSheetWidth, setSideSheetWidth] = useState(600);\n  const [sideSheetButtonLabel, setSideSheetButtonLabel] = useState('');\n  const [otherSideSheetProps, setOtherSideSheetProps] = useState({});\n  const [sideSheetOnSubmit, setSideSheetOnSubmit] = useState(\n    () => () => console.warn('onSubmit not set')\n  );\n  const [selectedEntity, setSelectedEntity] = useState(promotedEntity);\n  const { t } = useTranslation();\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n  const setLocationState = useSetLocationState();\n\n  const closeSheet = useCallback(() => {\n    setSheetOpen(false);\n  }, []);\n\n  const entityName = useMemo(() => {\n    if (selectedEntity) {\n      return selectedEntity.entityName || '';\n    } else {\n      return urlSearchParams.has('entityName') === true\n        ? urlSearchParams.get('entityName')\n        : '';\n    }\n  }, [selectedEntity, urlSearchParams]);\n\n  const createApiMethodPageId = useMemo(() => {\n    return selectedEntity?.unityBaseCreateMethod?.pageId;\n  }, [selectedEntity]);\n\n  const [{ data: tpacb, loading: loadingTpacb, error: tpacbError }] =\n    useAxiosGet(\n      ConfigService.integrationV1ApiUrl,\n      `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n      {},\n      !!!user || !!promotedEntity,\n      false\n    );\n\n  const [{ data: promotedMethodEntities }] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `apicatalog/${tpacb?.apiCatalogId}/promotedMethodEntities/${entityName}/product/${ConfigService.config.UNITY_PRODUCT_ID}`,\n    {},\n    !!!tpacb || !!!user || !!!entityName,\n    false\n  );\n\n  // Get all rows of an entity\n  const [{ data: entityData, loading: isLoading }, fetchEntityData] =\n    useAxiosMutate(\n      ConfigService.integrationV1ApiUrl,\n      `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseGetDataMethod?.apiMethodId}`,\n      {\n        method: 'post'\n      }\n    );\n\n  // Get all rows of an entity\n  const [\n    { data: tableDescription, loading: tableDescriptionLoading },\n    fetchTableDescription\n  ] = useAxiosMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryWithParameters/${selectedEntity?.unityBaseDescribeMethod?.apiMethodId}`,\n    {\n      method: 'post'\n    }\n  );\n\n  const constructVirtualValuesForRequest = useCallback(\n    (values) => {\n      if (!tableDescription) {\n        return [];\n      }\n      const bodyArr = [];\n      tableDescription.forEach((column) => {\n        const valueExist =\n          typeof values[column.name] == 'boolean' || values[column.name];\n        if (column.name || valueExist) {\n          switch (getSanitizedName(entityName?.toLowerCase())) {\n            case UdpEnums.Udp_Lookup.toLowerCase():\n              bodyArr.push({\n                lookupColumnId: column.id,\n                value: values[column.name]\n              });\n              break;\n            default:\n          }\n        }\n      });\n      return bodyArr;\n    },\n    [tableDescription, entityName]\n  );\n\n  const handleOnCreate = useCallback(\n    async (values) => {\n      if (selectedEntity?.unityBaseVirtualCreateMethod) {\n        const requestArr = constructVirtualValuesForRequest(values);\n        const data = { requestBody: requestArr, id: virtualId };\n        const response = await executeQueryWithParameters(\n          { data },\n          selectedEntity.unityBaseVirtualCreateMethod.apiMethodId\n        ).catch((res) => {\n          handleErrorSnackbar(res.message);\n        });\n\n        if (response?.status === 200) {\n          handleSuccessSnackbar(t(`Row has been created`));\n          const queryData = { id: virtualId };\n          fetchEntityData({ data: queryData });\n        }\n      }\n    },\n    [\n      selectedEntity,\n      t,\n      fetchEntityData,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      virtualId,\n      constructVirtualValuesForRequest\n    ]\n  );\n\n  const handleOnUpdate = useCallback(\n    async (values) => {\n      if (selectedEntity?.unityBaseVirtualUpdateMethod) {\n        // Get primary key value object using path parameters and merge with data\n        const primaryKeyValues = [virtualId, values.udpVirtualRowId];\n        const pathObject = getPathObject(\n          selectedEntity.unityBaseVirtualUpdateMethod.pathParameters,\n          primaryKeyValues\n        );\n        const requestArr = constructVirtualValuesForRequest(values);\n        let data = { requestBody: requestArr };\n        if (Array.isArray(pathObject)) {\n          pathObject.forEach((po) => {\n            data[Object.keys(po)[0]] = po[Object.keys(po)[0]];\n          });\n        } else {\n          data = { ...pathObject, requestBody: requestArr };\n        }\n\n        const response = await executeQueryWithParameters(\n          { data },\n          selectedEntity.unityBaseVirtualUpdateMethod.apiMethodId\n        ).catch((res) => {\n          handleErrorSnackbar(res.message);\n        });\n\n        if (response?.status === 200) {\n          handleSuccessSnackbar(t(`Row has been updated`));\n          const queryData = { id: virtualId };\n          fetchEntityData({ data: queryData });\n        }\n      }\n    },\n    [\n      selectedEntity,\n      t,\n      fetchEntityData,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      virtualId,\n      constructVirtualValuesForRequest\n    ]\n  );\n\n  const handleOnDelete = useCallback(\n    async (value) => {\n      if (selectedEntity?.unityBaseVirtualDeleteMethod) {\n        // Get primary key value object using path parameters and merge with data\n        const primaryKeyValues = [virtualId, value.udpVirtualRowId];\n        const pathObject = getPathObject(\n          selectedEntity?.unityBaseVirtualDeleteMethod.pathParameters,\n          primaryKeyValues\n        );\n        let data = {};\n        if (Array.isArray(pathObject)) {\n          pathObject.forEach((po) => {\n            data[Object.keys(po)[0]] = po[Object.keys(po)[0]];\n          });\n        } else {\n          data = { ...pathObject };\n        }\n\n        const response = await executeQueryWithParameters(\n          { data },\n          selectedEntity.unityBaseVirtualDeleteMethod.apiMethodId\n        ).catch((res) => {\n          handleErrorSnackbar(res.message);\n        });\n\n        if (response?.status === 200) {\n          handleSuccessSnackbar(t(`Row has been deleted`));\n          const queryData = { id: virtualId };\n          fetchEntityData({ data: queryData });\n        }\n      }\n    },\n    [\n      selectedEntity,\n      t,\n      fetchEntityData,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      virtualId\n    ]\n  );\n\n  const actionList = useMemo(() => {\n    if (!selectedEntity) {\n      return;\n    }\n\n    return [\n      {\n        id: 1, // Must be unique\n        title: selectedEntity?.unityBaseVirtualUpdateMethod\n          ? t('Edit')\n          : t('Edit Method Not Accessible'),\n        icon: EditIcon,\n        onClick: null,\n        opens: 'sideSheet',\n        view: {\n          component: VirtualTableSidePanel,\n          properties: {\n            tableDescription: tableDescription,\n            onUpdate: handleOnUpdate,\n            valuePropName: 'value',\n            closeSideSheet: null,\n            closeSideSheetPropName: 'closeSideSheet',\n            pageId: selectedEntity?.unityBaseVirtualUpdateMethod?.pageId,\n            isNewEntry: false\n          }\n        },\n        disabled: !!!selectedEntity?.unityBaseVirtualUpdateMethod\n      },\n      {\n        id: 2, // Must be unique\n        title: selectedEntity?.unityBaseVirtualDeleteMethod\n          ? t('Delete')\n          : t('Delete Method Not Accessible'),\n        icon: DeleteIcon,\n        onClick: null,\n        opens: 'dialog',\n        view: {\n          component: null,\n          properties: {\n            title: t('Delete'),\n            message: t('Are you sure you want to delete this row?'),\n            labelOne: t('Cancel'),\n            actionTwo: handleOnDelete,\n            labelTwo: t('Confirm')\n          }\n        },\n        disabled: !!!selectedEntity?.unityBaseVirtualDeleteMethod\n      }\n    ];\n  }, [selectedEntity, t, handleOnUpdate, handleOnDelete, tableDescription]);\n\n  const columnDefs = useMemo(() => {\n    if (tableDescription?.length) {\n      return VirtualTableColumnDefs(tableDescription, actionList);\n    }\n    return [];\n  }, [actionList, tableDescription]);\n\n  const groupData = useMemo(() => {\n    return columnDefs?.map((item) => {\n      return {\n        groupItem: item.field,\n        label: item.headerName,\n        value: item.field\n      };\n    });\n  }, [columnDefs]);\n\n  useEffect(() => {\n    if (promotedMethodEntities) {\n      setSelectedEntity(promotedMethodEntities);\n    }\n  }, [promotedMethodEntities]);\n\n  useEffect(() => {\n    if (virtualId) {\n      const queryData = { id: virtualId };\n      if (selectedEntity?.unityBaseGetDataMethod?.apiMethodId) {\n        fetchEntityData({ data: queryData });\n      }\n      if (selectedEntity?.unityBaseDescribeMethod?.apiMethodId) {\n        fetchTableDescription({ data: queryData });\n      }\n    }\n  }, [selectedEntity, fetchEntityData, virtualId, fetchTableDescription]);\n\n  // Setting location state label so that if this page was saved to favorites\n  // we can determine the bread crumb\n  useEffect(() => {\n    setLocationState({ label: t(value?.name) || t('Virtual Lookup') });\n  }, [setLocationState, t, value]);\n\n  const pab = (\n    <PrimaryActionButton onClick={() => setSheetOpen && setSheetOpen(true)}>\n      <Typography style={{ marginRight: 5 }}>Add</Typography>\n      <AddIcon />\n    </PrimaryActionButton>\n  );\n\n  const SideOptionList = useMemo(\n    () => (\n      <SideSheet\n        open={isSheetOpen}\n        onClose={closeSheet}\n        title={`Add new ${entityName}`}\n        width={sideSheetWidth}\n        buttonLabel={sideSheetButtonLabel}\n        onSubmit={sideSheetOnSubmit}\n        {...otherSideSheetProps}\n      >\n        <VirtualTableSidePanel\n          onCreate={handleOnCreate}\n          closeSideSheet={closeSheet}\n          pageId={createApiMethodPageId}\n          setSideSheetWidth={setSideSheetWidth}\n          setSideSheetButtonLabel={setSideSheetButtonLabel}\n          setSideSheetOnSubmit={setSideSheetOnSubmit}\n          setSideSheetProps={setOtherSideSheetProps}\n          tableDescription={tableDescription}\n        />\n      </SideSheet>\n    ),\n    [\n      isSheetOpen,\n      closeSheet,\n      entityName,\n      sideSheetWidth,\n      sideSheetButtonLabel,\n      sideSheetOnSubmit,\n      handleOnCreate,\n      createApiMethodPageId,\n      otherSideSheetProps,\n      tableDescription\n    ]\n  );\n\n  const formatData = useCallback(() => {\n    if (entityData?.data && tableDescription) {\n      let formattedEntityData = cloneDeep(entityData?.data);\n\n      //   get list of attributes that are datetime\n      const datetimeFields = tableDescription?.reduce((fields, element) => {\n        if (element?.type === 'datetime') {\n          fields.push(element?.name);\n        }\n        return fields;\n      }, []);\n\n      if (datetimeFields.length) {\n        formattedEntityData.forEach((e) => {\n          Object.keys(e).forEach((key) => {\n            // format all datetime fields\n            if (datetimeFields.find((field) => field === key)) {\n              // LAA UNT-2977: add null check to prevent default date from being added when null\n              if (e[key] === null) return;\n              e[key] = format(new Date(e[key]), 'yyyy/MM/dd kk:mm:ss');\n            }\n          });\n        });\n      }\n\n      return formattedEntityData;\n    }\n    return [];\n  }, [entityData, tableDescription]);\n\n  return (\n    <>\n      <AmbientGridTemplate\n        title={value?.name || entityData?.name}\n        data={entityData ? formatData(entityData?.data) : []}\n        columnDefs={columnDefs}\n        groupingData={groupData}\n        primaryActionButton={pab}\n        frameworkComponents={{ actionsRenderer: ActionsRenderer }}\n        height={`calc(100vh - ${buildEnv ? '139px' : '114px'})`}\n        disableRowSelection={true}\n        loading={isLoading}\n        {...other}\n      />\n      {SideOptionList}\n    </>\n  );\n};\n\n\nexport default VirtualBrowser;\n"],"mappings":"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"}

package/dist/VirtualBrowser-TtaXAPNI.js

@@ -0,0 +1,3 @@
+import { n as VirtualBrowser_default, t as VirtualBrowser } from "./VirtualBrowser-DlNnb7U2.js";
+
+export { VirtualBrowser, VirtualBrowser_default as default };

package/dist/{WidgetCard-UA87S0id.js → WidgetCard-U1XoSuoz.js}

@@ -69,4 +69,4 @@ var WidgetCard_default = WidgetCard;
 
 //#endregion
 export { WidgetCard_default as t };
-//# sourceMappingURL=WidgetCard-UA87S0id.js.map
+//# sourceMappingURL=WidgetCard-U1XoSuoz.js.map

package/dist/{WidgetCard-UA87S0id.js.map → WidgetCard-U1XoSuoz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WidgetCard-UA87S0id.js","names":["theme","FUICard","FUIMenuItem"],"sources":["../src/UI/widgets/WidgetCard.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { DeleteIcon } from '@fluentui/react-icons';\nimport { makeStyles, CircularProgress } from '@material-ui/core';\nimport clsx from 'clsx';\nimport FUICard, { FUICardHeaderMenu } from '../surfaces/cards/fluentCards/FUICard';\nimport FUIMenuItem from './FluentComponents/FUIMenuItem';\n\n/**\n * Core component for dashboard widget cards\n */\nconst WidgetCard = (props) => {\n  const {\n    children,\n    headerActions,\n    className,\n    widgetType,\n    id,\n    layout,\n    params,\n    setParam,\n    onDelete,\n    loading,\n    errors,\n    theme,\n    ...other\n  } = props;\n\n  const useStyles = makeStyles((theme) => ({\n    root: {\n      '&.react-resizable-hide .react-resizable-handle': {\n        display: 'none'\n      }\n    },\n    darkRoot: {\n      '&.react-resizable-hide .react-resizable-handle': {\n        display: 'none'\n      },\n      background: '#424242',\n      color: 'white'\n    },\n    anyRoot: {\n      '& .MuiCardContent-root': {\n        justifyContent: 'space-between',\n        overflow: 'auto',\n        padding: 0\n      }\n    },\n    handle: {\n      cursor: 'move',\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover\n      }\n    },\n    loadingContent: {\n      flex: 1,\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    innerWidgetContentContainer: {\n      height: '100%',\n      minWidth: widgetType === 'ProgressBarWidget' ? 0 : 270,\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      padding: theme.spacing(2)\n    }\n  }));\n  const classes = useStyles();\n\n  const raised = /(^|\\s)react-draggable-dragging(\\s|$)/.test(className ?? '');\n  let body = children;\n  if (loading) {\n    body = (\n      <div className={classes.loadingContent}>\n        <CircularProgress color='secondary' size={64} />\n      </div>\n    );\n  }\n  if (errors && !body) {\n    body = <div>Unexpected error</div>;\n  }\n  return (\n    <FUICard\n      {...other}\n      className={clsx(\n        className,\n        theme === 'dark' ? classes.darkRoot : classes.root,\n        classes.anyRoot\n      )}\n      raised={raised}\n      CardHeaderProps={{\n        className: classes.handle,\n        'data-handle': true\n      }}\n      headerActions={\n        <>\n          {headerActions}\n          <FUICardHeaderMenu>\n            <FUIMenuItem\n              onClick={onDelete}\n              fluentIcon={DeleteIcon}\n              primary='Delete'\n            />\n          </FUICardHeaderMenu>\n        </>\n      }\n    >\n      <div className={classes.innerWidgetContentContainer}>{body}</div>\n    </FUICard>\n  );\n};\n\nexport default WidgetCard;\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,cAAc,UAAU;CAC5B,MAAM,EACJ,UACA,eACA,WACA,YACA,IACA,QACA,QACA,UACA,UACA,SACA,QACA,OACA,GAAG,UACD;CA4CJ,MAAM,UA1CY,YAAY,aAAW;EACvC,MAAM,EACJ,kDAAkD,EAChD,SAAS,QACV,EACF;EACD,UAAU;GACR,kDAAkD,EAChD,SAAS,QACV;GACD,YAAY;GACZ,OAAO;GACR;EACD,SAAS,EACP,0BAA0B;GACxB,gBAAgB;GAChB,UAAU;GACV,SAAS;GACV,EACF;EACD,QAAQ;GACN,QAAQ;GACR,WAAW,EACT,iBAAiBA,QAAM,QAAQ,OAAO,OACvC;GACF;EACD,gBAAgB;GACd,MAAM;GACN,SAAS;GACT,eAAe;GACf,YAAY;GACZ,gBAAgB;GACjB;EACD,6BAA6B;GAC3B,QAAQ;GACR,UAAU,eAAe,sBAAsB,IAAI;GACnD,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,SAASA,QAAM,QAAQ,EAAE;GAC1B;EACF,EAAE,EACwB;CAE3B,MAAM,SAAS,uCAAuC,KAAK,aAAa,GAAG;CAC3E,IAAI,OAAO;AACX,KAAI,QACF,QACE,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC;EAAiB,OAAM;EAAY,MAAM;GAAM,CAC5C;AAGV,KAAI,UAAU,CAAC,KACb,QAAO,oCAAC,aAAI,mBAAsB;AAEpC,QACE,oCAACC;EACC,GAAI;EACJ,WAAW,KACT,WACA,UAAU,SAAS,QAAQ,WAAW,QAAQ,MAC9C,QAAQ,QACT;EACO;EACR,iBAAiB;GACf,WAAW,QAAQ;GACnB,eAAe;GAChB;EACD,eACE,0DACG,eACD,oCAAC,yBACC,oCAACC;GACC,SAAS;GACT,YAAY;GACZ,SAAQ;IACR,CACgB,CACnB;IAGL,oCAAC,SAAI,WAAW,QAAQ,+BAA8B,KAAW,CACzD;;AAId,yBAAe"}
+{"version":3,"file":"WidgetCard-U1XoSuoz.js","names":["theme","FUICard","FUIMenuItem"],"sources":["../src/UI/widgets/WidgetCard.jsx"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { DeleteIcon } from '@fluentui/react-icons';\nimport { makeStyles, CircularProgress } from '@material-ui/core';\nimport clsx from 'clsx';\nimport FUICard, { FUICardHeaderMenu } from '../surfaces/cards/fluentCards/FUICard';\nimport FUIMenuItem from './FluentComponents/FUIMenuItem';\n\n/**\n * Core component for dashboard widget cards\n */\nconst WidgetCard = (props) => {\n  const {\n    children,\n    headerActions,\n    className,\n    widgetType,\n    id,\n    layout,\n    params,\n    setParam,\n    onDelete,\n    loading,\n    errors,\n    theme,\n    ...other\n  } = props;\n\n  const useStyles = makeStyles((theme) => ({\n    root: {\n      '&.react-resizable-hide .react-resizable-handle': {\n        display: 'none'\n      }\n    },\n    darkRoot: {\n      '&.react-resizable-hide .react-resizable-handle': {\n        display: 'none'\n      },\n      background: '#424242',\n      color: 'white'\n    },\n    anyRoot: {\n      '& .MuiCardContent-root': {\n        justifyContent: 'space-between',\n        overflow: 'auto',\n        padding: 0\n      }\n    },\n    handle: {\n      cursor: 'move',\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover\n      }\n    },\n    loadingContent: {\n      flex: 1,\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center'\n    },\n    innerWidgetContentContainer: {\n      height: '100%',\n      minWidth: widgetType === 'ProgressBarWidget' ? 0 : 270,\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'space-between',\n      padding: theme.spacing(2)\n    }\n  }));\n  const classes = useStyles();\n\n  const raised = /(^|\\s)react-draggable-dragging(\\s|$)/.test(className ?? '');\n  let body = children;\n  if (loading) {\n    body = (\n      <div className={classes.loadingContent}>\n        <CircularProgress color='secondary' size={64} />\n      </div>\n    );\n  }\n  if (errors && !body) {\n    body = <div>Unexpected error</div>;\n  }\n  return (\n    <FUICard\n      {...other}\n      className={clsx(\n        className,\n        theme === 'dark' ? classes.darkRoot : classes.root,\n        classes.anyRoot\n      )}\n      raised={raised}\n      CardHeaderProps={{\n        className: classes.handle,\n        'data-handle': true\n      }}\n      headerActions={\n        <>\n          {headerActions}\n          <FUICardHeaderMenu>\n            <FUIMenuItem\n              onClick={onDelete}\n              fluentIcon={DeleteIcon}\n              primary='Delete'\n            />\n          </FUICardHeaderMenu>\n        </>\n      }\n    >\n      <div className={classes.innerWidgetContentContainer}>{body}</div>\n    </FUICard>\n  );\n};\n\nexport default WidgetCard;\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,cAAc,UAAU;CAC5B,MAAM,EACJ,UACA,eACA,WACA,YACA,IACA,QACA,QACA,UACA,UACA,SACA,QACA,OACA,GAAG,UACD;CA4CJ,MAAM,UA1CY,YAAY,aAAW;EACvC,MAAM,EACJ,kDAAkD,EAChD,SAAS,QACV,EACF;EACD,UAAU;GACR,kDAAkD,EAChD,SAAS,QACV;GACD,YAAY;GACZ,OAAO;GACR;EACD,SAAS,EACP,0BAA0B;GACxB,gBAAgB;GAChB,UAAU;GACV,SAAS;GACV,EACF;EACD,QAAQ;GACN,QAAQ;GACR,WAAW,EACT,iBAAiBA,QAAM,QAAQ,OAAO,OACvC;GACF;EACD,gBAAgB;GACd,MAAM;GACN,SAAS;GACT,eAAe;GACf,YAAY;GACZ,gBAAgB;GACjB;EACD,6BAA6B;GAC3B,QAAQ;GACR,UAAU,eAAe,sBAAsB,IAAI;GACnD,SAAS;GACT,eAAe;GACf,gBAAgB;GAChB,SAASA,QAAM,QAAQ,EAAE;GAC1B;EACF,EAAE,EACwB;CAE3B,MAAM,SAAS,uCAAuC,KAAK,aAAa,GAAG;CAC3E,IAAI,OAAO;AACX,KAAI,QACF,QACE,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC;EAAiB,OAAM;EAAY,MAAM;GAAM,CAC5C;AAGV,KAAI,UAAU,CAAC,KACb,QAAO,oCAAC,aAAI,mBAAsB;AAEpC,QACE,oCAACC;EACC,GAAI;EACJ,WAAW,KACT,WACA,UAAU,SAAS,QAAQ,WAAW,QAAQ,MAC9C,QAAQ,QACT;EACO;EACR,iBAAiB;GACf,WAAW,QAAQ;GACnB,eAAe;GAChB;EACD,eACE,0DACG,eACD,oCAAC,yBACC,oCAACC;GACC,SAAS;GACT,YAAY;GACZ,SAAQ;IACR,CACgB,CACnB;IAGL,oCAAC,SAAI,WAAW,QAAQ,+BAA8B,KAAW,CACzD;;AAId,yBAAe"}

package/dist/{WorkOrderCard-Ce5WrpnX.js → WorkOrderCard-s-6QK3Re.js}

@@ -52,4 +52,4 @@ const WorkOrderCard = ({ title, onClick, status, label, cost, hours, service, li
 
 //#endregion
 export { WorkOrderHeader as n, WorkOrderCard as t };
-//# sourceMappingURL=WorkOrderCard-Ce5WrpnX.js.map
+//# sourceMappingURL=WorkOrderCard-s-6QK3Re.js.map

package/dist/{WorkOrderCard-Ce5WrpnX.js.map → WorkOrderCard-s-6QK3Re.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkOrderCard-Ce5WrpnX.js","names":["useStyles"],"sources":["../src/UI/surfaces/cards/workOrderCard/WorkOrderHeader.jsx","../src/UI/surfaces/cards/workOrderCard/WorkOrderCard.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography, Divider } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  wrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '75%'\n  }\n}))\n\nexport const WorkOrderHeader = ({ cost, hours }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.wrapper}>\n        <div>\n          <Typography variant='h3'> ${cost} </Typography>\n          <Typography variant='caption'> Total Cost </Typography>\n        </div>\n        <div>\n          <Divider variant='vertical' />\n        </div>\n        <div>\n          <Typography variant='h3'> {hours} </Typography>\n          <Typography variant='caption'> Total Hours </Typography>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport { makeStyles, Collapse } from '@material-ui/core'\nimport { AmbientCard } from '../AmbientCard'\nimport { FluentIconButton } from '../../../inputs/buttons/FluentIconButton'\nimport { LayoutUnit } from '../../../../layout/LayoutUnit'\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons'\nimport { WorkOrderHeader } from './WorkOrderHeader'\n\nconst useStyles = makeStyles(theme => ({\n  root: {},\n  moreButton: {\n    display: 'flex',\n    // justifyContent: 'flex-end',\n  },\n}));\n\nexport const WorkOrderCard = ({\n  title,\n  onClick,\n  status,\n  label,\n  cost,\n  hours,\n  service,\n  list,\n  extendedList,\n  launch,\n}) => {\n  const classes = useStyles();\n  const [expanded, setExpanded] = useState(false);\n\n  return (\n    <div className={classes.root}>\n      <AmbientCard\n        title={title}\n        onClick={onClick}\n        ariaLabel=\"launch\"\n        fullWidth\n        status={status}\n        label={label}\n        launch={launch}\n        extendedContent={expanded}\n      >\n        {cost && (\n          <div>\n            <div>\n              <WorkOrderHeader cost={cost} hours={hours} />\n            </div>\n            <LayoutUnit unit=\"sm\" />\n            {service}\n            <LayoutUnit unit=\"sm\" />\n          </div>\n        )}\n        {!cost && <div> {service}</div>}\n\n        <div>\n          {list}\n          <LayoutUnit unit=\"xxs\" />\n          {extendedList && (\n            <div className={classes.moreButton}>\n              <FluentIconButton\n                onClick={() => setExpanded(!expanded)}\n                icon={expanded ? ChevronUpIcon : ChevronDownIcon}\n                className={classes.icon}\n              />\n            </div>\n          )}\n          <Collapse in={expanded} timeout=\"auto\">\n            <div>{extendedList}</div>\n          </Collapse>\n        </div>\n      </AmbientCard>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAGA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,SAAS;EACP,SAAS;EACT,gBAAgB;EAChB,OAAO;EACR;CACF,EAAE;AAEH,MAAa,mBAAmB,EAAE,MAAM,YAAY;CAClD,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,aACC,oCAAC,cAAW,SAAQ,QAAK,MAAG,MAAK,IAAc,EAC/C,oCAAC,cAAW,SAAQ,aAAU,eAAyB,CACnD,EACN,oCAAC,aACC,oCAAC,WAAQ,SAAQ,aAAa,CAC1B,EACN,oCAAC,aACC,oCAAC,cAAW,SAAQ,QAAK,KAAE,OAAM,IAAc,EAC/C,oCAAC,cAAW,SAAQ,aAAU,gBAA0B,CACpD,CACF,CACF;;;;;ACtBV,MAAM,YAAY,YAAW,WAAU;CACrC,MAAM,EAAE;CACR,YAAY,EACV,SAAS,QAEV;CACF,EAAE;AAEH,MAAa,iBAAiB,EAC5B,OACA,SACA,QACA,OACA,MACA,OACA,SACA,MACA,cACA,aACI;CACJ,MAAM,UAAU,WAAW;CAC3B,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;AAE/C,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACQ;EACE;EACT,WAAU;EACV;EACQ;EACD;EACC;EACR,iBAAiB;IAEhB,QACC,oCAAC,aACC,oCAAC,aACC,oCAAC;EAAsB;EAAa;GAAS,CACzC,EACN,oCAAC,cAAW,MAAK,OAAO,EACvB,SACD,oCAAC,cAAW,MAAK,OAAO,CACpB,EAEP,CAAC,QAAQ,oCAAC,aAAI,KAAE,QAAc,EAE/B,oCAAC,aACE,MACD,oCAAC,cAAW,MAAK,QAAQ,EACxB,gBACC,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC;EACC,eAAe,YAAY,CAAC,SAAS;EACrC,MAAM,WAAW,gBAAgB;EACjC,WAAW,QAAQ;GACnB,CACE,EAER,oCAAC;EAAS,IAAI;EAAU,SAAQ;IAC9B,oCAAC,aAAK,aAAmB,CAChB,CACP,CACM,CACV"}
+{"version":3,"file":"WorkOrderCard-s-6QK3Re.js","names":["useStyles"],"sources":["../src/UI/surfaces/cards/workOrderCard/WorkOrderHeader.jsx","../src/UI/surfaces/cards/workOrderCard/WorkOrderCard.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Typography, Divider } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  wrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    width: '75%'\n  }\n}))\n\nexport const WorkOrderHeader = ({ cost, hours }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.wrapper}>\n        <div>\n          <Typography variant='h3'> ${cost} </Typography>\n          <Typography variant='caption'> Total Cost </Typography>\n        </div>\n        <div>\n          <Divider variant='vertical' />\n        </div>\n        <div>\n          <Typography variant='h3'> {hours} </Typography>\n          <Typography variant='caption'> Total Hours </Typography>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport { makeStyles, Collapse } from '@material-ui/core'\nimport { AmbientCard } from '../AmbientCard'\nimport { FluentIconButton } from '../../../inputs/buttons/FluentIconButton'\nimport { LayoutUnit } from '../../../../layout/LayoutUnit'\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons'\nimport { WorkOrderHeader } from './WorkOrderHeader'\n\nconst useStyles = makeStyles(theme => ({\n  root: {},\n  moreButton: {\n    display: 'flex',\n    // justifyContent: 'flex-end',\n  },\n}));\n\nexport const WorkOrderCard = ({\n  title,\n  onClick,\n  status,\n  label,\n  cost,\n  hours,\n  service,\n  list,\n  extendedList,\n  launch,\n}) => {\n  const classes = useStyles();\n  const [expanded, setExpanded] = useState(false);\n\n  return (\n    <div className={classes.root}>\n      <AmbientCard\n        title={title}\n        onClick={onClick}\n        ariaLabel=\"launch\"\n        fullWidth\n        status={status}\n        label={label}\n        launch={launch}\n        extendedContent={expanded}\n      >\n        {cost && (\n          <div>\n            <div>\n              <WorkOrderHeader cost={cost} hours={hours} />\n            </div>\n            <LayoutUnit unit=\"sm\" />\n            {service}\n            <LayoutUnit unit=\"sm\" />\n          </div>\n        )}\n        {!cost && <div> {service}</div>}\n\n        <div>\n          {list}\n          <LayoutUnit unit=\"xxs\" />\n          {extendedList && (\n            <div className={classes.moreButton}>\n              <FluentIconButton\n                onClick={() => setExpanded(!expanded)}\n                icon={expanded ? ChevronUpIcon : ChevronDownIcon}\n                className={classes.icon}\n              />\n            </div>\n          )}\n          <Collapse in={expanded} timeout=\"auto\">\n            <div>{extendedList}</div>\n          </Collapse>\n        </div>\n      </AmbientCard>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAGA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,SAAS;EACP,SAAS;EACT,gBAAgB;EAChB,OAAO;EACR;CACF,EAAE;AAEH,MAAa,mBAAmB,EAAE,MAAM,YAAY;CAClD,MAAM,UAAUA,aAAW;AAE3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,aACC,oCAAC,cAAW,SAAQ,QAAK,MAAG,MAAK,IAAc,EAC/C,oCAAC,cAAW,SAAQ,aAAU,eAAyB,CACnD,EACN,oCAAC,aACC,oCAAC,WAAQ,SAAQ,aAAa,CAC1B,EACN,oCAAC,aACC,oCAAC,cAAW,SAAQ,QAAK,KAAE,OAAM,IAAc,EAC/C,oCAAC,cAAW,SAAQ,aAAU,gBAA0B,CACpD,CACF,CACF;;;;;ACtBV,MAAM,YAAY,YAAW,WAAU;CACrC,MAAM,EAAE;CACR,YAAY,EACV,SAAS,QAEV;CACF,EAAE;AAEH,MAAa,iBAAiB,EAC5B,OACA,SACA,QACA,OACA,MACA,OACA,SACA,MACA,cACA,aACI;CACJ,MAAM,UAAU,WAAW;CAC3B,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;AAE/C,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACQ;EACE;EACT,WAAU;EACV;EACQ;EACD;EACC;EACR,iBAAiB;IAEhB,QACC,oCAAC,aACC,oCAAC,aACC,oCAAC;EAAsB;EAAa;GAAS,CACzC,EACN,oCAAC,cAAW,MAAK,OAAO,EACvB,SACD,oCAAC,cAAW,MAAK,OAAO,CACpB,EAEP,CAAC,QAAQ,oCAAC,aAAI,KAAE,QAAc,EAE/B,oCAAC,aACE,MACD,oCAAC,cAAW,MAAK,QAAQ,EACxB,gBACC,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC;EACC,eAAe,YAAY,CAAC,SAAS;EACrC,MAAM,WAAW,gBAAgB;EACjC,WAAW,QAAQ;GACnB,CACE,EAER,oCAAC;EAAS,IAAI;EAAU,SAAQ;IAC9B,oCAAC,aAAK,aAAmB,CAChB,CACP,CACM,CACV"}

package/dist/{WorkflowContainer-DvkjhRjh.js → WorkflowContainer-CA0eMzMU.js}

@@ -10,7 +10,7 @@ import { t as UtilitySideBar } from "./UtilitySideBar-wvrocDGI.js";
 import { t as WorkflowTreeMenu } from "./WorkflowTreeMenu-CTxpL6vb.js";
 import { i as transformWorkflowPlayTree } from "./workflowUtilities-Brby0vts.js";
 import { t as WorkflowContent } from "./WorkflowContent-CU_-pOym.js";
-import { t as useUpdateSearchParams } from "./useUpdateSearchParams-DV8yJL_e.js";
+import { t as useUpdateSearchParams } from "./useUpdateSearchParams-en3_FDTj.js";
 import React, { useCallback, useEffect, useState } from "react";
 import { makeStyles } from "@material-ui/core";
 import { useLocation } from "react-router-dom";
@@ -184,4 +184,4 @@ var WorkflowContainer_default = WorkflowContainer;
 
 //#endregion
 export { WorkflowContainer_default as n, WorkflowContainer as t };
-//# sourceMappingURL=WorkflowContainer-DvkjhRjh.js.map
+//# sourceMappingURL=WorkflowContainer-CA0eMzMU.js.map