udp-react-enterprise-component-library 25.16.2-beta.2 → 25.16.2-beta.3

package/dist/{VectorLayer-lxWaAEEB.js.map → VectorLayer-DhNuJLQ_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VectorLayer-lxWaAEEB.js","names":["MapContext","MapContext","MapContext"],"sources":["../src/map-library/Layers/ImageLayer.js","../src/map-library/Layers/Layers.jsx","../src/map-library/Layers/TileLayer.js","../src/map-library/Layers/VectorLayer.js"],"sourcesContent":["import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLImageLayer from 'ol/layer/Image'\n\nexport const ImageLayer = ({ source, zIndex = 0 }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const imageLayer = new OLImageLayer({\n      source,\n      zIndex\n    })\n\n    map.addLayer(imageLayer)\n    imageLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(imageLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n","import React from 'react'\n\nexport const Layers = ({ children }) => {\n  return <div>{children}</div>\n}\n","import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLTileLayer from 'ol/layer/Tile'\n\nexport const TileLayer = ({ source, zIndex = 0 }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const tileLayer = new OLTileLayer({\n      source,\n      zIndex\n    })\n\n    map.addLayer(tileLayer)\n    tileLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(tileLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n","import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLVectorLayer from 'ol/layer/Vector'\n\nexport const VectorLayer = ({ source, style, zIndex = 0, ...otherProps }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const vectorLayer = new OLVectorLayer({\n      source,\n      style,\n      ...otherProps\n    })\n\n    map.addLayer(vectorLayer)\n    vectorLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(vectorLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n"],"mappings":";;;;;;;AAIA,MAAa,cAAc,EAAE,QAAQ,SAAS,QAAQ;CACpD,MAAM,EAAE,QAAQ,WAAWA,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,aAAa,IAAI,aAAa;GAClC;GACA;GACD,CAAC;AAEF,MAAI,SAAS,WAAW;AACxB,aAAW,UAAU,OAAO;AAE5B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,WAAW;;IAG9B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO;;;;;ACvBT,MAAa,UAAU,EAAE,eAAe;AACtC,QAAO,oCAAC,aAAK,SAAe;;;;;ACC9B,MAAa,aAAa,EAAE,QAAQ,SAAS,QAAQ;CACnD,MAAM,EAAE,QAAQ,WAAWC,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,YAAY,IAAI,YAAY;GAChC;GACA;GACD,CAAC;AAEF,MAAI,SAAS,UAAU;AACvB,YAAU,UAAU,OAAO;AAE3B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,UAAU;;IAG7B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO;;;;;ACrBT,MAAa,eAAe,EAAE,QAAQ,OAAO,SAAS,EAAG,GAAG,iBAAiB;CAC3E,MAAM,EAAE,QAAQ,WAAWC,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,cAAc,IAAI,cAAc;GACpC;GACA;GACA,GAAG;GACJ,CAAC;AAEF,MAAI,SAAS,YAAY;AACzB,cAAY,UAAU,OAAO;AAE7B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,YAAY;;IAG/B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO"}
+{"version":3,"file":"VectorLayer-DhNuJLQ_.js","names":["MapContext","MapContext","MapContext"],"sources":["../src/map-library/Layers/ImageLayer.js","../src/map-library/Layers/Layers.jsx","../src/map-library/Layers/TileLayer.js","../src/map-library/Layers/VectorLayer.js"],"sourcesContent":["import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLImageLayer from 'ol/layer/Image'\n\nexport const ImageLayer = ({ source, zIndex = 0 }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const imageLayer = new OLImageLayer({\n      source,\n      zIndex\n    })\n\n    map.addLayer(imageLayer)\n    imageLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(imageLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n","import React from 'react'\n\nexport const Layers = ({ children }) => {\n  return <div>{children}</div>\n}\n","import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLTileLayer from 'ol/layer/Tile'\n\nexport const TileLayer = ({ source, zIndex = 0 }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const tileLayer = new OLTileLayer({\n      source,\n      zIndex\n    })\n\n    map.addLayer(tileLayer)\n    tileLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(tileLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n","import { useContext, useEffect } from 'react'\nimport MapContext from '../Map/MapContext'\nimport OLVectorLayer from 'ol/layer/Vector'\n\nexport const VectorLayer = ({ source, style, zIndex = 0, ...otherProps }) => {\n  const { map } = useContext(MapContext)\n\n  useEffect(() => {\n    if (!map) return\n\n    const vectorLayer = new OLVectorLayer({\n      source,\n      style,\n      ...otherProps\n    })\n\n    map.addLayer(vectorLayer)\n    vectorLayer.setZIndex(zIndex)\n\n    return () => {\n      if (map) {\n        map.removeLayer(vectorLayer)\n      }\n    }\n  }, [map, source])\n\n  return null\n}\n"],"mappings":";;;;;;;AAIA,MAAa,cAAc,EAAE,QAAQ,SAAS,QAAQ;CACpD,MAAM,EAAE,QAAQ,WAAWA,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,aAAa,IAAI,aAAa;GAClC;GACA;GACD,CAAC;AAEF,MAAI,SAAS,WAAW;AACxB,aAAW,UAAU,OAAO;AAE5B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,WAAW;;IAG9B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO;;;;;ACvBT,MAAa,UAAU,EAAE,eAAe;AACtC,QAAO,oCAAC,aAAK,SAAe;;;;;ACC9B,MAAa,aAAa,EAAE,QAAQ,SAAS,QAAQ;CACnD,MAAM,EAAE,QAAQ,WAAWC,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,YAAY,IAAI,YAAY;GAChC;GACA;GACD,CAAC;AAEF,MAAI,SAAS,UAAU;AACvB,YAAU,UAAU,OAAO;AAE3B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,UAAU;;IAG7B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO;;;;;ACrBT,MAAa,eAAe,EAAE,QAAQ,OAAO,SAAS,EAAG,GAAG,iBAAiB;CAC3E,MAAM,EAAE,QAAQ,WAAWC,mBAAW;AAEtC,iBAAgB;AACd,MAAI,CAAC,IAAK;EAEV,MAAM,cAAc,IAAI,cAAc;GACpC;GACA;GACA,GAAG;GACJ,CAAC;AAEF,MAAI,SAAS,YAAY;AACzB,cAAY,UAAU,OAAO;AAE7B,eAAa;AACX,OAAI,IACF,KAAI,YAAY,YAAY;;IAG/B,CAAC,KAAK,OAAO,CAAC;AAEjB,QAAO"}

package/dist/{VirtualBrowser-BcE288WI.js → VirtualBrowser-B9Hi3Ns8.js}

@@ -71,6 +71,6 @@ import "./HintPanel-C6R_3C7z.js";
 import "./SearchOperator-D9838PIe.js";
 import "./virtualActions-CVQjzQ44.js";
 import "./VirtualForm-yknhCBI8.js";
-import { n as VirtualBrowser_default, t as VirtualBrowser } from "./VirtualBrowser-MrJ2WyXZ.js";
+import { n as VirtualBrowser_default, t as VirtualBrowser } from "./VirtualBrowser-DitDAizB.js";
 
 export { VirtualBrowser, VirtualBrowser_default as default };

package/dist/{VirtualBrowser-MrJ2WyXZ.js → VirtualBrowser-DitDAizB.js}

@@ -423,4 +423,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-MrJ2WyXZ.js.map
+//# sourceMappingURL=VirtualBrowser-DitDAizB.js.map

package/dist/{VirtualBrowser-MrJ2WyXZ.js.map → VirtualBrowser-DitDAizB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VirtualBrowser-MrJ2WyXZ.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 'udp-react-stencil-component-library';\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/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/EnvironmentRibbon';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { useSetLocationState } from '../../hooks/useSetLocationState';\nimport { ConfigService } from 'udp-react-stencil-component-library';\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-DitDAizB.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 'udp-react-stencil-component-library';\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/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/EnvironmentRibbon';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { useSetLocationState } from '../../hooks/useSetLocationState';\nimport { ConfigService } from 'udp-react-stencil-component-library';\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/{WorkflowContainer-6pvb3tjn.js → WorkflowContainer-6vFVCbss.js}

@@ -5,10 +5,10 @@ import { t as useAxiosGet } from "./useAxiosGet-5JQU4EkT.js";
 import { t as useSetLocationState } from "./useSetLocationState-rHUPN6XU.js";
 import { r as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./EnvironmentRibbon-CRhI4qRC.js";
 import { t as NodeLoader } from "./NodeLoader-DTzrMqNJ.js";
-import { t as UtilitySideBar } from "./UtilitySideBar-CTYzpnie.js";
-import { t as WorkflowTreeMenu } from "./WorkflowTreeMenu-CoDNDQxm.js";
-import { i as transformWorkflowPlayTree } from "./workflowUtilities-DMsosjJ_.js";
-import { t as WorkflowContent } from "./WorkflowContent-B4na5XXv.js";
+import { t as UtilitySideBar } from "./UtilitySideBar-BTwLKDoy.js";
+import { t as WorkflowTreeMenu } from "./WorkflowTreeMenu-pXKq9TyH.js";
+import { i as transformWorkflowPlayTree } from "./workflowUtilities-xEyO79d5.js";
+import { t as WorkflowContent } from "./WorkflowContent-DN9BPOCP.js";
 import { t as useUpdateSearchParams } from "./useUpdateSearchParams-B6ZXT8Ck.js";
 import React, { useCallback, useEffect, useState } from "react";
 import { makeStyles } from "@material-ui/core";
@@ -184,4 +184,4 @@ var WorkflowContainer_default = WorkflowContainer;
 
 //#endregion
 export { WorkflowContainer_default as n, WorkflowContainer as t };
-//# sourceMappingURL=WorkflowContainer-6pvb3tjn.js.map
+//# sourceMappingURL=WorkflowContainer-6vFVCbss.js.map

package/dist/{WorkflowContainer-6pvb3tjn.js.map → WorkflowContainer-6vFVCbss.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkflowContainer-6pvb3tjn.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/EnvironmentRibbon';\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 'udp-react-stencil-component-library';\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":";;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,MAAM;EACN,YAAY,EAAE,qBAAqB,gBAAgB,iBAAiB,GAAG;EACvE,SAAS;EACT,mBAAmB,CAAC,kBAAkB,CAAC,KAAK,SAAS,IAAI,KAAK,GAAG,CAAC,KAAK,IAAI;EAC3E,qBAAqB;EACrB,kBAAkB;EACnB;CACD,SAAS;EACP,UAAU;EACV,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,SAAS;EACP,UAAU;EACV,SAAS;EACT,eAAe;EACf,UAAU;EACV,QAAQ;EACR,SAAS,EAAE,qBAAqB,gBAAgB,iBAAiB,GAAG;EACpE,WAAW;EACZ;CACD,aAAa;EACX,WAAW,MAAM,QAAQ,EAAE;EAC3B,SAAS,EAAE,qBAAqB,gBAAgB,iBAAiB,IAAI;EACrE,WAAW;EACZ;CACD,QAAQ;EACN,aAAa,MAAM,QAAQ,EAAE;EAC7B,YAAY,MAAM,QAAQ,EAAE;EAC7B;CACD,gBAAgB;EACd,MAAM;EACN,SAAS;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EACjB;CACF,EAAE;AAEH,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAE,QAAQ,QAAQ,kBAAkB,SAAS;CACnD,MAAM,WAAW,qBAAqB;CACtC,MAAM,UAAU,UAAU;EACxB,GAAG;EACH,gBAAgB,WAAW,mBAAmB;EAC/C,CAAC;CACF,MAAM,WAAW,aAAa;CAC9B,MAAM,qBAAqB,uBAAuB;CAClD,MAAM,OAAO,SAAS;CACtB,MAAM,mBAAmB,qBAAqB;CAC9C,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,CAAC,eAAe,oBAAoB,SAAS,EAAE,CAAC;CACtD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,KAAK;CAC5D,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,MAAM;CAC3D,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAE/C,MAAM,QAAQ,SAAS;CACvB,IAAI,iBAAiB,SAAS;CAC9B,IAAI,eAAe,IAAI,gBAAgB,eAAe;CACtD,MAAM,YAAY,SAAS,SAAS,QAAQ,kBAAkB,GAAG;CACjE,MAAM,YACJ,UACA,cACC,QACG,MAAM,SACN,aAAa,IAAI,SAAS,KAAK,OAC/B,aAAa,IAAI,SAAS,GAC1B;CAEN,MAAM,YACJ,WACC,QACG,MAAM,SACN,aAAa,IAAI,SAAS,KAAK,OAC/B,aAAa,IAAI,SAAS,GAC1B;CAEN,MAAM,CAAC,EAAE,MAAM,cAAc,SAAS,uBAAuB,kBAC3D,YACE,cAAc,iBACd,iBAAiB,aACjB,EAAE,EACF,CAAC,CAAC,CAAC,WACH,MACD;CAEH,MAAM,CAAC,EAAE,MAAM,WAAW,YACxB,cAAc,kBACd,kBAAkB,MAAM,mBAAmB,MAC3C,EAAE,EACF,CAAC,CAAC,CAAC,MAAM,gBACV;CAED,MAAM,CAAC,EAAE,MAAM,YAAY,YACzB,cAAc,gBACd,mBAAmB,MAAM,mBAAmB,GAAG,aAC7C,cAAc,OAAO,oBAEvB,EAAE,EACF,CAAC,CAAC,CAAC,MAAM,gBACV;CAcD,MAAM,EAAE,+BAA+B,0BACrC,eAAe;CAEjB,MAAM,uBAAuB,YAAY,YAAY;AACnD,oBAAkB,KAAK;AACvB,QAAM,gBAAgB;AACtB,oBAAkB,MAAM;IACvB,CAAC,eAAe,CAAC;CAEpB,MAAM,qBAAqB,YACzB,OAAO,MAAM,cAAc;AACzB,MAAI,KAAK,cAAc;AACrB,mBAAgB,KAAK;AACrB,SAAM,sBAAsB;AAC5B,OAAI,MAAM,YAAY,YACpB,oBAAmB,EAAE,QAAQ,KAAK,WAAW,aAAa,CAAC;;IAIjE,CAAC,oBAAoB,qBAAqB,CAC3C;CAED,MAAM,iBAAiB,aACpB,YAAY,YAAY,qBAAqB,wBAAwB,IAGtE,EAAE,CACH;CAED,MAAM,2BAA2B,kBAAkB;AACjD,sBAAoB,aAAa,CAAC,SAAS;IAC1C,EAAE,CAAC;AAEN,iBAAgB;AACd,MAAI,aACF,aAAY,aAAa;IAE1B,CAAC,aAAa,CAAC;AAIlB,iBAAgB;AACd,mBAAiB,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;IACzC,CAAC,kBAAkB,EAAE,CAAC;AAGzB,iBAAgB;AACd,MAAI,SACF,kBAAiB,aAAa;AAC5B,OAAI,CAAC,CAAC,UAAU;IACd,MAAM,YAAY,SAAS,kBAAkB,UAAU,MACpD,UAAU,MAAM,OAAO,SAAS,GAClC;AACD,QAAI,CAAC,CAAC,WAAW;KACf,MAAM,cAAc,EAAE,GAAG,UAAU;AAGnC,iBAAY,WAAW,QAAQ,UAAU;AACzC,YAAO;UAEP,QAAO;;IAGX;IAEH,CAAC,SAAS,CAAC;AAEd,iBAAgB;AACd,MAAI,UAAU;GACZ,MAAM,OAAO,EAAE;GACf,MAAM,cAAc,0BAA0B,SAAS,iBAAiB;AACxE,OAAI,YACF,MAAK,KAAK,YAAY;AAExB,oBAAiB,KAAK;;IAEvB,CAAC,SAAS,CAAC;AAEd,iBAAgB;AACd,MAAI,CAAC,cAAc;GACjB,MAAM,OAAO,cAAc;AAE3B,OAAI,MAAM;AACR,QAAI,CAAC,CAAC,UAIJ,iBAHyB,KAAK,SAAS,MACpC,UAAU,OAAO,YAAY,gBAAgB,UAC/C,IACmC,KAAK,SAAS,MAAM,KAAK;SACxD;KACL,MAAM,0BAA0B,MAAM,UAAU,MAC7C,SAAS,KAAK,aAChB;AACD,qBAAgB,2BAA2B,KAAK;;AAElD,QAAI,gBACF,uBAAsB,MAAM;;;IAIjC;EACD;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,iBAAgB;AACd,gCAA8B,MAAM;IACnC,CAAC,8BAA8B,CAAC;AAyBnC,QACE,oCAAC,eAAY,SAAS,gBACpB,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC;EACC,OAAO;EACP,iBAAiB;EACjB,WAAW;EACX,eAAe;EACf,qBAAqB;EACrB,mCAAmC;EACnC,gBAAgB;IAEhB,oCAAC;EAAI,WAAW,QAAQ;EAAa,KAAK;IACvC,eAAe,SAAS,MACtB,CAAC,uBAAuB,mBACzB,cAAc,KAAK,WAAW,UAC5B,oCAAC;EAAI,KAAK,UAAU;EAAI,WAAW,QAAQ;IACzC,oCAAC;EACY;EACX,cAAc;EACd,YAAY;EACZ,WAAW;EACX,gBAAgB,cAAc;EAC9B,sBAAsB,cAAc;EACnB;EACjB,cAAc,kBAAkB;GAChC,CACE,CACN,EACH,uBAAuB,CAAC,kBACvB,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC,cAAW,SAAS,sBAAuB,CACxC,CAEJ,CACS,CACb,EACN,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC;EACe;EACJ;EACV,gBAAgB;EACT;EACC;GACR,CACE,CACF,CACM;;AAIlB,gCAAe"}
+{"version":3,"file":"WorkflowContainer-6vFVCbss.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/EnvironmentRibbon';\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 'udp-react-stencil-component-library';\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-CJ6gQNV-.js → WorkflowContainer-VHsUGDIl.js}

@@ -56,18 +56,18 @@ import "./NumberOperator-B9Z8RVLl.js";
 import "./aggregateUtils-DfJ1Vlr6.js";
 import "./AggregateChip-BNtU9tx9.js";
 import "./DateUtilities-DpwKxatA.js";
-import "./UtilityBarInport-Dei5BcYo.js";
-import "./UtilitySideBar-CTYzpnie.js";
-import "./WorkflowTreeMenu-CoDNDQxm.js";
-import "./workflowEnums-BPeGiQKg.js";
-import "./workflowUtilities-DMsosjJ_.js";
-import "./workflowStore-CBcKriB2.js";
-import "./WorkflowTaskFlow-Cb1JZOU2.js";
-import "./LinearProgress-BiBVB7Dw.js";
-import "./CircularProgress-CSGPlrG_.js";
-import "./WorkflowContent-B4na5XXv.js";
-import "./EmailDisplay-BEV_maxX.js";
+import "./UtilityBarInport-BK2d93K5.js";
+import "./UtilitySideBar-BTwLKDoy.js";
+import "./WorkflowTreeMenu-pXKq9TyH.js";
+import "./workflowEnums-BOQUbwNm.js";
+import "./workflowUtilities-xEyO79d5.js";
+import "./workflowStore-D-NHniHF.js";
+import "./WorkflowTaskFlow-B067pxDZ.js";
+import "./LinearProgress-DvXOb1Ck.js";
+import "./CircularProgress-CGB2A7S2.js";
+import "./WorkflowContent-DN9BPOCP.js";
+import "./EmailDisplay-CpnpgDOC.js";
 import "./useUpdateSearchParams-B6ZXT8Ck.js";
-import { n as WorkflowContainer_default, t as WorkflowContainer } from "./WorkflowContainer-6pvb3tjn.js";
+import { n as WorkflowContainer_default, t as WorkflowContainer } from "./WorkflowContainer-6vFVCbss.js";
 
 export { WorkflowContainer, WorkflowContainer_default as default };

package/dist/{WorkflowContent-B4na5XXv.js → WorkflowContent-DN9BPOCP.js}

@@ -8,12 +8,12 @@ import { t as useAxiosGet } from "./useAxiosGet-5JQU4EkT.js";
 import { t as PageContainer } from "./PageContainer-D6cKoXv1.js";
 import { t as PrimaryActionHeader } from "./PrimaryActionHeader-Dn1lPb0q.js";
 import { r as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./EnvironmentRibbon-CRhI4qRC.js";
-import { n as UnitTypeEnums, t as UnitStateType } from "./workflowEnums-BPeGiQKg.js";
-import { t as useWorkflowStore } from "./workflowStore-CBcKriB2.js";
-import { t as WorkflowTaskFlow } from "./WorkflowTaskFlow-Cb1JZOU2.js";
-import { t as LinearProgress$1 } from "./LinearProgress-BiBVB7Dw.js";
-import { t as CircularProgress$1 } from "./CircularProgress-CSGPlrG_.js";
-import { n as SmsDisplay, t as EmailDisplay } from "./EmailDisplay-BEV_maxX.js";
+import { n as UnitTypeEnums, t as UnitStateType } from "./workflowEnums-BOQUbwNm.js";
+import { t as useWorkflowStore } from "./workflowStore-D-NHniHF.js";
+import { t as WorkflowTaskFlow } from "./WorkflowTaskFlow-B067pxDZ.js";
+import { t as LinearProgress$1 } from "./LinearProgress-DvXOb1Ck.js";
+import { t as CircularProgress$1 } from "./CircularProgress-CGB2A7S2.js";
+import { n as SmsDisplay, t as EmailDisplay } from "./EmailDisplay-CpnpgDOC.js";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Card, makeStyles } from "@material-ui/core";
 import { ConfigService } from "udp-react-stencil-component-library";
@@ -425,4 +425,4 @@ const WorkflowContent = (props) => {
 
 //#endregion
 export { WorkflowUiInterruptContent as n, WorkflowContent as t };
-//# sourceMappingURL=WorkflowContent-B4na5XXv.js.map
+//# sourceMappingURL=WorkflowContent-DN9BPOCP.js.map

package/dist/{WorkflowContent-B4na5XXv.js.map → WorkflowContent-DN9BPOCP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkflowContent-B4na5XXv.js","names":["useStyles","apiMutate","user","LinearProgress","CircularProgress"],"sources":["../src/workflow/WorkflowUiInterruptContent.jsx","../src/workflow/WorkflowContent.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef\n} from 'react';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { makeStyles } from '@material-ui/core';\nimport { PageContainer } from '../page/PageContainer';\nimport { useUser } from '../utilities/auth/useUser';\nimport { PrimaryActionHeader } from '../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { Card } from '@material-ui/core';\nimport { useWorkflowStore } from '../stores/workflowStore';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { WorkflowTaskFlow } from './components/WorkflowTaskFlow';\nimport { orderBy } from 'lodash';\nimport { UnitStateType } from '../enums/workflowEnums';\nimport { LinearProgress } from '../UI/loading/LinearProgress';\nimport { FluentTextFieldAutoComplete } from '../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { useTranslation } from 'react-i18next';\nimport { CancelIcon, ForwardIcon } from '@fluentui/react-icons';\nimport { SideSheet } from '../UI/surfaces/SideSheet';\nimport { Field, Form } from '../utilities/form';\nimport { cloneDeep } from 'lodash';\nimport { CircularProgress } from '../UI/loading/CircularProgress';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 'calc(100vh - 160px)'\n  }\n}));\n\nexport const WorkflowUiInterruptContent = (props) => {\n  const {\n    selectedNode,\n    workflow,\n    reloadWorkflow,\n    users,\n    groups,\n    handleClose,\n    inquiryPageParams = {}\n  } = props;\n  const classes = useStyles();\n  const [selectedPageId, setSelectedPageId] = useState('');\n  const [currentWorkflowStep, setCurrentWorkflowStep] = useState(0);\n  const [loading, setLoading] = useState(false);\n  const [loadingTaskData, setLoadingTaskData] = useState(true);\n  const [reassignSidesheetOpen, setReassignSidesheetOpen] = useState(false);\n  const [reassigningAssignee, setReassigningAssignee] = useState(false);\n  const [workflowPageData, setWorkflowPageData] = useState(null);\n  const [orderedPageData, setOrderedPageData] = useState([]);\n  const user = useUser();\n  const taskDataMap = useWorkflowStore((state) => state.taskDataMap);\n  const setTaskDataMap = useWorkflowStore((state) => state.setTaskDataMap);\n  const { t } = useTranslation();\n  const formRef = useRef(null);\n\n  const [{ data: pageData, loading: pageLoading, error: pageError }] =\n    useAxiosGet(\n      ConfigService.tenantV1ApiUrl,\n      `page/${selectedPageId}`,\n      {},\n      !!!selectedPageId,\n      false\n    );\n\n  const [\n    { data: playScene, loading: playSceneLoading, error: playSceneError },\n    fetchPlayScene\n  ] = useAxiosGet(\n    ConfigService.maestroV1ApiUrl,\n    `maestro/play/scene/${\n      selectedNode?.properties?.playSceneId || null\n    }?includeData=true`,\n    {},\n    !!!selectedNode?.properties?.playSceneId,\n    false\n  );\n\n  const updatePlaySceneData = useCallback(\n    async (data = '') =>\n      apiMutate(\n        ConfigService.maestroV1ApiUrl,\n        `maestro/play/scene/${\n          selectedNode?.properties?.playSceneId || null\n        }/data`,\n        {\n          method: 'put'\n        },\n        { data: data }\n      ),\n    [selectedNode]\n  );\n\n  const updatePlaySceneState = useCallback(\n    async (data = {}, sceneState) =>\n      apiMutate(\n        ConfigService.maestroV1ApiUrl,\n        `maestro/play/scene/${\n          selectedNode?.properties?.playSceneId || null\n        }/${sceneState}`,\n        {\n          method: 'put'\n        },\n        { data: data }\n      ),\n    [selectedNode]\n  );\n\n  const updatePlaySceneAssignee = useCallback(\n    async (data = '') =>\n      apiMutate(\n        ConfigService.maestroV1ApiUrl,\n        `maestro/play/scene/${\n          selectedNode?.properties?.playSceneId || null\n        }/assignee`,\n        {\n          method: 'put'\n        },\n        { data: data }\n      ),\n    [selectedNode]\n  );\n\n  const closeReassignmentSheet = useCallback(() => {\n    setReassignSidesheetOpen(false);\n  }, []);\n\n  const workflowTaskSteps = useMemo(() => {\n    if (!selectedNode?.properties?.interruptPages) {\n      return [];\n    }\n    const orderedInterruptPages = orderBy(\n      selectedNode.properties.interruptPages,\n      ['sequenceNo'],\n      ['asc']\n    );\n    const steps = orderedInterruptPages.reduce((list, ip) => {\n      const step = {\n        label: ip.displayName || ip.page?.name,\n        pageId: ip.page?.pageId,\n        requiredFieldMapping: ip.requiredFieldMapping\n      };\n      list.push(step);\n      return list;\n    }, []);\n    return steps;\n  }, [selectedNode]);\n\n  const assigneeOptions = useMemo(() => {\n    const formattedUsers =\n      users?.reduce((list, user) => {\n        list.push({\n          id: user?.unityId || '',\n          name: `${user?.displayName} - (User)` || ''\n        });\n        return list;\n      }, []) || [];\n    const formattedGroups =\n      groups.reduce((list, group) => {\n        list.push({\n          id: group?.groupId || '',\n          name: `${group?.name} - (Group)` || ''\n        });\n        return list;\n      }, []) || [];\n    const options = formattedUsers.concat(formattedGroups);\n    return options;\n  }, [users, groups]);\n\n  const saveCurrentWorkflowData = useCallback(async () => {\n    let playSceneData = null;\n    if (selectedNode?.properties?.playSceneId) {\n      playSceneData = taskDataMap[selectedNode.properties.playSceneId];\n    }\n    if (playSceneData) {\n      await updatePlaySceneData({\n        data: JSON.stringify(playSceneData)\n      });\n      await fetchPlayScene();\n    }\n  }, [taskDataMap, fetchPlayScene, updatePlaySceneData, selectedNode]);\n\n  const updateWorkflowPageData = useCallback(\n    async (data, pageId) => {\n      if (!selectedNode?.properties?.playSceneId || !pageId) {\n        console.warn('No TaskId or PageId availble to save Workflow Page Data');\n        return;\n      }\n      if (\n        selectedNode?.properties?.state === UnitStateType.Initial ||\n        selectedNode?.properties?.state === UnitStateType.Completed ||\n        selectedNode?.properties?.state === UnitStateType.Cancelled ||\n        selectedNode?.properties?.state === UnitStateType.Failed\n      ) {\n        return;\n      }\n\n      let playSceneData = null;\n      if (selectedNode?.properties?.playSceneId) {\n        playSceneData = taskDataMap[selectedNode.properties.playSceneId];\n        if (playSceneData) {\n          playSceneData[pageId] = data;\n        }\n      }\n      if (playSceneData) {\n        await updatePlaySceneData({\n          data: JSON.stringify(playSceneData)\n        });\n        await fetchPlayScene();\n      }\n    },\n    [selectedNode, fetchPlayScene, taskDataMap, updatePlaySceneData]\n  );\n\n  const handleTaskChange = useCallback(async (step) => {\n    setCurrentWorkflowStep(step);\n  }, []);\n\n  const handleTaskSubmit = useCallback(async () => {\n    setLoading(true);\n    await saveCurrentWorkflowData();\n    await updatePlaySceneState('', 2);\n    await reloadWorkflow();\n    setLoading(false);\n  }, [updatePlaySceneState, reloadWorkflow, saveCurrentWorkflowData]);\n\n  const secondaryButtons = useMemo(() => {\n    const buttons = [];\n    if (handleClose) {\n      buttons.push({\n        label: t('Close'),\n        component: CancelIcon,\n        click: () => handleClose()\n      });\n    }\n    if (selectedNode?.properties?.state !== UnitStateType.Started) {\n      return buttons;\n    }\n    buttons.push({\n      label: t('Reassign'),\n      component: ForwardIcon,\n      click: () => setReassignSidesheetOpen(true)\n    });\n    return buttons;\n  }, [t, selectedNode, handleClose]);\n\n  const handleReassignment = useCallback(() => {\n    formRef?.current.form.submit();\n  }, []);\n\n  const reassignTask = useCallback(\n    async (values) => {\n      setReassigningAssignee(true);\n      await updatePlaySceneAssignee({\n        data: values?.assignee?.id || ''\n      });\n      await fetchPlayScene();\n      setReassigningAssignee(false);\n      closeReassignmentSheet();\n    },\n    [updatePlaySceneAssignee, fetchPlayScene, closeReassignmentSheet]\n  );\n\n  const requiredFieldMapping = useMemo(() => {\n    const step = workflowTaskSteps?.find(\n      (wts) => wts.pageId === pageData?.pageId\n    );\n    let fieldMapping = step?.requiredFieldMapping\n      ? cloneDeep(step.requiredFieldMapping)\n      : {};\n    const workflowVariables = selectedNode?.properties?.variables || null;\n    if (!!fieldMapping && !!workflowVariables) {\n      Object.keys(fieldMapping)?.forEach((rfmKey) => {\n        const requiredField = fieldMapping[rfmKey];\n        if (!!requiredField?.value) {\n          if (requiredField?.type === 'workflowVariable') {\n            let matchedVariable = false;\n            Object.keys(workflowVariables).forEach((key) => {\n              if (requiredField.value === key) {\n                requiredField.value = workflowVariables[key] || '';\n                matchedVariable = true;\n                return;\n              }\n            });\n            if (!matchedVariable) {\n              requiredField.value = null;\n            }\n          }\n        }\n      });\n    }\n    return fieldMapping || {};\n  }, [pageData?.pageId, selectedNode, workflowTaskSteps]);\n\n  const pageWidgetParams = useMemo(() => {\n    const requiredFieldsMap = Object.keys(requiredFieldMapping).reduce(\n      (fieldMap, key) => {\n        fieldMap[key] = requiredFieldMapping[key]?.value || '';\n        return fieldMap;\n      },\n      {}\n    );\n\n    // have to pass in unimplemented parameters because certain pages\n    // are used in action sheets/screens\n    return {\n      setSideSheetWidth: () => {\n        console.warn('setSideSheetWidth Not implemented');\n      },\n      setSideSheetButtonLabel: () => {\n        console.warn('setSideSheetButtonLabel Not implemented');\n      },\n      setSideSheetOnSubmit: () => {\n        console.warn('setSideSheetOnSubmit Not implemented');\n      },\n      setSideSheetAdditionalOnClose: () => {\n        console.warn('setSideSheetAdditionalOnClose Not implemented');\n      },\n      setSideSheetProps: () => {\n        console.warn('setSideSheetProps Not implemented');\n      },\n      closeSideSheet: () => {\n        console.warn('closeSideSheet Not implemented');\n      },\n      onCreate: () => {\n        console.warn('onCreate Not implemented');\n      },\n      onUpdate: () => {\n        console.warn('onUpdate Not implemented');\n      },\n      ...inquiryPageParams,\n      pageId: pageData?.pageId,\n      updateWorkflowPageData: (data) =>\n        updateWorkflowPageData(data, pageData?.pageId),\n      workflowTask: selectedNode,\n      workflowPageData: { ...requiredFieldsMap, ...workflowPageData }, // workflowPageData will overwrite the requiredField values\n      requiredFieldsMap: requiredFieldMapping || null,\n      currentWorkflowStep,\n      orderedWorkflowPageData: orderedPageData\n    };\n  }, [\n    pageData?.pageId,\n    selectedNode,\n    workflowPageData,\n    updateWorkflowPageData,\n    requiredFieldMapping,\n    inquiryPageParams,\n    currentWorkflowStep,\n    orderedPageData\n  ]);\n\n  const currentAssignee = useMemo(() => {\n    if (!playScene?.assignee || !assigneeOptions?.length) {\n      return '';\n    }\n    const matchingAssignee = assigneeOptions.find(\n      (assignee) => assignee.id === playScene.assignee\n    );\n    return matchingAssignee || '';\n  }, [playScene, assigneeOptions]);\n\n  const pageHeight = useMemo(() => 'calc(100vh - 162px)', []);\n\n  useEffect(() => {\n    if (\n      !selectedNode?.properties?.playSceneId ||\n      !selectedPageId ||\n      loadingTaskData\n    ) {\n      setWorkflowPageData(null);\n      return;\n    }\n    if (\n      taskDataMap?.[selectedNode.properties.playSceneId] &&\n      taskDataMap[selectedNode.properties.playSceneId][selectedPageId]\n    ) {\n      setWorkflowPageData(\n        taskDataMap[selectedNode.properties.playSceneId][selectedPageId]\n      );\n      return;\n    }\n    // Use this condition for making sure workflowPageData is resolved before\n    // returning value so that PageContainer will render\n    if (\n      Object.keys(taskDataMap).length &&\n      selectedNode?.properties?.playSceneId &&\n      selectedPageId &&\n      !playSceneLoading &&\n      !loadingTaskData\n    ) {\n      setWorkflowPageData((prevData) => {\n        if (!prevData) {\n          return {};\n        } else if (!Object.keys(prevData).length) {\n          return prevData;\n        }\n      });\n      return;\n    }\n    setWorkflowPageData(null);\n  }, [\n    selectedNode,\n    selectedPageId,\n    taskDataMap,\n    loadingTaskData,\n    playSceneLoading,\n    workflowTaskSteps\n  ]);\n\n  useEffect(() => {\n    if (workflowTaskSteps?.length) {\n      setSelectedPageId(workflowTaskSteps[currentWorkflowStep]?.pageId);\n    }\n  }, [workflowTaskSteps, currentWorkflowStep]);\n\n  useEffect(() => {\n    setLoadingTaskData(true);\n    if (!playSceneLoading && selectedNode?.properties?.playSceneId) {\n      const json = playScene?.data ? JSON.parse(playScene.data) : {};\n      setTaskDataMap(selectedNode.properties.playSceneId, json);\n    }\n    setLoadingTaskData(false);\n  }, [playScene, playSceneLoading, setTaskDataMap, selectedNode]);\n\n  useEffect(() => {\n    const orderedData = [];\n    if (taskDataMap?.[selectedNode.properties.playSceneId]) {\n      workflowTaskSteps.forEach((step) => {\n        orderedData.push(\n          taskDataMap[selectedNode.properties.playSceneId][step.pageId] || {}\n        );\n      });\n    }\n    setOrderedPageData(orderedData);\n  }, [taskDataMap, workflowTaskSteps, selectedNode]);\n\n  return (\n    <div>\n      <Card\n        variant={'outlined'}\n        style={{\n          border: 'none',\n          paddingBottom: workflowTaskSteps?.length > 1 ? 10 : 0\n        }}\n      >\n        <PrimaryActionHeader\n          single\n          title={workflow?.name}\n          buttonLabel={'Submit'}\n          handleClick={handleTaskSubmit}\n          pabDisabled={\n            selectedNode?.properties?.state !== UnitStateType.Started\n          }\n          secondaryButtons={secondaryButtons}\n        />\n        {loading && <LinearProgress />}\n      </Card>\n      {workflowTaskSteps?.length > 1 && (\n        <WorkflowTaskFlow\n          steps={workflowTaskSteps}\n          handleClick={handleTaskChange}\n          task={selectedNode}\n        />\n      )}\n      {selectedPageId && workflowPageData ? (\n        <PageContainer\n          user={user}\n          // key={playScene?.playSceneId || selectedNode?.id}\n          key={selectedPageId}\n          pageData={pageData}\n          pageLoading={pageLoading}\n          widgetParams={pageWidgetParams}\n          disableMargins={true}\n          fromMenu={true}\n          height={pageHeight}\n        />\n      ) : (\n        <div className={classes.loadingContent}>\n          <CircularProgress size={64} />\n        </div>\n      )}\n      <SideSheet\n        open={reassignSidesheetOpen}\n        buttonLabel={t('Reassign')}\n        onClose={closeReassignmentSheet}\n        onSubmit={handleReassignment}\n        title={t('Reassign Task')}\n        width={'25%'}\n        progress={reassigningAssignee}\n        variant='indeterminate'\n      >\n        <Form onSubmit={reassignTask} ref={formRef}>\n          <Field\n            component={FluentTextFieldAutoComplete}\n            name='assignee'\n            id='assignee'\n            label={t('Assignee')}\n            initialValue={currentAssignee || ''}\n            options={assigneeOptions || []}\n            optionKey={'name'}\n            variant='outlined'\n            margin='dense'\n          />\n        </Form>\n      </SideSheet>\n    </div>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { makeStyles } from '@material-ui/core';\nimport { PageContainer } from '../page/PageContainer';\nimport { useUser } from '../utilities/auth/useUser';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/EnvironmentRibbon';\nimport { UnitTypeEnums } from '../enums/workflowEnums';\nimport { WorkflowUiInterruptContent } from './WorkflowUiInterruptContent';\nimport { SmsDisplay } from '../UI/components/dataDisplay/SmsDisplay';\nimport { EmailDisplay } from '../UI/components/dataDisplay/EmailDisplay';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    height: '100%'\n  }\n}));\n\nexport const WorkflowContent = (props) => {\n  const {\n    selectedNode,\n    workflow,\n    reloadWorkflow,\n    users,\n    groups,\n    handleClose,\n    inquiryPageParams = {}\n  } = props;\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const user = useUser();\n\n  const [{ data: pageData, loading: pageLoading, error: pageError }] =\n    useAxiosGet(\n      ConfigService.tenantV1ApiUrl,\n      `page/${selectedNode?.properties?.page?.id}`,\n      {},\n      !!!selectedNode?.properties?.page?.id,\n      false\n    );\n\n  const content = useMemo(() => {\n    let res = null;\n    if (selectedNode?.properties?.type === UnitTypeEnums.Scene) {\n      res = (\n        <WorkflowUiInterruptContent\n          key={selectedNode.id}\n          selectedNode={selectedNode}\n          workflow={workflow}\n          reloadWorkflow={reloadWorkflow}\n          users={users}\n          groups={groups}\n          handleClose={handleClose}\n          inquiryPageParams={inquiryPageParams}\n        />\n      );\n    } else if (selectedNode?.properties?.type === UnitTypeEnums.Sms) {\n      res = (\n        <SmsDisplay\n          messages={[selectedNode?.properties?.sms?.body || '']}\n          to={selectedNode?.properties?.sms?.to || ''}\n          from={selectedNode?.properties?.sms?.from || ''}\n          title={selectedNode?.properties?.nodeLabel || ''}\n          handleClose={handleClose}\n        />\n      );\n    } else if (selectedNode?.properties?.type === UnitTypeEnums.Mail) {\n      res = (\n        <EmailDisplay\n          html={\n            selectedNode?.properties?.email?.html ||\n            selectedNode?.properties?.email?.text ||\n            ''\n          }\n          to={selectedNode?.properties?.email?.to || ''}\n          from={selectedNode?.properties?.email?.from || ''}\n          title={selectedNode?.properties?.nodeLabel || ''}\n          handleClose={handleClose}\n        />\n      );\n    } else if (selectedNode?.properties?.page?.id) {\n      res = (\n        <PageContainer\n          user={user}\n          key={selectedNode?.id}\n          pageData={pageData}\n          pageLoading={pageLoading}\n          widgetParams={{\n            pageId: pageData?.pageId,\n            entityName: selectedNode?.properties?.page?.entity?.entityName,\n            pbiReportCode: selectedNode?.properties?.page?.pbiReportCode,\n            requiredFieldsMap:\n              selectedNode?.properties?.page?.requiredFieldMapping,\n            udpTagId: selectedNode?.properties?.page?.udpTagId,\n            queryId: selectedNode?.properties?.page?.queryId,\n            inquiryTreeId: selectedNode?.properties?.page?.inquiryTreeId\n          }}\n          disableMargins={true}\n          fromMenu={true}\n        />\n      );\n    }\n    return res;\n  }, [\n    groups,\n    pageData,\n    pageLoading,\n    reloadWorkflow,\n    selectedNode,\n    user,\n    users,\n    workflow,\n    handleClose\n  ]);\n\n  return <div className={classes.root}>{content}</div>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowContent-DN9BPOCP.js","names":["useStyles","apiMutate","user","LinearProgress","CircularProgress"],"sources":["../src/workflow/WorkflowUiInterruptContent.jsx","../src/workflow/WorkflowContent.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef\n} from 'react';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { makeStyles } from '@material-ui/core';\nimport { PageContainer } from '../page/PageContainer';\nimport { useUser } from '../utilities/auth/useUser';\nimport { PrimaryActionHeader } from '../UI/utilityDisplay/utilityHeader/PrimaryActionHeader';\nimport { Card } from '@material-ui/core';\nimport { useWorkflowStore } from '../stores/workflowStore';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { WorkflowTaskFlow } from './components/WorkflowTaskFlow';\nimport { orderBy } from 'lodash';\nimport { UnitStateType } from '../enums/workflowEnums';\nimport { LinearProgress } from '../UI/loading/LinearProgress';\nimport { FluentTextFieldAutoComplete } from '../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { useTranslation } from 'react-i18next';\nimport { CancelIcon, ForwardIcon } from '@fluentui/react-icons';\nimport { SideSheet } from '../UI/surfaces/SideSheet';\nimport { Field, Form } from '../utilities/form';\nimport { cloneDeep } from 'lodash';\nimport { CircularProgress } from '../UI/loading/CircularProgress';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  loadingContent: {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: 'calc(100vh - 160px)'\n  }\n}));\n\nexport const WorkflowUiInterruptContent = (props) => {\n  const {\n    selectedNode,\n    workflow,\n    reloadWorkflow,\n    users,\n    groups,\n    handleClose,\n    inquiryPageParams = {}\n  } = props;\n  const classes = useStyles();\n  const [selectedPageId, setSelectedPageId] = useState('');\n  const [currentWorkflowStep, setCurrentWorkflowStep] = useState(0);\n  const [loading, setLoading] = useState(false);\n  const [loadingTaskData, setLoadingTaskData] = useState(true);\n  const [reassignSidesheetOpen, setReassignSidesheetOpen] = useState(false);\n  const [reassigningAssignee, setReassigningAssignee] = useState(false);\n  const [workflowPageData, setWorkflowPageData] = useState(null);\n  const [orderedPageData, setOrderedPageData] = useState([]);\n  const user = useUser();\n  const taskDataMap = useWorkflowStore((state) => state.taskDataMap);\n  const setTaskDataMap = useWorkflowStore((state) => state.setTaskDataMap);\n  const { t } = useTranslation();\n  const formRef = useRef(null);\n\n  const [{ data: pageData, loading: pageLoading, error: pageError }] =\n    useAxiosGet(\n      ConfigService.tenantV1ApiUrl,\n      `page/${selectedPageId}`,\n      {},\n      !!!selectedPageId,\n      false\n    );\n\n  const [\n    { data: playScene, loading: playSceneLoading, error: playSceneError },\n    fetchPlayScene\n  ] = useAxiosGet(\n    ConfigService.maestroV1ApiUrl,\n    `maestro/play/scene/${\n      selectedNode?.properties?.playSceneId || null\n    }?includeData=true`,\n    {},\n    !!!selectedNode?.properties?.playSceneId,\n    false\n  );\n\n  const updatePlaySceneData = useCallback(\n    async (data = '') =>\n      apiMutate(\n        ConfigService.maestroV1ApiUrl,\n        `maestro/play/scene/${\n          selectedNode?.properties?.playSceneId || null\n        }/data`,\n        {\n          method: 'put'\n        },\n        { data: data }\n      ),\n    [selectedNode]\n  );\n\n  const updatePlaySceneState = useCallback(\n    async (data = {}, sceneState) =>\n      apiMutate(\n        ConfigService.maestroV1ApiUrl,\n        `maestro/play/scene/${\n          selectedNode?.properties?.playSceneId || null\n        }/${sceneState}`,\n        {\n          method: 'put'\n        },\n        { data: data }\n      ),\n    [selectedNode]\n  );\n\n  const updatePlaySceneAssignee = useCallback(\n    async (data = '') =>\n      apiMutate(\n        ConfigService.maestroV1ApiUrl,\n        `maestro/play/scene/${\n          selectedNode?.properties?.playSceneId || null\n        }/assignee`,\n        {\n          method: 'put'\n        },\n        { data: data }\n      ),\n    [selectedNode]\n  );\n\n  const closeReassignmentSheet = useCallback(() => {\n    setReassignSidesheetOpen(false);\n  }, []);\n\n  const workflowTaskSteps = useMemo(() => {\n    if (!selectedNode?.properties?.interruptPages) {\n      return [];\n    }\n    const orderedInterruptPages = orderBy(\n      selectedNode.properties.interruptPages,\n      ['sequenceNo'],\n      ['asc']\n    );\n    const steps = orderedInterruptPages.reduce((list, ip) => {\n      const step = {\n        label: ip.displayName || ip.page?.name,\n        pageId: ip.page?.pageId,\n        requiredFieldMapping: ip.requiredFieldMapping\n      };\n      list.push(step);\n      return list;\n    }, []);\n    return steps;\n  }, [selectedNode]);\n\n  const assigneeOptions = useMemo(() => {\n    const formattedUsers =\n      users?.reduce((list, user) => {\n        list.push({\n          id: user?.unityId || '',\n          name: `${user?.displayName} - (User)` || ''\n        });\n        return list;\n      }, []) || [];\n    const formattedGroups =\n      groups.reduce((list, group) => {\n        list.push({\n          id: group?.groupId || '',\n          name: `${group?.name} - (Group)` || ''\n        });\n        return list;\n      }, []) || [];\n    const options = formattedUsers.concat(formattedGroups);\n    return options;\n  }, [users, groups]);\n\n  const saveCurrentWorkflowData = useCallback(async () => {\n    let playSceneData = null;\n    if (selectedNode?.properties?.playSceneId) {\n      playSceneData = taskDataMap[selectedNode.properties.playSceneId];\n    }\n    if (playSceneData) {\n      await updatePlaySceneData({\n        data: JSON.stringify(playSceneData)\n      });\n      await fetchPlayScene();\n    }\n  }, [taskDataMap, fetchPlayScene, updatePlaySceneData, selectedNode]);\n\n  const updateWorkflowPageData = useCallback(\n    async (data, pageId) => {\n      if (!selectedNode?.properties?.playSceneId || !pageId) {\n        console.warn('No TaskId or PageId availble to save Workflow Page Data');\n        return;\n      }\n      if (\n        selectedNode?.properties?.state === UnitStateType.Initial ||\n        selectedNode?.properties?.state === UnitStateType.Completed ||\n        selectedNode?.properties?.state === UnitStateType.Cancelled ||\n        selectedNode?.properties?.state === UnitStateType.Failed\n      ) {\n        return;\n      }\n\n      let playSceneData = null;\n      if (selectedNode?.properties?.playSceneId) {\n        playSceneData = taskDataMap[selectedNode.properties.playSceneId];\n        if (playSceneData) {\n          playSceneData[pageId] = data;\n        }\n      }\n      if (playSceneData) {\n        await updatePlaySceneData({\n          data: JSON.stringify(playSceneData)\n        });\n        await fetchPlayScene();\n      }\n    },\n    [selectedNode, fetchPlayScene, taskDataMap, updatePlaySceneData]\n  );\n\n  const handleTaskChange = useCallback(async (step) => {\n    setCurrentWorkflowStep(step);\n  }, []);\n\n  const handleTaskSubmit = useCallback(async () => {\n    setLoading(true);\n    await saveCurrentWorkflowData();\n    await updatePlaySceneState('', 2);\n    await reloadWorkflow();\n    setLoading(false);\n  }, [updatePlaySceneState, reloadWorkflow, saveCurrentWorkflowData]);\n\n  const secondaryButtons = useMemo(() => {\n    const buttons = [];\n    if (handleClose) {\n      buttons.push({\n        label: t('Close'),\n        component: CancelIcon,\n        click: () => handleClose()\n      });\n    }\n    if (selectedNode?.properties?.state !== UnitStateType.Started) {\n      return buttons;\n    }\n    buttons.push({\n      label: t('Reassign'),\n      component: ForwardIcon,\n      click: () => setReassignSidesheetOpen(true)\n    });\n    return buttons;\n  }, [t, selectedNode, handleClose]);\n\n  const handleReassignment = useCallback(() => {\n    formRef?.current.form.submit();\n  }, []);\n\n  const reassignTask = useCallback(\n    async (values) => {\n      setReassigningAssignee(true);\n      await updatePlaySceneAssignee({\n        data: values?.assignee?.id || ''\n      });\n      await fetchPlayScene();\n      setReassigningAssignee(false);\n      closeReassignmentSheet();\n    },\n    [updatePlaySceneAssignee, fetchPlayScene, closeReassignmentSheet]\n  );\n\n  const requiredFieldMapping = useMemo(() => {\n    const step = workflowTaskSteps?.find(\n      (wts) => wts.pageId === pageData?.pageId\n    );\n    let fieldMapping = step?.requiredFieldMapping\n      ? cloneDeep(step.requiredFieldMapping)\n      : {};\n    const workflowVariables = selectedNode?.properties?.variables || null;\n    if (!!fieldMapping && !!workflowVariables) {\n      Object.keys(fieldMapping)?.forEach((rfmKey) => {\n        const requiredField = fieldMapping[rfmKey];\n        if (!!requiredField?.value) {\n          if (requiredField?.type === 'workflowVariable') {\n            let matchedVariable = false;\n            Object.keys(workflowVariables).forEach((key) => {\n              if (requiredField.value === key) {\n                requiredField.value = workflowVariables[key] || '';\n                matchedVariable = true;\n                return;\n              }\n            });\n            if (!matchedVariable) {\n              requiredField.value = null;\n            }\n          }\n        }\n      });\n    }\n    return fieldMapping || {};\n  }, [pageData?.pageId, selectedNode, workflowTaskSteps]);\n\n  const pageWidgetParams = useMemo(() => {\n    const requiredFieldsMap = Object.keys(requiredFieldMapping).reduce(\n      (fieldMap, key) => {\n        fieldMap[key] = requiredFieldMapping[key]?.value || '';\n        return fieldMap;\n      },\n      {}\n    );\n\n    // have to pass in unimplemented parameters because certain pages\n    // are used in action sheets/screens\n    return {\n      setSideSheetWidth: () => {\n        console.warn('setSideSheetWidth Not implemented');\n      },\n      setSideSheetButtonLabel: () => {\n        console.warn('setSideSheetButtonLabel Not implemented');\n      },\n      setSideSheetOnSubmit: () => {\n        console.warn('setSideSheetOnSubmit Not implemented');\n      },\n      setSideSheetAdditionalOnClose: () => {\n        console.warn('setSideSheetAdditionalOnClose Not implemented');\n      },\n      setSideSheetProps: () => {\n        console.warn('setSideSheetProps Not implemented');\n      },\n      closeSideSheet: () => {\n        console.warn('closeSideSheet Not implemented');\n      },\n      onCreate: () => {\n        console.warn('onCreate Not implemented');\n      },\n      onUpdate: () => {\n        console.warn('onUpdate Not implemented');\n      },\n      ...inquiryPageParams,\n      pageId: pageData?.pageId,\n      updateWorkflowPageData: (data) =>\n        updateWorkflowPageData(data, pageData?.pageId),\n      workflowTask: selectedNode,\n      workflowPageData: { ...requiredFieldsMap, ...workflowPageData }, // workflowPageData will overwrite the requiredField values\n      requiredFieldsMap: requiredFieldMapping || null,\n      currentWorkflowStep,\n      orderedWorkflowPageData: orderedPageData\n    };\n  }, [\n    pageData?.pageId,\n    selectedNode,\n    workflowPageData,\n    updateWorkflowPageData,\n    requiredFieldMapping,\n    inquiryPageParams,\n    currentWorkflowStep,\n    orderedPageData\n  ]);\n\n  const currentAssignee = useMemo(() => {\n    if (!playScene?.assignee || !assigneeOptions?.length) {\n      return '';\n    }\n    const matchingAssignee = assigneeOptions.find(\n      (assignee) => assignee.id === playScene.assignee\n    );\n    return matchingAssignee || '';\n  }, [playScene, assigneeOptions]);\n\n  const pageHeight = useMemo(() => 'calc(100vh - 162px)', []);\n\n  useEffect(() => {\n    if (\n      !selectedNode?.properties?.playSceneId ||\n      !selectedPageId ||\n      loadingTaskData\n    ) {\n      setWorkflowPageData(null);\n      return;\n    }\n    if (\n      taskDataMap?.[selectedNode.properties.playSceneId] &&\n      taskDataMap[selectedNode.properties.playSceneId][selectedPageId]\n    ) {\n      setWorkflowPageData(\n        taskDataMap[selectedNode.properties.playSceneId][selectedPageId]\n      );\n      return;\n    }\n    // Use this condition for making sure workflowPageData is resolved before\n    // returning value so that PageContainer will render\n    if (\n      Object.keys(taskDataMap).length &&\n      selectedNode?.properties?.playSceneId &&\n      selectedPageId &&\n      !playSceneLoading &&\n      !loadingTaskData\n    ) {\n      setWorkflowPageData((prevData) => {\n        if (!prevData) {\n          return {};\n        } else if (!Object.keys(prevData).length) {\n          return prevData;\n        }\n      });\n      return;\n    }\n    setWorkflowPageData(null);\n  }, [\n    selectedNode,\n    selectedPageId,\n    taskDataMap,\n    loadingTaskData,\n    playSceneLoading,\n    workflowTaskSteps\n  ]);\n\n  useEffect(() => {\n    if (workflowTaskSteps?.length) {\n      setSelectedPageId(workflowTaskSteps[currentWorkflowStep]?.pageId);\n    }\n  }, [workflowTaskSteps, currentWorkflowStep]);\n\n  useEffect(() => {\n    setLoadingTaskData(true);\n    if (!playSceneLoading && selectedNode?.properties?.playSceneId) {\n      const json = playScene?.data ? JSON.parse(playScene.data) : {};\n      setTaskDataMap(selectedNode.properties.playSceneId, json);\n    }\n    setLoadingTaskData(false);\n  }, [playScene, playSceneLoading, setTaskDataMap, selectedNode]);\n\n  useEffect(() => {\n    const orderedData = [];\n    if (taskDataMap?.[selectedNode.properties.playSceneId]) {\n      workflowTaskSteps.forEach((step) => {\n        orderedData.push(\n          taskDataMap[selectedNode.properties.playSceneId][step.pageId] || {}\n        );\n      });\n    }\n    setOrderedPageData(orderedData);\n  }, [taskDataMap, workflowTaskSteps, selectedNode]);\n\n  return (\n    <div>\n      <Card\n        variant={'outlined'}\n        style={{\n          border: 'none',\n          paddingBottom: workflowTaskSteps?.length > 1 ? 10 : 0\n        }}\n      >\n        <PrimaryActionHeader\n          single\n          title={workflow?.name}\n          buttonLabel={'Submit'}\n          handleClick={handleTaskSubmit}\n          pabDisabled={\n            selectedNode?.properties?.state !== UnitStateType.Started\n          }\n          secondaryButtons={secondaryButtons}\n        />\n        {loading && <LinearProgress />}\n      </Card>\n      {workflowTaskSteps?.length > 1 && (\n        <WorkflowTaskFlow\n          steps={workflowTaskSteps}\n          handleClick={handleTaskChange}\n          task={selectedNode}\n        />\n      )}\n      {selectedPageId && workflowPageData ? (\n        <PageContainer\n          user={user}\n          // key={playScene?.playSceneId || selectedNode?.id}\n          key={selectedPageId}\n          pageData={pageData}\n          pageLoading={pageLoading}\n          widgetParams={pageWidgetParams}\n          disableMargins={true}\n          fromMenu={true}\n          height={pageHeight}\n        />\n      ) : (\n        <div className={classes.loadingContent}>\n          <CircularProgress size={64} />\n        </div>\n      )}\n      <SideSheet\n        open={reassignSidesheetOpen}\n        buttonLabel={t('Reassign')}\n        onClose={closeReassignmentSheet}\n        onSubmit={handleReassignment}\n        title={t('Reassign Task')}\n        width={'25%'}\n        progress={reassigningAssignee}\n        variant='indeterminate'\n      >\n        <Form onSubmit={reassignTask} ref={formRef}>\n          <Field\n            component={FluentTextFieldAutoComplete}\n            name='assignee'\n            id='assignee'\n            label={t('Assignee')}\n            initialValue={currentAssignee || ''}\n            options={assigneeOptions || []}\n            optionKey={'name'}\n            variant='outlined'\n            margin='dense'\n          />\n        </Form>\n      </SideSheet>\n    </div>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { useAxiosGet } from '../utilities/useAxiosGet';\nimport { makeStyles } from '@material-ui/core';\nimport { PageContainer } from '../page/PageContainer';\nimport { useUser } from '../utilities/auth/useUser';\nimport {\n  APP_RIBBON_SPACE,\n  useBuildEnvironment\n} from '../shell/ui/EnvironmentRibbon';\nimport { UnitTypeEnums } from '../enums/workflowEnums';\nimport { WorkflowUiInterruptContent } from './WorkflowUiInterruptContent';\nimport { SmsDisplay } from '../UI/components/dataDisplay/SmsDisplay';\nimport { EmailDisplay } from '../UI/components/dataDisplay/EmailDisplay';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    height: '100%'\n  }\n}));\n\nexport const WorkflowContent = (props) => {\n  const {\n    selectedNode,\n    workflow,\n    reloadWorkflow,\n    users,\n    groups,\n    handleClose,\n    inquiryPageParams = {}\n  } = props;\n  const buildEnv = useBuildEnvironment();\n  const classes = useStyles({\n    ...props,\n    appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0\n  });\n  const user = useUser();\n\n  const [{ data: pageData, loading: pageLoading, error: pageError }] =\n    useAxiosGet(\n      ConfigService.tenantV1ApiUrl,\n      `page/${selectedNode?.properties?.page?.id}`,\n      {},\n      !!!selectedNode?.properties?.page?.id,\n      false\n    );\n\n  const content = useMemo(() => {\n    let res = null;\n    if (selectedNode?.properties?.type === UnitTypeEnums.Scene) {\n      res = (\n        <WorkflowUiInterruptContent\n          key={selectedNode.id}\n          selectedNode={selectedNode}\n          workflow={workflow}\n          reloadWorkflow={reloadWorkflow}\n          users={users}\n          groups={groups}\n          handleClose={handleClose}\n          inquiryPageParams={inquiryPageParams}\n        />\n      );\n    } else if (selectedNode?.properties?.type === UnitTypeEnums.Sms) {\n      res = (\n        <SmsDisplay\n          messages={[selectedNode?.properties?.sms?.body || '']}\n          to={selectedNode?.properties?.sms?.to || ''}\n          from={selectedNode?.properties?.sms?.from || ''}\n          title={selectedNode?.properties?.nodeLabel || ''}\n          handleClose={handleClose}\n        />\n      );\n    } else if (selectedNode?.properties?.type === UnitTypeEnums.Mail) {\n      res = (\n        <EmailDisplay\n          html={\n            selectedNode?.properties?.email?.html ||\n            selectedNode?.properties?.email?.text ||\n            ''\n          }\n          to={selectedNode?.properties?.email?.to || ''}\n          from={selectedNode?.properties?.email?.from || ''}\n          title={selectedNode?.properties?.nodeLabel || ''}\n          handleClose={handleClose}\n        />\n      );\n    } else if (selectedNode?.properties?.page?.id) {\n      res = (\n        <PageContainer\n          user={user}\n          key={selectedNode?.id}\n          pageData={pageData}\n          pageLoading={pageLoading}\n          widgetParams={{\n            pageId: pageData?.pageId,\n            entityName: selectedNode?.properties?.page?.entity?.entityName,\n            pbiReportCode: selectedNode?.properties?.page?.pbiReportCode,\n            requiredFieldsMap:\n              selectedNode?.properties?.page?.requiredFieldMapping,\n            udpTagId: selectedNode?.properties?.page?.udpTagId,\n            queryId: selectedNode?.properties?.page?.queryId,\n            inquiryTreeId: selectedNode?.properties?.page?.inquiryTreeId\n          }}\n          disableMargins={true}\n          fromMenu={true}\n        />\n      );\n    }\n    return res;\n  }, [\n    groups,\n    pageData,\n    pageLoading,\n    reloadWorkflow,\n    selectedNode,\n    user,\n    users,\n    workflow,\n    handleClose\n  ]);\n\n  return <div className={classes.root}>{content}</div>;\n};\n"],"mappings":"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"}

package/dist/{WorkflowTaskFlow-Cb1JZOU2.js → WorkflowTaskFlow-B067pxDZ.js}

@@ -132,4 +132,4 @@ const WorkflowTaskFlow = (props) => {
 
 //#endregion
 export { WorkflowTaskFlow as t };
-//# sourceMappingURL=WorkflowTaskFlow-Cb1JZOU2.js.map
+//# sourceMappingURL=WorkflowTaskFlow-B067pxDZ.js.map

package/dist/{WorkflowTaskFlow-Cb1JZOU2.js.map → WorkflowTaskFlow-B067pxDZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkflowTaskFlow-Cb1JZOU2.js","names":[],"sources":["../src/workflow/components/WorkflowTaskFlow.jsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n  Stepper,\n  Step,\n  StepLabel,\n  StepConnector,\n  Typography,\n  makeStyles,\n  withStyles,\n  lighten,\n  Button\n} from '@material-ui/core';\nimport CheckCircleIcon from '@material-ui/icons/esm/CheckCircle';\nimport RadioButtonUncheckedIcon from '@material-ui/icons/esm/RadioButtonUnchecked';\nimport RadioButtonCheckedIcon from '@material-ui/icons/esm/RadioButtonChecked';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons';\nimport { formatDateToLocaleString } from '../../utilities/input/DateUtilities';\nimport { DateTime } from 'luxon';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  taskInfoBlock: {\n    backgroundColor: lighten(theme.palette.primary.main, 0.3),\n    width: theme.spacing(25),\n    color: theme.palette.common.white,\n    padding: `${theme.spacing(0.5)}px ${theme.spacing(2.25)}px`\n  },\n  description: {\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap'\n  },\n  button: {\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.common.white,\n    borderRadius: 0,\n    '&:hover': {\n      backgroundColor: theme.palette.primary.dark\n    },\n    minWidth: theme.spacing(3)\n  },\n  stepperContainer: {\n    width: '100%',\n    padding: 0,\n    marginTop: `-${theme.spacing(1.5)}px`,\n    background: 'none'\n  },\n  stepIconRoot: {\n    zIndex: 1,\n    color: theme.palette.primary.main,\n    width: theme.spacing(3),\n    height: theme.spacing(3),\n    display: 'flex',\n    borderRadius: '50%',\n    justifyContent: 'center',\n    alignItems: 'center',\n    '&.active': {\n      backgroundColor: theme.palette.primary.main,\n      color: theme.palette.common.white\n    },\n    '&.completed': {\n      backgroundColor: theme.palette.common.white,\n      color: theme.palette.success.main\n    }\n  },\n  stepLabel: {\n    '& > .MuiStepLabel-label': {\n      marginTop: theme.spacing(0.5)\n    }\n  }\n}));\n\nconst ColorLibConnector = withStyles((theme) => ({\n  connectorRoot: {\n    top: 10,\n    left: 'calc(-50% + 12px)',\n    right: 'calc(50% + 12px)'\n  },\n  alternativeLabel: {\n    left: 'calc(-50% + 12px)',\n    right: 'calc(50% + 12px)'\n  },\n  active: {\n    '& $line': {\n      borderColor: theme.palette.primary.main\n    }\n  },\n  completed: {\n    '& $line': {\n      borderColor: theme.palette.primary.main\n    }\n  },\n  line: {\n    borderTopWidth: 3,\n    borderRadius: 1\n  }\n}))(StepConnector);\n\nconst ColorlibStepIcon = (props) => {\n  const { active, completed } = props;\n  const classes = useStyles();\n  const rootClass = `${classes.stepIconRoot} ${active ? 'active' : ''} ${\n    completed ? 'completed' : ''\n  }`;\n\n  return (\n    <div className={rootClass}>\n      {completed ? (\n        <CheckCircleIcon />\n      ) : active ? (\n        <RadioButtonCheckedIcon />\n      ) : (\n        <RadioButtonUncheckedIcon />\n      )}\n    </div>\n  );\n};\n\nexport const WorkflowTaskFlow = (props) => {\n  const { steps = [], handleClick = () => {}, task } = props;\n  const classes = useStyles();\n  const [activeStep, setActiveStep] = useState(0);\n\n  const handleStepClick = (stepIndex) => {\n    handleClick(stepIndex);\n    setActiveStep(stepIndex);\n  };\n\n  const handleOnLeftButtonClick = useCallback(() => {\n    if (activeStep > 0) {\n      const newIndex = activeStep - 1;\n      handleClick(newIndex);\n      setActiveStep(newIndex);\n    }\n  }, [activeStep, handleClick]);\n\n  const handleOnRightButtonClick = useCallback(() => {\n    if (activeStep !== steps?.length - 1) {\n      const newIndex = activeStep + 1;\n      handleClick(newIndex);\n      setActiveStep(newIndex);\n    }\n  }, [steps, activeStep, handleClick]);\n\n  const getFormattedDueDate = useCallback((date) => {\n    if (!date) {\n      return '';\n    }\n    const shortDate = formatDateToLocaleString(date, DateTime.DATE_SHORT);\n    return `Due ${shortDate}`;\n  }, []);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.taskInfoBlock}>\n        <div className={classes.description}>\n          <Typography variant='caption'>\n            {task?.properties?.nodeLabel || ''}\n          </Typography>\n        </div>\n        <div className={classes.description}>\n          <Typography variant='caption' style={{ fontWeight: 500 }}>\n            {getFormattedDueDate(task?.properties?.dueDate)}\n          </Typography>\n        </div>\n      </div>\n      <Button className={classes.button} onClick={handleOnLeftButtonClick}>\n        <FluentIcon component={ChevronLeftIcon} />\n      </Button>\n      <Stepper\n        alternativeLabel\n        activeStep={activeStep}\n        connector={<ColorLibConnector />}\n        className={classes.stepperContainer}\n      >\n        {steps.map((step, index) => (\n          <Step key={step.label} onClick={() => handleStepClick(index)}>\n            <StepLabel\n              classes={{ labelContainer: classes.stepLabel }}\n              StepIconComponent={ColorlibStepIcon}\n            >\n              <Typography variant='caption'>{step.label}</Typography>\n            </StepLabel>\n          </Step>\n        ))}\n      </Stepper>\n      <Button className={classes.button} onClick={handleOnRightButtonClick}>\n        <FluentIcon component={ChevronRightIcon} />\n      </Button>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowTaskFlow-B067pxDZ.js","names":[],"sources":["../src/workflow/components/WorkflowTaskFlow.jsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n  Stepper,\n  Step,\n  StepLabel,\n  StepConnector,\n  Typography,\n  makeStyles,\n  withStyles,\n  lighten,\n  Button\n} from '@material-ui/core';\nimport CheckCircleIcon from '@material-ui/icons/esm/CheckCircle';\nimport RadioButtonUncheckedIcon from '@material-ui/icons/esm/RadioButtonUnchecked';\nimport RadioButtonCheckedIcon from '@material-ui/icons/esm/RadioButtonChecked';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons';\nimport { formatDateToLocaleString } from '../../utilities/input/DateUtilities';\nimport { DateTime } from 'luxon';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  taskInfoBlock: {\n    backgroundColor: lighten(theme.palette.primary.main, 0.3),\n    width: theme.spacing(25),\n    color: theme.palette.common.white,\n    padding: `${theme.spacing(0.5)}px ${theme.spacing(2.25)}px`\n  },\n  description: {\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap'\n  },\n  button: {\n    backgroundColor: theme.palette.primary.main,\n    color: theme.palette.common.white,\n    borderRadius: 0,\n    '&:hover': {\n      backgroundColor: theme.palette.primary.dark\n    },\n    minWidth: theme.spacing(3)\n  },\n  stepperContainer: {\n    width: '100%',\n    padding: 0,\n    marginTop: `-${theme.spacing(1.5)}px`,\n    background: 'none'\n  },\n  stepIconRoot: {\n    zIndex: 1,\n    color: theme.palette.primary.main,\n    width: theme.spacing(3),\n    height: theme.spacing(3),\n    display: 'flex',\n    borderRadius: '50%',\n    justifyContent: 'center',\n    alignItems: 'center',\n    '&.active': {\n      backgroundColor: theme.palette.primary.main,\n      color: theme.palette.common.white\n    },\n    '&.completed': {\n      backgroundColor: theme.palette.common.white,\n      color: theme.palette.success.main\n    }\n  },\n  stepLabel: {\n    '& > .MuiStepLabel-label': {\n      marginTop: theme.spacing(0.5)\n    }\n  }\n}));\n\nconst ColorLibConnector = withStyles((theme) => ({\n  connectorRoot: {\n    top: 10,\n    left: 'calc(-50% + 12px)',\n    right: 'calc(50% + 12px)'\n  },\n  alternativeLabel: {\n    left: 'calc(-50% + 12px)',\n    right: 'calc(50% + 12px)'\n  },\n  active: {\n    '& $line': {\n      borderColor: theme.palette.primary.main\n    }\n  },\n  completed: {\n    '& $line': {\n      borderColor: theme.palette.primary.main\n    }\n  },\n  line: {\n    borderTopWidth: 3,\n    borderRadius: 1\n  }\n}))(StepConnector);\n\nconst ColorlibStepIcon = (props) => {\n  const { active, completed } = props;\n  const classes = useStyles();\n  const rootClass = `${classes.stepIconRoot} ${active ? 'active' : ''} ${\n    completed ? 'completed' : ''\n  }`;\n\n  return (\n    <div className={rootClass}>\n      {completed ? (\n        <CheckCircleIcon />\n      ) : active ? (\n        <RadioButtonCheckedIcon />\n      ) : (\n        <RadioButtonUncheckedIcon />\n      )}\n    </div>\n  );\n};\n\nexport const WorkflowTaskFlow = (props) => {\n  const { steps = [], handleClick = () => {}, task } = props;\n  const classes = useStyles();\n  const [activeStep, setActiveStep] = useState(0);\n\n  const handleStepClick = (stepIndex) => {\n    handleClick(stepIndex);\n    setActiveStep(stepIndex);\n  };\n\n  const handleOnLeftButtonClick = useCallback(() => {\n    if (activeStep > 0) {\n      const newIndex = activeStep - 1;\n      handleClick(newIndex);\n      setActiveStep(newIndex);\n    }\n  }, [activeStep, handleClick]);\n\n  const handleOnRightButtonClick = useCallback(() => {\n    if (activeStep !== steps?.length - 1) {\n      const newIndex = activeStep + 1;\n      handleClick(newIndex);\n      setActiveStep(newIndex);\n    }\n  }, [steps, activeStep, handleClick]);\n\n  const getFormattedDueDate = useCallback((date) => {\n    if (!date) {\n      return '';\n    }\n    const shortDate = formatDateToLocaleString(date, DateTime.DATE_SHORT);\n    return `Due ${shortDate}`;\n  }, []);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.taskInfoBlock}>\n        <div className={classes.description}>\n          <Typography variant='caption'>\n            {task?.properties?.nodeLabel || ''}\n          </Typography>\n        </div>\n        <div className={classes.description}>\n          <Typography variant='caption' style={{ fontWeight: 500 }}>\n            {getFormattedDueDate(task?.properties?.dueDate)}\n          </Typography>\n        </div>\n      </div>\n      <Button className={classes.button} onClick={handleOnLeftButtonClick}>\n        <FluentIcon component={ChevronLeftIcon} />\n      </Button>\n      <Stepper\n        alternativeLabel\n        activeStep={activeStep}\n        connector={<ColorLibConnector />}\n        className={classes.stepperContainer}\n      >\n        {steps.map((step, index) => (\n          <Step key={step.label} onClick={() => handleStepClick(index)}>\n            <StepLabel\n              classes={{ labelContainer: classes.stepLabel }}\n              StepIconComponent={ColorlibStepIcon}\n            >\n              <Typography variant='caption'>{step.label}</Typography>\n            </StepLabel>\n          </Step>\n        ))}\n      </Stepper>\n      <Button className={classes.button} onClick={handleOnRightButtonClick}>\n        <FluentIcon component={ChevronRightIcon} />\n      </Button>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/{WorkflowTreeMenu-CoDNDQxm.js → WorkflowTreeMenu-pXKq9TyH.js}

@@ -343,4 +343,4 @@ const WorkflowTreeMenu = (props) => {
 
 //#endregion
 export { WorkflowTreeMenuItem as n, WorkflowTreeMenu as t };
-//# sourceMappingURL=WorkflowTreeMenu-CoDNDQxm.js.map
+//# sourceMappingURL=WorkflowTreeMenu-pXKq9TyH.js.map