udp-react-enterprise-component-library 25.14.1-beta.8 → 25.16.0

package/dist/WorkflowContainer-Cq23yESD.js

@@ -1,189 +0,0 @@
-import { useUser } from "./useUser-Cn88hlN_.js";
-import { TreeViewModeEnums } from "./unitySystemEnums-BIMR5AWe.js";
-import { useShellStore } from "./shellStore-Bqwtbs_K.js";
-import { useAxiosGet } from "./useAxiosGet-VY6m2qeW.js";
-import { useSetLocationState } from "./useSetLocationState-BGgFvNVh.js";
-import { APP_RIBBON_SPACE, useBuildEnvironment } from "./EnvironmentRibbon-CPm8YnJ4.js";
-import { NodeLoader } from "./NodeLoader-DRIIc46w.js";
-import { UtilitySideBar } from "./UtilitySideBar-DlCvljVV.js";
-import { WorkflowTreeMenu } from "./WorkflowTreeMenu-BtolZKVF.js";
-import { transformWorkflowPlayTree } from "./workflowUtilities-DpW6oHRe.js";
-import { WorkflowContent } from "./WorkflowContent-B7_Czp9q.js";
-import { useUpdateSearchParams } from "./useUpdateSearchParams-CKTTs6Zx.js";
-import React, { useCallback, useEffect, useState } from "react";
-import { makeStyles } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-import { useLocation } from "react-router-dom";
-import { useTranslation } from "react-i18next";
-import { DndProvider } from "react-dnd";
-import { HTML5Backend } from "react-dnd-html5-backend";
-
-//#region src/workflow/WorkflowContainer.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		flex: 1,
-		minHeight: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,
-		display: "grid",
-		gridTemplateAreas: ["sidebar content"].map((line) => `"${line}"`).join(" "),
-		gridTemplateColumns: "auto 1fr",
-		gridTemplateRows: "auto 1fr"
-	},
-	sidebar: {
-		gridArea: "sidebar",
-		marginRight: theme.spacing(1)
-	},
-	content: {
-		gridArea: "content",
-		display: "flex",
-		flexDirection: "column",
-		position: "relative",
-		zIndex: 1,
-		height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 56}px)`,
-		overflowY: "auto"
-	},
-	menuContent: {
-		marginTop: theme.spacing(1),
-		height: ({ appRibbonSpace }) => `calc(100vh - ${appRibbonSpace + 116}px)`,
-		overflowX: "hidden"
-	},
-	loader: {
-		marginRight: theme.spacing(1),
-		marginLeft: theme.spacing(1)
-	},
-	loadingContent: {
-		flex: 1,
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		justifyContent: "center"
-	}
-}));
-const WorkflowContainer = (props) => {
-	const { playId, taskId, autoCollapseNav = true } = props;
-	const buildEnv = useBuildEnvironment();
-	const classes = useStyles({
-		...props,
-		appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0
-	});
-	const location = useLocation();
-	const updateSearchParams = useUpdateSearchParams();
-	const user = useUser();
-	const setLocationState = useSetLocationState();
-	const { t } = useTranslation();
-	const [menuItemsList, setMenuItemsList] = useState([]);
-	const [selectedNode, setSelectedNode] = useState(null);
-	const [sidebarExpanded, setSidebarExpanded] = useState(true);
-	const [reloadFromPage, setReloadFromPage] = useState(false);
-	const [workflow, setWorkflow] = useState(false);
-	const state = location.state;
-	let searchParamStr = location.search;
-	let searchParams = new URLSearchParams(searchParamStr);
-	const urlPlayId = location.pathname.replace("/workflowtask/", "");
-	const udpPlayId = playId || urlPlayId || (state ? state.playId : searchParams.has("playId") === true ? searchParams.get("playId") : "");
-	const udpTaskId = taskId || (state ? state.taskId : searchParams.has("taskId") === true ? searchParams.get("taskId") : "");
-	const [{ data: workflowPlay, loading: workflowPlayLoading }, reloadWorkflow] = useAxiosGet(ConfigService.builderV1ApiUrl, `workflow/play/${udpPlayId}`, {}, !!!udpPlayId, false);
-	const [{ data: users }] = useAxiosGet(ConfigService.securityV1ApiUrl, `users?tenantId=${user?.currentTenantId || ""}`, {}, !!!user?.currentTenantId);
-	const [{ data: groups }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `groups?tenantId=${user?.currentTenantId || ""}&productId=${ConfigService.config.UNITY_PRODUCT_ID}`, {}, !!!user?.currentTenantId);
-	const { setSubHeaderActionHasChildren, setNavigationExpanded } = useShellStore();
-	const handleReloadWorkflow = useCallback(async () => {
-		setReloadFromPage(true);
-		await reloadWorkflow();
-		setReloadFromPage(false);
-	}, [reloadWorkflow]);
-	const handleSelectedNode = useCallback(async (node, menuIndex) => {
-		if (node.isSelectable) {
-			setSelectedNode(node);
-			await handleReloadWorkflow();
-			if (node?.properties?.playSceneId) updateSearchParams({ taskId: node.properties.playSceneId });
-		}
-	}, [updateSearchParams, handleReloadWorkflow]);
-	const handleDropNode = useCallback((sourceNode, targetNode, sourceNodeMenuIndex, targetNodeMenuIndex) => {}, []);
-	const handleSidebarExpandClick = useCallback(() => {
-		setSidebarExpanded((expanded) => !expanded);
-	}, []);
-	useEffect(() => {
-		if (workflowPlay) setWorkflow(workflowPlay);
-	}, [workflowPlay]);
-	useEffect(() => {
-		setLocationState({ label: t("Workflow") });
-	}, [setLocationState, t]);
-	useEffect(() => {
-		if (workflow) setSelectedNode((prevNode) => {
-			if (!!prevNode) {
-				const foundNode = workflow.workflowPlayNode?.children?.find((child) => child.id === prevNode.id);
-				if (!!foundNode) {
-					const updatedNode = { ...prevNode };
-					updatedNode.properties.state = foundNode.state;
-					return updatedNode;
-				} else return prevNode;
-			}
-		});
-	}, [workflow]);
-	useEffect(() => {
-		if (workflow) {
-			const list = [];
-			const updatedMenu = transformWorkflowPlayTree(workflow.workflowPlayNode);
-			if (updatedMenu) list.push(updatedMenu);
-			setMenuItemsList(list);
-		}
-	}, [workflow]);
-	useEffect(() => {
-		if (!selectedNode) {
-			const menu = menuItemsList[0];
-			if (menu) {
-				if (!!udpTaskId) {
-					const matchingTaskNode = menu.children.find((child) => child?.properties?.playSceneId === udpTaskId);
-					setSelectedNode(matchingTaskNode || menu.children[0] || null);
-				} else {
-					const firstSelectableMenuItem = menu?.children?.find((item) => item.isSelectable);
-					setSelectedNode(firstSelectableMenuItem || null);
-				}
-				if (autoCollapseNav) setNavigationExpanded(false);
-			}
-		}
-	}, [
-		udpTaskId,
-		menuItemsList,
-		selectedNode,
-		setNavigationExpanded,
-		autoCollapseNav
-	]);
-	useEffect(() => {
-		setSubHeaderActionHasChildren(false);
-	}, [setSubHeaderActionHasChildren]);
-	return /* @__PURE__ */ React.createElement(DndProvider, { backend: HTML5Backend }, /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.sidebar }, /* @__PURE__ */ React.createElement(UtilitySideBar, {
-		title: "Workflow",
-		isUsingChildren: true,
-		resizable: true,
-		removePadding: true,
-		removeTopLayoutUnit: true,
-		onUtilitySidebarToggleExpandClick: handleSidebarExpandClick,
-		collapsedWidth: 64
-	}, /* @__PURE__ */ React.createElement("div", {
-		className: classes.menuContent,
-		key: playId
-	}, menuItemsList?.length > 0 && (!workflowPlayLoading || reloadFromPage) && menuItemsList.map((menuItems, index) => /* @__PURE__ */ React.createElement("div", {
-		key: menuItems.id,
-		className: classes.nodeContainer
-	}, /* @__PURE__ */ React.createElement(WorkflowTreeMenu, {
-		menuItems,
-		onSelectNode: handleSelectedNode,
-		onDropNode: handleDropNode,
-		menuIndex: index,
-		selectedNodeId: selectedNode?.id,
-		selectedNodeParentId: selectedNode?.parentId,
-		sidebarExpanded,
-		treeViewMode: TreeViewModeEnums.Classic
-	}))), workflowPlayLoading && !reloadFromPage && /* @__PURE__ */ React.createElement("div", { className: classes.loader }, /* @__PURE__ */ React.createElement(NodeLoader, { loading: workflowPlayLoading }))))), /* @__PURE__ */ React.createElement("div", { className: classes.content }, /* @__PURE__ */ React.createElement(WorkflowContent, {
-		selectedNode,
-		workflow,
-		reloadWorkflow: handleReloadWorkflow,
-		users,
-		groups
-	}))));
-};
-var WorkflowContainer_default = WorkflowContainer;
-
-//#endregion
-export { WorkflowContainer, WorkflowContainer_default };
-//# sourceMappingURL=WorkflowContainer-Cq23yESD.js.map

package/dist/WorkflowContainer-Cq23yESD.js.map

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

package/dist/WorkflowContent-B7_Czp9q.js

@@ -1,428 +0,0 @@
-import { Form } from "./FormButtons-Bstnb0d-.js";
-import { Field } from "./Field-Idoc1A5M.js";
-import { useUser } from "./useUser-Cn88hlN_.js";
-import { apiMutate as apiMutate$1 } from "./useAxiosMutate-BNEb4J04.js";
-import { FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-BQvVv8m_.js";
-import { SideSheet } from "./SideSheet-BhKZOd2G.js";
-import { useAxiosGet } from "./useAxiosGet-VY6m2qeW.js";
-import { PageContainer } from "./PageContainer-Cvw3n3k2.js";
-import { PrimaryActionHeader } from "./PrimaryActionHeader-D9vn0zfH.js";
-import { APP_RIBBON_SPACE, useBuildEnvironment } from "./EnvironmentRibbon-CPm8YnJ4.js";
-import { UnitStateType, UnitTypeEnums } from "./workflowEnums-xHM1JN6x.js";
-import { useWorkflowStore } from "./workflowStore-PaHzw4YO.js";
-import { WorkflowTaskFlow } from "./WorkflowTaskFlow-BCm5Iyy0.js";
-import { LinearProgress as LinearProgress$1 } from "./LinearProgress-CVk0GRO-.js";
-import { CircularProgress as CircularProgress$1 } from "./CircularProgress-BNz8u0DY.js";
-import { EmailDisplay, SmsDisplay } from "./EmailDisplay-Bglp_poX.js";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { Card, makeStyles } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-import { CancelIcon, ForwardIcon } from "@fluentui/react-icons";
-import { cloneDeep, orderBy } from "lodash";
-import { useTranslation } from "react-i18next";
-
-//#region src/workflow/WorkflowUiInterruptContent.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {},
-	loadingContent: {
-		flex: 1,
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		justifyContent: "center",
-		height: "calc(100vh - 160px)"
-	}
-}));
-const WorkflowUiInterruptContent = (props) => {
-	const { selectedNode, workflow, reloadWorkflow, users, groups, handleClose, inquiryPageParams = {} } = props;
-	const classes = useStyles$1();
-	const [selectedPageId, setSelectedPageId] = useState("");
-	const [currentWorkflowStep, setCurrentWorkflowStep] = useState(0);
-	const [loading, setLoading] = useState(false);
-	const [loadingTaskData, setLoadingTaskData] = useState(true);
-	const [reassignSidesheetOpen, setReassignSidesheetOpen] = useState(false);
-	const [reassigningAssignee, setReassigningAssignee] = useState(false);
-	const [workflowPageData, setWorkflowPageData] = useState(null);
-	const [orderedPageData, setOrderedPageData] = useState([]);
-	const user = useUser();
-	const taskDataMap = useWorkflowStore((state) => state.taskDataMap);
-	const setTaskDataMap = useWorkflowStore((state) => state.setTaskDataMap);
-	const { t } = useTranslation();
-	const formRef = useRef(null);
-	const [{ data: pageData, loading: pageLoading, error: pageError }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/${selectedPageId}`, {}, !!!selectedPageId, false);
-	const [{ data: playScene, loading: playSceneLoading, error: playSceneError }, fetchPlayScene] = useAxiosGet(ConfigService.maestroV1ApiUrl, `maestro/play/scene/${selectedNode?.properties?.playSceneId || null}?includeData=true`, {}, !!!selectedNode?.properties?.playSceneId, false);
-	const updatePlaySceneData = useCallback(async (data = "") => apiMutate$1(ConfigService.maestroV1ApiUrl, `maestro/play/scene/${selectedNode?.properties?.playSceneId || null}/data`, { method: "put" }, { data }), [selectedNode]);
-	const updatePlaySceneState = useCallback(async (data = {}, sceneState) => apiMutate$1(ConfigService.maestroV1ApiUrl, `maestro/play/scene/${selectedNode?.properties?.playSceneId || null}/${sceneState}`, { method: "put" }, { data }), [selectedNode]);
-	const updatePlaySceneAssignee = useCallback(async (data = "") => apiMutate$1(ConfigService.maestroV1ApiUrl, `maestro/play/scene/${selectedNode?.properties?.playSceneId || null}/assignee`, { method: "put" }, { data }), [selectedNode]);
-	const closeReassignmentSheet = useCallback(() => {
-		setReassignSidesheetOpen(false);
-	}, []);
-	const workflowTaskSteps = useMemo(() => {
-		if (!selectedNode?.properties?.interruptPages) return [];
-		return orderBy(selectedNode.properties.interruptPages, ["sequenceNo"], ["asc"]).reduce((list, ip) => {
-			const step = {
-				label: ip.displayName || ip.page?.name,
-				pageId: ip.page?.pageId,
-				requiredFieldMapping: ip.requiredFieldMapping
-			};
-			list.push(step);
-			return list;
-		}, []);
-	}, [selectedNode]);
-	const assigneeOptions = useMemo(() => {
-		const formattedUsers = users?.reduce((list, user$1) => {
-			list.push({
-				id: user$1?.unityId || "",
-				name: `${user$1?.displayName} - (User)` || ""
-			});
-			return list;
-		}, []) || [];
-		const formattedGroups = groups.reduce((list, group) => {
-			list.push({
-				id: group?.groupId || "",
-				name: `${group?.name} - (Group)` || ""
-			});
-			return list;
-		}, []) || [];
-		return formattedUsers.concat(formattedGroups);
-	}, [users, groups]);
-	const saveCurrentWorkflowData = useCallback(async () => {
-		let playSceneData = null;
-		if (selectedNode?.properties?.playSceneId) playSceneData = taskDataMap[selectedNode.properties.playSceneId];
-		if (playSceneData) {
-			await updatePlaySceneData({ data: JSON.stringify(playSceneData) });
-			await fetchPlayScene();
-		}
-	}, [
-		taskDataMap,
-		fetchPlayScene,
-		updatePlaySceneData,
-		selectedNode
-	]);
-	const updateWorkflowPageData = useCallback(async (data, pageId) => {
-		if (!selectedNode?.properties?.playSceneId || !pageId) {
-			console.warn("No TaskId or PageId availble to save Workflow Page Data");
-			return;
-		}
-		if (selectedNode?.properties?.state === UnitStateType.Initial || selectedNode?.properties?.state === UnitStateType.Completed || selectedNode?.properties?.state === UnitStateType.Cancelled || selectedNode?.properties?.state === UnitStateType.Failed) return;
-		let playSceneData = null;
-		if (selectedNode?.properties?.playSceneId) {
-			playSceneData = taskDataMap[selectedNode.properties.playSceneId];
-			if (playSceneData) playSceneData[pageId] = data;
-		}
-		if (playSceneData) {
-			await updatePlaySceneData({ data: JSON.stringify(playSceneData) });
-			await fetchPlayScene();
-		}
-	}, [
-		selectedNode,
-		fetchPlayScene,
-		taskDataMap,
-		updatePlaySceneData
-	]);
-	const handleTaskChange = useCallback(async (step) => {
-		setCurrentWorkflowStep(step);
-	}, []);
-	const handleTaskSubmit = useCallback(async () => {
-		setLoading(true);
-		await saveCurrentWorkflowData();
-		await updatePlaySceneState("", 2);
-		await reloadWorkflow();
-		setLoading(false);
-	}, [
-		updatePlaySceneState,
-		reloadWorkflow,
-		saveCurrentWorkflowData
-	]);
-	const secondaryButtons = useMemo(() => {
-		const buttons = [];
-		if (handleClose) buttons.push({
-			label: t("Close"),
-			component: CancelIcon,
-			click: () => handleClose()
-		});
-		if (selectedNode?.properties?.state !== UnitStateType.Started) return buttons;
-		buttons.push({
-			label: t("Reassign"),
-			component: ForwardIcon,
-			click: () => setReassignSidesheetOpen(true)
-		});
-		return buttons;
-	}, [
-		t,
-		selectedNode,
-		handleClose
-	]);
-	const handleReassignment = useCallback(() => {
-		formRef?.current.form.submit();
-	}, []);
-	const reassignTask = useCallback(async (values) => {
-		setReassigningAssignee(true);
-		await updatePlaySceneAssignee({ data: values?.assignee?.id || "" });
-		await fetchPlayScene();
-		setReassigningAssignee(false);
-		closeReassignmentSheet();
-	}, [
-		updatePlaySceneAssignee,
-		fetchPlayScene,
-		closeReassignmentSheet
-	]);
-	const requiredFieldMapping = useMemo(() => {
-		const step = workflowTaskSteps?.find((wts) => wts.pageId === pageData?.pageId);
-		let fieldMapping = step?.requiredFieldMapping ? cloneDeep(step.requiredFieldMapping) : {};
-		const workflowVariables = selectedNode?.properties?.variables || null;
-		if (!!fieldMapping && !!workflowVariables) Object.keys(fieldMapping)?.forEach((rfmKey) => {
-			const requiredField = fieldMapping[rfmKey];
-			if (!!requiredField?.value) {
-				if (requiredField?.type === "workflowVariable") {
-					let matchedVariable = false;
-					Object.keys(workflowVariables).forEach((key) => {
-						if (requiredField.value === key) {
-							requiredField.value = workflowVariables[key] || "";
-							matchedVariable = true;
-							return;
-						}
-					});
-					if (!matchedVariable) requiredField.value = null;
-				}
-			}
-		});
-		return fieldMapping || {};
-	}, [
-		pageData?.pageId,
-		selectedNode,
-		workflowTaskSteps
-	]);
-	const pageWidgetParams = useMemo(() => {
-		const requiredFieldsMap = Object.keys(requiredFieldMapping).reduce((fieldMap, key) => {
-			fieldMap[key] = requiredFieldMapping[key]?.value || "";
-			return fieldMap;
-		}, {});
-		return {
-			setSideSheetWidth: () => {
-				console.warn("setSideSheetWidth Not implemented");
-			},
-			setSideSheetButtonLabel: () => {
-				console.warn("setSideSheetButtonLabel Not implemented");
-			},
-			setSideSheetOnSubmit: () => {
-				console.warn("setSideSheetOnSubmit Not implemented");
-			},
-			setSideSheetAdditionalOnClose: () => {
-				console.warn("setSideSheetAdditionalOnClose Not implemented");
-			},
-			setSideSheetProps: () => {
-				console.warn("setSideSheetProps Not implemented");
-			},
-			closeSideSheet: () => {
-				console.warn("closeSideSheet Not implemented");
-			},
-			onCreate: () => {
-				console.warn("onCreate Not implemented");
-			},
-			onUpdate: () => {
-				console.warn("onUpdate Not implemented");
-			},
-			...inquiryPageParams,
-			pageId: pageData?.pageId,
-			updateWorkflowPageData: (data) => updateWorkflowPageData(data, pageData?.pageId),
-			workflowTask: selectedNode,
-			workflowPageData: {
-				...requiredFieldsMap,
-				...workflowPageData
-			},
-			requiredFieldsMap: requiredFieldMapping || null,
-			currentWorkflowStep,
-			orderedWorkflowPageData: orderedPageData
-		};
-	}, [
-		pageData?.pageId,
-		selectedNode,
-		workflowPageData,
-		updateWorkflowPageData,
-		requiredFieldMapping,
-		inquiryPageParams,
-		currentWorkflowStep,
-		orderedPageData
-	]);
-	const currentAssignee = useMemo(() => {
-		if (!playScene?.assignee || !assigneeOptions?.length) return "";
-		return assigneeOptions.find((assignee) => assignee.id === playScene.assignee) || "";
-	}, [playScene, assigneeOptions]);
-	const pageHeight = useMemo(() => "calc(100vh - 162px)", []);
-	useEffect(() => {
-		if (!selectedNode?.properties?.playSceneId || !selectedPageId || loadingTaskData) {
-			setWorkflowPageData(null);
-			return;
-		}
-		if (taskDataMap?.[selectedNode.properties.playSceneId] && taskDataMap[selectedNode.properties.playSceneId][selectedPageId]) {
-			setWorkflowPageData(taskDataMap[selectedNode.properties.playSceneId][selectedPageId]);
-			return;
-		}
-		if (Object.keys(taskDataMap).length && selectedNode?.properties?.playSceneId && selectedPageId && !playSceneLoading && !loadingTaskData) {
-			setWorkflowPageData((prevData) => {
-				if (!prevData) return {};
-				else if (!Object.keys(prevData).length) return prevData;
-			});
-			return;
-		}
-		setWorkflowPageData(null);
-	}, [
-		selectedNode,
-		selectedPageId,
-		taskDataMap,
-		loadingTaskData,
-		playSceneLoading,
-		workflowTaskSteps
-	]);
-	useEffect(() => {
-		if (workflowTaskSteps?.length) setSelectedPageId(workflowTaskSteps[currentWorkflowStep]?.pageId);
-	}, [workflowTaskSteps, currentWorkflowStep]);
-	useEffect(() => {
-		setLoadingTaskData(true);
-		if (!playSceneLoading && selectedNode?.properties?.playSceneId) {
-			const json = playScene?.data ? JSON.parse(playScene.data) : {};
-			setTaskDataMap(selectedNode.properties.playSceneId, json);
-		}
-		setLoadingTaskData(false);
-	}, [
-		playScene,
-		playSceneLoading,
-		setTaskDataMap,
-		selectedNode
-	]);
-	useEffect(() => {
-		const orderedData = [];
-		if (taskDataMap?.[selectedNode.properties.playSceneId]) workflowTaskSteps.forEach((step) => {
-			orderedData.push(taskDataMap[selectedNode.properties.playSceneId][step.pageId] || {});
-		});
-		setOrderedPageData(orderedData);
-	}, [
-		taskDataMap,
-		workflowTaskSteps,
-		selectedNode
-	]);
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Card, {
-		variant: "outlined",
-		style: {
-			border: "none",
-			paddingBottom: workflowTaskSteps?.length > 1 ? 10 : 0
-		}
-	}, /* @__PURE__ */ React.createElement(PrimaryActionHeader, {
-		single: true,
-		title: workflow?.name,
-		buttonLabel: "Submit",
-		handleClick: handleTaskSubmit,
-		pabDisabled: selectedNode?.properties?.state !== UnitStateType.Started,
-		secondaryButtons
-	}), loading && /* @__PURE__ */ React.createElement(LinearProgress$1, null)), workflowTaskSteps?.length > 1 && /* @__PURE__ */ React.createElement(WorkflowTaskFlow, {
-		steps: workflowTaskSteps,
-		handleClick: handleTaskChange,
-		task: selectedNode
-	}), selectedPageId && workflowPageData ? /* @__PURE__ */ React.createElement(PageContainer, {
-		user,
-		key: selectedPageId,
-		pageData,
-		pageLoading,
-		widgetParams: pageWidgetParams,
-		disableMargins: true,
-		fromMenu: true,
-		height: pageHeight
-	}) : /* @__PURE__ */ React.createElement("div", { className: classes.loadingContent }, /* @__PURE__ */ React.createElement(CircularProgress$1, { size: 64 })), /* @__PURE__ */ React.createElement(SideSheet, {
-		open: reassignSidesheetOpen,
-		buttonLabel: t("Reassign"),
-		onClose: closeReassignmentSheet,
-		onSubmit: handleReassignment,
-		title: t("Reassign Task"),
-		width: "25%",
-		progress: reassigningAssignee,
-		variant: "indeterminate"
-	}, /* @__PURE__ */ React.createElement(Form, {
-		onSubmit: reassignTask,
-		ref: formRef
-	}, /* @__PURE__ */ React.createElement(Field, {
-		component: FluentTextFieldAutoComplete,
-		name: "assignee",
-		id: "assignee",
-		label: t("Assignee"),
-		initialValue: currentAssignee || "",
-		options: assigneeOptions || [],
-		optionKey: "name",
-		variant: "outlined",
-		margin: "dense"
-	}))));
-};
-
-//#endregion
-//#region src/workflow/WorkflowContent.jsx
-const useStyles = makeStyles((theme) => ({ root: { height: "100%" } }));
-const WorkflowContent = (props) => {
-	const { selectedNode, workflow, reloadWorkflow, users, groups, handleClose, inquiryPageParams = {} } = props;
-	const buildEnv = useBuildEnvironment();
-	const classes = useStyles({
-		...props,
-		appRibbonSpace: buildEnv ? APP_RIBBON_SPACE : 0
-	});
-	const user = useUser();
-	const [{ data: pageData, loading: pageLoading, error: pageError }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/${selectedNode?.properties?.page?.id}`, {}, !!!selectedNode?.properties?.page?.id, false);
-	const content = useMemo(() => {
-		let res = null;
-		if (selectedNode?.properties?.type === UnitTypeEnums.Scene) res = /* @__PURE__ */ React.createElement(WorkflowUiInterruptContent, {
-			key: selectedNode.id,
-			selectedNode,
-			workflow,
-			reloadWorkflow,
-			users,
-			groups,
-			handleClose,
-			inquiryPageParams
-		});
-		else if (selectedNode?.properties?.type === UnitTypeEnums.Sms) res = /* @__PURE__ */ React.createElement(SmsDisplay, {
-			messages: [selectedNode?.properties?.sms?.body || ""],
-			to: selectedNode?.properties?.sms?.to || "",
-			from: selectedNode?.properties?.sms?.from || "",
-			title: selectedNode?.properties?.nodeLabel || "",
-			handleClose
-		});
-		else if (selectedNode?.properties?.type === UnitTypeEnums.Mail) res = /* @__PURE__ */ React.createElement(EmailDisplay, {
-			html: selectedNode?.properties?.email?.html || selectedNode?.properties?.email?.text || "",
-			to: selectedNode?.properties?.email?.to || "",
-			from: selectedNode?.properties?.email?.from || "",
-			title: selectedNode?.properties?.nodeLabel || "",
-			handleClose
-		});
-		else if (selectedNode?.properties?.page?.id) res = /* @__PURE__ */ React.createElement(PageContainer, {
-			user,
-			key: selectedNode?.id,
-			pageData,
-			pageLoading,
-			widgetParams: {
-				pageId: pageData?.pageId,
-				entityName: selectedNode?.properties?.page?.entity?.entityName,
-				pbiReportCode: selectedNode?.properties?.page?.pbiReportCode,
-				requiredFieldsMap: selectedNode?.properties?.page?.requiredFieldMapping,
-				udpTagId: selectedNode?.properties?.page?.udpTagId,
-				queryId: selectedNode?.properties?.page?.queryId,
-				inquiryTreeId: selectedNode?.properties?.page?.inquiryTreeId
-			},
-			disableMargins: true,
-			fromMenu: true
-		});
-		return res;
-	}, [
-		groups,
-		pageData,
-		pageLoading,
-		reloadWorkflow,
-		selectedNode,
-		user,
-		users,
-		workflow,
-		handleClose
-	]);
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, content);
-};
-
-//#endregion
-export { WorkflowContent, WorkflowUiInterruptContent };
-//# sourceMappingURL=WorkflowContent-B7_Czp9q.js.map