@finsemble/finsemble-ui 7.3.10 → 7.3.11

package/react/components/notifications/components/notificationsToasts/NotificationsToasts.js

@@ -1,12 +1,8 @@
-import React, { useEffect, useLayoutEffect, useRef, useState } from "react";
-import useNotifications, { useNotificationUI, moveToToolbarMonitor, getNotificationConfig, } from "../../../../hooks/useNotifications";
-import { useTitle } from "../../../../hooks";
+import React, { useEffect, useRef, useState } from "react";
+import useNotifications, { useNotificationUI, moveToToolbarMonitor, getNotificationConfig, getOS, } from "../../../../hooks/useNotifications";
 import { NotificationCardShell } from "../shared/NotificationCardShell";
 import { CSSTransition } from "react-transition-group";
-import "../../css/notifications-toasts.css";
-import { FEAGlobals } from "../../../../../common";
-import { getNotificationsPreferences } from "../../../userPreferences/components/content/notificationViews/notificationViewsUtils";
-import { setOpaqueClassName } from "../notificationsCenter/NotificationCenterUtils";
+import "../../../../assets/css/notificationsCenter.css";
 const ToastCard = (props) => {
     const { notification, informationalNotificationTimeout, removeFunction, isActiveFunction, actionableTimeoutEnabled } = props;
     const notificationRef = useRef(notification);
@@ -14,46 +10,36 @@ const ToastCard = (props) => {
     const [showNotification] = useState(isActiveFunction(notification));
     const [timeoutId, setTimeoutId] = useState();
     useEffect(() => {
-        var _a;
+        return () => {
+            if (timeoutId) {
+                clearInterval(timeoutId);
+            }
+        };
+    }, []);
+    useEffect(() => {
         if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        let timeoutLength;
-        // Timeout on the notification takes precedence
-        if (notification.timeout && Number.isInteger(notification.timeout)) {
-            timeoutLength = notification.timeout;
+            clearInterval(timeoutId);
         }
-        /**
-         * If timeout length is not already set and there informational timeout from the config exists
-         * AND it's an informational notification or the config indicates actionable notifications should timeout
-         */
-        if (!timeoutLength &&
-            informationalNotificationTimeout !== false &&
-            (!notification.actions || notification.actions.length == 0 || actionableTimeoutEnabled)) {
-            // Convert to milliseconds
-            timeoutLength = informationalNotificationTimeout * 1000;
-        }
-        let timeout;
-        if (timeoutLength) {
-            timeout = setTimeout(() => {
-                setSlideIn(false);
-            }, timeoutLength);
-            // Allow node based mocha tests to exit without waiting for timeouts to complete
-            (_a = timeout.unref) === null || _a === void 0 ? void 0 : _a.call(timeout);
-            setTimeoutId(timeout);
+        if (!notification.actions || notification.actions.length == 0 || actionableTimeoutEnabled) {
+            // Is an informational notification or timeout enabled actionable notifications
+            let timeoutLength;
+            if (informationalNotificationTimeout !== false) {
+                // Convert to milliseconds
+                timeoutLength = informationalNotificationTimeout * 1000;
+                if (notification.timeout && Number.isInteger(notification.timeout)) {
+                    timeoutLength = notification.timeout;
+                }
+            }
+            if (timeoutLength) {
+                setTimeoutId(setTimeout(() => {
+                    setSlideIn(false);
+                }, timeoutLength));
+            }
         }
         if (!isActiveFunction(notificationRef.current)) {
             removeFunction(notification);
         }
         setSlideIn(isActiveFunction(notification));
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        return () => {
-            if (timeout) {
-                clearTimeout(timeout);
-            }
-        };
     }, [notification]);
     const onExited = () => {
         removeFunction(notification);
@@ -64,49 +50,25 @@ const ToastCard = (props) => {
             React.createElement(Card, { notification: notification, uiContext: "toasts", removeNotification: () => {
                     setSlideIn(false);
                 } }),
-            React.createElement("div", { className: "divider" })))));
+            React.createElement("div", { className: "divider" }, "\u00A0")))));
 };
 export const NotificationsToasts = (props) => {
-    var _a;
-    const { notifications, notificationIsActive, removeNotification, activeNotifications } = useNotifications({
-        config: { notificationsHistory: { options: { sentAfter: "startup" } } },
-    });
-    const config = getNotificationConfig();
-    const [isInitialized, setIsInitialized] = useState(false);
-    const [isCorrectMonitor, setIsCorrectMonitor] = useState(false);
-    const [isBoundsSet, setIsBoundsSet] = useState(false);
-    const [isWindowShowing, setIsWindowShowing] = useState(false);
+    const { notifications, notificationIsActive, setOpaqueClassName, removeNotification, activeNotifications } = useNotifications({ config: { notificationsHistory: { options: { sentAfter: "startup" } } } });
+    const notificationsRef = useRef(notifications);
     const [uiState] = useNotificationUI();
     const isNotificationActive = (notification) => {
-        const notificationCenterNotActive = !uiState.showCenter || !uiState.isDocked;
+        const notificationCenterNotActive = !uiState.showCenter || uiState.poppedOut;
         return notificationIsActive(notification) && notificationCenterNotActive;
     };
+    const config = getNotificationConfig();
+    const [isMac] = useState(getOS() === "Mac");
     const [informationalTimeout, setInformationalTimeout] = useState(false);
     const [actionableTimeoutEnabled, setActionableTimeoutEnabled] = useState(true);
-    useTitle((_a = props.title) !== null && _a !== void 0 ? _a : "Notification");
-    /**
-     * Get initial config
-     */
-    useEffect(() => {
-        document.body.classList.add("notifications-toasts-body");
-        setOpaqueClassName(!!config.isTransparent);
-        getNotificationsPreferences().then((preferences) => {
-            setInformationalTimeout(preferences.informationalNotificationToastPeriodSeconds);
-            setActionableTimeoutEnabled(preferences.toastTimeoutOnActionableNotifications);
-            setIsInitialized(true);
-        });
-        return () => {
-            document.body.classList.remove("notifications-toasts-body");
-        };
-    }, []);
-    /**
-     * Listen for changing config
-     */
     useEffect(() => {
         async function listenForPreferenceChange(error, response) {
             if (error) {
-                console.error("Error getting preference change: ", error);
-                FEAGlobals.FSBL.Clients.Logger.system.error("Error getting preference change: ", error);
+                console.error("FinsembleUserPreferencesChannel: ", error);
+                FSBL.Clients.Logger.system.error("FinsembleUserPreferencesChannel: ", error);
             }
             else {
                 const { data } = response;
@@ -121,86 +83,83 @@ export const NotificationsToasts = (props) => {
                 }
             }
         }
-        FEAGlobals.FSBL.Clients.RouterClient.addListener("FinsembleUserPreferencesChannel", listenForPreferenceChange);
+        FSBL.Clients.RouterClient.addListener("FinsembleUserPreferencesChannel", listenForPreferenceChange);
         return () => {
-            FEAGlobals.FSBL.Clients.RouterClient.removeListener("FinsembleUserPreferencesChannel", listenForPreferenceChange);
+            FSBL.Clients.RouterClient.removeListener("FinsembleUserPreferencesChannel", listenForPreferenceChange);
         };
     }, []);
-    /**
-     * Window level hook to move the window to the correct screen
-     * Monitor does not change position while toasts are showing. Only corrects position when no toasts show
-     */
     useEffect(() => {
-        if (!isCorrectMonitor && activeNotifications(notifications).length > 0) {
-            moveToToolbarMonitor().then(() => {
-                setIsCorrectMonitor(true);
-            });
+        const transparencySupported = config.isTransparent;
+        setOpaqueClassName(!transparencySupported);
+        if (transparencySupported) {
+            finsembleWindow.show();
         }
-    }, [notifications]);
-    /**
-     * Window level hook to resize the window
-     *
-     * Window is on the correct screen and some notifications should be rendered
-     * on the page. Resize the window to fit the content
-     */
-    useLayoutEffect(() => {
-        const resizeWindow = async () => {
-            var _a, _b;
-            const rect = document.getElementsByTagName("body")[0].getBoundingClientRect();
-            const { err, data } = await FEAGlobals.FSBL.Clients.LauncherClient.getMonitorInfo({ monitor: "mine" });
-            if (err || !data) {
-                FEAGlobals.FSBL.Clients.Logger.system.error("Error getting monitor info: ", err);
-                console.error("Error getting monitor info: ", err);
-                return;
-            }
-            const { data: bounds } = await FEAGlobals.finsembleWindow.getBounds();
-            const width = ((_a = bounds === null || bounds === void 0 ? void 0 : bounds.right) !== null && _a !== void 0 ? _a : 0) - ((_b = bounds === null || bounds === void 0 ? void 0 : bounds.left) !== null && _b !== void 0 ? _b : 0);
-            // Does not exceed monitor height
-            const height = Math.min(Math.round(rect === null || rect === void 0 ? void 0 : rect.height) + 16, data["availableRect"]["height"]);
-            await FEAGlobals.finsembleWindow.setBounds({
-                bounds: {
-                    top: data["availableRect"]["top"],
-                    left: data["availableRect"]["right"] - width,
-                    height: height,
-                    width: width,
-                },
-            });
-            setIsBoundsSet(true);
-        };
-        if (isCorrectMonitor && activeNotifications(notifications).length > 0) {
-            resizeWindow();
+        async function getNotificationsPreferences() {
+            return await FSBL.Clients.NotificationClient.getPreferences();
         }
-    }, [isCorrectMonitor, notifications]);
-    /**
-     * Window Level Hook to show and hide the window.
-     * The window position and size manipulations have been completed show / hide it.
-     */
+        getNotificationsPreferences().then((preferences) => {
+            setInformationalTimeout(preferences.informationalNotificationToastPeriodSeconds);
+        });
+    }, []);
     useEffect(() => {
-        if (!isWindowShowing) {
-            /**
-             * IF the window is not showing
-             * AND the window has been moved to the correct monitor
-             * AND The correct initial bounds have been set (prevents flashing)
-             * AND there are some notifications
-             * THEN show the window
-             */
-            if (isCorrectMonitor && isBoundsSet && activeNotifications(notifications).length > 0) {
-                setIsWindowShowing(true);
-                FEAGlobals.finsembleWindow.show();
+        moveToToolbarMonitor().then(async () => {
+            var _a, _b, _c;
+            let forceHide = false;
+            if (activeNotifications(notifications).length === 0 &&
+                activeNotifications(notificationsRef.current).length === 0) {
+                // Bug fix: Toasts flash when inActive components (partially caused by allowing notifications to animate out)
+                forceHide = true;
             }
-        }
-        else {
-            // Hide the window if it is showing and there are 0 notifications in the list
-            if (activeNotifications(notifications).length === 0) {
-                FEAGlobals.finsembleWindow.hide();
-                setIsWindowShowing(false);
-                setIsCorrectMonitor(false);
-                setIsBoundsSet(false);
+            notificationsRef.current = notifications;
+            const rect = (_a = document.getElementById("notifications-toasts")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            if (notifications.length === 0 || forceHide) {
+                if (config.isTransparent && !isMac) {
+                    const roundedRect = {
+                        x: Math.round(rect === null || rect === void 0 ? void 0 : rect.x),
+                        y: Math.round(rect === null || rect === void 0 ? void 0 : rect.y),
+                        width: 1,
+                        height: 1,
+                    };
+                    finsembleWindow.setShape([roundedRect]);
+                }
+                finsembleWindow.hide();
             }
-        }
-    }, [isCorrectMonitor, isBoundsSet, notifications]);
-    return (React.createElement("div", null, isInitialized &&
-        isCorrectMonitor &&
-        notifications.map((notification) => (React.createElement(ToastCard, Object.assign({ key: `toast-card-${notification.id}`, notification: notification, informationalNotificationTimeout: informationalTimeout, actionableTimeoutEnabled: actionableTimeoutEnabled, removeFunction: removeNotification, isActiveFunction: isNotificationActive }, props))))));
+            else {
+                finsembleWindow.bringToFront();
+                if (config.isTransparent && !isMac) {
+                    const roundedRect = {
+                        x: Math.round(rect === null || rect === void 0 ? void 0 : rect.x),
+                        y: Math.round(rect === null || rect === void 0 ? void 0 : rect.y),
+                        width: Math.round(rect === null || rect === void 0 ? void 0 : rect.width),
+                        height: Math.round(rect === null || rect === void 0 ? void 0 : rect.height),
+                    };
+                    await finsembleWindow.show();
+                    finsembleWindow.setShape([roundedRect]);
+                }
+                else {
+                    const { err, data } = await FSBL.Clients.LauncherClient.getMonitorInfo({ monitor: "mine" });
+                    if (err || !data) {
+                        console.error(err);
+                        FSBL.Clients.Logger.system.error(err);
+                        return;
+                    }
+                    const { data: bounds } = await finsembleWindow.getBounds();
+                    const width = ((_b = bounds === null || bounds === void 0 ? void 0 : bounds.right) !== null && _b !== void 0 ? _b : 0) - ((_c = bounds === null || bounds === void 0 ? void 0 : bounds.left) !== null && _c !== void 0 ? _c : 0);
+                    const height = Math.round(rect === null || rect === void 0 ? void 0 : rect.height) + 6;
+                    await finsembleWindow.setBounds({
+                        bounds: {
+                            top: data["availableRect"]["top"],
+                            left: data["availableRect"]["right"] - width,
+                            height: height + 10,
+                            width: width,
+                        },
+                    });
+                    // show the window after it bounds has been calculated
+                    await finsembleWindow.show();
+                }
+            }
+        });
+    }, [notifications]);
+    return (React.createElement("div", null, notifications.map((notification) => (React.createElement(ToastCard, Object.assign({ key: `toast-card-${notification.id}`, notification: notification, informationalNotificationTimeout: informationalTimeout, actionableTimeoutEnabled: actionableTimeoutEnabled, removeFunction: removeNotification, isActiveFunction: isNotificationActive }, props))))));
 };
 //# sourceMappingURL=NotificationsToasts.js.map

package/react/components/notifications/components/notificationsToasts/NotificationsToasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsToasts.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/notificationsToasts/NotificationsToasts.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NotificationsToasts.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/notificationsToasts/NotificationsToasts.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport useNotifications, {\n\tuseNotificationUI,\n\tmoveToToolbarMonitor,\n\tgetNotificationConfig,\n\tgetOS,\n} from \"../../../../hooks/useNotifications\";\nimport { NotificationCardShell } from \"../shared/NotificationCardShell\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { INotificationToastsProps } from \"../../types\";\nimport \"../../../../assets/css/notificationsCenter.css\";\nimport { services } from \"@finsemble/finsemble-api\";\n\ntype INotification = services.notification.types.INotification;\n\ntype ToastCardProps = {\n\tnotification: INotification;\n\tremoveFunction: Function;\n\tisActiveFunction: Function;\n\tinformationalNotificationTimeout: number | false;\n\tactionableTimeoutEnabled: boolean;\n\tnotificationCard?: React.ComponentType<any>;\n};\n\nconst ToastCard = (props: ToastCardProps) => {\n\tconst { notification, informationalNotificationTimeout, removeFunction, isActiveFunction, actionableTimeoutEnabled } =\n\t\tprops;\n\tconst notificationRef = useRef<INotification>(notification);\n\tconst [slideIn, setSlideIn] = useState(isActiveFunction(notification));\n\tconst [showNotification] = useState(isActiveFunction(notification));\n\tconst [timeoutId, setTimeoutId] = useState<number>();\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (timeoutId) {\n\t\t\t\tclearInterval(timeoutId);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (timeoutId) {\n\t\t\tclearInterval(timeoutId);\n\t\t}\n\n\t\tif (!notification.actions || notification.actions.length == 0 || actionableTimeoutEnabled) {\n\t\t\t// Is an informational notification or timeout enabled actionable notifications\n\t\t\tlet timeoutLength;\n\n\t\t\tif (informationalNotificationTimeout !== false) {\n\t\t\t\t// Convert to milliseconds\n\t\t\t\ttimeoutLength = informationalNotificationTimeout * 1000;\n\t\t\t\tif (notification.timeout && Number.isInteger(notification.timeout)) {\n\t\t\t\t\ttimeoutLength = notification.timeout;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (timeoutLength) {\n\t\t\t\tsetTimeoutId(\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tsetSlideIn(false);\n\t\t\t\t\t}, timeoutLength) as any\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tif (!isActiveFunction(notificationRef.current)) {\n\t\t\tremoveFunction(notification);\n\t\t}\n\t\tsetSlideIn(isActiveFunction(notification));\n\t}, [notification]);\n\n\tconst onExited = () => {\n\t\tremoveFunction(notification);\n\t};\n\n\tconst Card = props.notificationCard ? props.notificationCard : NotificationCardShell;\n\n\treturn (\n\t\tshowNotification && (\n\t\t\t<CSSTransition in={slideIn} timeout={500} onExited={onExited} classNames=\"notifications-toast\">\n\t\t\t\t<div className=\"notifications-toast__offscreen\">\n\t\t\t\t\t<Card\n\t\t\t\t\t\tnotification={notification}\n\t\t\t\t\t\tuiContext=\"toasts\"\n\t\t\t\t\t\tremoveNotification={() => {\n\t\t\t\t\t\t\tsetSlideIn(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"divider\">&nbsp;</div>\n\t\t\t\t</div>\n\t\t\t</CSSTransition>\n\t\t)\n\t);\n};\n\nexport const NotificationsToasts: React.FunctionComponent<INotificationToastsProps> = (props) => {\n\tconst { notifications, notificationIsActive, setOpaqueClassName, removeNotification, activeNotifications } =\n\t\tuseNotifications({ config: { notificationsHistory: { options: { sentAfter: \"startup\" } } } });\n\tconst notificationsRef = useRef<INotification[]>(notifications);\n\tconst [uiState] = useNotificationUI();\n\n\tconst isNotificationActive = (notification: INotification): boolean => {\n\t\tconst notificationCenterNotActive = !uiState.showCenter || uiState.poppedOut;\n\t\treturn notificationIsActive(notification) && notificationCenterNotActive;\n\t};\n\n\tconst config = getNotificationConfig();\n\tconst [isMac] = useState(getOS() === \"Mac\");\n\n\tconst [informationalTimeout, setInformationalTimeout] = useState<number | false>(false);\n\tconst [actionableTimeoutEnabled, setActionableTimeoutEnabled] = useState<boolean>(true);\n\n\tuseEffect(() => {\n\t\tasync function listenForPreferenceChange(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleUserPreferencesChannel: \", error);\n\t\t\t\tFSBL.Clients.Logger.system.error(\"FinsembleUserPreferencesChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tif (data.notificationPreferences) {\n\t\t\t\t\tconst { informationalNotificationToastPeriodSeconds, toastTimeoutOnActionableNotifications } =\n\t\t\t\t\t\tdata.notificationPreferences;\n\n\t\t\t\t\tif (informationalNotificationToastPeriodSeconds) {\n\t\t\t\t\t\tsetInformationalTimeout(informationalNotificationToastPeriodSeconds);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (typeof toastTimeoutOnActionableNotifications !== \"undefined\") {\n\t\t\t\t\t\tsetActionableTimeoutEnabled(toastTimeoutOnActionableNotifications);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleUserPreferencesChannel\", listenForPreferenceChange);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleUserPreferencesChannel\", listenForPreferenceChange);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tconst transparencySupported = config.isTransparent;\n\n\t\tsetOpaqueClassName(!transparencySupported);\n\n\t\tif (transparencySupported) {\n\t\t\tfinsembleWindow.show();\n\t\t}\n\n\t\tasync function getNotificationsPreferences() {\n\t\t\treturn await FSBL.Clients.NotificationClient.getPreferences();\n\t\t}\n\n\t\tgetNotificationsPreferences().then((preferences: any) => {\n\t\t\tsetInformationalTimeout(preferences.informationalNotificationToastPeriodSeconds);\n\t\t});\n\t}, []);\n\n\tuseEffect(() => {\n\t\tmoveToToolbarMonitor().then(async () => {\n\t\t\tlet forceHide = false;\n\t\t\tif (\n\t\t\t\tactiveNotifications(notifications).length === 0 &&\n\t\t\t\tactiveNotifications(notificationsRef.current).length === 0\n\t\t\t) {\n\t\t\t\t// Bug fix: Toasts flash when inActive components (partially caused by allowing notifications to animate out)\n\t\t\t\tforceHide = true;\n\t\t\t}\n\n\t\t\tnotificationsRef.current = notifications;\n\t\t\tconst rect = document.getElementById(\"notifications-toasts\")?.getBoundingClientRect();\n\t\t\tif (notifications.length === 0 || forceHide) {\n\t\t\t\tif (config.isTransparent && !isMac) {\n\t\t\t\t\tconst roundedRect = {\n\t\t\t\t\t\tx: Math.round(rect?.x as number),\n\t\t\t\t\t\ty: Math.round(rect?.y as number),\n\t\t\t\t\t\twidth: 1,\n\t\t\t\t\t\theight: 1,\n\t\t\t\t\t};\n\n\t\t\t\t\tfinsembleWindow.setShape([roundedRect]);\n\t\t\t\t}\n\n\t\t\t\tfinsembleWindow.hide();\n\t\t\t} else {\n\t\t\t\tfinsembleWindow.bringToFront();\n\t\t\t\tif (config.isTransparent && !isMac) {\n\t\t\t\t\tconst roundedRect = {\n\t\t\t\t\t\tx: Math.round(rect?.x as number),\n\t\t\t\t\t\ty: Math.round(rect?.y as number),\n\t\t\t\t\t\twidth: Math.round(rect?.width as number),\n\t\t\t\t\t\theight: Math.round(rect?.height as number),\n\t\t\t\t\t};\n\n\t\t\t\t\tawait finsembleWindow.show();\n\t\t\t\t\tfinsembleWindow.setShape([roundedRect]);\n\t\t\t\t} else {\n\t\t\t\t\tconst { err, data } = await FSBL.Clients.LauncherClient.getMonitorInfo({ monitor: \"mine\" });\n\t\t\t\t\tif (err || !data) {\n\t\t\t\t\t\tconsole.error(err);\n\t\t\t\t\t\tFSBL.Clients.Logger.system.error(err);\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst { data: bounds } = await finsembleWindow.getBounds();\n\t\t\t\t\tconst width = (bounds?.right ?? 0) - (bounds?.left ?? 0);\n\t\t\t\t\tconst height = Math.round(rect?.height as number) + 6;\n\n\t\t\t\t\tawait finsembleWindow.setBounds({\n\t\t\t\t\t\tbounds: {\n\t\t\t\t\t\t\ttop: data[\"availableRect\"][\"top\"],\n\t\t\t\t\t\t\tleft: data[\"availableRect\"][\"right\"] - width,\n\t\t\t\t\t\t\theight: height + 10,\n\t\t\t\t\t\t\twidth: width,\n\t\t\t\t\t\t},\n\t\t\t\t\t});\n\n\t\t\t\t\t// show the window after it bounds has been calculated\n\t\t\t\t\tawait finsembleWindow.show();\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}, [notifications]);\n\n\treturn (\n\t\t<div>\n\t\t\t{notifications.map((notification: INotification) => (\n\t\t\t\t<ToastCard\n\t\t\t\t\tkey={`toast-card-${notification.id}`}\n\t\t\t\t\tnotification={notification}\n\t\t\t\t\tinformationalNotificationTimeout={informationalTimeout}\n\t\t\t\t\tactionableTimeoutEnabled={actionableTimeoutEnabled}\n\t\t\t\t\tremoveFunction={removeNotification}\n\t\t\t\t\tisActiveFunction={isNotificationActive}\n\t\t\t\t\t{...props}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</div>\n\t);\n};\n"]}

package/react/components/notifications/components/shared/CheckButton.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-import { INotification } from "../../../../../platform/services/notification/types";
+import { services } from "@finsemble/finsemble-api";
+declare type INotification = services.notification.types.INotification;
 export declare const CheckButton: React.FunctionComponent<{
     notification: INotification;
 }>;
-//# sourceMappingURL=CheckButton.d.ts.map
+export default CheckButton;

package/react/components/notifications/components/shared/CheckButton.js

@@ -1,6 +1,5 @@
 import React, { useState, useContext, useEffect } from "react";
 import { NotificationsContext } from "../../notificationsContext";
-import { FinsembleIcon } from "../../../common/FinsembleIcon";
 const isNotificationInCheckedNotifications = (checkedNotifications, notification) => checkedNotifications.some((checkedNotification) => checkedNotification.id === notification.id);
 export const CheckButton = ({ notification }) => {
     const notificationsContext = useContext(NotificationsContext);
@@ -34,6 +33,7 @@ export const CheckButton = ({ notification }) => {
         setIsChecked(!isChecked);
     };
     return (React.createElement("div", { key: notification.id, className: "check_icon_container", onClick: toggleCheck },
-        React.createElement(FinsembleIcon, { className: `${isChecked ? "checked" : ""}`, icon: "check" })));
+        React.createElement("i", { className: `ff-check-mark default-img large ${isChecked ? "checked" : ""}` })));
 };
+export default CheckButton;
 //# sourceMappingURL=CheckButton.js.map

package/react/components/notifications/components/shared/CheckButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckButton.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/shared/CheckButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,MAAM,oCAAoC,GAAG,CAAC,oBAAqC,EAAE,YAA2B,EAAE,EAAE,CACnH,oBAAoB,CAAC,IAAI,CAAC,CAAC,mBAAmB,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAAC,CAAC;AAEhG,MAAM,CAAC,MAAM,WAAW,GAEnB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IACzB,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,oBAAoB,CAAC;IAC1G,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,oCAAoC,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC,CAAC;IAErH,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,WAAW,IAAI,oBAAoB,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE;YACrE,YAAY,CAAC,IAAI,CAAC,CAAC;SACnB;IACF,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,oBAAoB,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,EAAE;YACnD,YAAY,CAAC,KAAK,CAAC,CAAC;SACpB;IACF,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,SAAS,EAAE;YACd,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YACxC,uBAAuB,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC;SACnD;aAAM;YACN,MAAM,KAAK,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;YAClH,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;gBACjB,oBAAoB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACtC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,yDAAyD;gBAC9E,uBAAuB,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC;aACnD;SACD;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,GAAG,EAAE,YAAY,CAAC,EAAE,EAAE,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,WAAW;QAC/E,oBAAC,aAAa,IAAC,SAAS,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,CACrE,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"CheckButton.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/shared/CheckButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAKlE,MAAM,oCAAoC,GAAG,CAAC,oBAAqC,EAAE,YAA2B,EAAE,EAAE,CACnH,oBAAoB,CAAC,IAAI,CAAC,CAAC,mBAAmB,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAAC,CAAC;AAEhG,MAAM,CAAC,MAAM,WAAW,GAEnB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IACzB,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,oBAAoB,CAAC;IAC1G,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,oCAAoC,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC,CAAC;IAErH,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,WAAW,IAAI,oBAAoB,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE;YACrE,YAAY,CAAC,IAAI,CAAC,CAAC;SACnB;IACF,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,oBAAoB,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,EAAE;YACnD,YAAY,CAAC,KAAK,CAAC,CAAC;SACpB;IACF,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,SAAS,EAAE;YACd,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YACxC,uBAAuB,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC;SACnD;aAAM;YACN,MAAM,KAAK,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAE,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;YAClH,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;gBACjB,oBAAoB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBACtC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,yDAAyD;gBAC9E,uBAAuB,CAAC,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC;aACnD;SACD;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,GAAG,EAAE,YAAY,CAAC,EAAE,EAAE,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,WAAW;QAC/E,2BAAG,SAAS,EAAE,mCAAmC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,GAAI,CAC5E,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React, { useState, useContext, useEffect } from \"react\";\nimport { NotificationsContext } from \"../../notificationsContext\";\nimport { services } from \"@finsemble/finsemble-api\";\n\ntype INotification = services.notification.types.INotification;\n\nconst isNotificationInCheckedNotifications = (checkedNotifications: INotification[], notification: INotification) =>\n\tcheckedNotifications.some((checkedNotification) => checkedNotification.id === notification.id);\n\nexport const CheckButton: React.FunctionComponent<{\n\tnotification: INotification;\n}> = ({ notification }) => {\n\tconst notificationsContext = useContext(NotificationsContext);\n\tconst { checkedNotifications, setCheckedNotifications, isSelectAll, setSelectAll } = notificationsContext;\n\tconst [isChecked, setIsChecked] = useState(isNotificationInCheckedNotifications(checkedNotifications, notification));\n\n\tuseEffect(() => {\n\t\tif (isSelectAll && checkedNotifications.indexOf(notification) === -1) {\n\t\t\tsetIsChecked(true);\n\t\t}\n\t}, [isSelectAll]);\n\n\tuseEffect(() => {\n\t\tif (checkedNotifications.length === 0 && isChecked) {\n\t\t\tsetIsChecked(false);\n\t\t}\n\t}, [checkedNotifications]);\n\n\tuseEffect(() => {\n\t\tif (isChecked) {\n\t\t\tcheckedNotifications.push(notification);\n\t\t\tsetCheckedNotifications([...checkedNotifications]);\n\t\t} else {\n\t\t\tconst index = checkedNotifications.findIndex((checkedNotification) => (checkedNotification.id = notification.id));\n\t\t\tif (index !== -1) {\n\t\t\t\tcheckedNotifications.splice(index, 1);\n\t\t\t\tsetSelectAll(false); // if we are unchecking one then select all is not active\n\t\t\t\tsetCheckedNotifications([...checkedNotifications]);\n\t\t\t}\n\t\t}\n\t}, [isChecked]);\n\n\tconst toggleCheck = () => {\n\t\tsetIsChecked(!isChecked);\n\t};\n\n\treturn (\n\t\t<div key={notification.id} className=\"check_icon_container\" onClick={toggleCheck}>\n\t\t\t<i className={`ff-check-mark default-img large ${isChecked ? \"checked\" : \"\"}`} />\n\t\t</div>\n\t);\n};\n\nexport default CheckButton;\n"]}

package/react/components/notifications/components/shared/IconButton.d.ts

@@ -1,11 +1,10 @@
 import React from "react";
 export interface IFinsembleIconButtonProps {
     tooltip?: string;
-    clickHandler?: (e?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
+    clickHandler?: Function;
     iconName?: string;
     classNames?: string;
     children?: React.ReactNode;
 }
 declare const IconButton: React.FunctionComponent<IFinsembleIconButtonProps>;
 export default IconButton;
-//# sourceMappingURL=IconButton.d.ts.map

package/react/components/notifications/components/shared/IconButton.js

@@ -1,8 +1,8 @@
 import React from "react";
-const IconButton = ({ clickHandler = () => { }, tooltip, iconName = "ff-finsemble", classNames, children, }) => (React.createElement("div", { className: `finsemble-icon__btn ${classNames ? classNames : ""}`, title: tooltip ? tooltip : "", onClick: (e) => clickHandler(e), tabIndex: 0, onKeyDown: (e) => {
+const IconButton = ({ clickHandler = () => { }, tooltip, iconName = "ff-finsemble", classNames, children, }) => (React.createElement("div", { className: `finsemble-icon__btn ${classNames ? classNames : ""}`, title: tooltip ? tooltip : "", onClick: () => clickHandler(), tabIndex: 0, onKeyDown: (e) => {
         if (e.code === "Space" || e.code === "Enter") {
             e.stopPropagation();
-            clickHandler(e);
+            clickHandler();
         }
     } },
     React.createElement("i", { className: iconName }),

package/react/components/notifications/components/shared/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/shared/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,UAAU,GAAuD,CAAC,EACvE,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,OAAO,EACP,QAAQ,GAAG,cAAc,EACzB,UAAU,EACV,QAAQ,GACmB,EAAE,EAAE,CAAC,CAChC,6BACC,SAAS,EAAE,uBAAuB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAChE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;QAChB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;YAC7C,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,YAAY,CAAC,CAAC,CAAC,CAAC;SAChB;IACF,CAAC;IAED,2BAAG,SAAS,EAAE,QAAQ,GAAI;IACzB,QAAQ,CACJ,CACN,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/shared/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,UAAU,GAAuD,CAAC,EACvE,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,OAAO,EACP,QAAQ,GAAG,cAAc,EACzB,UAAU,EACV,QAAQ,GACmB,EAAE,EAAE,CAAC,CAChC,6BACC,SAAS,EAAE,uBAAuB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EAChE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,EAC7B,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;QAChB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,EAAE;YAC7C,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,YAAY,EAAE,CAAC;SACf;IACF,CAAC;IAED,2BAAG,SAAS,EAAE,QAAQ,GAAI;IACzB,QAAQ,CACJ,CACN,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from \"react\";\n\nexport interface IFinsembleIconButtonProps {\n\ttooltip?: string;\n\tclickHandler?: Function;\n\ticonName?: string;\n\tclassNames?: string;\n\tchildren?: React.ReactNode;\n}\n\nconst IconButton: React.FunctionComponent<IFinsembleIconButtonProps> = ({\n\tclickHandler = () => {},\n\ttooltip,\n\ticonName = \"ff-finsemble\",\n\tclassNames,\n\tchildren,\n}: IFinsembleIconButtonProps) => (\n\t<div\n\t\tclassName={`finsemble-icon__btn ${classNames ? classNames : \"\"}`}\n\t\ttitle={tooltip ? tooltip : \"\"}\n\t\tonClick={() => clickHandler()}\n\t\ttabIndex={0}\n\t\tonKeyDown={(e) => {\n\t\t\tif (e.code === \"Space\" || e.code === \"Enter\") {\n\t\t\t\te.stopPropagation();\n\t\t\t\tclickHandler();\n\t\t\t}\n\t\t}}\n\t>\n\t\t<i className={iconName} />\n\t\t{children}\n\t</div>\n);\n\nexport default IconButton;\n"]}

package/react/components/notifications/components/shared/NotificationCardShell.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-import { INotification } from "../../../../../platform/services/notification/types";
+import { services } from "@finsemble/finsemble-api";
 import "../../css/notification-card.css";
+declare type INotification = services.notification.types.INotification;
 export declare type NotificationCardPropType = {
     /**
      * The Notification to be displayed
@@ -13,8 +14,8 @@ export declare type NotificationCardPropType = {
     /**
      * The internal function that will be called on toasts when dismissed or marked as read
      */
-    removeNotification: () => void;
+    removeNotification: Function;
     preferences?: any;
 };
 export declare const NotificationCardShell: React.FunctionComponent<NotificationCardPropType>;
-//# sourceMappingURL=NotificationCardShell.d.ts.map
+export {};

package/react/components/notifications/components/shared/NotificationCardShell.js

@@ -4,7 +4,6 @@ import { isNewNotification, isReNotification, getMostRecentAction } from "../../
 import { NotificationCardHeaderShell } from "./notificationCard/NotificationCardHeaderShell";
 import { NotificationCardBodyShell } from "./notificationCard/NotificationCardBodyShell";
 import { ErrorBoundary } from "../../../common/ErrorBoundary";
-import { FEAGlobals } from "../../../../../common";
 import "../../css/notification-card.css";
 export const NotificationCardShell = ({ notification, uiContext = "center", removeNotification, children, }) => {
     const { isRead } = notification;
@@ -17,7 +16,7 @@ export const NotificationCardShell = ({ notification, uiContext = "center", remo
         useEffect(() => {
             const getNotificationsPreferences = async () => {
                 var _a;
-                const preferences = await FEAGlobals.FSBL.Clients.NotificationClient.getPreferences();
+                const preferences = await FSBL.Clients.NotificationClient.getPreferences();
                 const haloPeriod = (_a = preferences === null || preferences === void 0 ? void 0 : preferences.newNotificationHaloPeriodSeconds) !== null && _a !== void 0 ? _a : 0;
                 setNotificationHaloPeriodSeconds(haloPeriod);
                 if (!componentUnmounted) {
@@ -37,16 +36,16 @@ export const NotificationCardShell = ({ notification, uiContext = "center", remo
                 var _a, _b;
                 if (error) {
                     console.error("FinsembleUserPreferencesChannel: ", error);
-                    FEAGlobals.FSBL.Clients.Logger.system.error("FinsembleUserPreferencesChannel: ", error);
+                    FSBL.Clients.Logger.system.error("FinsembleUserPreferencesChannel: ", error);
                 }
                 else {
                     const { data } = response;
                     setNotificationHaloPeriodSeconds((_b = (_a = data === null || data === void 0 ? void 0 : data.notificationPreferences) === null || _a === void 0 ? void 0 : _a.newNotificationHaloPeriodSeconds) !== null && _b !== void 0 ? _b : 0);
                 }
             }
-            FEAGlobals.FSBL.Clients.RouterClient.addListener("FinsembleUserPreferencesChannel", listenForPreferenceChange);
+            FSBL.Clients.RouterClient.addListener("FinsembleUserPreferencesChannel", listenForPreferenceChange);
             return () => {
-                FEAGlobals.FSBL.Clients.RouterClient.removeListener("FinsembleUserPreferencesChannel", listenForPreferenceChange);
+                FSBL.Clients.RouterClient.removeListener("FinsembleUserPreferencesChannel", listenForPreferenceChange);
             };
         }, []);
         useEffect(() => {

package/react/components/notifications/components/shared/NotificationCardShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCardShell.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/notifications/components/shared/NotificationCardShell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NotificationCardShell.js","sourceRoot":"","sources":["../../../../../src/components/notifications/components/shared/NotificationCardShell.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { parseISO, differenceInMilliseconds, addSeconds } from \"date-fns\";\nimport { isNewNotification, isReNotification, getMostRecentAction } from \"../../utils\";\nimport { NotificationCardHeaderShell } from \"./notificationCard/NotificationCardHeaderShell\";\nimport { NotificationCardBodyShell } from \"./notificationCard/NotificationCardBodyShell\";\nimport { services } from \"@finsemble/finsemble-api\";\nimport { ErrorBoundary } from \"../../../common/ErrorBoundary\";\nimport \"../../css/notification-card.css\";\n\ntype INotification = services.notification.types.INotification;\ntype IPerformedAction = services.notification.types.IPerformedAction;\n\nexport type NotificationCardPropType = {\n\t/**\n\t * The Notification to be displayed\n\t */\n\tnotification: INotification;\n\n\t/**\n\t * Which UI context the Card is being used in\n\t */\n\tuiContext: \"toasts\" | \"center\";\n\n\t/**\n\t * The internal function that will be called on toasts when dismissed or marked as read\n\t */\n\tremoveNotification: Function;\n\tpreferences?: any;\n};\n\nexport const NotificationCardShell: React.FunctionComponent<NotificationCardPropType> = ({\n\tnotification,\n\tuiContext = \"center\",\n\tremoveNotification,\n\tchildren,\n}) => {\n\tconst { isRead } = notification;\n\n\tconst [newNotificationHaloPeriodSeconds, setNotificationHaloPeriodSeconds] = useState(0);\n\n\tconst [isNew, setIsNew] = useState(isNewNotification(notification, newNotificationHaloPeriodSeconds));\n\tconst [componentUnmounted, setComponentUnmounted] = useState<boolean>(false);\n\tconst [wokeFromSnooze, setWokeFromSnooze] = useState(\n\t\tisReNotification(notification, newNotificationHaloPeriodSeconds)\n\t);\n\n\tif (uiContext == \"center\") {\n\t\t// Sets the current default preference\n\t\tuseEffect(() => {\n\t\t\tconst getNotificationsPreferences = async () => {\n\t\t\t\tconst preferences: any = await FSBL.Clients.NotificationClient.getPreferences();\n\t\t\t\tconst haloPeriod = preferences?.newNotificationHaloPeriodSeconds ?? 0;\n\t\t\t\tsetNotificationHaloPeriodSeconds(haloPeriod);\n\t\t\t\tif (!componentUnmounted) {\n\t\t\t\t\tsetIsNew(isNewNotification(notification, haloPeriod));\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tif (!componentUnmounted) {\n\t\t\t\tgetNotificationsPreferences();\n\t\t\t}\n\t\t\treturn () => {\n\t\t\t\tsetComponentUnmounted(true);\n\t\t\t};\n\t\t}, []);\n\n\t\t// Listens for preferences change\n\t\tuseEffect(() => {\n\t\t\tfunction listenForPreferenceChange(error: any, response: any) {\n\t\t\t\tif (error) {\n\t\t\t\t\tconsole.error(\"FinsembleUserPreferencesChannel: \", error);\n\t\t\t\t\tFSBL.Clients.Logger.system.error(\"FinsembleUserPreferencesChannel: \", error);\n\t\t\t\t} else {\n\t\t\t\t\tconst { data } = response;\n\t\t\t\t\tsetNotificationHaloPeriodSeconds(data?.notificationPreferences?.newNotificationHaloPeriodSeconds ?? 0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleUserPreferencesChannel\", listenForPreferenceChange);\n\t\t\treturn () => {\n\t\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleUserPreferencesChannel\", listenForPreferenceChange);\n\t\t\t};\n\t\t}, []);\n\n\t\tuseEffect(() => {\n\t\t\tlet isRenotificationTimerId: any;\n\t\t\tif (isReNotification(notification, newNotificationHaloPeriodSeconds)) {\n\t\t\t\tconst mostRecentAction: IPerformedAction | null = getMostRecentAction(notification);\n\t\t\t\tif (mostRecentAction) {\n\t\t\t\t\tsetWokeFromSnooze(true);\n\t\t\t\t\tisRenotificationTimerId = setTimeout(() => {\n\t\t\t\t\t\tsetWokeFromSnooze(false);\n\t\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(mostRecentAction.datePerformed), newNotificationHaloPeriodSeconds), Date.now()));\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tsetWokeFromSnooze(false);\n\t\t\t\tclearTimeout(isRenotificationTimerId);\n\t\t\t}\n\t\t\treturn () => {\n\t\t\t\tclearTimeout(isRenotificationTimerId);\n\t\t\t};\n\t\t}, [newNotificationHaloPeriodSeconds, notification]);\n\t}\n\n\tuseEffect(() => {\n\t\tlet isNewTimerId: any;\n\t\tif (isNew) {\n\t\t\tif (notification.isRead) {\n\t\t\t\tsetIsNew(false);\n\t\t\t\tclearTimeout(isNewTimerId);\n\t\t\t} else {\n\t\t\t\tisNewTimerId = setTimeout(() => {\n\t\t\t\t\tsetIsNew(false);\n\t\t\t\t}, differenceInMilliseconds(addSeconds(parseISO(notification.issuedAt), newNotificationHaloPeriodSeconds), Date.now()));\n\t\t\t}\n\t\t}\n\t\treturn () => {\n\t\t\tclearTimeout(isNewTimerId);\n\t\t};\n\t}, [isNew, notification]);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`notification-card ${isRead ? \"read\" : \"\"} ${isNew || wokeFromSnooze ? \"new\" : \"\"} \n\t\t\t${notification.cssClassName ? notification.cssClassName : \"\"} js-${uiContext}`}\n\t\t>\n\t\t\t{children ? (\n\t\t\t\t<ErrorBoundary>{children}</ErrorBoundary>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<NotificationCardHeaderShell\n\t\t\t\t\t\tnotification={notification}\n\t\t\t\t\t\tremoveNotification={removeNotification}\n\t\t\t\t\t\tuiContext={uiContext}\n\t\t\t\t\t/>\n\t\t\t\t\t<NotificationCardBodyShell notification={notification} />\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"]}

package/react/components/notifications/components/shared/notificationCard/NotificationCardBodyActions.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-import { INotification } from "../../../../../../platform/services/notification/types";
+import { services } from "@finsemble/finsemble-api";
+declare type INotification = services.notification.types.INotification;
 export declare const NotificationCardBodyActions: React.FunctionComponent<{
     notification: INotification;
 }>;
-//# sourceMappingURL=NotificationCardBodyActions.d.ts.map
+export {};

package/react/components/notifications/components/shared/notificationCard/NotificationCardBodyActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCardBodyActions.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/shared/notificationCard/NotificationCardBodyActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAuD,MAAM,mCAAmC,CAAC;AACxG,OAAO,MAAiC,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAGjE,MAAM,mBAAmB,GAAG,CAAC,YAA2B,EAAE,MAA2B,EAAE,EAAmB,EAAE,EAAE;IAC7G,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAC1B,IAAI,UAAU,GAAG,EAAyC,CAAC;QAC3D,IAAI,aAAa,GAA4B,EAAE,CAAC;QAChD,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE;YACzC,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChB,UAAU,CAAC,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;gBAClF,UAAU,CAAC,WAAW,GAAG,eAAe,CAAC,UAAU,CAAC;aACpD;iBAAM;gBACN,aAAa,CAAC,IAAI,CAAC;oBAClB,WAAW,EAAE,eAAe,CAAC,UAAU;oBACvC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC;iBACvE,CAAC,CAAC;aACH;QACF,CAAC,CAAC,CAAC;QACH,OAAO,CACN,oBAAC,cAAc,IACd,GAAG,EAAE,EAAE,EACP,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,UAAU,EAAE,UAAU,CAAC,UAAU,EACjC,aAAa,EAAE,aAAa,GAC3B,CACF,CAAC;KACF;SAAM;QACN,OAAO,CACN,oBAAC,MAAM,IACN,GAAG,EAAE,EAAE,EACP,WAAW,EAAE,MAAM,CAAC,UAAU,EAC9B,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,GAC7D,CACF,CAAC;KACF;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAA6D,CAAC,EACrG,YAAY,GACZ,EAAE,EAAE;IACJ,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;IACjC,MAAM,UAAU,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAEjD,OAAO,CACN,0CACE,UAAU,CAAC,CAAC,CAAC,CACb,6BAAK,SAAS,EAAC,eAAe,IAC5B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAA2B,EAAE,KAAU,EAAE,EAAE,CAAC,mBAAmB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CACvG,CACN,CAAC,CAAC,CAAC,IAAI,CACN,CACH,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"NotificationCardBodyActions.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardBodyActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAuD,MAAM,mCAAmC,CAAC;AACxG,OAAO,MAAiC,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAMjE,MAAM,mBAAmB,GAAG,CAAC,YAA2B,EAAE,MAA2B,EAAE,EAAmB,EAAE,EAAE;IAC7G,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAC1B,IAAI,UAAU,GAAG,EAAyC,CAAC;QAC3D,IAAI,aAAa,GAA4B,EAAE,CAAC;QAChD,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,KAAK,EAAE,EAAE;YACzC,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChB,UAAU,CAAC,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;gBAClF,UAAU,CAAC,WAAW,GAAG,eAAe,CAAC,UAAU,CAAC;aACpD;iBAAM;gBACN,aAAa,CAAC,IAAI,CAAC;oBAClB,WAAW,EAAE,eAAe,CAAC,UAAU;oBACvC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,eAAe,CAAC;iBACvE,CAAC,CAAC;aACH;QACF,CAAC,CAAC,CAAC;QACH,OAAO,CACN,oBAAC,cAAc,IACd,GAAG,EAAE,EAAE,EACP,WAAW,EAAE,UAAU,CAAC,WAAW,EACnC,UAAU,EAAE,UAAU,CAAC,UAAU,EACjC,aAAa,EAAE,aAAa,GAC3B,CACF,CAAC;KACF;SAAM;QACN,OAAO,CACN,oBAAC,MAAM,IACN,GAAG,EAAE,EAAE,EACP,WAAW,EAAE,MAAM,CAAC,UAAU,EAC9B,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC,GAC7D,CACF,CAAC;KACF;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAA6D,CAAC,EACrG,YAAY,GACZ,EAAE,EAAE;IACJ,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;IACjC,MAAM,UAAU,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAEjD,OAAO,CACN,0CACE,UAAU,CAAC,CAAC,CAAC,CACb,6BAAK,SAAS,EAAC,eAAe,IAC5B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAA2B,EAAE,KAAU,EAAE,EAAE,CAAC,mBAAmB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CACvG,CACN,CAAC,CAAC,CAAC,IAAI,CACN,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport DropdownButton, { IFinsembleDropdownActionButtonProps } from \"../../../../common/DropdownButton\";\nimport Button, { IFinsembleButtonProps } from \"../../../../shared/Button\";\nimport { doAction } from \"../../../../../hooks/useNotifications\";\nimport { services } from \"@finsemble/finsemble-api\";\n\ntype INotification = services.notification.types.INotification;\ntype IAction = services.notification.types.IAction;\n\nconst renderActionButtons = (notification: INotification, action: IAction | IAction[], id: string | number) => {\n\tif (Array.isArray(action)) {\n\t\tlet buttonData = {} as IFinsembleDropdownActionButtonProps;\n\t\tlet buttonOptions: IFinsembleButtonProps[] = [];\n\t\taction.forEach((compositeAction, index) => {\n\t\t\tif (index === 0) {\n\t\t\t\tbuttonData.mainAction = () => doAction && doAction(notification, compositeAction);\n\t\t\t\tbuttonData.buttonLabel = compositeAction.buttonText;\n\t\t\t} else {\n\t\t\t\tbuttonOptions.push({\n\t\t\t\t\tbuttonLabel: compositeAction.buttonText,\n\t\t\t\t\tclickHandler: () => doAction && doAction(notification, compositeAction),\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t\treturn (\n\t\t\t<DropdownButton\n\t\t\t\tkey={id}\n\t\t\t\tbuttonLabel={buttonData.buttonLabel}\n\t\t\t\tmainAction={buttonData.mainAction}\n\t\t\t\tbuttonOptions={buttonOptions}\n\t\t\t/>\n\t\t);\n\t} else {\n\t\treturn (\n\t\t\t<Button\n\t\t\t\tkey={id}\n\t\t\t\tbuttonLabel={action.buttonText}\n\t\t\t\tclickHandler={() => doAction && doAction(notification, action)}\n\t\t\t/>\n\t\t);\n\t}\n};\n\nexport const NotificationCardBodyActions: React.FunctionComponent<{ notification: INotification }> = ({\n\tnotification,\n}) => {\n\tconst { actions } = notification;\n\tconst hasActions = actions && actions.length > 0;\n\n\treturn (\n\t\t<>\n\t\t\t{hasActions ? (\n\t\t\t\t<div className=\"actions-panel\">\n\t\t\t\t\t{actions?.map((action: IAction | IAction[], index: any) => renderActionButtons(notification, action, index))}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t</>\n\t);\n};\n"]}

package/react/components/notifications/components/shared/notificationCard/NotificationCardBodyContentLogo.d.ts

@@ -2,4 +2,3 @@ import React from "react";
 export declare const NotificationCardBodyContentLogo: React.FunctionComponent<{
     contentLogo?: string;
 }>;
-//# sourceMappingURL=NotificationCardBodyContentLogo.d.ts.map

package/react/components/notifications/components/shared/notificationCard/NotificationCardBodyContentLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCardBodyContentLogo.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/shared/notificationCard/NotificationCardBodyContentLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,CAAC,MAAM,+BAA+B,GAAsD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACrH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/D,OAAO,CACN,6BACC,SAAS,EAAE,uCAAuC,EAClD,KAAK,EAAE,CAAC,gBAAgB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;QAEnE,6BAAK,GAAG,EAAC,OAAO,EAAC,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAAI,CAC3E,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"NotificationCardBodyContentLogo.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardBodyContentLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,CAAC,MAAM,+BAA+B,GAAsD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACrH,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/D,OAAO,CACN,6BACC,SAAS,EAAE,uCAAuC,EAClD,KAAK,EAAE,CAAC,gBAAgB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;QAEnE,6BAAK,GAAG,EAAC,OAAO,EAAC,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAAI,CAC3E,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useState } from \"react\";\n\nexport const NotificationCardBodyContentLogo: React.FunctionComponent<{ contentLogo?: string }> = ({ contentLogo }) => {\n\tconst [isImageAvailable, setIsImageAvailable] = useState(true);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={\"notification-card__body_img_container\"}\n\t\t\tstyle={!isImageAvailable || !contentLogo ? { display: \"none\" } : {}}\n\t\t>\n\t\t\t<img alt=\"Image\" src={contentLogo} onError={() => setIsImageAvailable(false)} />\n\t\t</div>\n\t);\n};\n"]}

package/react/components/notifications/components/shared/notificationCard/NotificationCardBodyShell.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-import { INotification } from "../../../../../../platform/services/notification/types";
+import { services } from "@finsemble/finsemble-api";
+declare type INotification = services.notification.types.INotification;
 export declare const NotificationCardBodyShell: React.FunctionComponent<{
     notification: INotification;
 }>;
-//# sourceMappingURL=NotificationCardBodyShell.d.ts.map
+export {};

package/react/components/notifications/components/shared/notificationCard/NotificationCardBodyShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationCardBodyShell.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/shared/notificationCard/NotificationCardBodyShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGjE,MAAM,CAAC,MAAM,yBAAyB,GAA6D,CAAC,EACnG,YAAY,EACZ,QAAQ,GACR,EAAE,EAAE;IACJ,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC;IAE9C,OAAO,CACN,6BAAK,SAAS,EAAC,yBAAyB;QACtC,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CACzC,CAAC,CAAC,CAAC,CACH;YACC,oBAAC,+BAA+B,IAAC,WAAW,EAAE,WAAW,GAAI;YAC7D,6BAAK,SAAS,EAAC,8BAA8B,IAAE,OAAO,CAAO,CAC3D,CACH;QACD,oBAAC,2BAA2B,IAAC,YAAY,EAAE,YAAY,GAAI,CACtD,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"NotificationCardBodyShell.js","sourceRoot":"","sources":["../../../../../../src/components/notifications/components/shared/notificationCard/NotificationCardBodyShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjE,MAAM,CAAC,MAAM,yBAAyB,GAA6D,CAAC,EACnG,YAAY,EACZ,QAAQ,GACR,EAAE,EAAE;IACJ,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC;IAE9C,OAAO,CACN,6BAAK,SAAS,EAAC,yBAAyB;QACtC,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CACzC,CAAC,CAAC,CAAC,CACH;YACC,oBAAC,+BAA+B,IAAC,WAAW,EAAE,WAAW,GAAI;YAC7D,6BAAK,SAAS,EAAC,8BAA8B,IAAE,OAAO,CAAO,CAC3D,CACH;QACD,oBAAC,2BAA2B,IAAC,YAAY,EAAE,YAAY,GAAI,CACtD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { NotificationCardBodyActions } from \"./NotificationCardBodyActions\";\nimport { NotificationCardBodyContentLogo } from \"./NotificationCardBodyContentLogo\";\nimport { services } from \"@finsemble/finsemble-api\";\nimport { ErrorBoundary } from \"../../../../common/ErrorBoundary\";\n\ntype INotification = services.notification.types.INotification;\n\nexport const NotificationCardBodyShell: React.FunctionComponent<{ notification: INotification }> = ({\n\tnotification,\n\tchildren,\n}) => {\n\tconst { details, contentLogo } = notification;\n\n\treturn (\n\t\t<div className=\"notification-card__body\">\n\t\t\t{children ? (\n\t\t\t\t<ErrorBoundary>{children}</ErrorBoundary>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<NotificationCardBodyContentLogo contentLogo={contentLogo} />\n\t\t\t\t\t<div className=\"notification-card__body_text\">{details}</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<NotificationCardBodyActions notification={notification} />\n\t\t</div>\n\t);\n};\n"]}