udp-react-enterprise-component-library 25.18.1-beta.35 → 25.18.1-beta.37

package/dist/{UserForm-Cvx0qyL6.js.map → UserForm-DQIJUkWW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserForm-Cvx0qyL6.js","names":["useStyles","Field","PasswordValidator","Form","UserFormFields"],"sources":["../src/shell/ui/addUser/PasswordValidator.jsx","../src/shell/ui/addUser/UserFormFields.jsx","../src/shell/ui/addUser/UserForm.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nconst validatePassword = (\n  password,\n  lengthRestriction = 0,\n  upperCaseRestriction = false,\n  specialCharacterRestriction = false,\n  numberRestriction = false,\n  lowerCaseRestriction = false\n) => {\n  let issues = [];\n  if(!password) return [];\n  if (lengthRestriction && password.length < lengthRestriction) {\n    issues.push(\n      `Password must be at least ${lengthRestriction} characters long.`\n    );\n  }\n  if (upperCaseRestriction && !/[A-Z]/.test(password)) {\n    issues.push('Password must contain at least one uppercase letter.');\n  }\n  if (specialCharacterRestriction && !/[!@#$%^&*(),.?\":{}|<>]/.test(password)) {\n    issues.push('Password must contain at least one special character.');\n  }\n  if (numberRestriction && !/\\d/.test(password)) {\n    issues.push('Password must contain at least one number.');\n  }\n  if (lowerCaseRestriction && !/[a-z]/.test(password)) {\n    issues.push('Password must contain at least one lowercase letter.');\n  }\n  return issues;\n};\nexport const isPasswordValid = (\n  password,\n  lengthRestriction = 0,\n  upperCaseRestriction = false,\n  specialCharacterRestriction = false,\n  numberRestriction = false,\n  lowerCaseRestriction = false\n) => {\n  return (\n    validatePassword(\n      password,\n      lengthRestriction,\n      upperCaseRestriction,\n      specialCharacterRestriction,\n      numberRestriction,\n      lowerCaseRestriction\n    ).length === 0\n  );\n};\nconst PasswordValidator = ({\n  password,\n  lengthRestriction,\n  upperCaseRestriction,\n  specialCharacterRestriction,\n  numberRestriction,\n  lowerCaseRestriction,\n}) => {\n  const issues = useMemo(\n    () =>\n      validatePassword(\n        password,\n        lengthRestriction,\n        upperCaseRestriction,\n        specialCharacterRestriction,\n        numberRestriction,\n        lowerCaseRestriction\n      ),\n    [password]\n  );\n\n  return issues?.length && password?.length ? (\n    <div>\n      <p style={{ color: 'red' }}>\n        {issues.map((issue, index) => (\n          <>\n            {issue}\n            <br />\n          </>\n        ))}\n      </p>\n    </div>\n  ) : null;\n};\n\nexport default PasswordValidator;\n","import {\n  Checkbox,\n  FormControlLabel,\n  makeStyles,\n  TextField,\n  RadioGroup,\n  Radio,\n  InputAdornment,\n  IconButton,\n} from '@material-ui/core';\nimport React, { useState, useMemo, useCallback, useEffect } from 'react';\nimport { ADUserTypeEnums } from '../../../enums/unitySystemEnums';\nimport { useUser } from '../../../utilities/auth/useUser';\nimport { Field } from '../../../utilities/form/Field';\nimport { Visibility, VisibilityOff } from '@material-ui/icons';\nimport { useForm } from 'react-final-form';\nimport PasswordValidator, { isPasswordValid } from './PasswordValidator';\nimport { useTranslation } from 'react-i18next';\nimport { FluentTextFieldAutoComplete } from '../../../UI/inputs/textField/FluentTextFieldAutoComplete';\n\n\nconst removeWhiteSpace = str => {\n  if (!str) {\n    return '';\n  }\n  return str.replace(/\\s/g, '');\n};\n\n\n\nconst useStyles = makeStyles(theme => ({\n  field: {\n    marginBottom: theme.spacing(2),\n  },\n  selectors: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginBottom: theme.spacing(1),\n  },\n  alert: {\n    marginTop: theme.spacing(-2),\n    marginBottom: theme.spacing(2),\n  },\n  accountDisabledCheckbox: {\n    height: 'auto',\n  },\n  accountDisabledCheckboxLabel: {\n    marginTop: theme.spacing(1),\n  },\n}));\n\n\nconst UserFormFields = props => {\n  const {\n    editedUser,\n    rolesData,\n    showRolesField = true,\n    handlePasswordTypeChange,\n    passwordType,\n  } = props;\n  const classes = useStyles();\n  const user = useUser();\n  const [showPassword, setShowPassword] = useState(false);\n  const form = useForm();\n  const { t } = useTranslation();\n\n  const roles = useMemo(() => {\n    if (!rolesData) {\n      return [];\n    }\n    rolesData.forEach(r => {\n      r.label = r.name;\n      r.value = r.name;\n    });\n    return rolesData\n      .sort((a, b) => a.label.localeCompare(b.label))\n      .sort((a, b) => a.productName.localeCompare(b.productName));\n  }, [rolesData]);\n\n\n  const handleClickShowPassword = useCallback(() => {\n    setShowPassword(!showPassword);\n  }, [showPassword]);\n\n  useEffect(() => {\n    if (editedUser) {\n      form.change('givenName', editedUser.givenName);\n      form.change('surname', editedUser.surname);\n      form.change('jobTitle', editedUser.jobTitle);\n      form.change('location', editedUser.location);\n      form.change('mobilePhone', editedUser.mobilePhone);\n      form.change('officePhone', editedUser.officePhone);\n    }\n  }, [editedUser, form]);\n\n  return (\n    <>\n      {editedUser && (\n        <Field\n          component={TextField}\n          label={t(\"Unity ID\")}\n          id=\"unity-id\"\n          udprecordid=\"udpRecord-UserFormFields-unity-id\"\n          name=\"unityId\"\n          fullWidth\n          variant=\"outlined\"\n          margin=\"normal\"\n          size=\"small\"\n          initialValue={\n             editedUser?.userId\n          }\n          disabled={true}\n        />\n      )}\n      <Field\n        component={TextField}\n        label={t(\"First Name\")}\n        id=\"first-name\"\n        udprecordid=\"udpRecord-UserFormFields-first-name\"\n        name=\"givenName\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        required\n        initialValue={editedUser?.givenName}\n        disabled={!user.can.CAN_MANAGE_USERS}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Last Name\")}\n        id=\"last-name\"\n        udprecordid=\"udpRecord-UserFormFields-last-name\"\n        name=\"surname\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        required\n        initialValue={editedUser?.surname}\n        disabled={!user.can.CAN_MANAGE_USERS}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Email\")}\n        id=\"email\"\n        udprecordid=\"udpRecord-UserFormFields-email\"\n        name=\"email\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        required\n        initialValue={editedUser?.email}\n        disabled={editedUser && !user.can.CAN_MODIFY_EMAIL}\n        validate={value => {\n          if (\n            !/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(\n              value\n            ) ||\n            64 < value.split('@')[0].length\n          ) {\n            return t('Invalid email address');\n          }\n        }}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Title\")}\n        id=\"title\"\n        udprecordid=\"udpRecord-UserFormFields-title\"\n        name=\"jobTitle\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={\n          typeof editedUser?.jobTitle === 'string'\n            ? editedUser?.jobTitle.trim()\n            : null\n        }\n        disabled={!user.can.CAN_MANAGE_USERS}\n        parse={value => value} // makes empty string values get added to form submission object\n      />\n      <Field\n        component={TextField}\n        label={t(\"Location\")}\n        id=\"location\"\n        udprecordid=\"udpRecord-UserFormFields-location\"\n        name=\"location\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={\n          typeof editedUser?.location === 'string'\n            ? editedUser?.location.trim()\n            : null\n        }\n        disabled={!user.can.CAN_MANAGE_USERS}\n        parse={value => value}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Mobile Phone\")}\n        id=\"mobile-phone\"\n        udprecordid=\"udpRecord-UserFormFields-mobile-phone\"\n        name=\"mobilePhone\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={removeWhiteSpace(editedUser?.mobilePhone)}\n        disabled={\n          !user.can.CAN_MANAGE_USERS ||\n          editedUser?.userType === ADUserTypeEnums.Guest\n        }\n        parse={value => value}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Office Phone\")}\n        id=\"office-phone\"\n        udprecordid=\"udpRecord-UserFormFields-office-phone\"\n        name=\"officePhone\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={removeWhiteSpace(editedUser?.officePhone)}\n        disabled={\n          !user.can.CAN_MANAGE_USERS ||\n          editedUser?.userType === ADUserTypeEnums.Guest\n        }\n        parse={value => value}\n      />\n      {showRolesField && (\n        <Field\n          component={FluentTextFieldAutoComplete}\n          label={t(\"Select Role\")}\n          id=\"roles\"\n          udprecordid=\"udpRecord-UserFormFields-roles\"\n          name=\"roles\"\n          fullWidth\n          options={roles || []}\n          textFieldProps={{\n            id: 'roles',\n            name: 'roles',\n          }}\n          optionKey={'label'}\n          isMultiple={true}\n          groupBy={(option) => option.productName}\n          required\n        />\n      )}\n      {!editedUser && (\n        <>\n          <RadioGroup\n            aria-labelledby=\"password-type\"\n            name=\"password-type\"\n            value={passwordType}\n            onChange={handlePasswordTypeChange}\n          >\n            <FormControlLabel\n              value=\"autoGeneratePassword\"\n              control={<Radio />}\n              label={t(\"Auto-generate password\")}\n              udprecordid=\"udpRecord-UserFormFields-auto-generate-password\"\n            />\n            <FormControlLabel\n              value=\"createPassword\"\n              control={<Radio />}\n              label={t(\"Let me create the password\")}\n              udprecordid=\"udpRecord-UserFormFields-create-password\"\n            />\n          </RadioGroup>\n          {passwordType === 'createPassword' && (\n            <Field\n              component={TextField}\n              label={t(\"Password\")}\n              id=\"passwordProfile\"\n              udprecordid=\"udpRecord-UserFormFields-passwordProfile\"\n              name=\"passwordProfile\"\n              type={showPassword ? 'text' : 'password'}\n              fullWidth\n              variant=\"outlined\"\n              margin=\"normal\"\n              size=\"small\"\n              autoComplete=\"new-password\"\n              validate={value =>\n                !isPasswordValid(value, 8, true, true, true, true) && (\n                  <PasswordValidator\n                    password={value}\n                    numberRestriction\n                    lowerCaseRestriction\n                    upperCaseRestriction\n                    lengthRestriction={8}\n                    specialCharacterRestriction\n                  />\n                )\n              }\n              InputProps={{\n                // <-- This is where the toggle button is added.\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      aria-label=\"toggle password visibility\"\n                      onClick={handleClickShowPassword}\n                    >\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              }}\n            />\n          )}\n        </>\n      )}\n      {!editedUser && (\n        <FormControlLabel\n          className={classes.accountDisabledCheckboxLabel}\n          label={t('Do not activate account and do not send a welcome email.')}\n          control={\n            <Field\n              component={Checkbox}\n              id=\"account-disabled\"\n              udprecordid=\"udpRecord-UserFormFields-account-disabled\"\n              name={'locked'}\n              type=\"checkbox\"\n              disabled={!user.can.CAN_MANAGE_USERS}\n              classes={classes}\n            />\n          }\n        />\n      )}\n    </>\n  );\n};\nexport default UserFormFields;\n","import { Divider, LinearProgress, makeStyles } from '@material-ui/core';\nimport React, { useCallback, useState } from 'react';\nimport { Form } from '../../../utilities/form/Form';\nimport { FormButtons } from '../../../utilities/form/FormButtons';\nimport { SubmitButton } from '../../../utilities/form/SubmitButton';\nimport { useAxiosGet } from '../../../../src/utilities/useAxiosGet';\nimport { useUser } from '../../../../src/utilities/auth/useUser';\nimport UserFormFields from './UserFormFields';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../../../configService';\n\n\nconst useStyles = makeStyles(theme => ({\n  divider: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n  },\n  loadingBar: {\n    bottom: theme.spacing(-2),\n    marginLeft: theme.spacing(-2),\n    marginRight: theme.spacing(-2),\n  },\n}));\n\nexport const UserForm = props => {\n  const {\n    submitUser,\n    editedUser,\n    creatingUser,\n    tenant,\n    updateCreatedUser,\n    showRolesField = true,\n  } = props;\n  const classes = useStyles();\n  const user = useUser();\n  const [passwordType, setPasswordType] = useState('autoGeneratePassword');\n  const { t } = useTranslation();\n\n\n  // GET list of roles\n  const [{ data: rolesData }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `roles?userId=${user.id}&tenantId=${tenant?.tenantId}`,\n    {},\n    !!!tenant,\n    false\n  );\n\n  const handlePasswordTypeChange = useCallback(event => {\n    setPasswordType(event.target.value);\n  }, []);\n\n  const handleSubmitUser = useCallback(\n    values => {\n      if (submitUser) {\n        if (passwordType === 'autoGeneratePassword') {\n          values.passwordProfile = null;\n        }\n        updateCreatedUser && editedUser\n          ? updateCreatedUser(values)\n          : submitUser(values);\n      }\n    },\n    [submitUser, passwordType, updateCreatedUser, editedUser]\n  );\n\n  return (\n    <>\n      <Form onSubmit={handleSubmitUser}>\n        <UserFormFields\n          rolesData={rolesData}\n          editedUser={editedUser}\n          showRolesField={showRolesField}\n          handlePasswordTypeChange={handlePasswordTypeChange}\n          passwordType={passwordType}\n        />\n        {user.can.CAN_MANAGE_USERS && (\n          <>\n            <div className={classes.divider}>\n              <Divider />\n            </div>\n            <FormButtons>\n              <SubmitButton\n                variant=\"contained\"\n                color=\"primary\"\n                disablePristine={false}\n                disabled={creatingUser}\n                udprecordid=\"udpRecord-UserFormFields-submit\"\n              >\n                {editedUser ? t('Update') : t('Create')}\n              </SubmitButton>\n            </FormButtons>\n          </>\n        )}\n      </Form>\n      {creatingUser && (\n        <LinearProgress className={classes.loadingBar} color=\"secondary\" />\n      )}\n    </>\n  );\n};\nexport default UserForm;\n"],"mappings":";;;;;;;;;;;;;;;AACA,MAAM,oBACJ,UACA,oBAAoB,GACpB,uBAAuB,OACvB,8BAA8B,OAC9B,oBAAoB,OACpB,uBAAuB,UACpB;CACH,IAAI,SAAS,EAAE;AACf,KAAG,CAAC,SAAU,QAAO,EAAE;AACvB,KAAI,qBAAqB,SAAS,SAAS,kBACzC,QAAO,KACL,6BAA6B,kBAAkB,mBAChD;AAEH,KAAI,wBAAwB,CAAC,QAAQ,KAAK,SAAS,CACjD,QAAO,KAAK,uDAAuD;AAErE,KAAI,+BAA+B,CAAC,yBAAyB,KAAK,SAAS,CACzE,QAAO,KAAK,wDAAwD;AAEtE,KAAI,qBAAqB,CAAC,KAAK,KAAK,SAAS,CAC3C,QAAO,KAAK,6CAA6C;AAE3D,KAAI,wBAAwB,CAAC,QAAQ,KAAK,SAAS,CACjD,QAAO,KAAK,uDAAuD;AAErE,QAAO;;AAET,MAAa,mBACX,UACA,oBAAoB,GACpB,uBAAuB,OACvB,8BAA8B,OAC9B,oBAAoB,OACpB,uBAAuB,UACpB;AACH,QACE,iBACE,UACA,mBACA,sBACA,6BACA,mBACA,qBACD,CAAC,WAAW;;AAGjB,MAAM,qBAAqB,EACzB,UACA,mBACA,sBACA,6BACA,mBACA,2BACI;CACJ,MAAM,SAAS,cAEX,iBACE,UACA,mBACA,sBACA,6BACA,mBACA,qBACD,EACH,CAAC,SAAS,CACX;AAED,QAAO,QAAQ,UAAU,UAAU,SACjC,oCAAC,aACC,oCAAC,OAAE,OAAO,EAAE,OAAO,OAAO,IACvB,OAAO,KAAK,OAAO,UAClB,0DACG,OACD,oCAAC,WAAK,CACL,CACH,CACA,CACA,GACJ;;AAGN,gCAAe;;;;AC/Df,MAAM,oBAAmB,QAAO;AAC9B,KAAI,CAAC,IACH,QAAO;AAET,QAAO,IAAI,QAAQ,OAAO,GAAG;;AAK/B,MAAMA,cAAY,YAAW,WAAU;CACrC,OAAO,EACL,cAAc,MAAM,QAAQ,EAAE,EAC/B;CACD,WAAW;EACT,SAAS;EACT,eAAe;EACf,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACD,OAAO;EACL,WAAW,MAAM,QAAQ,GAAG;EAC5B,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACD,yBAAyB,EACvB,QAAQ,QACT;CACD,8BAA8B,EAC5B,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACF,EAAE;AAGH,MAAM,kBAAiB,UAAS;CAC9B,MAAM,EACJ,YACA,WACA,iBAAiB,MACjB,0BACA,iBACE;CACJ,MAAM,UAAUA,aAAW;CAC3B,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM;CACvD,MAAM,OAAO,SAAS;CACtB,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,QAAQ,cAAc;AAC1B,MAAI,CAAC,UACH,QAAO,EAAE;AAEX,YAAU,SAAQ,MAAK;AACrB,KAAE,QAAQ,EAAE;AACZ,KAAE,QAAQ,EAAE;IACZ;AACF,SAAO,UACJ,MAAM,GAAG,MAAM,EAAE,MAAM,cAAc,EAAE,MAAM,CAAC,CAC9C,MAAM,GAAG,MAAM,EAAE,YAAY,cAAc,EAAE,YAAY,CAAC;IAC5D,CAAC,UAAU,CAAC;CAGf,MAAM,0BAA0B,kBAAkB;AAChD,kBAAgB,CAAC,aAAa;IAC7B,CAAC,aAAa,CAAC;AAElB,iBAAgB;AACd,MAAI,YAAY;AACd,QAAK,OAAO,aAAa,WAAW,UAAU;AAC9C,QAAK,OAAO,WAAW,WAAW,QAAQ;AAC1C,QAAK,OAAO,YAAY,WAAW,SAAS;AAC5C,QAAK,OAAO,YAAY,WAAW,SAAS;AAC5C,QAAK,OAAO,eAAe,WAAW,YAAY;AAClD,QAAK,OAAO,eAAe,WAAW,YAAY;;IAEnD,CAAC,YAAY,KAAK,CAAC;AAEtB,QACE,0DACG,cACC,oCAACC;EACC,WAAW;EACX,OAAO,EAAE,WAAW;EACpB,IAAG;EACH,aAAY;EACZ,MAAK;EACL;EACA,SAAQ;EACR,QAAO;EACP,MAAK;EACL,cACG,YAAY;EAEf,UAAU;GACV,EAEJ,oCAACA;EACC,WAAW;EACX,OAAO,EAAE,aAAa;EACtB,IAAG;EACH,aAAY;EACZ,MAAK;EACL;EACA,SAAQ;EACR,QAAO;EACP,MAAK;EACL;EACA,cAAc,YAAY;EAC1B,UAAU,CAAC,KAAK,IAAI;GACpB,EACF,oCAACA;EACC,WAAW;EACX,OAAO,EAAE,YAAY;EACrB,IAAG;EACH,aAAY;EACZ,MAAK;EACL;EACA,SAAQ;EACR,QAAO;EACP,MAAK;EACL;EACA,cAAc,YAAY;EAC1B,UAAU,CAAC,KAAK,IAAI;GACpB,EACF,oCAACA;EACC,WAAW;EACX,OAAO,EAAE,QAAQ;EACjB,IAAG;EACH,aAAY;EACZ,MAAK;EACL;EACA,SAAQ;EACR,QAAO;EACP,MAAK;EACL;EACA,cAAc,YAAY;EAC1B,UAAU,cAAc,CAAC,KAAK,IAAI;EAClC,WAAU,UAAS;AACjB,OACE,CAAC,wJAAwJ,KACvJ,MACD,IACD,KAAK,MAAM,MAAM,IAAI,CAAC,GAAG,OAEzB,QAAO,EAAE,wBAAwB;;GAGrC,EACF,oCAACA;EACC,WAAW;EACX,OAAO,EAAE,QAAQ;EACjB,IAAG;EACH,aAAY;EACZ,MAAK;EACL;EACA,SAAQ;EACR,QAAO;EACP,MAAK;EACL,cACE,OAAO,YAAY,aAAa,WAC5B,YAAY,SAAS,MAAM,GAC3B;EAEN,UAAU,CAAC,KAAK,IAAI;EACpB,QAAO,UAAS;GAChB,EACF,oCAACA;EACC,WAAW;EACX,OAAO,EAAE,WAAW;EACpB,IAAG;EACH,aAAY;EACZ,MAAK;EACL;EACA,SAAQ;EACR,QAAO;EACP,MAAK;EACL,cACE,OAAO,YAAY,aAAa,WAC5B,YAAY,SAAS,MAAM,GAC3B;EAEN,UAAU,CAAC,KAAK,IAAI;EACpB,QAAO,UAAS;GAChB,EACF,oCAACA;EACC,WAAW;EACX,OAAO,EAAE,eAAe;EACxB,IAAG;EACH,aAAY;EACZ,MAAK;EACL;EACA,SAAQ;EACR,QAAO;EACP,MAAK;EACL,cAAc,iBAAiB,YAAY,YAAY;EACvD,UACE,CAAC,KAAK,IAAI,oBACV,YAAY,aAAa,gBAAgB;EAE3C,QAAO,UAAS;GAChB,EACF,oCAACA;EACC,WAAW;EACX,OAAO,EAAE,eAAe;EACxB,IAAG;EACH,aAAY;EACZ,MAAK;EACL;EACA,SAAQ;EACR,QAAO;EACP,MAAK;EACL,cAAc,iBAAiB,YAAY,YAAY;EACvD,UACE,CAAC,KAAK,IAAI,oBACV,YAAY,aAAa,gBAAgB;EAE3C,QAAO,UAAS;GAChB,EACD,kBACC,oCAACA;EACC,WAAW;EACX,OAAO,EAAE,cAAc;EACvB,IAAG;EACH,aAAY;EACZ,MAAK;EACL;EACA,SAAS,SAAS,EAAE;EACpB,gBAAgB;GACd,IAAI;GACJ,MAAM;GACP;EACD,WAAW;EACX,YAAY;EACZ,UAAU,WAAW,OAAO;EAC5B;GACA,EAEH,CAAC,cACA,0DACE,oCAAC;EACC,mBAAgB;EAChB,MAAK;EACL,OAAO;EACP,UAAU;IAEV,oCAAC;EACC,OAAM;EACN,SAAS,oCAAC,YAAQ;EAClB,OAAO,EAAE,yBAAyB;EAClC,aAAY;GACZ,EACF,oCAAC;EACC,OAAM;EACN,SAAS,oCAAC,YAAQ;EAClB,OAAO,EAAE,6BAA6B;EACtC,aAAY;GACZ,CACS,EACZ,iBAAiB,oBAChB,oCAACA;EACC,WAAW;EACX,OAAO,EAAE,WAAW;EACpB,IAAG;EACH,aAAY;EACZ,MAAK;EACL,MAAM,eAAe,SAAS;EAC9B;EACA,SAAQ;EACR,QAAO;EACP,MAAK;EACL,cAAa;EACb,WAAU,UACR,CAAC,gBAAgB,OAAO,GAAG,MAAM,MAAM,MAAM,KAAK,IAChD,oCAACC;GACC,UAAU;GACV;GACA;GACA;GACA,mBAAmB;GACnB;IACA;EAGN,YAAY,EAEV,cACE,oCAAC,kBAAe,UAAS,SACvB,oCAAC;GACC,cAAW;GACX,SAAS;KAER,eAAe,oCAAC,iBAAa,GAAG,oCAAC,oBAAgB,CACvC,CACE,EAEpB;GACD,CAEH,EAEJ,CAAC,cACA,oCAAC;EACC,WAAW,QAAQ;EACnB,OAAO,EAAE,2DAA2D;EACpE,SACE,oCAACD;GACC,WAAW;GACX,IAAG;GACH,aAAY;GACZ,MAAM;GACN,MAAK;GACL,UAAU,CAAC,KAAK,IAAI;GACX;IACT;GAEJ,CAEH;;AAGP,6BAAe;;;;ACtUf,MAAM,YAAY,YAAW,WAAU;CACrC,SAAS;EACP,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC/B;CACD,YAAY;EACV,QAAQ,MAAM,QAAQ,GAAG;EACzB,YAAY,MAAM,QAAQ,GAAG;EAC7B,aAAa,MAAM,QAAQ,GAAG;EAC/B;CACF,EAAE;AAEH,MAAa,YAAW,UAAS;CAC/B,MAAM,EACJ,YACA,YACA,cACA,QACA,mBACA,iBAAiB,SACf;CACJ,MAAM,UAAU,WAAW;CAC3B,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,cAAc,mBAAmB,SAAS,uBAAuB;CACxE,MAAM,EAAE,MAAM,gBAAgB;CAI9B,MAAM,CAAC,EAAE,MAAM,eAAe,YAC5B,cAAc,gBACd,gBAAgB,KAAK,GAAG,YAAY,QAAQ,YAC5C,EAAE,EACF,CAAC,CAAC,CAAC,QACH,MACD;CAED,MAAM,2BAA2B,aAAY,UAAS;AACpD,kBAAgB,MAAM,OAAO,MAAM;IAClC,EAAE,CAAC;CAEN,MAAM,mBAAmB,aACvB,WAAU;AACR,MAAI,YAAY;AACd,OAAI,iBAAiB,uBACnB,QAAO,kBAAkB;AAE3B,wBAAqB,aACjB,kBAAkB,OAAO,GACzB,WAAW,OAAO;;IAG1B;EAAC;EAAY;EAAc;EAAmB;EAAW,CAC1D;AAED,QACE,0DACE,oCAACE,UAAK,UAAU,oBACd,oCAACC;EACY;EACC;EACI;EACU;EACZ;GACd,EACD,KAAK,IAAI,oBACR,0DACE,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,cAAU,CACP,EACN,oCAAC,mBACC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,iBAAiB;EACjB,UAAU;EACV,aAAY;IAEX,aAAa,EAAE,SAAS,GAAG,EAAE,SAAS,CAC1B,CACH,CACb,CAEA,EACN,gBACC,oCAAC;EAAe,WAAW,QAAQ;EAAY,OAAM;GAAc,CAEpE;;AAGP,uBAAe"}
+{"version":3,"file":"UserForm-DQIJUkWW.js","names":["useStyles","Field","PasswordValidator","Form","UserFormFields"],"sources":["../src/shell/ui/addUser/PasswordValidator.jsx","../src/shell/ui/addUser/UserFormFields.jsx","../src/shell/ui/addUser/UserForm.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nconst validatePassword = (\n  password,\n  lengthRestriction = 0,\n  upperCaseRestriction = false,\n  specialCharacterRestriction = false,\n  numberRestriction = false,\n  lowerCaseRestriction = false\n) => {\n  let issues = [];\n  if(!password) return [];\n  if (lengthRestriction && password.length < lengthRestriction) {\n    issues.push(\n      `Password must be at least ${lengthRestriction} characters long.`\n    );\n  }\n  if (upperCaseRestriction && !/[A-Z]/.test(password)) {\n    issues.push('Password must contain at least one uppercase letter.');\n  }\n  if (specialCharacterRestriction && !/[!@#$%^&*(),.?\":{}|<>]/.test(password)) {\n    issues.push('Password must contain at least one special character.');\n  }\n  if (numberRestriction && !/\\d/.test(password)) {\n    issues.push('Password must contain at least one number.');\n  }\n  if (lowerCaseRestriction && !/[a-z]/.test(password)) {\n    issues.push('Password must contain at least one lowercase letter.');\n  }\n  return issues;\n};\nexport const isPasswordValid = (\n  password,\n  lengthRestriction = 0,\n  upperCaseRestriction = false,\n  specialCharacterRestriction = false,\n  numberRestriction = false,\n  lowerCaseRestriction = false\n) => {\n  return (\n    validatePassword(\n      password,\n      lengthRestriction,\n      upperCaseRestriction,\n      specialCharacterRestriction,\n      numberRestriction,\n      lowerCaseRestriction\n    ).length === 0\n  );\n};\nconst PasswordValidator = ({\n  password,\n  lengthRestriction,\n  upperCaseRestriction,\n  specialCharacterRestriction,\n  numberRestriction,\n  lowerCaseRestriction,\n}) => {\n  const issues = useMemo(\n    () =>\n      validatePassword(\n        password,\n        lengthRestriction,\n        upperCaseRestriction,\n        specialCharacterRestriction,\n        numberRestriction,\n        lowerCaseRestriction\n      ),\n    [password]\n  );\n\n  return issues?.length && password?.length ? (\n    <div>\n      <p style={{ color: 'red' }}>\n        {issues.map((issue, index) => (\n          <>\n            {issue}\n            <br />\n          </>\n        ))}\n      </p>\n    </div>\n  ) : null;\n};\n\nexport default PasswordValidator;\n","import {\n  Checkbox,\n  FormControlLabel,\n  makeStyles,\n  TextField,\n  RadioGroup,\n  Radio,\n  InputAdornment,\n  IconButton,\n} from '@material-ui/core';\nimport React, { useState, useMemo, useCallback, useEffect } from 'react';\nimport { ADUserTypeEnums } from '../../../enums/unitySystemEnums';\nimport { useUser } from '../../../utilities/auth/useUser';\nimport { Field } from '../../../utilities/form/Field';\nimport { Visibility, VisibilityOff } from '@material-ui/icons';\nimport { useForm } from 'react-final-form';\nimport PasswordValidator, { isPasswordValid } from './PasswordValidator';\nimport { useTranslation } from 'react-i18next';\nimport { FluentTextFieldAutoComplete } from '../../../UI/inputs/textField/FluentTextFieldAutoComplete';\n\n\nconst removeWhiteSpace = str => {\n  if (!str) {\n    return '';\n  }\n  return str.replace(/\\s/g, '');\n};\n\n\n\nconst useStyles = makeStyles(theme => ({\n  field: {\n    marginBottom: theme.spacing(2),\n  },\n  selectors: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginBottom: theme.spacing(1),\n  },\n  alert: {\n    marginTop: theme.spacing(-2),\n    marginBottom: theme.spacing(2),\n  },\n  accountDisabledCheckbox: {\n    height: 'auto',\n  },\n  accountDisabledCheckboxLabel: {\n    marginTop: theme.spacing(1),\n  },\n}));\n\n\nconst UserFormFields = props => {\n  const {\n    editedUser,\n    rolesData,\n    showRolesField = true,\n    handlePasswordTypeChange,\n    passwordType,\n  } = props;\n  const classes = useStyles();\n  const user = useUser();\n  const [showPassword, setShowPassword] = useState(false);\n  const form = useForm();\n  const { t } = useTranslation();\n\n  const roles = useMemo(() => {\n    if (!rolesData) {\n      return [];\n    }\n    rolesData.forEach(r => {\n      r.label = r.name;\n      r.value = r.name;\n    });\n    return rolesData\n      .sort((a, b) => a.label.localeCompare(b.label))\n      .sort((a, b) => a.productName.localeCompare(b.productName));\n  }, [rolesData]);\n\n\n  const handleClickShowPassword = useCallback(() => {\n    setShowPassword(!showPassword);\n  }, [showPassword]);\n\n  useEffect(() => {\n    if (editedUser) {\n      form.change('givenName', editedUser.givenName);\n      form.change('surname', editedUser.surname);\n      form.change('jobTitle', editedUser.jobTitle);\n      form.change('location', editedUser.location);\n      form.change('mobilePhone', editedUser.mobilePhone);\n      form.change('officePhone', editedUser.officePhone);\n    }\n  }, [editedUser, form]);\n\n  return (\n    <>\n      {editedUser && (\n        <Field\n          component={TextField}\n          label={t(\"Unity ID\")}\n          id=\"unity-id\"\n          udprecordid=\"udpRecord-UserFormFields-unity-id\"\n          name=\"unityId\"\n          fullWidth\n          variant=\"outlined\"\n          margin=\"normal\"\n          size=\"small\"\n          initialValue={\n             editedUser?.userId\n          }\n          disabled={true}\n        />\n      )}\n      <Field\n        component={TextField}\n        label={t(\"First Name\")}\n        id=\"first-name\"\n        udprecordid=\"udpRecord-UserFormFields-first-name\"\n        name=\"givenName\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        required\n        initialValue={editedUser?.givenName}\n        disabled={!user.can.CAN_MANAGE_USERS}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Last Name\")}\n        id=\"last-name\"\n        udprecordid=\"udpRecord-UserFormFields-last-name\"\n        name=\"surname\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        required\n        initialValue={editedUser?.surname}\n        disabled={!user.can.CAN_MANAGE_USERS}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Email\")}\n        id=\"email\"\n        udprecordid=\"udpRecord-UserFormFields-email\"\n        name=\"email\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        required\n        initialValue={editedUser?.email}\n        disabled={editedUser && !user.can.CAN_MODIFY_EMAIL}\n        validate={value => {\n          if (\n            !/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(\n              value\n            ) ||\n            64 < value.split('@')[0].length\n          ) {\n            return t('Invalid email address');\n          }\n        }}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Title\")}\n        id=\"title\"\n        udprecordid=\"udpRecord-UserFormFields-title\"\n        name=\"jobTitle\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={\n          typeof editedUser?.jobTitle === 'string'\n            ? editedUser?.jobTitle.trim()\n            : null\n        }\n        disabled={!user.can.CAN_MANAGE_USERS}\n        parse={value => value} // makes empty string values get added to form submission object\n      />\n      <Field\n        component={TextField}\n        label={t(\"Location\")}\n        id=\"location\"\n        udprecordid=\"udpRecord-UserFormFields-location\"\n        name=\"location\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={\n          typeof editedUser?.location === 'string'\n            ? editedUser?.location.trim()\n            : null\n        }\n        disabled={!user.can.CAN_MANAGE_USERS}\n        parse={value => value}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Mobile Phone\")}\n        id=\"mobile-phone\"\n        udprecordid=\"udpRecord-UserFormFields-mobile-phone\"\n        name=\"mobilePhone\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={removeWhiteSpace(editedUser?.mobilePhone)}\n        disabled={\n          !user.can.CAN_MANAGE_USERS ||\n          editedUser?.userType === ADUserTypeEnums.Guest\n        }\n        parse={value => value}\n      />\n      <Field\n        component={TextField}\n        label={t(\"Office Phone\")}\n        id=\"office-phone\"\n        udprecordid=\"udpRecord-UserFormFields-office-phone\"\n        name=\"officePhone\"\n        fullWidth\n        variant=\"outlined\"\n        margin=\"normal\"\n        size=\"small\"\n        initialValue={removeWhiteSpace(editedUser?.officePhone)}\n        disabled={\n          !user.can.CAN_MANAGE_USERS ||\n          editedUser?.userType === ADUserTypeEnums.Guest\n        }\n        parse={value => value}\n      />\n      {showRolesField && (\n        <Field\n          component={FluentTextFieldAutoComplete}\n          label={t(\"Select Role\")}\n          id=\"roles\"\n          udprecordid=\"udpRecord-UserFormFields-roles\"\n          name=\"roles\"\n          fullWidth\n          options={roles || []}\n          textFieldProps={{\n            id: 'roles',\n            name: 'roles',\n          }}\n          optionKey={'label'}\n          isMultiple={true}\n          groupBy={(option) => option.productName}\n          required\n        />\n      )}\n      {!editedUser && (\n        <>\n          <RadioGroup\n            aria-labelledby=\"password-type\"\n            name=\"password-type\"\n            value={passwordType}\n            onChange={handlePasswordTypeChange}\n          >\n            <FormControlLabel\n              value=\"autoGeneratePassword\"\n              control={<Radio />}\n              label={t(\"Auto-generate password\")}\n              udprecordid=\"udpRecord-UserFormFields-auto-generate-password\"\n            />\n            <FormControlLabel\n              value=\"createPassword\"\n              control={<Radio />}\n              label={t(\"Let me create the password\")}\n              udprecordid=\"udpRecord-UserFormFields-create-password\"\n            />\n          </RadioGroup>\n          {passwordType === 'createPassword' && (\n            <Field\n              component={TextField}\n              label={t(\"Password\")}\n              id=\"passwordProfile\"\n              udprecordid=\"udpRecord-UserFormFields-passwordProfile\"\n              name=\"passwordProfile\"\n              type={showPassword ? 'text' : 'password'}\n              fullWidth\n              variant=\"outlined\"\n              margin=\"normal\"\n              size=\"small\"\n              autoComplete=\"new-password\"\n              validate={value =>\n                !isPasswordValid(value, 8, true, true, true, true) && (\n                  <PasswordValidator\n                    password={value}\n                    numberRestriction\n                    lowerCaseRestriction\n                    upperCaseRestriction\n                    lengthRestriction={8}\n                    specialCharacterRestriction\n                  />\n                )\n              }\n              InputProps={{\n                // <-- This is where the toggle button is added.\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      aria-label=\"toggle password visibility\"\n                      onClick={handleClickShowPassword}\n                    >\n                      {showPassword ? <Visibility /> : <VisibilityOff />}\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              }}\n            />\n          )}\n        </>\n      )}\n      {!editedUser && (\n        <FormControlLabel\n          className={classes.accountDisabledCheckboxLabel}\n          label={t('Do not activate account and do not send a welcome email.')}\n          control={\n            <Field\n              component={Checkbox}\n              id=\"account-disabled\"\n              udprecordid=\"udpRecord-UserFormFields-account-disabled\"\n              name={'locked'}\n              type=\"checkbox\"\n              disabled={!user.can.CAN_MANAGE_USERS}\n              classes={classes}\n            />\n          }\n        />\n      )}\n    </>\n  );\n};\nexport default UserFormFields;\n","import { Divider, LinearProgress, makeStyles } from '@material-ui/core';\nimport React, { useCallback, useState } from 'react';\nimport { Form } from '../../../utilities/form/Form';\nimport { FormButtons } from '../../../utilities/form/FormButtons';\nimport { SubmitButton } from '../../../utilities/form/SubmitButton';\nimport { useAxiosGet } from '../../../../src/utilities/useAxiosGet';\nimport { useUser } from '../../../../src/utilities/auth/useUser';\nimport UserFormFields from './UserFormFields';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../../../configService';\n\n\nconst useStyles = makeStyles(theme => ({\n  divider: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n  },\n  loadingBar: {\n    bottom: theme.spacing(-2),\n    marginLeft: theme.spacing(-2),\n    marginRight: theme.spacing(-2),\n  },\n}));\n\nexport const UserForm = props => {\n  const {\n    submitUser,\n    editedUser,\n    creatingUser,\n    tenant,\n    updateCreatedUser,\n    showRolesField = true,\n  } = props;\n  const classes = useStyles();\n  const user = useUser();\n  const [passwordType, setPasswordType] = useState('autoGeneratePassword');\n  const { t } = useTranslation();\n\n\n  // GET list of roles\n  const [{ data: rolesData }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `roles?userId=${user.id}&tenantId=${tenant?.tenantId}`,\n    {},\n    !!!tenant,\n    false\n  );\n\n  const handlePasswordTypeChange = useCallback(event => {\n    setPasswordType(event.target.value);\n  }, []);\n\n  const handleSubmitUser = useCallback(\n    values => {\n      if (submitUser) {\n        if (passwordType === 'autoGeneratePassword') {\n          values.passwordProfile = null;\n        }\n        updateCreatedUser && editedUser\n          ? updateCreatedUser(values)\n          : submitUser(values);\n      }\n    },\n    [submitUser, passwordType, updateCreatedUser, editedUser]\n  );\n\n  return (\n    <>\n      <Form onSubmit={handleSubmitUser}>\n        <UserFormFields\n          rolesData={rolesData}\n          editedUser={editedUser}\n          showRolesField={showRolesField}\n          handlePasswordTypeChange={handlePasswordTypeChange}\n          passwordType={passwordType}\n        />\n        {user.can.CAN_MANAGE_USERS && (\n          <>\n            <div className={classes.divider}>\n              <Divider />\n            </div>\n            <FormButtons>\n              <SubmitButton\n                variant=\"contained\"\n                color=\"primary\"\n                disablePristine={false}\n                disabled={creatingUser}\n                udprecordid=\"udpRecord-UserFormFields-submit\"\n              >\n                {editedUser ? t('Update') : t('Create')}\n              </SubmitButton>\n            </FormButtons>\n          </>\n        )}\n      </Form>\n      {creatingUser && (\n        <LinearProgress className={classes.loadingBar} color=\"secondary\" />\n      )}\n    </>\n  );\n};\nexport default UserForm;\n"],"mappings":"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"}

package/dist/UserFormSideSheet-Cki2zS9L.js

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

package/dist/{UserFormSideSheet-Bo1yZr01.js → UserFormSideSheet-yMExq77r.js}

@@ -3,7 +3,7 @@ import { i as useHandleAxiosSnackbar } from "./apiHelpers-B_cn3sZo.js";
 import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
 import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
 import { t as useTenant } from "./useTenant-MqKOZve_.js";
-import { n as UserForm_default } from "./UserForm-Cvx0qyL6.js";
+import { n as UserForm_default } from "./UserForm-DQIJUkWW.js";
 import React, { useCallback, useState } from "react";
 import { useSnackbar } from "notistack";
 import { cloneDeep } from "lodash";
@@ -90,4 +90,4 @@ var UserFormSideSheet_default = UserFormSideSheet;
 
 //#endregion
 export { UserFormSideSheet_default as t };
-//# sourceMappingURL=UserFormSideSheet-Bo1yZr01.js.map
+//# sourceMappingURL=UserFormSideSheet-yMExq77r.js.map

package/dist/{UserFormSideSheet-Bo1yZr01.js.map → UserFormSideSheet-yMExq77r.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserFormSideSheet-Bo1yZr01.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 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          // Create a new user\n          await createUser({ data: values });\n          handleSuccessSnackbar(t('User has been created successfully'))\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      addUserToTenant,\n      updateExistingUser,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      onClose,\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,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;UACpE;AAEL,UAAM,WAAW,EAAE,MAAM,QAAQ,CAAC;AAClC,0BAAsB,EAAE,qCAAqC,CAAC;;AAGhE,YAAS;WACF,OAAO;AACd,uBAAoB,MAAM,WAAW,EAAE,+DAA+D,CAAC;YAC/F;AACR,cAAW,MAAM;;IAGrB;EACE;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-yMExq77r.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 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          // Create a new user\n          await createUser({ data: values });\n          handleSuccessSnackbar(t('User has been created successfully'))\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      addUserToTenant,\n      updateExistingUser,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      onClose,\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,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;UACpE;AAEL,UAAM,WAAW,EAAE,MAAM,QAAQ,CAAC;AAClC,0BAAsB,EAAE,qCAAqC,CAAC;;AAGhE,YAAS;WACF,OAAO;AACd,uBAAoB,MAAM,WAAW,EAAE,+DAA+D,CAAC;YAC/F;AACR,cAAW,MAAM;;IAGrB;EACE;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/{UtilityBar-O0baEBVj.js → UtilityBar-Ct7h6CJ4.js}

@@ -1,6 +1,6 @@
 import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
 import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
-import { t as useActionState } from "./useActions-Db2P12NS.js";
+import { t as useActionState } from "./useActions-CxDs7v3s.js";
 import { i as InquiryHeaderSecondaryTarget, n as InquiryHeaderSecondaryAlertTarget } from "./InquiryHeaderSecondaryAlert-BO16fXvI.js";
 import { n as SubHeaderActionsTarget } from "./SubHeaderAction-B9e4Fnrd.js";
 import { i as InquiryHeaderTitleTarget, n as InquiryHeaderControlTarget } from "./InquiryHeaderControl-B3Er0Gy0.js";
@@ -95,4 +95,4 @@ const UtilityBar = (props) => {
 
 //#endregion
 export { UtilityBar as t };
-//# sourceMappingURL=UtilityBar-O0baEBVj.js.map
+//# sourceMappingURL=UtilityBar-Ct7h6CJ4.js.map

package/dist/{UtilityBar-O0baEBVj.js.map → UtilityBar-Ct7h6CJ4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UtilityBar-O0baEBVj.js","names":[],"sources":["../src/UI/utilityDisplay/UtilityBar.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Card, Collapse, Divider } from '@material-ui/core';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport clsx from 'clsx';\nimport { SubHeaderActionsTarget } from '../../utilities/utilityBar/SubHeaderAction';\nimport { InquiryHeaderTitleTarget } from '../../utilities/utilityBar/InquiryHeaderTitle';\nimport { InquiryHeaderControlTarget } from '../../utilities/utilityBar/InquiryHeaderControl';\nimport { InquiryHeaderSecondaryTarget } from '../../utilities/utilityBar/InquiryHeaderSecondary';\nimport { InquiryHeaderSecondaryAlertTarget } from '../../utilities/utilityBar/InquiryHeaderSecondaryAlert';\nimport { useActionState } from '../../hooks/useActions';\nimport { useShellStore } from '../../stores/shellStore';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {},\n    bar: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    gutters: {\n      paddingLeft: theme.spacing(2)\n    },\n    content: {\n      flex: 1,\n      width: '100%'\n    },\n    collapsed: {\n      height: 0,\n      transition: theme.transitions.create('height', {\n        easing: theme.transitions.easing.easeOut,\n        duration: theme.transitions.duration.leavingScreen\n      })\n    },\n    expanded: {\n      transition: theme.transitions.create('height', {\n        easing: theme.transitions.easing.easeIn,\n        duration: theme.transitions.duration.enteringScreen\n      })\n    },\n    open: {\n      display: 'flex',\n      justifyContent: 'flex-end'\n    },\n    toggleButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1)\n    },\n    cardRoot: {\n      '&:last-child': {\n        paddingBottom: theme.spacing(1)\n      }\n    },\n    chevronButtonOpen: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginLeft: 25,\n      zIndex: theme.zIndex.appBar\n    },\n    chevronButtonClosed: {\n      position: 'absolute',\n      left: '50%',\n      top: 11,\n      zIndex: theme.zIndex.appBar\n    },\n    chevronButtonClosedLower: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginLeft: 25,\n      zIndex: theme.zIndex.appBar\n    },\n    inquiryHeader: {\n      display: 'flex',\n      flexDirection: 'column'\n      // alignItems: 'center'\n    }\n  }),\n\n  { name: 'UtilityBar' }\n);\n\nexport const UtilityBar = (props) => {\n  // const [expanded, setExpanded] = useState(false)\n  // const [expandedSecondary, setExpandedSecondary] = useState(false)\n\n  const classes = useStyles(props);\n  // const { expanded = true, gutters = true, className } = props\n  const {\n    className,\n    gutters = true,\n    expander,\n    toggleOne,\n    toggleTwo,\n    closePrimary = false,\n    closeSecondary = false,\n    expanded = true,\n    expandedSecondary,\n    setExpanded,\n    setExpandedSecondary\n  } = props;\n\n  const actionState = useActionState();\n  const { pageSplitScreen } = actionState || {};\n\n  const shaHasChildren = useShellStore(\n    (state) => state.subHeaderActionHasChildren\n  );\n\n  return (\n    <div className={clsx(classes.bar, gutters && classes.gutters, className)}>\n      <div\n        className={classes.content}\n        style={{ zIndex: pageSplitScreen?.open ? 1100 : '' }}\n      >\n        {!expander && (\n          <Card variant={`${shaHasChildren ? 'outlined' : ''}`}>\n            <SubHeaderActionsTarget className={classes.actions} />\n          </Card>\n        )}\n        {expander && (\n          <div>\n            <Card className={classes.card} square>\n              {/* <CardContent classes={{ root: classes.cardRoot }}> */}\n              <div>\n                <InquiryHeaderTitleTarget />\n\n                {/* <Collapse in={expanded || closePrimary} timeout='auto'> */}\n                <Collapse in={closePrimary} timeout='auto'>\n                  <SubHeaderActionsTarget className={classes.actions} />\n                </Collapse>\n\n                {toggleOne && (\n                  <div\n                    className={clsx(\n                      expanded\n                        ? classes.chevronButtonOpen\n                        : classes.chevronButtonClosed\n                    )}\n                  >\n                    <FluentIconButton\n                      // onClick={() => setExpanded(!expanded)}\n                      onClick={setExpanded}\n                      icon={expanded ? ChevronUpIcon : ChevronDownIcon}\n                      className={classes.icon}\n                      // rounded={!expanded}\n                    />\n                  </div>\n                )}\n              </div>\n              <Divider />\n              {/* </CardContent> */}\n              {/* <Collapse in={expandedSecondary || closeSecondary} timeout='auto'> */}\n              <Collapse in={closeSecondary} timeout='auto'>\n                <div className={classes.inquiryHeader}>\n                  <InquiryHeaderSecondaryTarget className={classes.actions} />\n                  <InquiryHeaderSecondaryAlertTarget\n                    className={classes.actions}\n                  />\n                </div>\n              </Collapse>\n              <InquiryHeaderControlTarget />\n              {toggleTwo && (\n                <div\n                  className={clsx(\n                    expandedSecondary\n                      ? classes.chevronButtonOpen\n                      : classes.chevronButtonClosedLower\n                  )}\n                >\n                  <FluentIconButton\n                    // onClick={() => setExpandedSecondary(!expandedSecondary)}\n                    onClick={setExpandedSecondary}\n                    icon={expandedSecondary ? ChevronUpIcon : ChevronDownIcon}\n                    className={classes.icon}\n                    // rounded={!expandedSecondary}\n                  />\n                </div>\n              )}\n            </Card>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,YAAY,YACf,WAAW;CACV,MAAM,EAAE;CACR,KAAK;EACH,SAAS;EACT,eAAe;EAChB;CACD,SAAS,EACP,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,SAAS;EACP,MAAM;EACN,OAAO;EACR;CACD,WAAW;EACT,QAAQ;EACR,YAAY,MAAM,YAAY,OAAO,UAAU;GAC7C,QAAQ,MAAM,YAAY,OAAO;GACjC,UAAU,MAAM,YAAY,SAAS;GACtC,CAAC;EACH;CACD,UAAU,EACR,YAAY,MAAM,YAAY,OAAO,UAAU;EAC7C,QAAQ,MAAM,YAAY,OAAO;EACjC,UAAU,MAAM,YAAY,SAAS;EACtC,CAAC,EACH;CACD,MAAM;EACJ,SAAS;EACT,gBAAgB;EACjB;CACD,cAAc;EACZ,UAAU;EACV,OAAO,MAAM,QAAQ,EAAE;EACvB,KAAK,MAAM,QAAQ,EAAE;EACtB;CACD,UAAU,EACR,gBAAgB,EACd,eAAe,MAAM,QAAQ,EAAE,EAChC,EACF;CACD,mBAAmB;EACjB,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,OAAO;EACtB;CACD,qBAAqB;EACnB,UAAU;EACV,MAAM;EACN,KAAK;EACL,QAAQ,MAAM,OAAO;EACtB;CACD,0BAA0B;EACxB,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,OAAO;EACtB;CACD,eAAe;EACb,SAAS;EACT,eAAe;EAEhB;CACF,GAED,EAAE,MAAM,cAAc,CACvB;AAED,MAAa,cAAc,UAAU;CAInC,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EACJ,WACA,UAAU,MACV,UACA,WACA,WACA,eAAe,OACf,iBAAiB,OACjB,WAAW,MACX,mBACA,aACA,yBACE;CAGJ,MAAM,EAAE,oBADY,gBAAgB,IACO,EAAE;CAE7C,MAAM,iBAAiB,eACpB,UAAU,MAAM,2BAClB;AAED,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,KAAK,WAAW,QAAQ,SAAS,UAAU,IACtE,oCAAC;EACC,WAAW,QAAQ;EACnB,OAAO,EAAE,QAAQ,iBAAiB,OAAO,OAAO,IAAI;IAEnD,CAAC,YACA,oCAAC,QAAK,SAAS,GAAG,iBAAiB,aAAa,QAC9C,oCAAC,0BAAuB,WAAW,QAAQ,UAAW,CACjD,EAER,YACC,oCAAC,aACC,oCAAC;EAAK,WAAW,QAAQ;EAAM;IAE7B,oCAAC,aACC,oCAAC,+BAA2B,EAG5B,oCAAC;EAAS,IAAI;EAAc,SAAQ;IAClC,oCAAC,0BAAuB,WAAW,QAAQ,UAAW,CAC7C,EAEV,aACC,oCAAC,SACC,WAAW,KACT,WACI,QAAQ,oBACR,QAAQ,oBACb,IAED,oCAAC;EAEC,SAAS;EACT,MAAM,WAAW,gBAAgB;EACjC,WAAW,QAAQ;GAEnB,CACE,CAEJ,EACN,oCAAC,cAAU,EAGX,oCAAC;EAAS,IAAI;EAAgB,SAAQ;IACpC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,gCAA6B,WAAW,QAAQ,UAAW,EAC5D,oCAAC,qCACC,WAAW,QAAQ,UACnB,CACE,CACG,EACX,oCAAC,iCAA6B,EAC7B,aACC,oCAAC,SACC,WAAW,KACT,oBACI,QAAQ,oBACR,QAAQ,yBACb,IAED,oCAAC;EAEC,SAAS;EACT,MAAM,oBAAoB,gBAAgB;EAC1C,WAAW,QAAQ;GAEnB,CACE,CAEH,CACH,CAEJ,CACF"}
+{"version":3,"file":"UtilityBar-Ct7h6CJ4.js","names":[],"sources":["../src/UI/utilityDisplay/UtilityBar.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Card, Collapse, Divider } from '@material-ui/core';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport clsx from 'clsx';\nimport { SubHeaderActionsTarget } from '../../utilities/utilityBar/SubHeaderAction';\nimport { InquiryHeaderTitleTarget } from '../../utilities/utilityBar/InquiryHeaderTitle';\nimport { InquiryHeaderControlTarget } from '../../utilities/utilityBar/InquiryHeaderControl';\nimport { InquiryHeaderSecondaryTarget } from '../../utilities/utilityBar/InquiryHeaderSecondary';\nimport { InquiryHeaderSecondaryAlertTarget } from '../../utilities/utilityBar/InquiryHeaderSecondaryAlert';\nimport { useActionState } from '../../hooks/useActions';\nimport { useShellStore } from '../../stores/shellStore';\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {},\n    bar: {\n      display: 'flex',\n      flexDirection: 'row'\n    },\n    gutters: {\n      paddingLeft: theme.spacing(2)\n    },\n    content: {\n      flex: 1,\n      width: '100%'\n    },\n    collapsed: {\n      height: 0,\n      transition: theme.transitions.create('height', {\n        easing: theme.transitions.easing.easeOut,\n        duration: theme.transitions.duration.leavingScreen\n      })\n    },\n    expanded: {\n      transition: theme.transitions.create('height', {\n        easing: theme.transitions.easing.easeIn,\n        duration: theme.transitions.duration.enteringScreen\n      })\n    },\n    open: {\n      display: 'flex',\n      justifyContent: 'flex-end'\n    },\n    toggleButton: {\n      position: 'absolute',\n      right: theme.spacing(1),\n      top: theme.spacing(1)\n    },\n    cardRoot: {\n      '&:last-child': {\n        paddingBottom: theme.spacing(1)\n      }\n    },\n    chevronButtonOpen: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginLeft: 25,\n      zIndex: theme.zIndex.appBar\n    },\n    chevronButtonClosed: {\n      position: 'absolute',\n      left: '50%',\n      top: 11,\n      zIndex: theme.zIndex.appBar\n    },\n    chevronButtonClosedLower: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginLeft: 25,\n      zIndex: theme.zIndex.appBar\n    },\n    inquiryHeader: {\n      display: 'flex',\n      flexDirection: 'column'\n      // alignItems: 'center'\n    }\n  }),\n\n  { name: 'UtilityBar' }\n);\n\nexport const UtilityBar = (props) => {\n  // const [expanded, setExpanded] = useState(false)\n  // const [expandedSecondary, setExpandedSecondary] = useState(false)\n\n  const classes = useStyles(props);\n  // const { expanded = true, gutters = true, className } = props\n  const {\n    className,\n    gutters = true,\n    expander,\n    toggleOne,\n    toggleTwo,\n    closePrimary = false,\n    closeSecondary = false,\n    expanded = true,\n    expandedSecondary,\n    setExpanded,\n    setExpandedSecondary\n  } = props;\n\n  const actionState = useActionState();\n  const { pageSplitScreen } = actionState || {};\n\n  const shaHasChildren = useShellStore(\n    (state) => state.subHeaderActionHasChildren\n  );\n\n  return (\n    <div className={clsx(classes.bar, gutters && classes.gutters, className)}>\n      <div\n        className={classes.content}\n        style={{ zIndex: pageSplitScreen?.open ? 1100 : '' }}\n      >\n        {!expander && (\n          <Card variant={`${shaHasChildren ? 'outlined' : ''}`}>\n            <SubHeaderActionsTarget className={classes.actions} />\n          </Card>\n        )}\n        {expander && (\n          <div>\n            <Card className={classes.card} square>\n              {/* <CardContent classes={{ root: classes.cardRoot }}> */}\n              <div>\n                <InquiryHeaderTitleTarget />\n\n                {/* <Collapse in={expanded || closePrimary} timeout='auto'> */}\n                <Collapse in={closePrimary} timeout='auto'>\n                  <SubHeaderActionsTarget className={classes.actions} />\n                </Collapse>\n\n                {toggleOne && (\n                  <div\n                    className={clsx(\n                      expanded\n                        ? classes.chevronButtonOpen\n                        : classes.chevronButtonClosed\n                    )}\n                  >\n                    <FluentIconButton\n                      // onClick={() => setExpanded(!expanded)}\n                      onClick={setExpanded}\n                      icon={expanded ? ChevronUpIcon : ChevronDownIcon}\n                      className={classes.icon}\n                      // rounded={!expanded}\n                    />\n                  </div>\n                )}\n              </div>\n              <Divider />\n              {/* </CardContent> */}\n              {/* <Collapse in={expandedSecondary || closeSecondary} timeout='auto'> */}\n              <Collapse in={closeSecondary} timeout='auto'>\n                <div className={classes.inquiryHeader}>\n                  <InquiryHeaderSecondaryTarget className={classes.actions} />\n                  <InquiryHeaderSecondaryAlertTarget\n                    className={classes.actions}\n                  />\n                </div>\n              </Collapse>\n              <InquiryHeaderControlTarget />\n              {toggleTwo && (\n                <div\n                  className={clsx(\n                    expandedSecondary\n                      ? classes.chevronButtonOpen\n                      : classes.chevronButtonClosedLower\n                  )}\n                >\n                  <FluentIconButton\n                    // onClick={() => setExpandedSecondary(!expandedSecondary)}\n                    onClick={setExpandedSecondary}\n                    icon={expandedSecondary ? ChevronUpIcon : ChevronDownIcon}\n                    className={classes.icon}\n                    // rounded={!expandedSecondary}\n                  />\n                </div>\n              )}\n            </Card>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,YAAY,YACf,WAAW;CACV,MAAM,EAAE;CACR,KAAK;EACH,SAAS;EACT,eAAe;EAChB;CACD,SAAS,EACP,aAAa,MAAM,QAAQ,EAAE,EAC9B;CACD,SAAS;EACP,MAAM;EACN,OAAO;EACR;CACD,WAAW;EACT,QAAQ;EACR,YAAY,MAAM,YAAY,OAAO,UAAU;GAC7C,QAAQ,MAAM,YAAY,OAAO;GACjC,UAAU,MAAM,YAAY,SAAS;GACtC,CAAC;EACH;CACD,UAAU,EACR,YAAY,MAAM,YAAY,OAAO,UAAU;EAC7C,QAAQ,MAAM,YAAY,OAAO;EACjC,UAAU,MAAM,YAAY,SAAS;EACtC,CAAC,EACH;CACD,MAAM;EACJ,SAAS;EACT,gBAAgB;EACjB;CACD,cAAc;EACZ,UAAU;EACV,OAAO,MAAM,QAAQ,EAAE;EACvB,KAAK,MAAM,QAAQ,EAAE;EACtB;CACD,UAAU,EACR,gBAAgB,EACd,eAAe,MAAM,QAAQ,EAAE,EAChC,EACF;CACD,mBAAmB;EACjB,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,OAAO;EACtB;CACD,qBAAqB;EACnB,UAAU;EACV,MAAM;EACN,KAAK;EACL,QAAQ,MAAM,OAAO;EACtB;CACD,0BAA0B;EACxB,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,QAAQ,MAAM,OAAO;EACtB;CACD,eAAe;EACb,SAAS;EACT,eAAe;EAEhB;CACF,GAED,EAAE,MAAM,cAAc,CACvB;AAED,MAAa,cAAc,UAAU;CAInC,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EACJ,WACA,UAAU,MACV,UACA,WACA,WACA,eAAe,OACf,iBAAiB,OACjB,WAAW,MACX,mBACA,aACA,yBACE;CAGJ,MAAM,EAAE,oBADY,gBAAgB,IACO,EAAE;CAE7C,MAAM,iBAAiB,eACpB,UAAU,MAAM,2BAClB;AAED,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,KAAK,WAAW,QAAQ,SAAS,UAAU,IACtE,oCAAC;EACC,WAAW,QAAQ;EACnB,OAAO,EAAE,QAAQ,iBAAiB,OAAO,OAAO,IAAI;IAEnD,CAAC,YACA,oCAAC,QAAK,SAAS,GAAG,iBAAiB,aAAa,QAC9C,oCAAC,0BAAuB,WAAW,QAAQ,UAAW,CACjD,EAER,YACC,oCAAC,aACC,oCAAC;EAAK,WAAW,QAAQ;EAAM;IAE7B,oCAAC,aACC,oCAAC,+BAA2B,EAG5B,oCAAC;EAAS,IAAI;EAAc,SAAQ;IAClC,oCAAC,0BAAuB,WAAW,QAAQ,UAAW,CAC7C,EAEV,aACC,oCAAC,SACC,WAAW,KACT,WACI,QAAQ,oBACR,QAAQ,oBACb,IAED,oCAAC;EAEC,SAAS;EACT,MAAM,WAAW,gBAAgB;EACjC,WAAW,QAAQ;GAEnB,CACE,CAEJ,EACN,oCAAC,cAAU,EAGX,oCAAC;EAAS,IAAI;EAAgB,SAAQ;IACpC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,gCAA6B,WAAW,QAAQ,UAAW,EAC5D,oCAAC,qCACC,WAAW,QAAQ,UACnB,CACE,CACG,EACX,oCAAC,iCAA6B,EAC7B,aACC,oCAAC,SACC,WAAW,KACT,oBACI,QAAQ,oBACR,QAAQ,yBACb,IAED,oCAAC;EAEC,SAAS;EACT,MAAM,oBAAoB,gBAAgB;EAC1C,WAAW,QAAQ;GAEnB,CACE,CAEH,CACH,CAEJ,CACF"}

package/dist/VirtualBrowser-C1IP6rhy.js

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

package/dist/{VirtualBrowser-clYMlLAt.js → VirtualBrowser-CLXEdKAF.js}

@@ -5,7 +5,7 @@ import { t as useUser } from "./useUser-wpHGo6jU.js";
 import { n as useAxiosMutate } from "./useAxiosMutate-DcLxzykX.js";
 import { a as toTitleCase } from "./StringUtilities-u-cxAW6-.js";
 import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
-import { I as UdpEnums } from "./unitySystemEnums-DM5vXR_m.js";
+import { L as UdpEnums } from "./unitySystemEnums-e5F9Jr7m.js";
 import { n as PrimaryActionButton_default } from "./PrimaryActionButton-Dk8zvDAW.js";
 import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
 import { n as SideSheet } from "./SideSheet-C-rILQqR.js";
@@ -14,7 +14,7 @@ import { t as useSetLocationState } from "./useSetLocationState-Kvcc9BTb.js";
 import { t as PageContainer } from "./PageContainer-CT3n_ngH.js";
 import { i as executeQueryWithParameters } from "./methodUtils-Cwo_kmVX.js";
 import { n as useBuildEnvironment } from "./useBuildEnvironment-2gdqpmBX.js";
-import { t as AmbientGridTemplate } from "./AmbientGridTemplate-d8EoaQH7.js";
+import { t as AmbientGridTemplate } from "./AmbientGridTemplate-VCZhDcIf.js";
 import { t as ActionsRenderer } from "./ActionsRenderer-B1ImXko3.js";
 import { t as VirtualForm } from "./VirtualForm-DhXIovkC.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
@@ -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-clYMlLAt.js.map
+//# sourceMappingURL=VirtualBrowser-CLXEdKAF.js.map

package/dist/{VirtualBrowser-clYMlLAt.js.map → VirtualBrowser-CLXEdKAF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VirtualBrowser-clYMlLAt.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-CLXEdKAF.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/{WorkOrderCard-Wh1AkhfU.js → WorkOrderCard-CfvJtG69.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-Wh1AkhfU.js.map
+//# sourceMappingURL=WorkOrderCard-CfvJtG69.js.map

package/dist/{WorkOrderCard-Wh1AkhfU.js.map → WorkOrderCard-CfvJtG69.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkOrderCard-Wh1AkhfU.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-CfvJtG69.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-ClMZHFEd.js → WorkflowContainer-5of_2j2y.js}

@@ -1,13 +1,13 @@
 import { t as ConfigService } from "./configService-C4uoG3wj.js";
 import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { F as TreeViewModeEnums } from "./unitySystemEnums-DM5vXR_m.js";
+import { I as TreeViewModeEnums } from "./unitySystemEnums-e5F9Jr7m.js";
 import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
 import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
 import { t as useSetLocationState } from "./useSetLocationState-Kvcc9BTb.js";
 import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./useBuildEnvironment-2gdqpmBX.js";
 import { t as NodeLoader } from "./NodeLoader-BtOQQiwA.js";
 import { t as UtilitySideBar } from "./UtilitySideBar-N84D3gCu.js";
-import { t as WorkflowTreeMenu } from "./WorkflowTreeMenu-CdfX1Pv0.js";
+import { t as WorkflowTreeMenu } from "./WorkflowTreeMenu-BudXOCOS.js";
 import { i as transformWorkflowPlayTree } from "./workflowUtilities-Y2J2_Bcx.js";
 import { t as WorkflowContent } from "./WorkflowContent-D4EIUyFl.js";
 import { t as useUpdateSearchParams } from "./useUpdateSearchParams-LJeXfDsp.js";
@@ -184,4 +184,4 @@ var WorkflowContainer_default = WorkflowContainer;
 
 //#endregion
 export { WorkflowContainer_default as n, WorkflowContainer as t };
-//# sourceMappingURL=WorkflowContainer-ClMZHFEd.js.map
+//# sourceMappingURL=WorkflowContainer-5of_2j2y.js.map

package/dist/{WorkflowContainer-ClMZHFEd.js.map → WorkflowContainer-5of_2j2y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkflowContainer-ClMZHFEd.js","names":[],"sources":["../src/workflow/WorkflowContainer.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport { makeStyles } from '@material-ui/core';\nimport { WorkflowTreeMenu } from './menus/WorkflowTreeMenu';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useShellStore } from '../stores/shellStore';\nimport { NodeLoader } from '../UI/feedback/NodeLoader';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/useBuildEnvironment';\nimport { WorkflowContent } from './WorkflowContent';\nimport {\n  transformWorkflowPlayTree,\n  updateWorkflowPlayNodeState\n} from '../utilities/workflow/workflowUtilities';\nimport { useUpdateSearchParams } from '../hooks/useUpdateSearchParams';\nimport { useUser } from '../utilities/auth/useUser';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flex: 1,\n    minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'grid',\n    gridTemplateAreas: ['sidebar content'].map((line) => `\"${line}\"`).join(' '),\n    gridTemplateColumns: 'auto 1fr',\n    gridTemplateRows: 'auto 1fr'\n  },\n  sidebar: {\n    gridArea: 'sidebar',\n    marginRight: theme.spacing(1)\n  },\n  content: {\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    zIndex: 1,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    overflowY: 'auto'\n  },\n  menuContent: {\n    marginTop: theme.spacing(1),\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,\n    overflowX: 'hidden'\n  },\n  loader: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n}));\n\nexport const WorkflowContainer = (props) => {\n  const { playId, taskId, autoCollapseNav = true } = props;\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const location = useLocation();\n  const updateSearchParams = useUpdateSearchParams();\n  const user = useUser();\n  const setLocationState = useSetLocationState();\n  const { t } = useTranslation();\n\n  const [menuItemsList, setMenuItemsList] = useState([]); // holds a list of trees\n  const [selectedNode, setSelectedNode] = useState(null);\n  const [sidebarExpanded, setSidebarExpanded] = useState(true);\n  const [reloadFromPage, setReloadFromPage] = useState(false);\n  const [workflow, setWorkflow] = useState(false);\n\n  const state = location.state;\n  let searchParamStr = location.search;\n  let searchParams = new URLSearchParams(searchParamStr);\n  const urlPlayId = location.pathname.replace('/workflowtask/', '');\n  const udpPlayId =\n    playId ||\n    urlPlayId ||\n    (state\n      ? state.playId\n      : searchParams.has('playId') === true\n      ? searchParams.get('playId')\n      : '');\n\n  const udpTaskId =\n    taskId ||\n    (state\n      ? state.taskId\n      : searchParams.has('taskId') === true\n      ? searchParams.get('taskId')\n      : '');\n\n  const [{ data: workflowPlay, loading: workflowPlayLoading }, reloadWorkflow] =\n    useAxiosGet(\n      ConfigService.builderV1ApiUrl,\n      `workflow/play/${udpPlayId}`,\n      {},\n      !!!udpPlayId,\n      false\n    );\n\n  const [{ data: users }] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users?tenantId=${user?.currentTenantId || ''}`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  const [{ data: groups }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `groups?tenantId=${user?.currentTenantId || ''}&productId=${\n      ConfigService.config.UNITY_PRODUCT_ID\n    }`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  // const getNodeState = useCallback(\n  //   async (nodeId) =>\n  //     apiMutate(\n  //       ConfigService.builderV1ApiUrl,\n  //       `workflow/play/${udpPlayId}/node/${nodeId}/state`,\n  //       {\n  //         method: 'get'\n  //       }\n  //     ),\n  //   [udpPlayId]\n  // );\n\n  const { setSubHeaderActionHasChildren, setNavigationExpanded } =\n    useShellStore();\n\n  const handleReloadWorkflow = useCallback(async () => {\n    setReloadFromPage(true);\n    await reloadWorkflow();\n    setReloadFromPage(false);\n  }, [reloadWorkflow]);\n\n  const handleSelectedNode = useCallback(\n    async (node, menuIndex) => {\n      if (node.isSelectable) {\n        setSelectedNode(node);\n        await handleReloadWorkflow();\n        if (node?.properties?.playSceneId) {\n          updateSearchParams({ taskId: node.properties.playSceneId });\n        }\n      }\n    },\n    [updateSearchParams, handleReloadWorkflow]\n  );\n\n  const handleDropNode = useCallback(\n    (sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {\n      // TODO: Implement if we need to for next Phase\n    },\n    []\n  );\n\n  const handleSidebarExpandClick = useCallback(() => {\n    setSidebarExpanded((expanded) => !expanded);\n  }, []);\n\n  useEffect(() => {\n    if (workflowPlay) {\n      setWorkflow(workflowPlay);\n    }\n  }, [workflowPlay]);\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('Workflow') });\n  }, [setLocationState, t]);\n\n  // this is used for updating the state node for page use\n  useEffect(() => {\n    if (workflow) {\n      setSelectedNode((prevNode) => {\n        if (!!prevNode) {\n          const foundNode = workflow.workflowPlayNode?.children?.find(\n            (child) => child.id === prevNode.id\n          );\n          if (!!foundNode) {\n            const updatedNode = { ...prevNode };\n            // TODO: using this to update state for now but may need to update\n            // other properties of the selected node when we pull workflow tree\n            updatedNode.properties.state = foundNode.state;\n            return updatedNode;\n          } else {\n            return prevNode;\n          }\n        }\n      });\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (workflow) {\n      const list = [];\n      const updatedMenu = transformWorkflowPlayTree(workflow.workflowPlayNode);\n      if (updatedMenu) {\n        list.push(updatedMenu);\n      }\n      setMenuItemsList(list);\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (!selectedNode) {\n      const menu = menuItemsList[0];\n      // Use Task Id to find the first matching node in tree\n      if (menu) {\n        if (!!udpTaskId) {\n          const matchingTaskNode = menu.children.find(\n            (child) => child?.properties?.playSceneId === udpTaskId\n          );\n          setSelectedNode(matchingTaskNode || menu.children[0] || null);\n        } else {\n          const firstSelectableMenuItem = menu?.children?.find(\n            (item) => item.isSelectable\n          );\n          setSelectedNode(firstSelectableMenuItem || null);\n        }\n        if (autoCollapseNav) {\n          setNavigationExpanded(false);\n        }\n      }\n    }\n  }, [\n    udpTaskId,\n    menuItemsList,\n    selectedNode,\n    setNavigationExpanded,\n    autoCollapseNav\n  ]);\n\n  useEffect(() => {\n    setSubHeaderActionHasChildren(false);\n  }, [setSubHeaderActionHasChildren]);\n\n  // useEffect(() => {\n  //   if (selectedNode) {\n  //     const getState = async () => {\n  //       const response = await getNodeState(selectedNode.id);\n  //       if (response.status === 200) {\n  //         setMenuItemsList((prevMenuList) => {\n  //           let updatedList = [];\n  //           prevMenuList.forEach((menu) => {\n  //             const updatedMenu = updateWorkflowPlayNodeState(\n  //               menu,\n  //               selectedNode.id,\n  //               response.data\n  //             );\n  //             updatedList.push(updatedMenu);\n  //           });\n  //           return updatedList;\n  //         });\n  //       }\n  //     };\n  //     getState();\n  //   }\n  // }, [selectedNode, getNodeState]);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div className={classes.root}>\n        <div className={classes.sidebar}>\n          <UtilitySideBar\n            title={'Workflow'}\n            isUsingChildren={true}\n            resizable={true}\n            removePadding={true}\n            removeTopLayoutUnit={true}\n            onUtilitySidebarToggleExpandClick={handleSidebarExpandClick}\n            collapsedWidth={64}\n          >\n            <div className={classes.menuContent} key={playId}>\n              {menuItemsList?.length > 0 &&\n                (!workflowPlayLoading || reloadFromPage) &&\n                menuItemsList.map((menuItems, index) => (\n                  <div key={menuItems.id} className={classes.nodeContainer}>\n                    <WorkflowTreeMenu\n                      menuItems={menuItems}\n                      onSelectNode={handleSelectedNode}\n                      onDropNode={handleDropNode}\n                      menuIndex={index}\n                      selectedNodeId={selectedNode?.id}\n                      selectedNodeParentId={selectedNode?.parentId}\n                      sidebarExpanded={sidebarExpanded}\n                      treeViewMode={TreeViewModeEnums.Classic}\n                    />\n                  </div>\n                ))}\n              {workflowPlayLoading && !reloadFromPage && (\n                <div className={classes.loader}>\n                  <NodeLoader loading={workflowPlayLoading} />\n                </div>\n              )}\n            </div>\n          </UtilitySideBar>\n        </div>\n        <div className={classes.content}>\n          <WorkflowContent\n            selectedNode={selectedNode}\n            workflow={workflow}\n            reloadWorkflow={handleReloadWorkflow}\n            users={users}\n            groups={groups}\n          />\n        </div>\n      </div>\n    </DndProvider>\n  );\n};\n\nexport default WorkflowContainer;\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowContainer-5of_2j2y.js","names":[],"sources":["../src/workflow/WorkflowContainer.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { UtilitySideBar } from '../UI/utilityDisplay/UtilitySideBar';\nimport { makeStyles } from '@material-ui/core';\nimport { WorkflowTreeMenu } from './menus/WorkflowTreeMenu';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { useShellStore } from '../stores/shellStore';\nimport { NodeLoader } from '../UI/feedback/NodeLoader';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/useBuildEnvironment';\nimport { WorkflowContent } from './WorkflowContent';\nimport {\n  transformWorkflowPlayTree,\n  updateWorkflowPlayNodeState\n} from '../utilities/workflow/workflowUtilities';\nimport { useUpdateSearchParams } from '../hooks/useUpdateSearchParams';\nimport { useUser } from '../utilities/auth/useUser';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { useSetLocationState } from '../hooks/useSetLocationState';\nimport { useTranslation } from 'react-i18next';\nimport { ConfigService } from '../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flex: 1,\n    minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    display: 'grid',\n    gridTemplateAreas: ['sidebar content'].map((line) => `\"${line}\"`).join(' '),\n    gridTemplateColumns: 'auto 1fr',\n    gridTemplateRows: 'auto 1fr'\n  },\n  sidebar: {\n    gridArea: 'sidebar',\n    marginRight: theme.spacing(1)\n  },\n  content: {\n    gridArea: 'content',\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    zIndex: 1,\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,\n    overflowY: 'auto'\n  },\n  menuContent: {\n    marginTop: theme.spacing(1),\n    height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,\n    overflowX: 'hidden'\n  },\n  loader: {\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(1)\n  },\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center'\n  }\n}));\n\nexport const WorkflowContainer = (props) => {\n  const { playId, taskId, autoCollapseNav = true } = props;\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const location = useLocation();\n  const updateSearchParams = useUpdateSearchParams();\n  const user = useUser();\n  const setLocationState = useSetLocationState();\n  const { t } = useTranslation();\n\n  const [menuItemsList, setMenuItemsList] = useState([]); // holds a list of trees\n  const [selectedNode, setSelectedNode] = useState(null);\n  const [sidebarExpanded, setSidebarExpanded] = useState(true);\n  const [reloadFromPage, setReloadFromPage] = useState(false);\n  const [workflow, setWorkflow] = useState(false);\n\n  const state = location.state;\n  let searchParamStr = location.search;\n  let searchParams = new URLSearchParams(searchParamStr);\n  const urlPlayId = location.pathname.replace('/workflowtask/', '');\n  const udpPlayId =\n    playId ||\n    urlPlayId ||\n    (state\n      ? state.playId\n      : searchParams.has('playId') === true\n      ? searchParams.get('playId')\n      : '');\n\n  const udpTaskId =\n    taskId ||\n    (state\n      ? state.taskId\n      : searchParams.has('taskId') === true\n      ? searchParams.get('taskId')\n      : '');\n\n  const [{ data: workflowPlay, loading: workflowPlayLoading }, reloadWorkflow] =\n    useAxiosGet(\n      ConfigService.builderV1ApiUrl,\n      `workflow/play/${udpPlayId}`,\n      {},\n      !!!udpPlayId,\n      false\n    );\n\n  const [{ data: users }] = useAxiosGet(\n    ConfigService.securityV1ApiUrl,\n    `users?tenantId=${user?.currentTenantId || ''}`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  const [{ data: groups }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `groups?tenantId=${user?.currentTenantId || ''}&productId=${\n      ConfigService.config.UNITY_PRODUCT_ID\n    }`,\n    {},\n    !!!user?.currentTenantId\n  );\n\n  // const getNodeState = useCallback(\n  //   async (nodeId) =>\n  //     apiMutate(\n  //       ConfigService.builderV1ApiUrl,\n  //       `workflow/play/${udpPlayId}/node/${nodeId}/state`,\n  //       {\n  //         method: 'get'\n  //       }\n  //     ),\n  //   [udpPlayId]\n  // );\n\n  const { setSubHeaderActionHasChildren, setNavigationExpanded } =\n    useShellStore();\n\n  const handleReloadWorkflow = useCallback(async () => {\n    setReloadFromPage(true);\n    await reloadWorkflow();\n    setReloadFromPage(false);\n  }, [reloadWorkflow]);\n\n  const handleSelectedNode = useCallback(\n    async (node, menuIndex) => {\n      if (node.isSelectable) {\n        setSelectedNode(node);\n        await handleReloadWorkflow();\n        if (node?.properties?.playSceneId) {\n          updateSearchParams({ taskId: node.properties.playSceneId });\n        }\n      }\n    },\n    [updateSearchParams, handleReloadWorkflow]\n  );\n\n  const handleDropNode = useCallback(\n    (sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {\n      // TODO: Implement if we need to for next Phase\n    },\n    []\n  );\n\n  const handleSidebarExpandClick = useCallback(() => {\n    setSidebarExpanded((expanded) => !expanded);\n  }, []);\n\n  useEffect(() => {\n    if (workflowPlay) {\n      setWorkflow(workflowPlay);\n    }\n  }, [workflowPlay]);\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('Workflow') });\n  }, [setLocationState, t]);\n\n  // this is used for updating the state node for page use\n  useEffect(() => {\n    if (workflow) {\n      setSelectedNode((prevNode) => {\n        if (!!prevNode) {\n          const foundNode = workflow.workflowPlayNode?.children?.find(\n            (child) => child.id === prevNode.id\n          );\n          if (!!foundNode) {\n            const updatedNode = { ...prevNode };\n            // TODO: using this to update state for now but may need to update\n            // other properties of the selected node when we pull workflow tree\n            updatedNode.properties.state = foundNode.state;\n            return updatedNode;\n          } else {\n            return prevNode;\n          }\n        }\n      });\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (workflow) {\n      const list = [];\n      const updatedMenu = transformWorkflowPlayTree(workflow.workflowPlayNode);\n      if (updatedMenu) {\n        list.push(updatedMenu);\n      }\n      setMenuItemsList(list);\n    }\n  }, [workflow]);\n\n  useEffect(() => {\n    if (!selectedNode) {\n      const menu = menuItemsList[0];\n      // Use Task Id to find the first matching node in tree\n      if (menu) {\n        if (!!udpTaskId) {\n          const matchingTaskNode = menu.children.find(\n            (child) => child?.properties?.playSceneId === udpTaskId\n          );\n          setSelectedNode(matchingTaskNode || menu.children[0] || null);\n        } else {\n          const firstSelectableMenuItem = menu?.children?.find(\n            (item) => item.isSelectable\n          );\n          setSelectedNode(firstSelectableMenuItem || null);\n        }\n        if (autoCollapseNav) {\n          setNavigationExpanded(false);\n        }\n      }\n    }\n  }, [\n    udpTaskId,\n    menuItemsList,\n    selectedNode,\n    setNavigationExpanded,\n    autoCollapseNav\n  ]);\n\n  useEffect(() => {\n    setSubHeaderActionHasChildren(false);\n  }, [setSubHeaderActionHasChildren]);\n\n  // useEffect(() => {\n  //   if (selectedNode) {\n  //     const getState = async () => {\n  //       const response = await getNodeState(selectedNode.id);\n  //       if (response.status === 200) {\n  //         setMenuItemsList((prevMenuList) => {\n  //           let updatedList = [];\n  //           prevMenuList.forEach((menu) => {\n  //             const updatedMenu = updateWorkflowPlayNodeState(\n  //               menu,\n  //               selectedNode.id,\n  //               response.data\n  //             );\n  //             updatedList.push(updatedMenu);\n  //           });\n  //           return updatedList;\n  //         });\n  //       }\n  //     };\n  //     getState();\n  //   }\n  // }, [selectedNode, getNodeState]);\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div className={classes.root}>\n        <div className={classes.sidebar}>\n          <UtilitySideBar\n            title={'Workflow'}\n            isUsingChildren={true}\n            resizable={true}\n            removePadding={true}\n            removeTopLayoutUnit={true}\n            onUtilitySidebarToggleExpandClick={handleSidebarExpandClick}\n            collapsedWidth={64}\n          >\n            <div className={classes.menuContent} key={playId}>\n              {menuItemsList?.length > 0 &&\n                (!workflowPlayLoading || reloadFromPage) &&\n                menuItemsList.map((menuItems, index) => (\n                  <div key={menuItems.id} className={classes.nodeContainer}>\n                    <WorkflowTreeMenu\n                      menuItems={menuItems}\n                      onSelectNode={handleSelectedNode}\n                      onDropNode={handleDropNode}\n                      menuIndex={index}\n                      selectedNodeId={selectedNode?.id}\n                      selectedNodeParentId={selectedNode?.parentId}\n                      sidebarExpanded={sidebarExpanded}\n                      treeViewMode={TreeViewModeEnums.Classic}\n                    />\n                  </div>\n                ))}\n              {workflowPlayLoading && !reloadFromPage && (\n                <div className={classes.loader}>\n                  <NodeLoader loading={workflowPlayLoading} />\n                </div>\n              )}\n            </div>\n          </UtilitySideBar>\n        </div>\n        <div className={classes.content}>\n          <WorkflowContent\n            selectedNode={selectedNode}\n            workflow={workflow}\n            reloadWorkflow={handleReloadWorkflow}\n            users={users}\n            groups={groups}\n          />\n        </div>\n      </div>\n    </DndProvider>\n  );\n};\n\nexport default WorkflowContainer;\n"],"mappings":"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"}

package/dist/{WorkflowContainer-BBvEDJx3.js → WorkflowContainer-Bb0Amji_.js}

@@ -1,3 +1,3 @@
-import { n as WorkflowContainer_default, t as WorkflowContainer } from "./WorkflowContainer-ClMZHFEd.js";
+import { n as WorkflowContainer_default, t as WorkflowContainer } from "./WorkflowContainer-5of_2j2y.js";
 
 export { WorkflowContainer, WorkflowContainer_default as default };

package/dist/{WorkflowTreeMenu-CdfX1Pv0.js → WorkflowTreeMenu-BudXOCOS.js}

@@ -1,9 +1,9 @@
 import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
-import { F as TreeViewModeEnums, _ as NodeActionTriggerEnums } from "./unitySystemEnums-DM5vXR_m.js";
+import { I as TreeViewModeEnums, v as NodeActionTriggerEnums } from "./unitySystemEnums-e5F9Jr7m.js";
 import { t as UnityFluentIcon } from "./UnityFluentIcon-DrASIcTF.js";
-import { S as getIconFromName, V as searchTree, d as findAllParentIds, w as getNodeIdForRightBorder } from "./TreeUtilities-CujOFOPm.js";
+import { S as getIconFromName, V as searchTree, d as findAllParentIds, w as getNodeIdForRightBorder } from "./TreeUtilities-kiPupulY.js";
 import { t as getUnityIconFromName } from "./UnityIconLibrary-CjIwzfjv.js";
-import { t as AggregateChip } from "./AggregateChip-CMsjzRuS.js";
+import { t as AggregateChip } from "./AggregateChip-VJ-QIBJt.js";
 import React, { useCallback, useEffect, useState } from "react";
 import { CircularProgress, Tooltip, Typography, darken, lighten, makeStyles, useTheme } from "@material-ui/core";
 import clsx from "clsx";
@@ -343,4 +343,4 @@ const WorkflowTreeMenu = (props) => {
 
 //#endregion
 export { WorkflowTreeMenuItem as n, WorkflowTreeMenu as t };
-//# sourceMappingURL=WorkflowTreeMenu-CdfX1Pv0.js.map
+//# sourceMappingURL=WorkflowTreeMenu-BudXOCOS.js.map