udp-react-enterprise-component-library 25.18.2 → 25.18.3-beta.10

package/dist/{VirtualForm-Cw3gjug-.js.map → VirtualForm-tukfZj85.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VirtualForm-Cw3gjug-.js","names":[],"sources":["../src/UI/forms/VirtualForm.jsx"],"sourcesContent":["import { makeStyles, Typography } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport { Form, FormButtons, SubmitButton } from '../../utilities/form';\nimport { useVirtualActions } from '../../hooks/virtualActions';\n\nconst useStyles = makeStyles((theme) => ({\n  actions: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  title: {\n    flexGrow: 1\n  },\n  subject: {\n    marginLeft: theme.spacing(1),\n    display: 'flex',\n    flexDirection: 'row',\n    flexGrow: 1\n  },\n  switchRoot: {\n    marginLeft: theme.spacing(1)\n  },\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 13\n  },\n  labelRoot: {\n    fontSize: 13\n  }\n}));\n\nexport const VirtualForm = (props) => {\n  const { tableDescription, rowValue, closeSideSheet, onCreate, onUpdate } =\n    props;\n  const { renderInputByFieldType } = useVirtualActions();\n\n  const [virtualTableFormData, setVirtualTableFormData] = useState(\n    rowValue || {}\n  );\n  const classes = useStyles();\n\n  const handleSubmit = async (values) => {\n    let newTableData = {\n      ...virtualTableFormData,\n      ...values\n    };\n\n    const isNewRow = !rowValue;\n\n    if (isNewRow) {\n      onCreate && (await onCreate(newTableData));\n    } else {\n      onUpdate && (await onUpdate(newTableData));\n    }\n    closeSideSheet && closeSideSheet();\n  };\n\n  return (\n    <Form onSubmit={handleSubmit}>\n      <div>\n        {tableDescription?.map((formField, index) => {\n          return (\n            <React.Fragment key={`${formField.name}-${index}`}>\n              <Typography variant='subtitle2' style={{ marginTop: 8 }}>\n                {formField.friendlyName}\n              </Typography>\n              {renderInputByFieldType(\n                formField,\n                index,\n                virtualTableFormData,\n                classes\n              )}\n            </React.Fragment>\n          );\n        })}\n      </div>\n\n      <FormButtons>\n        <SubmitButton\n          variant='contained'\n          color='secondary'\n          disablePristine={false}\n          disabled={false}\n          style={{ marginTop: 15 }}\n        >\n          Save\n        </SubmitButton>\n      </FormButtons>\n    </Form>\n  );\n};\n\nVirtualForm.propTypes = {\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"],"mappings":";;;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,SAAS;EACP,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC9B,SAAS;EACT,eAAe;EAChB;CACD,OAAO,EACL,UAAU,GACX;CACD,SAAS;EACP,YAAY,MAAM,QAAQ,EAAE;EAC5B,SAAS;EACT,eAAe;EACf,UAAU;EACX;CACD,YAAY,EACV,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACD,OAAO;EACL,QAAQ;EACR,SAAS;EACV;CACD,eAAe,EACb,UAAU,IACX;CACD,WAAW,EACT,UAAU,IACX;CACF,EAAE;AAEH,MAAa,eAAe,UAAU;CACpC,MAAM,EAAE,kBAAkB,UAAU,gBAAgB,UAAU,aAC5D;CACF,MAAM,EAAE,2BAA2B,mBAAmB;CAEtD,MAAM,CAAC,sBAAsB,2BAA2B,SACtD,YAAY,EAAE,CACf;CACD,MAAM,UAAU,WAAW;CAE3B,MAAM,eAAe,OAAO,WAAW;EACrC,IAAI,eAAe;GACjB,GAAG;GACH,GAAG;GACJ;AAID,MAFiB,CAAC,SAGhB,aAAa,MAAM,SAAS,aAAa;MAEzC,aAAa,MAAM,SAAS,aAAa;AAE3C,oBAAkB,gBAAgB;;AAGpC,QACE,oCAAC,QAAK,UAAU,gBACd,oCAAC,aACE,kBAAkB,KAAK,WAAW,UAAU;AAC3C,SACE,oCAAC,MAAM,YAAS,KAAK,GAAG,UAAU,KAAK,GAAG,WACxC,oCAAC;GAAW,SAAQ;GAAY,OAAO,EAAE,WAAW,GAAG;KACpD,UAAU,aACA,EACZ,uBACC,WACA,OACA,sBACA,QACD,CACc;GAEnB,CACE,EAEN,oCAAC,mBACC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,iBAAiB;EACjB,UAAU;EACV,OAAO,EAAE,WAAW,IAAI;IACzB,OAEc,CACH,CACT;;AAIX,YAAY,YAAY;CAItB,gBAAgB,UAAU;CAI1B,UAAU,UAAU;CAIpB,UAAU,UAAU;CACrB"}
+{"version":3,"file":"VirtualForm-tukfZj85.js","names":[],"sources":["../src/UI/forms/VirtualForm.jsx"],"sourcesContent":["import { makeStyles, Typography } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport { Form, FormButtons, SubmitButton } from '../../utilities/form';\nimport { useVirtualActions } from '../../hooks/virtualActions';\n\nconst useStyles = makeStyles((theme) => ({\n  actions: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  title: {\n    flexGrow: 1\n  },\n  subject: {\n    marginLeft: theme.spacing(1),\n    display: 'flex',\n    flexDirection: 'row',\n    flexGrow: 1\n  },\n  switchRoot: {\n    marginLeft: theme.spacing(1)\n  },\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 13\n  },\n  labelRoot: {\n    fontSize: 13\n  }\n}));\n\nexport const VirtualForm = (props) => {\n  const { tableDescription, rowValue, closeSideSheet, onCreate, onUpdate } =\n    props;\n  const { renderInputByFieldType } = useVirtualActions();\n\n  const [virtualTableFormData, setVirtualTableFormData] = useState(\n    rowValue || {}\n  );\n  const classes = useStyles();\n\n  const handleSubmit = async (values) => {\n    let newTableData = {\n      ...virtualTableFormData,\n      ...values\n    };\n\n    const isNewRow = !rowValue;\n\n    if (isNewRow) {\n      onCreate && (await onCreate(newTableData));\n    } else {\n      onUpdate && (await onUpdate(newTableData));\n    }\n    closeSideSheet && closeSideSheet();\n  };\n\n  return (\n    <Form onSubmit={handleSubmit}>\n      <div>\n        {tableDescription?.map((formField, index) => {\n          return (\n            <React.Fragment key={`${formField.name}-${index}`}>\n              <Typography variant='subtitle2' style={{ marginTop: 8 }}>\n                {formField.friendlyName}\n              </Typography>\n              {renderInputByFieldType(\n                formField,\n                index,\n                virtualTableFormData,\n                classes\n              )}\n            </React.Fragment>\n          );\n        })}\n      </div>\n\n      <FormButtons>\n        <SubmitButton\n          variant='contained'\n          color='secondary'\n          disablePristine={false}\n          disabled={false}\n          style={{ marginTop: 15 }}\n        >\n          Save\n        </SubmitButton>\n      </FormButtons>\n    </Form>\n  );\n};\n\nVirtualForm.propTypes = {\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"],"mappings":";;;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,SAAS;EACP,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC9B,SAAS;EACT,eAAe;EAChB;CACD,OAAO,EACL,UAAU,GACX;CACD,SAAS;EACP,YAAY,MAAM,QAAQ,EAAE;EAC5B,SAAS;EACT,eAAe;EACf,UAAU;EACX;CACD,YAAY,EACV,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACD,OAAO;EACL,QAAQ;EACR,SAAS;EACV;CACD,eAAe,EACb,UAAU,IACX;CACD,WAAW,EACT,UAAU,IACX;CACF,EAAE;AAEH,MAAa,eAAe,UAAU;CACpC,MAAM,EAAE,kBAAkB,UAAU,gBAAgB,UAAU,aAC5D;CACF,MAAM,EAAE,2BAA2B,mBAAmB;CAEtD,MAAM,CAAC,sBAAsB,2BAA2B,SACtD,YAAY,EAAE,CACf;CACD,MAAM,UAAU,WAAW;CAE3B,MAAM,eAAe,OAAO,WAAW;EACrC,IAAI,eAAe;GACjB,GAAG;GACH,GAAG;GACJ;AAID,MAFiB,CAAC,SAGhB,aAAa,MAAM,SAAS,aAAa;MAEzC,aAAa,MAAM,SAAS,aAAa;AAE3C,oBAAkB,gBAAgB;;AAGpC,QACE,oCAAC,QAAK,UAAU,gBACd,oCAAC,aACE,kBAAkB,KAAK,WAAW,UAAU;AAC3C,SACE,oCAAC,MAAM,YAAS,KAAK,GAAG,UAAU,KAAK,GAAG,WACxC,oCAAC;GAAW,SAAQ;GAAY,OAAO,EAAE,WAAW,GAAG;KACpD,UAAU,aACA,EACZ,uBACC,WACA,OACA,sBACA,QACD,CACc;GAEnB,CACE,EAEN,oCAAC,mBACC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,iBAAiB;EACjB,UAAU;EACV,OAAO,EAAE,WAAW,IAAI;IACzB,OAEc,CACH,CACT;;AAIX,YAAY,YAAY;CAItB,gBAAgB,UAAU;CAI1B,UAAU,UAAU;CAIpB,UAAU,UAAU;CACrB"}

package/dist/{WorkflowContainer-Cec3FFwP.js → WorkflowContainer-Cs6LBgWw.js}

@@ -1,15 +1,15 @@
 import { t as ConfigService } from "./configService-C4uoG3wj.js";
 import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { I as TreeViewModeEnums } from "./unitySystemEnums-CZDCsD5t.js";
+import { I as TreeViewModeEnums } from "./unitySystemEnums-BhRg17du.js";
 import { n as useShellStore } from "./shellStore-C8zfPsZ-.js";
-import { t as useAxiosGet } from "./useAxiosGet-CYnt6Hd0.js";
+import { t as useAxiosGet } from "./useAxiosGet-B3uusywz.js";
 import { t as useSetLocationState } from "./useSetLocationState-Kvcc9BTb.js";
 import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./useBuildEnvironment-2gdqpmBX.js";
 import { t as NodeLoader } from "./NodeLoader-6vxxLuHg.js";
-import { t as UtilitySideBar } from "./UtilitySideBar-BU3ppHrv.js";
-import { t as WorkflowTreeMenu } from "./WorkflowTreeMenu-HHtwkDzu.js";
-import { i as transformWorkflowPlayTree } from "./workflowUtilities-Brby0vts.js";
-import { t as WorkflowContent } from "./WorkflowContent-HlBHhWl8.js";
+import { t as UtilitySideBar } from "./UtilitySideBar-DcWKNOfr.js";
+import { t as WorkflowTreeMenu } from "./WorkflowTreeMenu-BfKb88w4.js";
+import { i as transformWorkflowPlayTree } from "./workflowUtilities-DBcBJOKf.js";
+import { t as WorkflowContent } from "./WorkflowContent-C_1mXaJA.js";
 import { t as useUpdateSearchParams } from "./useUpdateSearchParams-HVBDF-DL.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-Cec3FFwP.js.map
+//# sourceMappingURL=WorkflowContainer-Cs6LBgWw.js.map

package/dist/{WorkflowContainer-Cec3FFwP.js.map → WorkflowContainer-Cs6LBgWw.js.map}

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

package/dist/{WorkflowContainer-DecC3Yux.js → WorkflowContainer-Cwt061ez.js}

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

package/dist/{WorkflowContent-HlBHhWl8.js → WorkflowContent-C_1mXaJA.js}

@@ -2,14 +2,14 @@ import { t as Form } from "./Form-DbOA5j38.js";
 import { t as Field } from "./Field-Cda5rJe2.js";
 import { t as ConfigService } from "./configService-C4uoG3wj.js";
 import { t as useUser } from "./useUser-wpHGo6jU.js";
-import { t as apiMutate } from "./useAxiosMutate-DeqKSi5z.js";
+import { t as apiMutate } from "./useAxiosMutate-CChDJc0L.js";
 import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-5Hp3qpk6.js";
 import { n as SideSheet } from "./SideSheet-CDXVa_Kr.js";
-import { t as useAxiosGet } from "./useAxiosGet-CYnt6Hd0.js";
+import { t as useAxiosGet } from "./useAxiosGet-B3uusywz.js";
 import { t as PrimaryActionHeader } from "./PrimaryActionHeader-H5w3twaM.js";
-import { t as PageContainer } from "./PageContainer-ButX_XVS.js";
+import { t as PageContainer } from "./PageContainer-B6aRZIrC.js";
 import { n as useBuildEnvironment, t as APP_RIBBON_SPACE } from "./useBuildEnvironment-2gdqpmBX.js";
-import { n as UnitTypeEnums, t as UnitStateType } from "./workflowEnums-BJmSE_P8.js";
+import { n as UnitTypeEnums, t as UnitStateType } from "./workflowEnums-ztRFwx_L.js";
 import { t as useWorkflowStore } from "./workflowStore-CCoN5uHd.js";
 import { t as WorkflowTaskFlow } from "./WorkflowTaskFlow-Cah1eKe3.js";
 import { t as LinearProgress$1 } from "./LinearProgress-CpJeIaEP.js";
@@ -425,4 +425,4 @@ const WorkflowContent = (props) => {
 
 //#endregion
 export { WorkflowUiInterruptContent as n, WorkflowContent as t };
-//# sourceMappingURL=WorkflowContent-HlBHhWl8.js.map
+//# sourceMappingURL=WorkflowContent-C_1mXaJA.js.map

package/dist/{WorkflowContent-HlBHhWl8.js.map → WorkflowContent-C_1mXaJA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkflowContent-HlBHhWl8.js","names":["useStyles","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 '../configService';\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/useBuildEnvironment';\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 '../configService';\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-C_1mXaJA.js","names":["useStyles","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 '../configService';\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/useBuildEnvironment';\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 '../configService';\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/{WorkflowTreeMenu-HHtwkDzu.js → WorkflowTreeMenu-BfKb88w4.js}

@@ -1,9 +1,9 @@
 import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
-import { I as TreeViewModeEnums, v as NodeActionTriggerEnums } from "./unitySystemEnums-CZDCsD5t.js";
+import { I as TreeViewModeEnums, v as NodeActionTriggerEnums } from "./unitySystemEnums-BhRg17du.js";
 import { t as UnityFluentIcon } from "./UnityFluentIcon-DrASIcTF.js";
-import { S as getIconFromName, V as searchTree, d as findAllParentIds, w as getNodeIdForRightBorder } from "./TreeUtilities-jEhtZNg5.js";
+import { S as getIconFromName, V as searchTree, d as findAllParentIds, w as getNodeIdForRightBorder } from "./TreeUtilities-Iv9nOf-6.js";
 import { t as getUnityIconFromName } from "./UnityIconLibrary-CjIwzfjv.js";
-import { t as AggregateChip } from "./AggregateChip-BF7S3x_K.js";
+import { t as AggregateChip } from "./AggregateChip-Dm3js2LK.js";
 import React, { useCallback, useEffect, useState } from "react";
 import { CircularProgress, Tooltip, Typography, darken, lighten, makeStyles, useTheme } from "@material-ui/core";
 import clsx from "clsx";
@@ -343,4 +343,4 @@ const WorkflowTreeMenu = (props) => {
 
 //#endregion
 export { WorkflowTreeMenuItem as n, WorkflowTreeMenu as t };
-//# sourceMappingURL=WorkflowTreeMenu-HHtwkDzu.js.map
+//# sourceMappingURL=WorkflowTreeMenu-BfKb88w4.js.map

package/dist/{WorkflowTreeMenu-HHtwkDzu.js.map → WorkflowTreeMenu-BfKb88w4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WorkflowTreeMenu-HHtwkDzu.js","names":["useStyles","other","tree","expanded"],"sources":["../src/workflow/menus/WorkflowTreeMenuItem.jsx","../src/workflow/menus/WorkflowTreeMenu.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  makeStyles,\n  lighten,\n  Typography,\n  CircularProgress,\n  darken,\n  useTheme,\n  Tooltip\n} from '@material-ui/core';\nimport TreeItem from '@material-ui/lab/TreeItem';\nimport { getIconFromName } from '../../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\nimport { UnityFluentIcon } from '../../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../../utilities/iconLibrary/UnityIconLibrary';\nimport { useDrag, useDrop } from 'react-dnd';\nimport {\n  NodeActionTriggerEnums,\n  TreeViewModeEnums\n} from '../../enums/unitySystemEnums.ts';\nimport { AggregateChip } from '../../UI/utilityDisplay/AggregateChip';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '&.Mui-selected > .MuiTreeItem-content': {\n      backgroundColor:\n        theme?.getThemeData()?.mode === 'dark'\n          ? theme.palette.grey[700]\n          : theme.palette.grey[300],\n      borderRight: `4px solid ${theme.palette.primary.main}`\n    },\n    '&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label': {\n      backgroundColor: 'transparent',\n      paddingLeft: 0\n    },\n    '&.Mui-selected > .MuiTreeItem-content > .MuiCollapse-wrapperInner': {\n      backgroundColor:\n        theme?.getThemeData()?.mode !== 'dark' && theme.palette.grey[50]\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-iconContainer': {\n      display: (props) => (props.sidebarExpanded ? 'flex' : 'none')\n    }\n  },\n  content: {\n    backgroundColor: (props) =>\n      theme?.getThemeData()?.mode !== 'dark' &&\n      !props.sidebarExpanded &&\n      props.conditionalIconName &&\n      props.conditionalIconColor\n        ? lighten(props.conditionalIconColor, 0.92)\n        : ''\n  },\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: (props) => (props.sidebarExpanded ? 0 : theme.spacing(1.5)),\n    width: '100%'\n  },\n  labelContainer: {\n    display: (props) => (!props.sidebarExpanded ? 'none' : ''),\n    width: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `calc(100% - ${theme.spacing(6.25)}px)`\n        : `calc(100% - ${theme.spacing(7.75)}px)`\n  },\n  conditionalIconContainer: {\n    display: 'inline-flex'\n  },\n  labelText: {\n    fontSize: '0.75rem',\n    fontWeight: 600,\n    lineHeight: '1rem',\n    letterSpacing: 0.1\n  },\n  captionText: {\n    marginLeft: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(1) : '',\n    fontSize: '0.65rem',\n    fontWeight: 400,\n    lineHeight: 1,\n    letterSpacing: 0.4\n  },\n  labelOverflow: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    marginTop: `-${theme.spacing(0.25)}px`\n  },\n  group: {\n    width: '100%',\n    '& .MuiTreeItem-group': {\n      marginLeft: 0\n    },\n    '& .MuiTreeItem-content': {\n      paddingLeft: (props) =>\n        props.sidebarExpanded ? (props.depth || 1) * theme.spacing(1) : 0,\n      borderRight: (props) =>\n        props.showRightBorderColor\n          ? `4px solid ${theme.palette.primary.main}`\n          : '',\n      borderBottom: (props) =>\n        props.treeViewMode === TreeViewModeEnums.Compact\n          ? `1px solid ${theme.palette.grey[200]}`\n          : ''\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-label': {\n      paddingLeft: 0,\n      width: (props) =>\n        props.sidebarExpanded && `calc(100% - ${theme.spacing(2.5)}px)`\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-iconContainer span': {\n      display: (props) => (props.hideExpansion ? 'none' : '')\n    },\n    '& .MuiCollapse-wrapperInner': {\n      backgroundColor: (props) =>\n        theme?.getThemeData()?.mode !== 'dark' && props.isSelectedNode\n          ? theme.palette.grey[50]\n          : ''\n    }\n  },\n  iconContainer: {\n    display: 'flex',\n    // alignItems: 'center',\n    justifyContent: 'center',\n    // borderRadius: 50,\n    marginTop: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(0.25)\n        : theme.spacing(0.5),\n    marginBottom: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(0.25)\n        : theme.spacing(0.5),\n    marginRight: theme.spacing(1),\n    width: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(3)\n        : theme.spacing(4),\n    height: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(3)\n        : theme.spacing(4)\n    // border: (props) =>\n    //   props.iconColor\n    //     ? `1px solid ${darken(props.iconColor, 0.1)}`\n    //     : `1px solid ${theme.palette.secondary.main}`,\n    // backgroundColor: '#ffffff'\n  }\n}));\n\nexport const WorkflowTreeMenuItem = (props) => {\n  const {\n    parentId,\n    nodeId,\n    iconName,\n    iconType,\n    conditionalIconName,\n    conditionalIconType,\n    conditionalIconColor,\n    label,\n    iconColor,\n    onNodeSelect,\n    isSelectedNode,\n    subLabel,\n    sidebarExpanded,\n    isLastNode,\n    loading,\n    node,\n    onDropNode,\n    treeViewMode,\n    menuIndex,\n    aggregateThresholdId,\n    ...other\n  } = props;\n  const classes = useStyles(props);\n  const theme = useTheme();\n\n  const [{ isDragging }, dragRef] = useDrag({\n    type: 'BaseTreeMenuItem',\n    item: { ...node, sourceNodeMenuIndex: menuIndex },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging()\n    })\n  });\n\n  const handleOnDrop = useCallback(\n    (sourceNode, monitor) => {\n      if (!monitor.didDrop()) {\n        if (onDropNode) {\n          const { sourceNodeMenuIndex, ...other } = sourceNode;\n          onDropNode({ ...other }, node, sourceNodeMenuIndex, menuIndex);\n        }\n      }\n    },\n    [onDropNode, node, menuIndex]\n  );\n\n  const [{ canDrop, isOver }, dropRef] = useDrop(\n    () => ({\n      accept: ['BaseTreeMenuItem'],\n      drop: (sourceNode, monitor) => {\n        // condition to only handle first drop\n        handleOnDrop(sourceNode, monitor);\n      },\n      canDrop: (sourceNode) => checkCanDrop(sourceNode),\n      collect: (monitor) => ({\n        isOver: monitor.isOver(),\n        canDrop: !!monitor.canDrop()\n      })\n    }),\n    [handleOnDrop]\n  );\n\n  const checkCanDrop = useCallback(\n    (sourceNode) => {\n      if (sourceNode) {\n        const onDropActions = node?.properties?.nodeActions?.filter(\n          (na) => na?.triggerType === NodeActionTriggerEnums.On_Node_Drop\n        );\n        if (!onDropActions) {\n          return false;\n        }\n        const nodeDragEntities = onDropActions?.map(\n          (action) => action?.dragEntityName\n        );\n        return nodeDragEntities.includes(\n          sourceNode?.properties?.catalogReturnObject\n        );\n      }\n    },\n    [node]\n  );\n\n  const handleOnLabelClick = useCallback(\n    (e) => {\n      e.preventDefault();\n      onNodeSelect(e, nodeId);\n    },\n    [onNodeSelect, nodeId]\n  );\n\n  return (\n    <TreeItem\n      className={classes.group}\n      key={nodeId}\n      nodeId={nodeId}\n      label={\n        <div ref={dropRef}>\n          <Tooltip title={sidebarExpanded ? '' : label}>\n            <div\n              ref={(node?.properties?.isDraggable && dragRef) || null}\n              style={{ opacity: isDragging ? 0.5 : 1 }}\n            >\n              {loading ? (\n                <CircularProgress size={12} />\n              ) : (\n                <div\n                  id={\n                    'udpRecord-BaseTreeMenuItem-' + label?.replace(/\\s+/g, '')\n                  }\n                  udprecordid={\n                    'udpRecord-BaseTreeMenuItem-' + label?.replace(/\\s+/g, '')\n                  }\n                  className={classes.labelRoot}\n                  style={{\n                    fontWeight: isSelectedNode ? 'bold' : ''\n                  }}\n                >\n                  {iconName && (\n                    <div className={classes.iconContainer}>\n                      <UnityFluentIcon\n                        size={\n                          treeViewMode === TreeViewModeEnums.Compact\n                            ? 'small'\n                            : 'large'\n                        }\n                        color={iconColor}\n                        type={iconType}\n                        icon={\n                          iconType === 'unity'\n                            ? getUnityIconFromName(iconName)\n                            : getIconFromName(iconName)\n                        }\n                        style={{\n                          color: iconColor\n                            ? darken(iconColor, 0.1)\n                            : theme.palette.secondary.main\n                        }}\n                      />\n                    </div>\n                  )}\n                  <div className={classes.labelContainer}>\n                    <Typography\n                      variant='subtitle2'\n                      className={clsx(classes.labelText, classes.labelOverflow)}\n                    >\n                      {label}\n                      {subLabel &&\n                        treeViewMode === TreeViewModeEnums.Compact && (\n                          <Typography\n                            variant='caption'\n                            className={clsx(\n                              classes.captionText,\n                              classes.labelOverflow\n                            )}\n                          >\n                            {subLabel}\n                          </Typography>\n                        )}\n                    </Typography>\n                    {subLabel && treeViewMode === TreeViewModeEnums.Classic && (\n                      <div className={classes.labelOverflow}>\n                        <Typography\n                          variant='caption'\n                          className={clsx(classes.captionText)}\n                        >\n                          {subLabel}\n                        </Typography>\n                      </div>\n                    )}\n                  </div>\n                  <AggregateChip aggregateThresholdId={aggregateThresholdId} />\n                  {conditionalIconName && sidebarExpanded && (\n                    <div className={classes.conditionalIconContainer}>\n                      <UnityFluentIcon\n                        size={\n                          treeViewMode === TreeViewModeEnums.Compact\n                            ? 'small'\n                            : 'default'\n                        }\n                        color={conditionalIconColor}\n                        type={conditionalIconType}\n                        icon={\n                          conditionalIconType === 'unity'\n                            ? getUnityIconFromName(conditionalIconName)\n                            : getIconFromName(conditionalIconName)\n                        }\n                        style={{\n                          color: conditionalIconColor\n                        }}\n                      />\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          </Tooltip>\n        </div>\n      }\n      onLabelClick={handleOnLabelClick}\n      classes={{ root: classes.root, content: classes.content }}\n      {...other}\n    />\n  );\n};\n","import React, { useCallback, useState, useEffect } from 'react';\nimport {\n  makeStyles,\n  useTheme,\n  lighten,\n  CircularProgress,\n  Typography\n} from '@material-ui/core';\nimport TreeView from '@material-ui/lab/TreeView';\nimport { WorkflowTreeMenuItem } from './WorkflowTreeMenuItem';\nimport {\n  searchTree,\n  findAllParentIds,\n  getNodeIdForRightBorder\n} from '../../utilities/tree/TreeUtilities';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { CaretUpSolid8Icon, CaretDownSolid8Icon } from '@fluentui/react-icons';\nimport { cloneDeep } from 'lodash';\nimport { TreeViewModeEnums } from '../../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginBottom: theme.spacing(1.75),\n    borderTop: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `1px solid ${theme.palette.grey[200]}`\n        : ''\n  },\n  noChildrenContainer: {\n    borderBottom: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `1px solid ${theme.palette.grey[200]}`\n        : ''\n  }\n}));\n\nexport const WorkflowTreeMenu = (props) => {\n  const {\n    menuItems,\n    onSelectNode,\n    onDropNode,\n    menuIndex,\n    selectedNodeId,\n    selectedNodeParentId,\n    sidebarExpanded,\n    treeViewMode,\n    childrenKey = 'children'\n  } = props;\n  const [expanded, setExpanded] = useState(null);\n  const [isCurrentActiveTree, setIsCurrentActiveTree] = useState(false);\n  const [selectedNodeIsHidden, setSelectedNodeIsHidden] = useState(false);\n  const [tree, setTree] = useState(menuItems);\n  const theme = useTheme();\n  const classes = useStyles(props);\n\n  const handleSelectedNode = useCallback(\n    (e, value) => {\n      const selectedNode = searchTree(tree, value);\n      if (onSelectNode) {\n        onSelectNode(selectedNode, menuIndex);\n        setSelectedNodeIsHidden(false);\n      }\n    },\n    [tree, menuIndex, onSelectNode]\n  );\n\n  const renderTree = useCallback(\n    (node, depth = 1) => {\n      let label = node.properties?.nodeLabel || node.properties?.name;\n      let subLabel = node.properties?.nodeSubLabel;\n      let iconName = node.properties?.defaultIcon?.name;\n      let iconType = node.properties?.defaultIcon?.type;\n      let conditionalIconName = node.properties?.conditionalIcon?.name || '';\n      let conditionalIconType = node.properties?.conditionalIcon?.name\n        ? node.properties.conditionalIcon?.type\n        : '';\n      let conditionalIconColor = node.properties?.conditionalIcon?.name\n        ? node.properties?.conditionalIcon?.color\n        : '';\n      let nodeId = node.id;\n      let iconColor = node.properties?.conditionalIconName\n        ? node.properties?.conditionalIconColor\n        : node.properties?.defaultIcon?.color?.hex;\n      let aggregateThresholdId = node.properties?.aggregateThresholdId || '';\n\n      if (node.isGroupNode) {\n        label = node.properties?.label;\n        subLabel = node.properties?.subLabel;\n        iconName = node.properties?.icon?.name;\n        iconType = node.properties?.icon?.type;\n        iconColor = node.properties?.icon?.color?.hex;\n      }\n\n      return (\n        <WorkflowTreeMenuItem\n          key={nodeId}\n          nodeId={nodeId}\n          label={label}\n          subLabel={subLabel}\n          iconName={iconName}\n          iconType={iconType}\n          conditionalIconName={conditionalIconName}\n          conditionalIconType={conditionalIconType}\n          conditionalIconColor={conditionalIconColor}\n          parentId={node.parentId}\n          iconColor={iconColor}\n          onNodeSelect={handleSelectedNode}\n          selectedNodeId={selectedNodeId}\n          isSelectedNode={selectedNodeId === node.id}\n          showRightBorderColor={\n            selectedNodeIsHidden &&\n            isCurrentActiveTree &&\n            getNodeIdForRightBorder(expanded, tree, selectedNodeParentId) ===\n              node.id\n          }\n          isCurrentActiveTree={isCurrentActiveTree}\n          sidebarExpanded={sidebarExpanded}\n          depth={depth}\n          hideExpansion={!!!node[childrenKey]?.length}\n          node={node}\n          onDropNode={onDropNode}\n          treeViewMode={treeViewMode}\n          menuIndex={menuIndex}\n          aggregateThresholdId={aggregateThresholdId}\n        >\n          {node.properties?.lazyLoad &&\n            !!!node[childrenKey]?.length &&\n            !node.completedLoadingChildren && (\n              <CircularProgress\n                size={12}\n                style={{ marginLeft: (depth || 1) * theme.spacing(1) }}\n              />\n            )}\n          {node.properties?.lazyLoad &&\n            !!!node[childrenKey]?.length &&\n            node.completedLoadingChildren &&\n            sidebarExpanded &&\n            !node.errorRetrievingChildren && (\n              <div className={classes.noChildrenContainer}>\n                <Typography\n                  variant='caption'\n                  style={{\n                    marginLeft: (depth || 1) * theme.spacing(3),\n                    fontWeight: 400\n                  }}\n                >\n                  No Children\n                </Typography>\n              </div>\n            )}\n          {node.properties?.lazyLoad &&\n            node.completedLoadingChildren &&\n            sidebarExpanded &&\n            node.errorRetrievingChildren && (\n              <div className={classes.noChildrenContainer}>\n                <Typography\n                  variant='caption'\n                  style={{\n                    marginLeft: (depth || 1) * theme.spacing(3),\n                    fontWeight: 400\n                  }}\n                >\n                  {`Error Retrieving ${\n                    !!node[childrenKey]?.length ? `Additional ` : ''\n                  }Children`}\n                </Typography>\n              </div>\n            )}\n          {Array.isArray(node[childrenKey])\n            ? node[childrenKey].map((n, i) => renderTree(n, depth + 1))\n            : null}\n        </WorkflowTreeMenuItem>\n      );\n    },\n    [\n      handleSelectedNode,\n      selectedNodeId,\n      selectedNodeIsHidden,\n      isCurrentActiveTree,\n      sidebarExpanded,\n      expanded,\n      tree,\n      selectedNodeParentId,\n      theme,\n      classes,\n      onDropNode,\n      treeViewMode,\n      menuIndex,\n      childrenKey\n    ]\n  );\n\n  const handleNodeExpansion = useCallback(\n    async (evt, nodeIds) => {\n      const treeCopy = cloneDeep(tree);\n      setExpanded(nodeIds);\n\n      const parentNode = searchTree(treeCopy, selectedNodeParentId);\n      const initialAllParentNodeIds = selectedNodeParentId\n        ? [selectedNodeParentId]\n        : [];\n      const allParentNodeIds = findAllParentIds(\n        treeCopy,\n        parentNode,\n        initialAllParentNodeIds\n      );\n      const selectedNodeShown = allParentNodeIds.every((id) =>\n        nodeIds.includes(id)\n      );\n      if (\n        isCurrentActiveTree &&\n        allParentNodeIds.length &&\n        !selectedNodeShown\n      ) {\n        setSelectedNodeIsHidden(true);\n      } else {\n        setSelectedNodeIsHidden(false);\n      }\n    },\n    [isCurrentActiveTree, tree, selectedNodeParentId]\n  );\n\n  const getExpandedRecursively = useCallback(\n    (tree) => {\n      if (!tree) return [];\n      return tree.reduce((expandedIds, item) => {\n        if (item?.isExpanded) {\n          expandedIds.push(item.id);\n        }\n        if (item && item[childrenKey]?.length) {\n          expandedIds = expandedIds.concat(\n            getExpandedRecursively(item[childrenKey])\n          );\n        }\n        return expandedIds;\n      }, []);\n    },\n    [childrenKey]\n  );\n\n  useEffect(() => {\n    setTree(menuItems);\n  }, [menuItems]);\n\n  useEffect(() => {\n    if (!tree) {\n      return;\n    }\n    let expanded = [];\n    if (tree?.isExpanded) {\n      expanded.push(tree.id);\n    }\n    expanded = expanded.concat(getExpandedRecursively(tree[childrenKey]));\n    setExpanded(expanded);\n  }, [getExpandedRecursively, tree, childrenKey]);\n\n  useEffect(() => {\n    if (!!searchTree(tree, selectedNodeId)) {\n      setIsCurrentActiveTree(true);\n    } else {\n      setIsCurrentActiveTree(false);\n    }\n  }, [tree, selectedNodeId]);\n\n  if (!expanded) {\n    return null;\n  }\n\n  return (\n    <TreeView\n      key={tree}\n      className={classes.root}\n      defaultCollapseIcon={\n        <FluentIcon\n          size='small'\n          component={CaretUpSolid8Icon}\n          style={{\n            color: lighten(theme.palette.primary.main, 0.5),\n            width: theme.spacing(1.5),\n            height: theme.spacing(1.5)\n          }}\n        />\n      }\n      expanded={expanded || []}\n      onNodeToggle={handleNodeExpansion}\n      defaultExpandIcon={\n        <FluentIcon\n          size='small'\n          component={CaretDownSolid8Icon}\n          style={{\n            color: lighten(theme.palette.primary.main, 0.5),\n            width: theme.spacing(1.5),\n            height: theme.spacing(1.5)\n          }}\n        />\n      }\n      selected={selectedNodeId}\n    >\n      {tree && renderTree(tree)}\n    </TreeView>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowTreeMenu-BfKb88w4.js","names":["useStyles","other","tree","expanded"],"sources":["../src/workflow/menus/WorkflowTreeMenuItem.jsx","../src/workflow/menus/WorkflowTreeMenu.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  makeStyles,\n  lighten,\n  Typography,\n  CircularProgress,\n  darken,\n  useTheme,\n  Tooltip\n} from '@material-ui/core';\nimport TreeItem from '@material-ui/lab/TreeItem';\nimport { getIconFromName } from '../../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\nimport { UnityFluentIcon } from '../../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../../utilities/iconLibrary/UnityIconLibrary';\nimport { useDrag, useDrop } from 'react-dnd';\nimport {\n  NodeActionTriggerEnums,\n  TreeViewModeEnums\n} from '../../enums/unitySystemEnums.ts';\nimport { AggregateChip } from '../../UI/utilityDisplay/AggregateChip';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '&.Mui-selected > .MuiTreeItem-content': {\n      backgroundColor:\n        theme?.getThemeData()?.mode === 'dark'\n          ? theme.palette.grey[700]\n          : theme.palette.grey[300],\n      borderRight: `4px solid ${theme.palette.primary.main}`\n    },\n    '&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label': {\n      backgroundColor: 'transparent',\n      paddingLeft: 0\n    },\n    '&.Mui-selected > .MuiTreeItem-content > .MuiCollapse-wrapperInner': {\n      backgroundColor:\n        theme?.getThemeData()?.mode !== 'dark' && theme.palette.grey[50]\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-iconContainer': {\n      display: (props) => (props.sidebarExpanded ? 'flex' : 'none')\n    }\n  },\n  content: {\n    backgroundColor: (props) =>\n      theme?.getThemeData()?.mode !== 'dark' &&\n      !props.sidebarExpanded &&\n      props.conditionalIconName &&\n      props.conditionalIconColor\n        ? lighten(props.conditionalIconColor, 0.92)\n        : ''\n  },\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: (props) => (props.sidebarExpanded ? 0 : theme.spacing(1.5)),\n    width: '100%'\n  },\n  labelContainer: {\n    display: (props) => (!props.sidebarExpanded ? 'none' : ''),\n    width: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `calc(100% - ${theme.spacing(6.25)}px)`\n        : `calc(100% - ${theme.spacing(7.75)}px)`\n  },\n  conditionalIconContainer: {\n    display: 'inline-flex'\n  },\n  labelText: {\n    fontSize: '0.75rem',\n    fontWeight: 600,\n    lineHeight: '1rem',\n    letterSpacing: 0.1\n  },\n  captionText: {\n    marginLeft: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(1) : '',\n    fontSize: '0.65rem',\n    fontWeight: 400,\n    lineHeight: 1,\n    letterSpacing: 0.4\n  },\n  labelOverflow: {\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    marginTop: `-${theme.spacing(0.25)}px`\n  },\n  group: {\n    width: '100%',\n    '& .MuiTreeItem-group': {\n      marginLeft: 0\n    },\n    '& .MuiTreeItem-content': {\n      paddingLeft: (props) =>\n        props.sidebarExpanded ? (props.depth || 1) * theme.spacing(1) : 0,\n      borderRight: (props) =>\n        props.showRightBorderColor\n          ? `4px solid ${theme.palette.primary.main}`\n          : '',\n      borderBottom: (props) =>\n        props.treeViewMode === TreeViewModeEnums.Compact\n          ? `1px solid ${theme.palette.grey[200]}`\n          : ''\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-label': {\n      paddingLeft: 0,\n      width: (props) =>\n        props.sidebarExpanded && `calc(100% - ${theme.spacing(2.5)}px)`\n    },\n    '& .MuiTreeItem-content .MuiTreeItem-iconContainer span': {\n      display: (props) => (props.hideExpansion ? 'none' : '')\n    },\n    '& .MuiCollapse-wrapperInner': {\n      backgroundColor: (props) =>\n        theme?.getThemeData()?.mode !== 'dark' && props.isSelectedNode\n          ? theme.palette.grey[50]\n          : ''\n    }\n  },\n  iconContainer: {\n    display: 'flex',\n    // alignItems: 'center',\n    justifyContent: 'center',\n    // borderRadius: 50,\n    marginTop: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(0.25)\n        : theme.spacing(0.5),\n    marginBottom: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(0.25)\n        : theme.spacing(0.5),\n    marginRight: theme.spacing(1),\n    width: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(3)\n        : theme.spacing(4),\n    height: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? theme.spacing(3)\n        : theme.spacing(4)\n    // border: (props) =>\n    //   props.iconColor\n    //     ? `1px solid ${darken(props.iconColor, 0.1)}`\n    //     : `1px solid ${theme.palette.secondary.main}`,\n    // backgroundColor: '#ffffff'\n  }\n}));\n\nexport const WorkflowTreeMenuItem = (props) => {\n  const {\n    parentId,\n    nodeId,\n    iconName,\n    iconType,\n    conditionalIconName,\n    conditionalIconType,\n    conditionalIconColor,\n    label,\n    iconColor,\n    onNodeSelect,\n    isSelectedNode,\n    subLabel,\n    sidebarExpanded,\n    isLastNode,\n    loading,\n    node,\n    onDropNode,\n    treeViewMode,\n    menuIndex,\n    aggregateThresholdId,\n    ...other\n  } = props;\n  const classes = useStyles(props);\n  const theme = useTheme();\n\n  const [{ isDragging }, dragRef] = useDrag({\n    type: 'BaseTreeMenuItem',\n    item: { ...node, sourceNodeMenuIndex: menuIndex },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging()\n    })\n  });\n\n  const handleOnDrop = useCallback(\n    (sourceNode, monitor) => {\n      if (!monitor.didDrop()) {\n        if (onDropNode) {\n          const { sourceNodeMenuIndex, ...other } = sourceNode;\n          onDropNode({ ...other }, node, sourceNodeMenuIndex, menuIndex);\n        }\n      }\n    },\n    [onDropNode, node, menuIndex]\n  );\n\n  const [{ canDrop, isOver }, dropRef] = useDrop(\n    () => ({\n      accept: ['BaseTreeMenuItem'],\n      drop: (sourceNode, monitor) => {\n        // condition to only handle first drop\n        handleOnDrop(sourceNode, monitor);\n      },\n      canDrop: (sourceNode) => checkCanDrop(sourceNode),\n      collect: (monitor) => ({\n        isOver: monitor.isOver(),\n        canDrop: !!monitor.canDrop()\n      })\n    }),\n    [handleOnDrop]\n  );\n\n  const checkCanDrop = useCallback(\n    (sourceNode) => {\n      if (sourceNode) {\n        const onDropActions = node?.properties?.nodeActions?.filter(\n          (na) => na?.triggerType === NodeActionTriggerEnums.On_Node_Drop\n        );\n        if (!onDropActions) {\n          return false;\n        }\n        const nodeDragEntities = onDropActions?.map(\n          (action) => action?.dragEntityName\n        );\n        return nodeDragEntities.includes(\n          sourceNode?.properties?.catalogReturnObject\n        );\n      }\n    },\n    [node]\n  );\n\n  const handleOnLabelClick = useCallback(\n    (e) => {\n      e.preventDefault();\n      onNodeSelect(e, nodeId);\n    },\n    [onNodeSelect, nodeId]\n  );\n\n  return (\n    <TreeItem\n      className={classes.group}\n      key={nodeId}\n      nodeId={nodeId}\n      label={\n        <div ref={dropRef}>\n          <Tooltip title={sidebarExpanded ? '' : label}>\n            <div\n              ref={(node?.properties?.isDraggable && dragRef) || null}\n              style={{ opacity: isDragging ? 0.5 : 1 }}\n            >\n              {loading ? (\n                <CircularProgress size={12} />\n              ) : (\n                <div\n                  id={\n                    'udpRecord-BaseTreeMenuItem-' + label?.replace(/\\s+/g, '')\n                  }\n                  udprecordid={\n                    'udpRecord-BaseTreeMenuItem-' + label?.replace(/\\s+/g, '')\n                  }\n                  className={classes.labelRoot}\n                  style={{\n                    fontWeight: isSelectedNode ? 'bold' : ''\n                  }}\n                >\n                  {iconName && (\n                    <div className={classes.iconContainer}>\n                      <UnityFluentIcon\n                        size={\n                          treeViewMode === TreeViewModeEnums.Compact\n                            ? 'small'\n                            : 'large'\n                        }\n                        color={iconColor}\n                        type={iconType}\n                        icon={\n                          iconType === 'unity'\n                            ? getUnityIconFromName(iconName)\n                            : getIconFromName(iconName)\n                        }\n                        style={{\n                          color: iconColor\n                            ? darken(iconColor, 0.1)\n                            : theme.palette.secondary.main\n                        }}\n                      />\n                    </div>\n                  )}\n                  <div className={classes.labelContainer}>\n                    <Typography\n                      variant='subtitle2'\n                      className={clsx(classes.labelText, classes.labelOverflow)}\n                    >\n                      {label}\n                      {subLabel &&\n                        treeViewMode === TreeViewModeEnums.Compact && (\n                          <Typography\n                            variant='caption'\n                            className={clsx(\n                              classes.captionText,\n                              classes.labelOverflow\n                            )}\n                          >\n                            {subLabel}\n                          </Typography>\n                        )}\n                    </Typography>\n                    {subLabel && treeViewMode === TreeViewModeEnums.Classic && (\n                      <div className={classes.labelOverflow}>\n                        <Typography\n                          variant='caption'\n                          className={clsx(classes.captionText)}\n                        >\n                          {subLabel}\n                        </Typography>\n                      </div>\n                    )}\n                  </div>\n                  <AggregateChip aggregateThresholdId={aggregateThresholdId} />\n                  {conditionalIconName && sidebarExpanded && (\n                    <div className={classes.conditionalIconContainer}>\n                      <UnityFluentIcon\n                        size={\n                          treeViewMode === TreeViewModeEnums.Compact\n                            ? 'small'\n                            : 'default'\n                        }\n                        color={conditionalIconColor}\n                        type={conditionalIconType}\n                        icon={\n                          conditionalIconType === 'unity'\n                            ? getUnityIconFromName(conditionalIconName)\n                            : getIconFromName(conditionalIconName)\n                        }\n                        style={{\n                          color: conditionalIconColor\n                        }}\n                      />\n                    </div>\n                  )}\n                </div>\n              )}\n            </div>\n          </Tooltip>\n        </div>\n      }\n      onLabelClick={handleOnLabelClick}\n      classes={{ root: classes.root, content: classes.content }}\n      {...other}\n    />\n  );\n};\n","import React, { useCallback, useState, useEffect } from 'react';\nimport {\n  makeStyles,\n  useTheme,\n  lighten,\n  CircularProgress,\n  Typography\n} from '@material-ui/core';\nimport TreeView from '@material-ui/lab/TreeView';\nimport { WorkflowTreeMenuItem } from './WorkflowTreeMenuItem';\nimport {\n  searchTree,\n  findAllParentIds,\n  getNodeIdForRightBorder\n} from '../../utilities/tree/TreeUtilities';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { CaretUpSolid8Icon, CaretDownSolid8Icon } from '@fluentui/react-icons';\nimport { cloneDeep } from 'lodash';\nimport { TreeViewModeEnums } from '../../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginBottom: theme.spacing(1.75),\n    borderTop: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `1px solid ${theme.palette.grey[200]}`\n        : ''\n  },\n  noChildrenContainer: {\n    borderBottom: (props) =>\n      props.treeViewMode === TreeViewModeEnums.Compact\n        ? `1px solid ${theme.palette.grey[200]}`\n        : ''\n  }\n}));\n\nexport const WorkflowTreeMenu = (props) => {\n  const {\n    menuItems,\n    onSelectNode,\n    onDropNode,\n    menuIndex,\n    selectedNodeId,\n    selectedNodeParentId,\n    sidebarExpanded,\n    treeViewMode,\n    childrenKey = 'children'\n  } = props;\n  const [expanded, setExpanded] = useState(null);\n  const [isCurrentActiveTree, setIsCurrentActiveTree] = useState(false);\n  const [selectedNodeIsHidden, setSelectedNodeIsHidden] = useState(false);\n  const [tree, setTree] = useState(menuItems);\n  const theme = useTheme();\n  const classes = useStyles(props);\n\n  const handleSelectedNode = useCallback(\n    (e, value) => {\n      const selectedNode = searchTree(tree, value);\n      if (onSelectNode) {\n        onSelectNode(selectedNode, menuIndex);\n        setSelectedNodeIsHidden(false);\n      }\n    },\n    [tree, menuIndex, onSelectNode]\n  );\n\n  const renderTree = useCallback(\n    (node, depth = 1) => {\n      let label = node.properties?.nodeLabel || node.properties?.name;\n      let subLabel = node.properties?.nodeSubLabel;\n      let iconName = node.properties?.defaultIcon?.name;\n      let iconType = node.properties?.defaultIcon?.type;\n      let conditionalIconName = node.properties?.conditionalIcon?.name || '';\n      let conditionalIconType = node.properties?.conditionalIcon?.name\n        ? node.properties.conditionalIcon?.type\n        : '';\n      let conditionalIconColor = node.properties?.conditionalIcon?.name\n        ? node.properties?.conditionalIcon?.color\n        : '';\n      let nodeId = node.id;\n      let iconColor = node.properties?.conditionalIconName\n        ? node.properties?.conditionalIconColor\n        : node.properties?.defaultIcon?.color?.hex;\n      let aggregateThresholdId = node.properties?.aggregateThresholdId || '';\n\n      if (node.isGroupNode) {\n        label = node.properties?.label;\n        subLabel = node.properties?.subLabel;\n        iconName = node.properties?.icon?.name;\n        iconType = node.properties?.icon?.type;\n        iconColor = node.properties?.icon?.color?.hex;\n      }\n\n      return (\n        <WorkflowTreeMenuItem\n          key={nodeId}\n          nodeId={nodeId}\n          label={label}\n          subLabel={subLabel}\n          iconName={iconName}\n          iconType={iconType}\n          conditionalIconName={conditionalIconName}\n          conditionalIconType={conditionalIconType}\n          conditionalIconColor={conditionalIconColor}\n          parentId={node.parentId}\n          iconColor={iconColor}\n          onNodeSelect={handleSelectedNode}\n          selectedNodeId={selectedNodeId}\n          isSelectedNode={selectedNodeId === node.id}\n          showRightBorderColor={\n            selectedNodeIsHidden &&\n            isCurrentActiveTree &&\n            getNodeIdForRightBorder(expanded, tree, selectedNodeParentId) ===\n              node.id\n          }\n          isCurrentActiveTree={isCurrentActiveTree}\n          sidebarExpanded={sidebarExpanded}\n          depth={depth}\n          hideExpansion={!!!node[childrenKey]?.length}\n          node={node}\n          onDropNode={onDropNode}\n          treeViewMode={treeViewMode}\n          menuIndex={menuIndex}\n          aggregateThresholdId={aggregateThresholdId}\n        >\n          {node.properties?.lazyLoad &&\n            !!!node[childrenKey]?.length &&\n            !node.completedLoadingChildren && (\n              <CircularProgress\n                size={12}\n                style={{ marginLeft: (depth || 1) * theme.spacing(1) }}\n              />\n            )}\n          {node.properties?.lazyLoad &&\n            !!!node[childrenKey]?.length &&\n            node.completedLoadingChildren &&\n            sidebarExpanded &&\n            !node.errorRetrievingChildren && (\n              <div className={classes.noChildrenContainer}>\n                <Typography\n                  variant='caption'\n                  style={{\n                    marginLeft: (depth || 1) * theme.spacing(3),\n                    fontWeight: 400\n                  }}\n                >\n                  No Children\n                </Typography>\n              </div>\n            )}\n          {node.properties?.lazyLoad &&\n            node.completedLoadingChildren &&\n            sidebarExpanded &&\n            node.errorRetrievingChildren && (\n              <div className={classes.noChildrenContainer}>\n                <Typography\n                  variant='caption'\n                  style={{\n                    marginLeft: (depth || 1) * theme.spacing(3),\n                    fontWeight: 400\n                  }}\n                >\n                  {`Error Retrieving ${\n                    !!node[childrenKey]?.length ? `Additional ` : ''\n                  }Children`}\n                </Typography>\n              </div>\n            )}\n          {Array.isArray(node[childrenKey])\n            ? node[childrenKey].map((n, i) => renderTree(n, depth + 1))\n            : null}\n        </WorkflowTreeMenuItem>\n      );\n    },\n    [\n      handleSelectedNode,\n      selectedNodeId,\n      selectedNodeIsHidden,\n      isCurrentActiveTree,\n      sidebarExpanded,\n      expanded,\n      tree,\n      selectedNodeParentId,\n      theme,\n      classes,\n      onDropNode,\n      treeViewMode,\n      menuIndex,\n      childrenKey\n    ]\n  );\n\n  const handleNodeExpansion = useCallback(\n    async (evt, nodeIds) => {\n      const treeCopy = cloneDeep(tree);\n      setExpanded(nodeIds);\n\n      const parentNode = searchTree(treeCopy, selectedNodeParentId);\n      const initialAllParentNodeIds = selectedNodeParentId\n        ? [selectedNodeParentId]\n        : [];\n      const allParentNodeIds = findAllParentIds(\n        treeCopy,\n        parentNode,\n        initialAllParentNodeIds\n      );\n      const selectedNodeShown = allParentNodeIds.every((id) =>\n        nodeIds.includes(id)\n      );\n      if (\n        isCurrentActiveTree &&\n        allParentNodeIds.length &&\n        !selectedNodeShown\n      ) {\n        setSelectedNodeIsHidden(true);\n      } else {\n        setSelectedNodeIsHidden(false);\n      }\n    },\n    [isCurrentActiveTree, tree, selectedNodeParentId]\n  );\n\n  const getExpandedRecursively = useCallback(\n    (tree) => {\n      if (!tree) return [];\n      return tree.reduce((expandedIds, item) => {\n        if (item?.isExpanded) {\n          expandedIds.push(item.id);\n        }\n        if (item && item[childrenKey]?.length) {\n          expandedIds = expandedIds.concat(\n            getExpandedRecursively(item[childrenKey])\n          );\n        }\n        return expandedIds;\n      }, []);\n    },\n    [childrenKey]\n  );\n\n  useEffect(() => {\n    setTree(menuItems);\n  }, [menuItems]);\n\n  useEffect(() => {\n    if (!tree) {\n      return;\n    }\n    let expanded = [];\n    if (tree?.isExpanded) {\n      expanded.push(tree.id);\n    }\n    expanded = expanded.concat(getExpandedRecursively(tree[childrenKey]));\n    setExpanded(expanded);\n  }, [getExpandedRecursively, tree, childrenKey]);\n\n  useEffect(() => {\n    if (!!searchTree(tree, selectedNodeId)) {\n      setIsCurrentActiveTree(true);\n    } else {\n      setIsCurrentActiveTree(false);\n    }\n  }, [tree, selectedNodeId]);\n\n  if (!expanded) {\n    return null;\n  }\n\n  return (\n    <TreeView\n      key={tree}\n      className={classes.root}\n      defaultCollapseIcon={\n        <FluentIcon\n          size='small'\n          component={CaretUpSolid8Icon}\n          style={{\n            color: lighten(theme.palette.primary.main, 0.5),\n            width: theme.spacing(1.5),\n            height: theme.spacing(1.5)\n          }}\n        />\n      }\n      expanded={expanded || []}\n      onNodeToggle={handleNodeExpansion}\n      defaultExpandIcon={\n        <FluentIcon\n          size='small'\n          component={CaretDownSolid8Icon}\n          style={{\n            color: lighten(theme.palette.primary.main, 0.5),\n            width: theme.spacing(1.5),\n            height: theme.spacing(1.5)\n          }}\n        />\n      }\n      selected={selectedNodeId}\n    >\n      {tree && renderTree(tree)}\n    </TreeView>\n  );\n};\n"],"mappings":"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"}

package/dist/{accordion-CQ1AqRla.js → accordion-M9f7ltSo.js}

@@ -1,6 +1,6 @@
 import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.js";
 import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.js";
-import { S as getIconFromName } from "./TreeUtilities-jEhtZNg5.js";
+import { S as getIconFromName } from "./TreeUtilities-Iv9nOf-6.js";
 import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
 import { t as IconButtonWithTooltip } from "./IconButtonWithToolTip-DswviiJB.js";
 import React, { useCallback } from "react";
@@ -189,4 +189,4 @@ const Accordion = (props) => {
 
 //#endregion
 export { Accordion as t };
-//# sourceMappingURL=accordion-CQ1AqRla.js.map
+//# sourceMappingURL=accordion-M9f7ltSo.js.map

package/dist/{accordion-CQ1AqRla.js.map → accordion-M9f7ltSo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"accordion-CQ1AqRla.js","names":[],"sources":["../src/UI/accordion/Accordion.jsx"],"sourcesContent":["import {\n  ButtonBase,\n  Collapse,\n  Tooltip,\n  Typography,\n  lighten,\n  makeStyles\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { useCallback } from 'react';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { IconButtonWithTooltip } from '../inputs/buttons/IconButtonWithToolTip';\nimport { ChevronUpIcon } from '@fluentui/react-icons';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { getIconFromName } from '../../utilities/tree/TreeUtilities';\nimport { StatusChip } from '../dataDisplay/status/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    height: '100%'\n  },\n  rootBorder: {\n    borderStyle: 'solid',\n    borderColor: (props) => theme.palette[props?.color]?.main,\n    borderWidth: '1px 1px 1px 6px'\n  },\n  headerWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    backgroundColor: (props) =>\n      props?.simpleAccordion && props?.color && props?.color !== 'default'\n        ? props?.color === 'paper'\n          ? theme.palette.background.paper\n          : lighten(theme.palette[props?.color]?.light, 0.8)\n        : theme.palette.background.default,\n    overflow: 'hidden',\n    width: (props) => props?.headerWidth ?? '100%'\n  },\n  secondaryButtonsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(2),\n    borderRadius: theme.spacing(2),\n    backgroundColor: 'white',\n    padding: `2px ${theme.spacing(1)}px`,\n    width: 'fit-content'\n  },\n  primaryButtonWrapper: {\n    minWidth: '68px',\n    maxWidth: (props) => props?.primaryActionMaxWidth,\n    height: 'auto',\n    color: 'white',\n    backgroundColor: (props) => theme.palette[props?.color]?.main,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'normal'\n  },\n  headerColor: {\n    backgroundColor: (props) =>\n      props?.color !== 'default' &&\n      props?.color !== 'paper' &&\n      lighten(theme.palette[props?.color]?.light, 0.85)\n  },\n  buttonWrapper: {\n    display: 'flex',\n    gap: theme.spacing(0.5)\n  },\n  titleWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    flexGrow: 2,\n    margin: (props) => (props.removeHeaderMargin ? '0px' : theme.spacing(0.8)),\n    color: theme.palette.text.primary\n  },\n  closeButtonWrapper: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    marginTop: theme.spacing(1)\n  },\n  unexpandedIconButton: {\n    width: '68px',\n    height: '40px',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'normal',\n    borderTop: `solid 1px lightgrey`,\n    borderLeft: `solid 1px lightgrey`,\n    overflow: 'hidden',\n    border: (props) => props?.removeBorder && '0px'\n  },\n  rightIconButton: {\n    backgroundColor: 'white',\n    padding: theme.spacing(1),\n    borderRadius: '50%'\n  },\n  primaryActionLabel: {\n    marginRight: theme.spacing(0.5),\n    marginLeft: theme.spacing(0.5)\n  },\n  expand: {\n    transform: 'rotate(0deg)',\n    marginLeft: 'auto',\n    marginRight: theme.spacing(1),\n    transition: theme.transitions.create('transform', {\n      duration: theme.transitions.duration.shortest\n    })\n  },\n  expandOpen: {\n    transform: 'rotate(180deg)'\n  },\n  titleStatusWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  }\n}));\n\nexport const Accordion = (props) => {\n  const {\n    title,\n    subtitle,\n    subtitleVariant,\n    status,\n    statusIcon,\n    statusLabel,\n    secondaryIconButtons,\n    overriddenSecondaryContainer,\n    rightIcon,\n    rightIconAction,\n    rightIconTooltip,\n    disableRightIconButton = false,\n    primaryActionIcon,\n    primaryActionLabel,\n    primaryAction,\n    primaryActionMaxWidth,\n    disablePrimaryActionButton = false,\n    color = 'info',\n    children,\n    expand,\n    setExpand,\n    additionalEvent,\n    hideCloseButton = false,\n    hideRightIconButton = false,\n    hidePrimaryAction = false,\n    noWrapTitle = false,\n    simpleAccordion = false,\n    recordId = 0,\n    removeBorder = false,\n    headerWidth,\n    removeHeaderMargin,\n    titleVariant = 'subtitle2',\n    chevronIconSize = 'medium',\n    unmountOnExit = true\n  } = props;\n  const classes = useStyles({\n    color,\n    primaryActionMaxWidth,\n    simpleAccordion,\n    headerWidth,\n    removeHeaderMargin,\n    removeBorder,\n  });\n\n  const handleOnClickAccordion = useCallback(() => {\n    if (setExpand) {\n      setExpand(!expand);\n    }\n\n    if (additionalEvent) {\n      additionalEvent();\n    }\n  }, [additionalEvent, expand, setExpand]);\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.rootBorder]: !simpleAccordion & !removeBorder\n      })}\n    >\n      <div\n        className={clsx(classes.headerWrapper, {\n          [classes.headerColor]: simpleAccordion ? false : expand\n        })}\n        onClick={handleOnClickAccordion}\n      >\n        <div className={classes.titleWrapper}>\n          <div>\n            <div className={classes.titleStatusWrapper}>\n              <Typography variant={titleVariant} noWrap={noWrapTitle}>\n                {title}\n              </Typography>\n              {statusLabel && <StatusChip\n                status={status ?? color}\n                label={statusLabel}\n                icon={statusIcon}\n              />}\n            </div>\n\n            {subtitle && (\n              <Typography variant={subtitleVariant} noWrap={noWrapTitle}>\n                {subtitle}\n              </Typography>\n            )}\n\n            {overriddenSecondaryContainer ? (\n              { overriddenSecondaryContainer }\n            ) : (\n              <div>\n                {secondaryIconButtons?.length > 0 && (\n                  <div className={classes.secondaryButtonsWrapper}>\n                    {secondaryIconButtons?.map((item) => (\n                      <div className={classes.buttonWrapper}>\n                        <IconButtonWithTooltip\n                          {...item}\n                          title={item?.title}\n                          icon={item.icon}\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            item.onClick();\n                          }}\n                          size='small'\n                          id={`udpRecord-Accordion-${item?.title}-${recordId}`}\n                          udprecordid={`udpRecord-Accordion-${item?.title}-${recordId}`}\n                        />\n                        {item?.value && <Typography>{item?.value}</Typography>}\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n          {!hideRightIconButton && !simpleAccordion && (\n            <div>\n              <IconButtonWithTooltip\n                title={rightIconTooltip}\n                icon={rightIcon}\n                onClick={(event) => {\n                  event.stopPropagation();\n                  rightIconAction();\n                }}\n                className={classes.rightIconButton}\n                size='small'\n                disabled={disableRightIconButton}\n                id={`udpRecord-Accordion-RightButton-${recordId}`}\n                udprecordid={`udpRecord-Accordion-RightButton-${recordId}`}\n              />\n            </div>\n          )}\n        </div>\n        {!hidePrimaryAction && !simpleAccordion && (\n          <div className={classes.primaryButtonWrapper}>\n            {primaryActionIcon ? (\n              <Tooltip title={primaryActionLabel}>\n                <ButtonBase\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    primaryAction();\n                  }}\n                  className={classes.primaryButtonWrapper}\n                  disabled={disablePrimaryActionButton}\n                  id={`udpRecord-Accordion-ButtonBase-${recordId}`}\n                  udprecordid={`udpRecord-Accordion-ButtonBase-${recordId}`}\n                >\n                  <FluentIcon component={primaryActionIcon} />\n                </ButtonBase>\n              </Tooltip>\n            ) : (\n              <ButtonBase\n                onClick={primaryAction}\n                className={classes.primaryButtonWrapper}\n                disabled={disablePrimaryActionButton}\n              >\n                <Typography className={classes.primaryActionLabel}>\n                  {primaryActionLabel}\n                </Typography>\n              </ButtonBase>\n            )}\n          </div>\n        )}\n        {simpleAccordion && (\n          <FluentIconButton\n            icon={getIconFromName('ChevronDownIcon')}\n            onClick={handleOnClickAccordion}\n            className={clsx(classes.expand, {\n              [classes.expandOpen]: expand\n            })}\n            size={chevronIconSize}\n            disabled={disableRightIconButton}\n            id={`udpRecord-Accordion-ExpandButton-${recordId}`}\n            udprecordid={`udpRecord-Accordion-ExpandButton-${recordId}`}\n          />\n        )}\n      </div>\n      <Collapse in={expand} timeout='auto' unmountOnExit={unmountOnExit}>\n        <div>\n          <div>{children}</div>\n          {!hideCloseButton && !simpleAccordion && (\n            <div className={classes.closeButtonWrapper}>\n              <ButtonBase\n                onClick={() => {\n                  if (setExpand) {\n                    setExpand(false);\n                  }\n                }}\n                className={classes.unexpandedIconButton}\n                id={`udpRecord-Accordion-CloseButton-${recordId}`}\n                udprecordid={`udpRecord-Accordion-CloseButton-${recordId}`}\n              >\n                <FluentIcon component={ChevronUpIcon} />\n              </ButtonBase>\n            </div>\n          )}\n        </div>\n      </Collapse>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"accordion-M9f7ltSo.js","names":[],"sources":["../src/UI/accordion/Accordion.jsx"],"sourcesContent":["import {\n  ButtonBase,\n  Collapse,\n  Tooltip,\n  Typography,\n  lighten,\n  makeStyles\n} from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { useCallback } from 'react';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { IconButtonWithTooltip } from '../inputs/buttons/IconButtonWithToolTip';\nimport { ChevronUpIcon } from '@fluentui/react-icons';\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton';\nimport { getIconFromName } from '../../utilities/tree/TreeUtilities';\nimport { StatusChip } from '../dataDisplay/status/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    height: '100%'\n  },\n  rootBorder: {\n    borderStyle: 'solid',\n    borderColor: (props) => theme.palette[props?.color]?.main,\n    borderWidth: '1px 1px 1px 6px'\n  },\n  headerWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    backgroundColor: (props) =>\n      props?.simpleAccordion && props?.color && props?.color !== 'default'\n        ? props?.color === 'paper'\n          ? theme.palette.background.paper\n          : lighten(theme.palette[props?.color]?.light, 0.8)\n        : theme.palette.background.default,\n    overflow: 'hidden',\n    width: (props) => props?.headerWidth ?? '100%'\n  },\n  secondaryButtonsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(2),\n    borderRadius: theme.spacing(2),\n    backgroundColor: 'white',\n    padding: `2px ${theme.spacing(1)}px`,\n    width: 'fit-content'\n  },\n  primaryButtonWrapper: {\n    minWidth: '68px',\n    maxWidth: (props) => props?.primaryActionMaxWidth,\n    height: 'auto',\n    color: 'white',\n    backgroundColor: (props) => theme.palette[props?.color]?.main,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'normal'\n  },\n  headerColor: {\n    backgroundColor: (props) =>\n      props?.color !== 'default' &&\n      props?.color !== 'paper' &&\n      lighten(theme.palette[props?.color]?.light, 0.85)\n  },\n  buttonWrapper: {\n    display: 'flex',\n    gap: theme.spacing(0.5)\n  },\n  titleWrapper: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    flexGrow: 2,\n    margin: (props) => (props.removeHeaderMargin ? '0px' : theme.spacing(0.8)),\n    color: theme.palette.text.primary\n  },\n  closeButtonWrapper: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    marginTop: theme.spacing(1)\n  },\n  unexpandedIconButton: {\n    width: '68px',\n    height: '40px',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    alignSelf: 'normal',\n    borderTop: `solid 1px lightgrey`,\n    borderLeft: `solid 1px lightgrey`,\n    overflow: 'hidden',\n    border: (props) => props?.removeBorder && '0px'\n  },\n  rightIconButton: {\n    backgroundColor: 'white',\n    padding: theme.spacing(1),\n    borderRadius: '50%'\n  },\n  primaryActionLabel: {\n    marginRight: theme.spacing(0.5),\n    marginLeft: theme.spacing(0.5)\n  },\n  expand: {\n    transform: 'rotate(0deg)',\n    marginLeft: 'auto',\n    marginRight: theme.spacing(1),\n    transition: theme.transitions.create('transform', {\n      duration: theme.transitions.duration.shortest\n    })\n  },\n  expandOpen: {\n    transform: 'rotate(180deg)'\n  },\n  titleStatusWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n  }\n}));\n\nexport const Accordion = (props) => {\n  const {\n    title,\n    subtitle,\n    subtitleVariant,\n    status,\n    statusIcon,\n    statusLabel,\n    secondaryIconButtons,\n    overriddenSecondaryContainer,\n    rightIcon,\n    rightIconAction,\n    rightIconTooltip,\n    disableRightIconButton = false,\n    primaryActionIcon,\n    primaryActionLabel,\n    primaryAction,\n    primaryActionMaxWidth,\n    disablePrimaryActionButton = false,\n    color = 'info',\n    children,\n    expand,\n    setExpand,\n    additionalEvent,\n    hideCloseButton = false,\n    hideRightIconButton = false,\n    hidePrimaryAction = false,\n    noWrapTitle = false,\n    simpleAccordion = false,\n    recordId = 0,\n    removeBorder = false,\n    headerWidth,\n    removeHeaderMargin,\n    titleVariant = 'subtitle2',\n    chevronIconSize = 'medium',\n    unmountOnExit = true\n  } = props;\n  const classes = useStyles({\n    color,\n    primaryActionMaxWidth,\n    simpleAccordion,\n    headerWidth,\n    removeHeaderMargin,\n    removeBorder,\n  });\n\n  const handleOnClickAccordion = useCallback(() => {\n    if (setExpand) {\n      setExpand(!expand);\n    }\n\n    if (additionalEvent) {\n      additionalEvent();\n    }\n  }, [additionalEvent, expand, setExpand]);\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.rootBorder]: !simpleAccordion & !removeBorder\n      })}\n    >\n      <div\n        className={clsx(classes.headerWrapper, {\n          [classes.headerColor]: simpleAccordion ? false : expand\n        })}\n        onClick={handleOnClickAccordion}\n      >\n        <div className={classes.titleWrapper}>\n          <div>\n            <div className={classes.titleStatusWrapper}>\n              <Typography variant={titleVariant} noWrap={noWrapTitle}>\n                {title}\n              </Typography>\n              {statusLabel && <StatusChip\n                status={status ?? color}\n                label={statusLabel}\n                icon={statusIcon}\n              />}\n            </div>\n\n            {subtitle && (\n              <Typography variant={subtitleVariant} noWrap={noWrapTitle}>\n                {subtitle}\n              </Typography>\n            )}\n\n            {overriddenSecondaryContainer ? (\n              { overriddenSecondaryContainer }\n            ) : (\n              <div>\n                {secondaryIconButtons?.length > 0 && (\n                  <div className={classes.secondaryButtonsWrapper}>\n                    {secondaryIconButtons?.map((item) => (\n                      <div className={classes.buttonWrapper}>\n                        <IconButtonWithTooltip\n                          {...item}\n                          title={item?.title}\n                          icon={item.icon}\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            item.onClick();\n                          }}\n                          size='small'\n                          id={`udpRecord-Accordion-${item?.title}-${recordId}`}\n                          udprecordid={`udpRecord-Accordion-${item?.title}-${recordId}`}\n                        />\n                        {item?.value && <Typography>{item?.value}</Typography>}\n                      </div>\n                    ))}\n                  </div>\n                )}\n              </div>\n            )}\n          </div>\n          {!hideRightIconButton && !simpleAccordion && (\n            <div>\n              <IconButtonWithTooltip\n                title={rightIconTooltip}\n                icon={rightIcon}\n                onClick={(event) => {\n                  event.stopPropagation();\n                  rightIconAction();\n                }}\n                className={classes.rightIconButton}\n                size='small'\n                disabled={disableRightIconButton}\n                id={`udpRecord-Accordion-RightButton-${recordId}`}\n                udprecordid={`udpRecord-Accordion-RightButton-${recordId}`}\n              />\n            </div>\n          )}\n        </div>\n        {!hidePrimaryAction && !simpleAccordion && (\n          <div className={classes.primaryButtonWrapper}>\n            {primaryActionIcon ? (\n              <Tooltip title={primaryActionLabel}>\n                <ButtonBase\n                  onClick={(event) => {\n                    event.stopPropagation();\n                    primaryAction();\n                  }}\n                  className={classes.primaryButtonWrapper}\n                  disabled={disablePrimaryActionButton}\n                  id={`udpRecord-Accordion-ButtonBase-${recordId}`}\n                  udprecordid={`udpRecord-Accordion-ButtonBase-${recordId}`}\n                >\n                  <FluentIcon component={primaryActionIcon} />\n                </ButtonBase>\n              </Tooltip>\n            ) : (\n              <ButtonBase\n                onClick={primaryAction}\n                className={classes.primaryButtonWrapper}\n                disabled={disablePrimaryActionButton}\n              >\n                <Typography className={classes.primaryActionLabel}>\n                  {primaryActionLabel}\n                </Typography>\n              </ButtonBase>\n            )}\n          </div>\n        )}\n        {simpleAccordion && (\n          <FluentIconButton\n            icon={getIconFromName('ChevronDownIcon')}\n            onClick={handleOnClickAccordion}\n            className={clsx(classes.expand, {\n              [classes.expandOpen]: expand\n            })}\n            size={chevronIconSize}\n            disabled={disableRightIconButton}\n            id={`udpRecord-Accordion-ExpandButton-${recordId}`}\n            udprecordid={`udpRecord-Accordion-ExpandButton-${recordId}`}\n          />\n        )}\n      </div>\n      <Collapse in={expand} timeout='auto' unmountOnExit={unmountOnExit}>\n        <div>\n          <div>{children}</div>\n          {!hideCloseButton && !simpleAccordion && (\n            <div className={classes.closeButtonWrapper}>\n              <ButtonBase\n                onClick={() => {\n                  if (setExpand) {\n                    setExpand(false);\n                  }\n                }}\n                className={classes.unexpandedIconButton}\n                id={`udpRecord-Accordion-CloseButton-${recordId}`}\n                udprecordid={`udpRecord-Accordion-CloseButton-${recordId}`}\n              >\n                <FluentIcon component={ChevronUpIcon} />\n              </ButtonBase>\n            </div>\n          )}\n        </div>\n      </Collapse>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/{actionSummary-DwSHY1Tt.js → actionSummary-4uornpGM.js}

@@ -1,6 +1,6 @@
 import { t as FluentSearchField } from "./FluentSearchField-DebM7Nzf.js";
 import { t as UnityFluentIcon } from "./UnityFluentIcon-DrASIcTF.js";
-import { n as useActions } from "./useActions-DZe6YlEm.js";
+import { n as useActions } from "./useActions-Ct3UAtTb.js";
 import { i as mapRule, t as evaluateRule } from "./RuleUtilities-D5ACzikQ.js";
 import { t as PrimaryActionButton } from "./PrimaryActionButton-Dk8zvDAW.js";
 import { t as Typography$1 } from "./Typography-FuShOop3.js";
@@ -252,4 +252,4 @@ ActionSummaryPopover.propTypes = {
 
 //#endregion
 export { ActionSummaryCard as a, ActionSummaryListContainer as i, ActionSummaryListItem as n, ActionSummaryHeader as r, ActionSummaryPopover as t };
-//# sourceMappingURL=actionSummary-DwSHY1Tt.js.map
+//# sourceMappingURL=actionSummary-4uornpGM.js.map