udp-react-enterprise-component-library 25.16.0 → 25.16.1

package/dist/WorkflowContent-BnzM52Sa.js

@@ -0,0 +1,428 @@
+import { Form } from "./FormButtons-BL9d-T3e.js";
+import { Field } from "./Field-Idoc1A5M.js";
+import { useUser } from "./useUser-Cn88hlN_.js";
+import { apiMutate as apiMutate$1 } from "./useAxiosMutate-BiRO7ZCN.js";
+import { FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-BQvVv8m_.js";
+import { SideSheet } from "./SideSheet-BhKZOd2G.js";
+import { useAxiosGet } from "./useAxiosGet-CAH3ZOZ8.js";
+import { PageContainer } from "./PageContainer-BI8ve3o2.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-BnzM52Sa.js.map

package/dist/WorkflowContent-BnzM52Sa.js.map

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

package/dist/WorkflowTaskFlow-BCm5Iyy0.js

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

package/dist/WorkflowTaskFlow-BCm5Iyy0.js.map

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