udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.1

package/dist/RemindersCard-BJhfqNQk.js

@@ -0,0 +1,138 @@
+import { SplitScreenTypeEnums } from "./unitySystemEnums-DXk8yS3v.js";
+import { UnityFluentIcon } from "./UnityFluentIcon-fuqAQh0C.js";
+import { useActions } from "./useActions-C4qJAr_e.js";
+import { getIconFromName } from "./TreeUtilities-BxV5PMJ8.js";
+import { getUnityIconFromName } from "./UnityIconLibrary-DnCuEr5M.js";
+import { StatusChip } from "./StatusChip-Bw-0wE_B.js";
+import React, { useCallback, useMemo, useState } from "react";
+import { Checkbox, Divider, FormControlLabel, LinearProgress, List, ListItem, ListItemSecondaryAction, ListItemText, Switch, Typography, makeStyles } from "@material-ui/core";
+
+//#region src/reminders/CompleteReminderSwitch.jsx
+const CompleteReminderSwitch = (props) => {
+	const { checked, onChange,...otherProps } = props;
+	const [switchChecked, setSwitchChecked] = useState(checked);
+	const handleOnChange = useCallback((event) => {
+		setSwitchChecked(event.target.checked);
+		onChange && onChange(event);
+	}, [onChange]);
+	return /* @__PURE__ */ React.createElement(Switch, {
+		checked: switchChecked,
+		onChange: handleOnChange,
+		...otherProps
+	});
+};
+
+//#endregion
+//#region src/reminders/RemindersCard.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	item: {
+		display: "flex",
+		"& .MuiListItem-container": { width: "100%" },
+		"& .MuiListItem-container > .MuiListItem-button": {
+			paddingLeft: 0,
+			paddingRight: 0
+		}
+	}
+}));
+const RemindersCard = (props) => {
+	const { reminders, setReminders, loading, getNodeToLoad, onLoadedNodeClick, getIcon = () => {}, updateRemindersAcknowledgement } = props;
+	const classes = useStyles(props);
+	const { openSplitScreen } = useActions();
+	const handleSwitchChange = useCallback(async (event, reminder) => {
+		const updatedReminder = { ...reminder };
+		updatedReminder.checked = event.target.checked;
+		await updateRemindersAcknowledgement([updatedReminder]);
+	}, [updateRemindersAcknowledgement]);
+	const getCompleteSwitch = useCallback((reminder) => /* @__PURE__ */ React.createElement(FormControlLabel, {
+		control: /* @__PURE__ */ React.createElement(CompleteReminderSwitch, {
+			size: "small",
+			checked: reminder?.acknowledged || false,
+			onChange: (event) => handleSwitchChange(event, reminder)
+		}),
+		label: "Complete",
+		style: { marginRight: 8 }
+	}), [handleSwitchChange]);
+	const getStatusLabel = useCallback((date) => {
+		const day = 1e3 * 60 * 60 * 24;
+		const reminderDate = new Date(date).getTime();
+		if (reminderDate >= Date.now() - day * 7) return Math.floor((Date.now() - reminderDate) / (1e3 * 3600 * 24));
+		else if (reminderDate < Date.now() - day * 7 && reminderDate >= Date.now() - day * 30) return Math.floor((Date.now() - reminderDate) / (1e3 * 3600 * 24));
+		else if (reminderDate < Date.now() - day * 30 && reminderDate >= Date.now() - day * 180) return Math.floor((Date.now() - reminderDate) / (1e3 * 3600 * 24));
+		else if (reminderDate < Date.now() - day * 180) return Math.floor((Date.now() - reminderDate) / (1e3 * 3600 * 24));
+	}, []);
+	const getStatusColor = useCallback((date) => {
+		const day = 1e3 * 60 * 60 * 24;
+		const reminderDate = new Date(date).getTime();
+		if (reminderDate >= Date.now() - day * 7) return "";
+		else if (reminderDate < Date.now() - day * 7 && reminderDate >= Date.now() - day * 30) return "info";
+		else if (reminderDate < Date.now() - day * 30 && reminderDate >= Date.now() - day * 180) return "warning";
+		else if (reminderDate < Date.now() - day * 180) return "error";
+	}, []);
+	const handleReminderCheck = useCallback((evt, reminder) => {
+		const updatedReminders = [...reminders];
+		updatedReminders.filter((r) => r.id === reminder.id)?.forEach((matchingReminder) => matchingReminder.checked = evt.target.checked);
+		setReminders(updatedReminders);
+	}, [reminders, setReminders]);
+	const handleReminderClick = useCallback((nodeToLoad, reminder) => {
+		onLoadedNodeClick(nodeToLoad);
+		openSplitScreen({
+			open: true,
+			action: null,
+			type: SplitScreenTypeEnums.Reminders,
+			params: {
+				id: reminder?.id || "",
+				additionalInputs: reminder ? getCompleteSwitch(reminder) : null
+			}
+		});
+	}, [
+		onLoadedNodeClick,
+		openSplitScreen,
+		getCompleteSwitch
+	]);
+	return loading ? /* @__PURE__ */ React.createElement(LinearProgress, null) : reminders?.length ? /* @__PURE__ */ React.createElement(List, { className: classes.root }, reminders.map((reminder) => {
+		const icon = getIcon(reminder);
+		const nodeToLoad = getNodeToLoad(reminder);
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+			className: classes.item,
+			key: reminder.id
+		}, /* @__PURE__ */ React.createElement(Checkbox, {
+			id: "udpRecord-RemindersCard-Checkbox",
+			udprecordid: "udpRecord-RemindersCard-Checkbox",
+			edge: "start",
+			checked: reminder.checked || reminder.acknowledged,
+			disableRipple: true,
+			size: "small",
+			onChange: (evt) => handleReminderCheck(evt, reminder),
+			disabled: reminder.acknowledged
+		}), /* @__PURE__ */ React.createElement(ListItem, {
+			id: "udpRecord-ReminderCard-Item",
+			udprecordid: "udpRecord-ReminderCard-Item",
+			key: reminder.id,
+			dense: true,
+			subject: reminder.subject,
+			removePadding: true,
+			button: true,
+			onClick: () => handleReminderClick(nodeToLoad, reminder)
+		}, /* @__PURE__ */ React.createElement(ListItemText, null, /* @__PURE__ */ React.createElement("div", { style: { display: "block" } }, /* @__PURE__ */ React.createElement(Typography, { style: {
+			lineHeight: "0.9rem",
+			fontSize: "0.8rem"
+		} }, reminder.subject)), /* @__PURE__ */ React.createElement(Typography, { style: {
+			lineHeight: "0.8rem",
+			fontSize: "0.7rem",
+			fontWeight: 400,
+			color: "rgba(0, 0, 0, 0.54)"
+		} }, new Date(reminder.reminderDate).toDateString())), /* @__PURE__ */ React.createElement(ListItemSecondaryAction, null, /* @__PURE__ */ React.createElement(StatusChip, {
+			status: getStatusColor(reminder.reminderDate),
+			label: getStatusLabel(reminder.reminderDate),
+			icon: /* @__PURE__ */ React.createElement(UnityFluentIcon, {
+				type: icon?.type,
+				icon: icon?.type === "unity" ? getUnityIconFromName(icon?.name || "") : getIconFromName(icon?.name || "")
+			})
+		})))), /* @__PURE__ */ React.createElement(Divider, { style: { height: 1 } }));
+	})) : /* @__PURE__ */ React.createElement(Typography, null, "All Reminders Completed");
+};
+
+//#endregion
+export { CompleteReminderSwitch, RemindersCard };
+//# sourceMappingURL=RemindersCard-BJhfqNQk.js.map

package/dist/RemindersCard-BJhfqNQk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemindersCard-BJhfqNQk.js","names":[],"sources":["../src/reminders/CompleteReminderSwitch.jsx","../src/reminders/RemindersCard.jsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Switch } from '@material-ui/core';\n\nexport const CompleteReminderSwitch = (props) => {\n  const { checked, onChange, ...otherProps } = props;\n  const [switchChecked, setSwitchChecked] = useState(checked);\n\n  const handleOnChange = useCallback(\n    (event) => {\n      setSwitchChecked(event.target.checked);\n      onChange && onChange(event);\n    },\n    [onChange]\n  );\n\n  return (\n    <Switch checked={switchChecked} onChange={handleOnChange} {...otherProps} />\n  );\n};\n","import React, { useCallback, useMemo } from 'react';\nimport {\n  Typography,\n  LinearProgress,\n  makeStyles,\n  List,\n  ListItem,\n  Checkbox,\n  ListItemText,\n  ListItemSecondaryAction,\n  Divider,\n  FormControlLabel\n} from '@material-ui/core';\nimport { StatusChip } from '../UI/dataDisplay/StatusChip';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../utilities/iconLibrary/UnityIconLibrary';\nimport { getIconFromName } from '../utilities/tree/TreeUtilities';\nimport { useActions } from '../hooks/useActions';\nimport { SplitScreenTypeEnums } from '../enums/unitySystemEnums';\nimport { CompleteReminderSwitch } from './CompleteReminderSwitch';\nimport { executeQueryWithParameters } from '../udp/utilities/methodUtils';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  item: {\n    display: 'flex',\n    '& .MuiListItem-container': {\n      width: '100%'\n    },\n    '& .MuiListItem-container > .MuiListItem-button': {\n      paddingLeft: 0,\n      paddingRight: 0\n    }\n  }\n}));\n\nexport const RemindersCard = (props) => {\n  const {\n    reminders,\n    setReminders,\n    loading,\n    getNodeToLoad,\n    onLoadedNodeClick,\n    getIcon = () => {},\n    updateRemindersAcknowledgement\n  } = props;\n  const classes = useStyles(props);\n  const { openSplitScreen } = useActions();\n\n  const handleSwitchChange = useCallback(\n    async (event, reminder) => {\n      const updatedReminder = { ...reminder };\n      updatedReminder.checked = event.target.checked;\n      await updateRemindersAcknowledgement([updatedReminder]);\n    },\n    [updateRemindersAcknowledgement]\n  );\n\n  const getCompleteSwitch = useCallback(\n    (reminder) => (\n      <FormControlLabel\n        control={\n          <CompleteReminderSwitch\n            size='small'\n            checked={reminder?.acknowledged || false}\n            onChange={(event) => handleSwitchChange(event, reminder)}\n          />\n        }\n        label='Complete'\n        style={{ marginRight: 8 }}\n      />\n    ),\n    [handleSwitchChange]\n  );\n\n  const getStatusLabel = useCallback((date) => {\n    const day = 1000 * 60 * 60 * 24;\n    const reminderDate = new Date(date).getTime();\n    if (reminderDate >= Date.now() - day * 7) {\n      // Less than or equal 7 days past reminder date\n      return Math.floor((Date.now() - reminderDate) / (1000 * 3600 * 24));\n    } else if (\n      reminderDate < Date.now() - day * 7 &&\n      reminderDate >= Date.now() - day * 30\n    ) {\n      // Greater than 7 days but less than or equal to 30 days past reminder date\n      return Math.floor((Date.now() - reminderDate) / (1000 * 3600 * 24));\n    } else if (\n      reminderDate < Date.now() - day * 30 &&\n      reminderDate >= Date.now() - day * 180\n    ) {\n      // Greater 30 days but less than or equal to 180 days past reminder date\n      return Math.floor((Date.now() - reminderDate) / (1000 * 3600 * 24));\n    } else if (reminderDate < Date.now() - day * 180) {\n      // Greater than 180 days past reminder date\n      return Math.floor((Date.now() - reminderDate) / (1000 * 3600 * 24));\n    }\n  }, []);\n\n  const getStatusColor = useCallback((date) => {\n    const day = 1000 * 60 * 60 * 24;\n    const reminderDate = new Date(date).getTime();\n    if (reminderDate >= Date.now() - day * 7) {\n      // Less than or equal 7 days past reminder date\n      return '';\n    } else if (\n      reminderDate < Date.now() - day * 7 &&\n      reminderDate >= Date.now() - day * 30\n    ) {\n      // Greater than 7 days but less than or equal to 30 days past reminder date\n      return 'info';\n    } else if (\n      reminderDate < Date.now() - day * 30 &&\n      reminderDate >= Date.now() - day * 180\n    ) {\n      // Greater 30 days but less than or equal to 180 days past reminder date\n      return 'warning';\n    } else if (reminderDate < Date.now() - day * 180) {\n      // Greater than 180 days past reminder date\n      return 'error';\n    }\n  }, []);\n\n  const handleReminderCheck = useCallback(\n    (evt, reminder) => {\n      const updatedReminders = [...reminders];\n      const matchingReminders = updatedReminders.filter(\n        (r) => r.id === reminder.id\n      );\n      matchingReminders?.forEach(\n        (matchingReminder) => (matchingReminder.checked = evt.target.checked)\n      );\n      setReminders(updatedReminders);\n    },\n    [reminders, setReminders]\n  );\n\n  const handleReminderClick = useCallback(\n    (nodeToLoad, reminder) => {\n      onLoadedNodeClick(nodeToLoad);\n\n      openSplitScreen({\n        open: true,\n        action: null,\n        type: SplitScreenTypeEnums.Reminders,\n        params: {\n          id: reminder?.id || '',\n          additionalInputs: reminder ? getCompleteSwitch(reminder) : null\n        }\n      });\n    },\n    [onLoadedNodeClick, openSplitScreen, getCompleteSwitch]\n  );\n\n  return loading ? (\n    <LinearProgress />\n  ) : reminders?.length ? (\n    <List className={classes.root}>\n      {reminders.map((reminder) => {\n        const icon = getIcon(reminder);\n        const nodeToLoad = getNodeToLoad(reminder);\n        return (\n          <>\n            <div className={classes.item} key={reminder.id}>\n              <Checkbox\n                id='udpRecord-RemindersCard-Checkbox'\n                udprecordid='udpRecord-RemindersCard-Checkbox'\n                edge='start'\n                checked={reminder.checked || reminder.acknowledged}\n                disableRipple\n                size='small'\n                onChange={(evt) => handleReminderCheck(evt, reminder)}\n                disabled={reminder.acknowledged}\n              />\n              <ListItem\n                id='udpRecord-ReminderCard-Item'\n                udprecordid='udpRecord-ReminderCard-Item'\n                key={reminder.id}\n                dense\n                subject={reminder.subject}\n                removePadding={true}\n                button\n                onClick={() => handleReminderClick(nodeToLoad, reminder)}\n              >\n                <ListItemText>\n                  <div style={{ display: 'block' }}>\n                    <Typography\n                      style={{ lineHeight: '0.9rem', fontSize: '0.8rem' }}\n                    >\n                      {reminder.subject}\n                    </Typography>\n                  </div>\n                  <Typography\n                    style={{\n                      lineHeight: '0.8rem',\n                      fontSize: '0.7rem',\n                      fontWeight: 400,\n                      color: 'rgba(0, 0, 0, 0.54)'\n                    }}\n                  >\n                    {new Date(reminder.reminderDate).toDateString()}\n                  </Typography>\n                </ListItemText>\n                <ListItemSecondaryAction>\n                  <StatusChip\n                    status={getStatusColor(reminder.reminderDate)}\n                    label={getStatusLabel(reminder.reminderDate)}\n                    icon={\n                      <UnityFluentIcon\n                        type={icon?.type}\n                        icon={\n                          icon?.type === 'unity'\n                            ? getUnityIconFromName(icon?.name || '')\n                            : getIconFromName(icon?.name || '')\n                        }\n                      />\n                    }\n                  />\n                </ListItemSecondaryAction>\n              </ListItem>\n            </div>\n            <Divider style={{ height: 1 }} />\n          </>\n        );\n      })}\n    </List>\n  ) : (\n    <Typography>All Reminders Completed</Typography>\n  );\n};\n"],"mappings":"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"}

package/dist/RemindersScreen-9OpdtOBe.js

@@ -0,0 +1,440 @@
+import { Form } from "./FormButtons-BL9d-T3e.js";
+import { Field } from "./Field-Idoc1A5M.js";
+import { useHandleAxiosSnackbar } from "./apiHelpers-Bju2gkBq.js";
+import { useUser } from "./useUser-Cn88hlN_.js";
+import { FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-BQvVv8m_.js";
+import { UdpEnums } from "./unitySystemEnums-DXk8yS3v.js";
+import { useActionStore } from "./inquiryStore-COAx0QBg.js";
+import { useShellStore } from "./shellStore-Bqwtbs_K.js";
+import { useActionState } from "./useActions-C4qJAr_e.js";
+import { getSearchObject } from "./SearchUtilities-CxVn31Ak.js";
+import { constructBusinessObjectArrFromTree } from "./TreeUtilities-BxV5PMJ8.js";
+import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
+import { CkRichEditor } from "./CkRichEditor-BzyNk5CH.js";
+import { executeQueryAdHoc, executeQueryWithParameters, getBaseMethod } from "./methodUtils-Bgi0VCWP.js";
+import { ShortcutContentFinder } from "./ShortcutContentFinder-D5qCCU1l.js";
+import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
+import { FluentDatePicker } from "./FluentDatePicker-BV0xrRuX.js";
+import { FILE_TO_TYPES } from "./reminderConstants-Btqf39dU.js";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { LinearProgress, TextField, makeStyles } from "@material-ui/core";
+import { differenceWith } from "lodash";
+import { useTranslation } from "react-i18next";
+
+//#region src/reminders/RemindersScreen.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	editor: { "& .ck-editor__main > .ck-editor__editable_inline": { backgroundColor: theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[800] : theme.palette.grey[100] } },
+	row: {
+		display: "flex",
+		justifyContent: "space-between"
+	},
+	input: {
+		height: 34,
+		padding: 0
+	},
+	formTextInput: { fontSize: 14 },
+	labelRoot: { fontSize: 14 }
+}));
+const RemindersScreen = (props) => {
+	const { formRef, onSubmit, shortcutContentFinderEnabled, id, viewOnly, reloadReminders } = props;
+	const [reminder, setReminder] = useState("");
+	const [typeOptions, setTypeOptions] = useState([]);
+	const [templateOptions, setTemplateOptions] = useState([]);
+	const [reminderId, setReminderId] = useState(id || "");
+	const [existingReminderFiledFor, setExistingReminderFiledFor] = useState([]);
+	const [existingReminderObj, setExistingReminderObj] = useState(null);
+	const [loading, setLoading] = useState(false);
+	const classes = useStyles(props);
+	const { t } = useTranslation();
+	const actionState = useActionState();
+	const shellHidden = useShellStore((state) => state.shellHidden);
+	const { menuListState, catalogPromotedEntities } = actionState;
+	const { handleSuccessSnackbar, handleErrorSnackbar } = useHandleAxiosSnackbar();
+	const user = useUser();
+	const editorRef = useRef(null);
+	const selectedNode = useActionStore((state) => state.selectedNode);
+	const selectedMenu = useMemo(() => {
+		if (menuListState.menuList.length) return menuListState.menuList[menuListState.selectedMenuIndex] || null;
+		return null;
+	}, [menuListState]);
+	const reminderGetFullApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Reminder, "unityBaseGetFullMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const reminderTypeSearchApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Reminder_Type, "unityBaseSearchMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const reminderTemplateSearchApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Reminder_Template, "unityBaseSearchMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const createReminderApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Reminder, "unityBaseCreateMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const updateReminderApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Reminder, "unityBaseUpdateMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const createReminderFiledForApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Reminder_Filed_For, "unityBaseCreateMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const updateReminderFiledForApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Reminder_Filed_For, "unityBaseUpdateMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const deleteReminderFiledForApiMethod = useMemo(() => {
+		return getBaseMethod(UdpEnums.Udp_Reminder_Filed_For, "unityBaseDeleteMethod", catalogPromotedEntities);
+	}, [catalogPromotedEntities]);
+	const disabled = useMemo(() => {
+		return viewOnly;
+	}, [viewOnly]);
+	const handleSaveReminder = useCallback(async (values) => {
+		let response = null;
+		const reminderDate = new Date(values?.reminderDate?.setHours(0, 0, 0, 0));
+		const data = { requestBody: {
+			tenantId: user?.currentTenantId,
+			typeCode: values?.type?.code,
+			subject: values?.subject,
+			content: values?.reminder,
+			unityUserId: user?.id,
+			userDisplayName: `${user?.firstName} ${user?.familyName}`,
+			reminderDate: reminderDate.toDateString()
+		} };
+		if (reminderId) if (updateReminderApiMethod) {
+			data["{iD}"] = reminderId;
+			response = await executeQueryWithParameters({ data }, updateReminderApiMethod.apiMethodId).catch((e) => handleErrorSnackbar(e, "Could not Update Reminder"));
+		} else handleErrorSnackbar(null, "Update Reminder Method Not Promoted");
+		else if (createReminderApiMethod) response = await executeQueryWithParameters({ data }, createReminderApiMethod.apiMethodId).catch((e) => handleErrorSnackbar(e, "Could not Save Reminder"));
+		else handleErrorSnackbar(null, "Create Reminder Method Not Promoted");
+		if (response?.status === 200) {
+			if (!reminderId) {
+				setReminderId(response.data.id || "");
+				handleSuccessSnackbar("Reminder Saved");
+			} else handleSuccessSnackbar("Reminder Updated");
+			if (reloadReminders) reloadReminders();
+			return response.data.id || reminderId;
+		}
+		return reminderId;
+	}, [
+		createReminderApiMethod,
+		updateReminderApiMethod,
+		reminderId,
+		setReminderId,
+		handleErrorSnackbar,
+		handleSuccessSnackbar,
+		user,
+		reloadReminders
+	]);
+	const reminderFiledForToComparator = (nftc1, nftc2) => {
+		return nftc1?.value === nftc2?.value;
+	};
+	const handleReminderFiledFor = useCallback(async (values, reminderdIdToFileFor) => {
+		const reminderFiledForToDelete = differenceWith(existingReminderFiledFor, values?.fileTo, reminderFiledForToComparator);
+		const reminderFiledForToCreate = differenceWith(values?.fileTo, existingReminderFiledFor, reminderFiledForToComparator);
+		if (reminderdIdToFileFor) {
+			if (deleteReminderFiledForApiMethod) {
+				const deletedPromises = [];
+				reminderFiledForToDelete.forEach((nftd) => {
+					const data = {};
+					data["{reminderID}"] = reminderdIdToFileFor;
+					data["{entityBusinessKey}"] = nftd.value;
+					deletedPromises.push(executeQueryWithParameters({ data }, deleteReminderFiledForApiMethod.apiMethodId));
+				});
+				await Promise.all(deletedPromises.map((p) => p.catch((e) => e))).then((responses) => {
+					if (responses.length !== deletedPromises.length) console.warn(`Not all Reminder Filed For deleted`);
+				});
+			} else handleErrorSnackbar(null, "Delete Reminder Filed For Method Not Promoted");
+			if (createReminderFiledForApiMethod) {
+				const createdPromises = [];
+				reminderFiledForToCreate.forEach((nftc) => {
+					const data = { requestBody: {
+						reminderId: reminderdIdToFileFor,
+						entityBusinessKey: nftc.value,
+						domainObject: nftc.domainObject,
+						type: values?.fileToType?.value || 1
+					} };
+					createdPromises.push(executeQueryWithParameters({ data }, createReminderFiledForApiMethod.apiMethodId));
+				});
+				await Promise.all(createdPromises.map((p) => p.catch((e) => e))).then((responses) => {
+					responses.forEach((response) => {
+						if (response.status === 200) {
+							const entityBusinessKey = response.data.entityBusinessKey;
+							if (!reminderFiledForToCreate.find((nftc) => nftc.value === entityBusinessKey)) console.warn(`Reminder Filed For not created for all file to entities`);
+						}
+					});
+				});
+				setExistingReminderFiledFor(values?.fileTo);
+			} else handleErrorSnackbar(null, "Create Reminder Filed For Method Not Promoted");
+			if (updateReminderFiledForApiMethod) {
+				const updatedPromises = [];
+				values?.fileTo?.forEach((nftu) => {
+					const data = { requestBody: {
+						reminderId: reminderdIdToFileFor,
+						entityBusinessKey: nftu.value,
+						domainObject: nftu.domainObject,
+						type: values?.fileToType?.value || 1
+					} };
+					data["{reminderID}"] = reminderdIdToFileFor;
+					data["{entityBusinessKey}"] = nftu.value;
+					updatedPromises.push(executeQueryWithParameters({ data }, updateReminderFiledForApiMethod.apiMethodId));
+				});
+				await Promise.all(updatedPromises.map((p) => p.catch((e) => e))).then((responses) => {
+					responses.forEach((response) => {
+						if (response.status === 200) {
+							const entityBusinessKey = response.data.entityBusinessKey;
+							if (!values?.fileTo?.find((nftu) => nftu.value === entityBusinessKey)) console.warn(`Reminder Filed For not updated for all file to entities`);
+						}
+					});
+				});
+				setExistingReminderFiledFor(values?.fileTo);
+			} else handleErrorSnackbar(null, "Update Reminder Filed For Method Not Promoted");
+		}
+	}, [
+		createReminderFiledForApiMethod,
+		updateReminderFiledForApiMethod,
+		deleteReminderFiledForApiMethod,
+		handleErrorSnackbar,
+		existingReminderFiledFor,
+		setExistingReminderFiledFor
+	]);
+	const handleOnSubmit = useCallback(async (values) => {
+		if (onSubmit) onSubmit({
+			reminder,
+			...values
+		});
+		else {
+			const reminderdIdToFileFor = await handleSaveReminder({
+				reminder,
+				...values
+			});
+			await handleReminderFiledFor({
+				reminder,
+				...values
+			}, reminderdIdToFileFor);
+		}
+	}, [
+		reminder,
+		onSubmit,
+		handleSaveReminder,
+		handleReminderFiledFor
+	]);
+	const handleTextEditorChange = (reminder$1) => {
+		setReminder(reminder$1);
+	};
+	const onTemplateChange = useCallback((value) => {
+		formRef?.current?.form?.change("subject", value?.subject || "");
+		const type = typeOptions.find((option) => option.code === value.typeCode);
+		formRef?.current?.form?.change("type", type || null);
+		formRef?.current?.form?.change("reminderDate", value.reminderDate === "0001-01-01T00:00:00" ? /* @__PURE__ */ new Date() : new Date(value.reminderDate));
+		setReminder(value?.content || "");
+	}, [
+		setReminder,
+		formRef,
+		typeOptions
+	]);
+	const handleShortcutOnSelect = useCallback((shortcutContent) => {
+		editorRef?.current?.model?.change((writer) => {
+			const insertPosition = editorRef?.current?.model?.document?.selection?.getFirstPosition();
+			writer.remove(editorRef?.current?.model?.document?.selection?.getFirstRange());
+			writer.insertText(shortcutContent, insertPosition);
+		});
+		setReminder(editorRef?.current?.getData());
+	}, [editorRef, setReminder]);
+	const fileToOptions = useMemo(() => {
+		let options = [];
+		if (selectedMenu) options = constructBusinessObjectArrFromTree(selectedMenu);
+		return options;
+	}, [selectedMenu]);
+	useEffect(() => {
+		const getTypeOptions = async () => {
+			let options = [];
+			if (reminderTypeSearchApiMethod) {
+				const typesResponse = await executeQueryAdHoc({ data: getSearchObject([], 1, 200, true) }, reminderTypeSearchApiMethod.apiMethodId);
+				if (typesResponse?.status === 200) options = typesResponse.data?.pageList || [];
+			}
+			setTypeOptions(options);
+		};
+		getTypeOptions();
+	}, [
+		reminderTypeSearchApiMethod,
+		setTypeOptions,
+		user
+	]);
+	useEffect(() => {
+		const getTemplateOptions = async () => {
+			let options = [];
+			if (reminderTemplateSearchApiMethod) {
+				const templatesResponse = await executeQueryAdHoc({ data: getSearchObject([], 1, 200, true) }, reminderTemplateSearchApiMethod.apiMethodId);
+				if (templatesResponse?.status === 200) options = templatesResponse.data?.pageList || [];
+			}
+			setTemplateOptions(options);
+		};
+		getTemplateOptions();
+	}, [
+		reminderTemplateSearchApiMethod,
+		setTemplateOptions,
+		user
+	]);
+	useEffect(() => {
+		const getExistingReminder = async () => {
+			let existingReminderObj$1 = null;
+			const data = {};
+			if (reminderGetFullApiMethod) {
+				setLoading(true);
+				data["{iD}"] = id;
+				const reminderResponse = await executeQueryWithParameters({ data }, reminderGetFullApiMethod.apiMethodId).catch((e) => {
+					console.error(e);
+					setLoading(false);
+				});
+				if (reminderResponse?.status === 200) existingReminderObj$1 = reminderResponse.data;
+			}
+			setExistingReminderObj(existingReminderObj$1);
+			setReminder(existingReminderObj$1?.content);
+			setLoading(false);
+		};
+		if (id) getExistingReminder();
+	}, [id, reminderGetFullApiMethod]);
+	useEffect(() => {
+		if (!existingReminderObj || !fileToOptions?.length) return;
+		const initialFileTos = fileToOptions.filter((option) => {
+			return existingReminderObj.reminderFiledFor.find((nff) => option.value === nff.entityBusinessKey);
+		});
+		setExistingReminderFiledFor(initialFileTos);
+		formRef?.current?.form?.change("fileTo", initialFileTos);
+	}, [
+		existingReminderObj,
+		fileToOptions,
+		formRef
+	]);
+	useEffect(() => {
+		if (!existingReminderObj || !typeOptions?.length) return;
+		const initialType = typeOptions.find((option) => option.code === existingReminderObj.typeCode);
+		formRef?.current?.form?.change("type", initialType || null);
+	}, [
+		existingReminderObj,
+		typeOptions,
+		formRef
+	]);
+	useEffect(() => {
+		if (!existingReminderObj) return;
+		formRef?.current?.form?.change("subject", existingReminderObj?.subject || "");
+	}, [existingReminderObj, formRef]);
+	useEffect(() => {
+		if (!existingReminderObj?.reminderDate) return;
+		formRef?.current?.form?.change("reminderDate", new Date(existingReminderObj.reminderDate));
+	}, [existingReminderObj, formRef]);
+	useEffect(() => {
+		if (!existingReminderObj) return;
+		const matchingReminderFiledFor = existingReminderObj.reminderFiledFor?.find((rff) => rff.domainObject === selectedNode?.properties?.catalogReturnObject);
+		const initialFileToType = FILE_TO_TYPES.find((option) => option.value === matchingReminderFiledFor?.type);
+		formRef?.current?.form?.change("fileToType", initialFileToType || null);
+	}, [
+		existingReminderObj,
+		typeOptions,
+		formRef,
+		selectedNode
+	]);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, loading && /* @__PURE__ */ React.createElement(LinearProgress, { color: "secondary" }), /* @__PURE__ */ React.createElement(AmbientCard, {
+		fullWidth: true,
+		header: true
+	}, /* @__PURE__ */ React.createElement(Form, {
+		onSubmit: handleOnSubmit,
+		ref: formRef
+	}, /* @__PURE__ */ React.createElement(Field, {
+		component: FluentTextFieldAutoComplete,
+		label: t("File To"),
+		name: "fileTo",
+		id: "fileTo",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "dense",
+		size: "small",
+		options: fileToOptions || [],
+		optionKey: "label",
+		required: true,
+		limitTags: !viewOnly ? 2 : -1,
+		isMultiple: true,
+		disabled
+	}), /* @__PURE__ */ React.createElement(Field, {
+		component: FluentTextFieldAutoComplete,
+		label: t("File To Type"),
+		name: "fileToType",
+		id: "fileToType",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "dense",
+		size: "small",
+		options: FILE_TO_TYPES || [],
+		optionKey: "label",
+		required: true,
+		disabled
+	}), /* @__PURE__ */ React.createElement("div", { className: classes.row }, /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(Field, {
+		component: FluentTextFieldAutoComplete,
+		label: t("Type"),
+		name: "type",
+		id: "type",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "dense",
+		size: "small",
+		options: typeOptions || [],
+		optionKey: "name",
+		required: true,
+		disabled
+	})), !viewOnly && /* @__PURE__ */ React.createElement("div", { style: {
+		width: "100%",
+		marginLeft: 8
+	} }, /* @__PURE__ */ React.createElement(Field, {
+		component: FluentTextFieldAutoComplete,
+		label: t("Template"),
+		name: "template",
+		id: "template",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "dense",
+		size: "small",
+		options: templateOptions || [],
+		optionKey: "name",
+		additionalOnChangeAction: onTemplateChange
+	}))), /* @__PURE__ */ React.createElement(Field, {
+		component: FluentDatePicker,
+		label: t("Reminder Date"),
+		name: "reminderDate",
+		id: "reminderDate",
+		fullWidth: true,
+		variant: "outlined",
+		size: "small",
+		margin: "dense",
+		required: true,
+		disabled
+	}), /* @__PURE__ */ React.createElement(Field, {
+		component: TextField,
+		label: t("Subject"),
+		name: "subject",
+		id: "subject",
+		fullWidth: true,
+		variant: "outlined",
+		size: "small",
+		margin: "dense",
+		required: true,
+		disabled,
+		InputProps: { classes: {
+			root: classes?.input,
+			input: classes?.formTextInput
+		} },
+		InputLabelProps: { classes: { root: classes?.labelRoot } }
+	}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement(CkRichEditor, {
+		handleChange: handleTextEditorChange,
+		classes: { editor: classes.editor },
+		data: reminder,
+		editorRef,
+		isUsingRef: true,
+		readOnly: disabled
+	}))), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), shortcutContentFinderEnabled && /* @__PURE__ */ React.createElement(AmbientCard, {
+		fullWidth: true,
+		header: true,
+		lastChildBottomPadding: "0px",
+		cardContentHeight: `calc(100vh - ${shellHidden ? "568px" : "623px"})`
+	}, /* @__PURE__ */ React.createElement(ShortcutContentFinder, { onSelect: handleShortcutOnSelect })));
+};
+
+//#endregion
+export { RemindersScreen };
+//# sourceMappingURL=RemindersScreen-9OpdtOBe.js.map