@finsemble/finsemble-ui 10.0.0-beta.3 → 10.0.0-iocd.2

package/react/components/notifications/components/notificationsCenter/components/DrawerHeader.js

@@ -0,0 +1,78 @@
+import React, { useState, useRef, useContext } from "react";
+import debounce from "lodash/debounce";
+// Hooks
+import { useNotificationUI } from "../../../../../hooks/useNotifications";
+// Components
+import IconButton from "../../shared/IconButton";
+import { NotificationsContext } from "../../../notificationsContext";
+import { FEAGlobals } from "../../../../../../common";
+const NotificationsCenterMenu = ({ isDocked, toggleDockedStatus }) => {
+    const goToSettings = () => {
+        FEAGlobals.FSBL.Clients.RouterClient.transmit("FinsembleUserPreferencesChannel", {
+            preferencesTab: "Notifications",
+        });
+        FEAGlobals.FSBL.Clients.LauncherClient.showWindow({
+            componentType: "UserPreferences",
+        }, {
+            monitor: "mine",
+            left: "center",
+            top: "center",
+        });
+    };
+    return (React.createElement("div", { className: "context-menu__container" },
+        React.createElement("div", { className: "context-menu__action fsbl-nc_undock", onClick: toggleDockedStatus },
+            React.createElement("div", { className: "finsemble-icon" },
+                React.createElement("i", { className: `ff-${isDocked ? "chat-popout" : "share"}` })),
+            React.createElement("span", { className: "btn-label" }, isDocked ? "Undock" : "Dock")),
+        React.createElement("div", { className: "context-menu__action fsbl-nc_open-settings", onClick: goToSettings },
+            React.createElement("div", { className: "finsemble-icon" },
+                React.createElement("i", { className: "ff-settings" })),
+            React.createElement("span", { className: "btn-label" }, "Settings"))));
+};
+const DrawerHeader = ({ isDocked, toggleDockedStatus }) => {
+    const [uiState, setUIState] = useNotificationUI();
+    const notificationsContext = useContext(NotificationsContext);
+    const { searchString, setSearchString } = notificationsContext;
+    const [searchInputValue, setSearchInputValue] = useState(searchString);
+    const [showMenu, setShowMenu] = useState(false);
+    const closeDrawerClick = () => {
+        setUIState(Object.assign(Object.assign({}, uiState), { showCenter: false }));
+    };
+    const toggleMenu = () => {
+        setShowMenu(!showMenu);
+    };
+    // This is unchanged across renders
+    const handleSearchTerm = useRef(debounce((nextValue) => {
+        const regex = /^(title|details|source):/gi;
+        nextValue = nextValue.trim();
+        const isFilter = regex.test(nextValue);
+        let parsedSearchTerm = "";
+        if (isFilter) {
+            parsedSearchTerm = nextValue.split(":")[1].trim();
+        }
+        else {
+            parsedSearchTerm = nextValue;
+        }
+        if (parsedSearchTerm.length > 2) {
+            setSearchString(nextValue);
+        }
+        else {
+            console.log("search string is too short");
+            setSearchString("");
+        }
+    }, 400)).current;
+    const handleChange = (ev) => {
+        const { value: nextValue } = ev.target;
+        setSearchInputValue(nextValue);
+        // Even though handleChange is created on each render and executed
+        // it references the same handleSearchTerm that was created initially
+        handleSearchTerm(nextValue);
+    };
+    return (React.createElement("div", { id: "notifications-center__header" },
+        React.createElement(IconButton, { iconName: "ff-search", classNames: "no-hover" }),
+        React.createElement("input", { className: "search-notifications__input", type: "text", placeholder: "Search Notifications", value: searchInputValue, onChange: handleChange }),
+        React.createElement(IconButton, { iconName: "ff-dots-vert", tooltip: "Options", classNames: "center-menu", clickHandler: toggleMenu }, showMenu ? React.createElement(NotificationsCenterMenu, { isDocked: isDocked, toggleDockedStatus: toggleDockedStatus }) : null),
+        React.createElement(IconButton, { classNames: "fsbl-nc_hide-center", iconName: "ff-adp-chevron-right", clickHandler: closeDrawerClick })));
+};
+export default DrawerHeader;
+//# sourceMappingURL=DrawerHeader.js.map

package/react/components/notifications/components/notificationsCenter/components/DrawerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerHeader.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,QAAQ;AACR,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAE1E,aAAa;AACb,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAOtD,MAAM,uBAAuB,GAAG,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAgC,EAAE,EAAE;IAClG,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,iCAAiC,EAAE;YAChF,cAAc,EAAE,eAAe;SAC/B,CAAC,CAAC;QACH,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAChD;YACC,aAAa,EAAE,iBAAiB;SAChC,EACD;YACC,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,QAAQ;SACb,CACD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,SAAS,EAAC,yBAAyB;QACvC,6BAAK,SAAS,EAAC,qCAAqC,EAAC,OAAO,EAAE,kBAAkB;YAC/E,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,2BAAG,SAAS,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,EAAE,GAAI,CACvD;YACN,8BAAM,SAAS,EAAC,WAAW,IAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAQ,CAC5D;QACN,6BAAK,SAAS,EAAC,4CAA4C,EAAC,OAAO,EAAE,YAAY;YAChF,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,2BAAG,SAAS,EAAC,aAAa,GAAG,CACxB;YACN,8BAAM,SAAS,EAAC,WAAW,eAAgB,CACtC,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAOF,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAoB,EAAE,EAAE;IAC3E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,iBAAiB,EAAE,CAAC;IAClD,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,oBAAoB,CAAC;IAE/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEvE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC7B,UAAU,iCACN,OAAO,KACV,UAAU,EAAE,KAAK,IAChB,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,mCAAmC;IACnC,MAAM,gBAAgB,GAAG,MAAM,CAC9B,QAAQ,CAAC,CAAC,SAAiB,EAAE,EAAE;QAC9B,MAAM,KAAK,GAAG,4BAA4B,CAAC;QAC3C,SAAS,GAAG,SAAS,CAAC,IAAI,EAAE,CAAC;QAE7B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACvC,IAAI,gBAAgB,GAAG,EAAE,CAAC;QAE1B,IAAI,QAAQ,EAAE;YACb,gBAAgB,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SAClD;aAAM;YACN,gBAAgB,GAAG,SAAS,CAAC;SAC7B;QAED,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;YAChC,eAAe,CAAC,SAAS,CAAC,CAAC;SAC3B;aAAM;YACN,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAC;YAC1C,eAAe,CAAC,EAAE,CAAC,CAAC;SACpB;IACF,CAAC,EAAE,GAAG,CAAC,CACP,CAAC,OAAO,CAAC;IAEV,MAAM,YAAY,GAAG,CAAC,EAAO,EAAE,EAAE;QAChC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;QACvC,mBAAmB,CAAC,SAAS,CAAC,CAAC;QAC/B,kEAAkE;QAClE,qEAAqE;QACrE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,EAAE,EAAC,8BAA8B;QACrC,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,UAAU,EAAC,UAAU,GAAG;QACzD,+BACC,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,sBAAsB,EACnC,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,YAAY,GACrB;QACF,oBAAC,UAAU,IAAC,QAAQ,EAAC,cAAc,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,aAAa,EAAC,YAAY,EAAE,UAAU,IACrG,QAAQ,CAAC,CAAC,CAAC,oBAAC,uBAAuB,IAAC,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,kBAAkB,GAAI,CAAC,CAAC,CAAC,IAAI,CAC9F;QACb,oBAAC,UAAU,IAAC,UAAU,EAAC,qBAAqB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,YAAY,EAAE,gBAAgB,GAAI,CAC1G,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/react/components/notifications/components/notificationsCenter/components/ListView.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+import { INotification } from "../../../../../../platform/services/notification/types";
+export declare type NotificationListRowPropType = {
+    notification: INotification;
+    newNotificationHaloPeriodSeconds: number;
+    children: ReactNode;
+};
+export declare const NotificationListRowShell: ({ notification, newNotificationHaloPeriodSeconds, children, }: NotificationListRowPropType) => JSX.Element;
+declare const ListView: ({ notificationHeaderRow, notificationListRow, notifications }: {
+    notificationHeaderRow: any;
+    notificationListRow: any;
+    notifications: any;
+}) => JSX.Element;
+export default ListView;
+//# sourceMappingURL=ListView.d.ts.map

package/react/components/notifications/components/notificationsCenter/components/ListView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/ListView.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAmC,SAAS,EAAE,MAAM,OAAO,CAAC;AA6B1E,OAAO,EACN,aAAa,EAGb,MAAM,wDAAwD,CAAC;AAahE,oBAAY,2BAA2B,GAAG;IACzC,YAAY,EAAE,aAAa,CAAC;IAC5B,gCAAgC,EAAE,MAAM,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,wBAAwB,kEAIlC,2BAA2B,gBA4I7B,CAAC;AAEF,QAAA,MAAM,QAAQ;;;;iBAuDb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/react/components/notifications/components/notificationsCenter/components/ListView.js

@@ -0,0 +1,152 @@
+import React, { useContext, useState, useEffect } from "react";
+import { format, differenceInMilliseconds, parseISO, addSeconds } from "date-fns";
+// Context
+import { NotificationsContext } from "../../../notificationsContext";
+// Components
+import NoNotifications from "../../NoNotifications";
+import ContextMenuToggle from "../../../../common/ContextMenu";
+import { getDefaultContextMenuActions } from "../../shared/notificationCard/NotificationCardHeaderControls";
+import { CheckButton } from "../../shared/CheckButton";
+// Utils
+import { getActiveFilter, getMostRecentAction, isNewNotification, isReNotification, searchNotifications, } from "../../../utils";
+import { NotificationCardHeaderLogo } from "../../shared/notificationCard/NotificationCardHeaderLogo";
+// Constants
+import { SelectionMode } from "../../../constants";
+import { ErrorBoundary } from "../../../../common/ErrorBoundary";
+import { FEAGlobals } from "../../../../../../common";
+import { getNotificationsPreferences } from "../../../../userPreferences/components/content/notificationViews/notificationViewsUtils";
+const ListHeaderComponent = () => (React.createElement("div", { className: "list-header__container" },
+    React.createElement("div", { className: "list-header_cell" }, "Received"),
+    React.createElement("div", { className: "list-header_cell" }, "App"),
+    React.createElement("div", { className: "list-header_cell" }, "Content"),
+    React.createElement("div", { className: "list-header_cell" }, "")));
+export const NotificationListRowShell = ({ notification, newNotificationHaloPeriodSeconds, children, }) => {
+    const notificationsContext = useContext(NotificationsContext);
+    const { setSelectedNotification, muteFilters, selectionMode } = notificationsContext;
+    const [isNew, setIsNew] = useState(isNewNotification(notification, newNotificationHaloPeriodSeconds));
+    const [wokeFromSnooze, setWokeFromSnooze] = useState(isReNotification(notification, newNotificationHaloPeriodSeconds));
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [isMuteFilterApplied, setIsMuteFilterApplied] = useState(muteFilters
+        ? muteFilters.some((filter) => filter.source === notification.source && filter.type === notification.type)
+        : false);
+    // effect needed as the newNotificationHaloPeriodSeconds is fecthed asynchronously in the parent component
+    // and sometimes at the first render, this value is still 0
+    useEffect(() => {
+        setIsNew(isNewNotification(notification, newNotificationHaloPeriodSeconds));
+    }, [newNotificationHaloPeriodSeconds]);
+    useEffect(() => {
+        let isNewTimerId;
+        if (isNew) {
+            if (notification.isRead) {
+                setIsNew(false);
+                clearTimeout(isNewTimerId);
+            }
+            else {
+                isNewTimerId = setTimeout(() => {
+                    setIsNew(false);
+                }, differenceInMilliseconds(addSeconds(parseISO(notification.issuedAt), newNotificationHaloPeriodSeconds), Date.now()));
+            }
+        }
+        return () => {
+            clearTimeout(isNewTimerId);
+        };
+    }, [isNew, notification]);
+    useEffect(() => {
+        let isRenotificationTimerId;
+        if (isReNotification(notification, newNotificationHaloPeriodSeconds)) {
+            const mostRecentAction = getMostRecentAction(notification);
+            if (mostRecentAction) {
+                const { datePerformed } = mostRecentAction;
+                setWokeFromSnooze(true);
+                isRenotificationTimerId = setTimeout(() => {
+                    setWokeFromSnooze(false);
+                }, differenceInMilliseconds(addSeconds(parseISO(datePerformed), newNotificationHaloPeriodSeconds), Date.now()));
+            }
+        }
+        else {
+            setWokeFromSnooze(false);
+            clearTimeout(isRenotificationTimerId);
+        }
+        return () => {
+            clearTimeout(isRenotificationTimerId);
+        };
+    }, [newNotificationHaloPeriodSeconds, notification]);
+    const overFlowActions = getDefaultContextMenuActions();
+    overFlowActions.DETAILS.action = (detailNotification) => {
+        setSelectedNotification(detailNotification);
+    };
+    delete overFlowActions.DISMISS;
+    // Don't display read if notification is read
+    if (overFlowActions.MARK_AS_READ)
+        overFlowActions.MARK_AS_READ.display = !notification.isRead;
+    // Don't display unread if notification is unread
+    if (overFlowActions.MARK_AS_UNREAD)
+        overFlowActions.MARK_AS_UNREAD.display = !!notification.isRead;
+    useEffect(() => {
+        function listenMuteStateChanged(error, response) {
+            if (error) {
+                console.error("FinsembleNotificationsMuteStateChannel: ", error);
+                FEAGlobals.FSBL.Clients.Logger.system.error("FinsembleNotificationsMuteStateChannel: ", error);
+            }
+            else {
+                const { data } = response;
+                if (notification.source === data.source && notification.type === data.type) {
+                    setIsMuteFilterApplied(data.isMuted);
+                }
+            }
+        }
+        FEAGlobals.FSBL.Clients.RouterClient.addListener("FinsembleNotificationsMuteStateChannel", listenMuteStateChanged);
+        return () => {
+            FEAGlobals.FSBL.Clients.RouterClient.removeListener("FinsembleNotificationsMuteStateChannel", listenMuteStateChanged);
+        };
+    }, []);
+    return (React.createElement("div", { className: `list-row__container notification-item ${notification.isRead ? "is-read" : ""} ${isNew || wokeFromSnooze ? "new" : ""}
+				${notification.cssClassName ? notification.cssClassName : ""}` },
+        children ? (React.createElement(React.Fragment, null,
+            selectionMode === SelectionMode.SELECTION ? (React.createElement("div", { className: "list-row__cell" },
+                React.createElement(CheckButton, { notification: notification }))) : (React.createElement(React.Fragment, null)),
+            children)) : (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "list-row__cell" }, format(Date.parse(notification.issuedAt), "dd-MM-yyyy HH:mm")),
+            React.createElement("div", { className: "list-row__cell" }, selectionMode === SelectionMode.SELECTION ? (React.createElement("span", null,
+                React.createElement(CheckButton, { notification: notification }))) : (React.createElement(NotificationCardHeaderLogo, { headerLogo: notification.headerLogo }))),
+            React.createElement("div", { className: "list-row__cell" }, `${notification.title} - ${notification.details}`))),
+        React.createElement("div", { className: "list-row__cell" },
+            React.createElement("span", null,
+                React.createElement(ContextMenuToggle, { menuActions: overFlowActions, message: notification, isMuteFilterApplied: false })))));
+};
+const ListView = ({ notificationHeaderRow, notificationListRow, notifications }) => {
+    var _a;
+    const notificationsContext = useContext(NotificationsContext);
+    // The context will be used to filter the notifications
+    const { drawerControlProps, searchString, filteredNotifications, setFilteredNotifications } = notificationsContext;
+    const activeFilter = getActiveFilter(drawerControlProps);
+    const [newNotificationHaloPeriodSeconds, setNotificationHaloPeriodSeconds] = useState(0);
+    const NotificationHeaderRow = notificationHeaderRow || ListHeaderComponent;
+    const NotificationListRow = notificationListRow || NotificationListRowShell;
+    // Sets the current default preference
+    useEffect(() => {
+        getNotificationsPreferences().then((preferences) => {
+            setNotificationHaloPeriodSeconds(preferences.newNotificationHaloPeriodSeconds);
+        });
+    }, []);
+    useEffect(() => {
+        if (searchString === "") {
+            setFilteredNotifications(notifications);
+        }
+        else {
+            setFilteredNotifications(searchNotifications(notifications, searchString));
+        }
+    }, [searchString, notifications]);
+    let controlFilteredNotifications = activeFilter ? (_a = activeFilter.run) === null || _a === void 0 ? void 0 : _a.call(activeFilter, filteredNotifications) : [];
+    controlFilteredNotifications.sort((a, b) => Date.parse(b.issuedAt) - Date.parse(a.issuedAt));
+    controlFilteredNotifications = controlFilteredNotifications.filter((notification) => activeFilter.action === "snoozed" ? notification.isSnoozed : !notification.isSnoozed);
+    return controlFilteredNotifications.length === 0 ? (React.createElement(NoNotifications, null)) : (React.createElement(React.Fragment, null,
+        React.createElement(NotificationHeaderRow, null),
+        controlFilteredNotifications.map((notification, index) => {
+            const key = `${index}_${notification.id ? notification.id : notification.issuedAt}`;
+            return (React.createElement(ErrorBoundary, { key: key },
+                React.createElement(NotificationListRow, { key: key, notification: notification, newNotificationHaloPeriodSeconds: newNotificationHaloPeriodSeconds })));
+        })));
+};
+export default ListView;
+//# sourceMappingURL=ListView.js.map

package/react/components/notifications/components/notificationsCenter/components/ListView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/ListView.tsx"],"names":[],"mappings":"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"}

package/react/components/notifications/components/notificationsCenter/components/NotificationCenterMainView.d.ts

@@ -0,0 +1,19 @@
+import { ViewMode } from "../../../constants";
+import React from "react";
+import { INotification } from "../../../../../../platform/services/notification/types";
+import { INotificationDetailProps } from "../../../types";
+declare type NotificationCenterMainViewProps = {
+    defaultParams: any;
+    config: any;
+    isDocked: boolean;
+    notifications: INotification[];
+    notificationCard?: React.ComponentType<any>;
+    notificationListRow?: React.ComponentType<INotificationDetailProps>;
+    viewMode: ViewMode;
+    notificationHeaderRow?: React.ComponentType<any>;
+    toggleDocking: Function;
+    addNotification: Function;
+};
+export declare const NotificationCenterMainView: (props: NotificationCenterMainViewProps) => JSX.Element;
+export {};
+//# sourceMappingURL=NotificationCenterMainView.d.ts.map

package/react/components/notifications/components/notificationsCenter/components/NotificationCenterMainView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenterMainView.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/NotificationCenterMainView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAG9C,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AACvF,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAO1D,aAAK,+BAA+B,GAAG;IACtC,aAAa,EAAE,GAAG,CAAC;IACnB,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC5C,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;IACpE,QAAQ,EAAE,QAAQ,CAAC;IACnB,qBAAqB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACjD,aAAa,EAAE,QAAQ,CAAC;IACxB,eAAe,EAAE,QAAQ,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAAW,+BAA+B,gBA4EhF,CAAC"}

package/react/components/notifications/components/notificationsCenter/components/NotificationCenterMainView.js

@@ -0,0 +1,69 @@
+import DrawerHeader from "./DrawerHeader";
+import DrawerControls from "./DrawerControls";
+import { ViewMode } from "../../../constants";
+import CardView from "./CardView";
+import ListView from "./ListView";
+import React, { useContext, useEffect, useRef } from "react";
+import { getFetchHistoryParams } from "../../../../../hooks/useNotifications";
+import { FEAGlobals } from "../../../../../../common";
+import { NotificationsContext } from "../../../notificationsContext";
+const LAZY_LOAD_NO_MORE_PAGES = -1;
+export const NotificationCenterMainView = (props) => {
+    const scrollContainer = useRef(null);
+    const nextPageToFetch = useRef(1);
+    const notificationsContext = useContext(NotificationsContext);
+    const { drawerControlProps } = notificationsContext;
+    const getScrollPercentage = () => {
+        var _a, _b, _c, _d, _e, _f;
+        const maxScroll = ((_b = (_a = scrollContainer.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) !== null && _b !== void 0 ? _b : 0) - ((_d = (_c = scrollContainer.current) === null || _c === void 0 ? void 0 : _c.clientHeight) !== null && _d !== void 0 ? _d : 0);
+        const currentScroll = (_f = (_e = scrollContainer.current) === null || _e === void 0 ? void 0 : _e.scrollTop) !== null && _f !== void 0 ? _f : 0;
+        return currentScroll / maxScroll;
+    };
+    const lazyLoadNextPage = async () => new Promise(async (resolve) => {
+        if (nextPageToFetch.current > 0) {
+            const [options, filter] = getFetchHistoryParams(props.config, props.defaultParams);
+            options.pageNumber = nextPageToFetch.current;
+            const notificationList = await FEAGlobals.FSBL.Clients.NotificationClient.fetchHistory(options, filter);
+            if (notificationList.length) {
+                nextPageToFetch.current = nextPageToFetch.current + 1;
+                for (const notification of notificationList) {
+                    props.addNotification(notification);
+                }
+            }
+            else {
+                // Stop fetching after this one
+                nextPageToFetch.current = LAZY_LOAD_NO_MORE_PAGES;
+            }
+        }
+        resolve();
+    });
+    useEffect(() => { }, [props.notifications, props.isDocked]);
+    useEffect(() => {
+        var _a;
+        const scrollHandler = () => {
+            if (getScrollPercentage() > 0.9) {
+                lazyLoadNextPage();
+            }
+        };
+        (_a = scrollContainer.current) === null || _a === void 0 ? void 0 : _a.addEventListener("scroll", scrollHandler);
+        return () => {
+            var _a;
+            (_a = scrollContainer.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("scroll", scrollHandler);
+        };
+    }, []);
+    useEffect(() => {
+        const recursiveLoad = async () => {
+            // Cater for the case where there is no scroll bar to trigger lazy load - keep loading until scrollbar or no pages
+            await lazyLoadNextPage();
+            if (getScrollPercentage() === 1 && nextPageToFetch.current != LAZY_LOAD_NO_MORE_PAGES) {
+                recursiveLoad();
+            }
+        };
+        recursiveLoad();
+    }, [props.viewMode, drawerControlProps.active]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DrawerHeader, { isDocked: props.isDocked, toggleDockedStatus: props.toggleDocking }),
+        React.createElement(DrawerControls, null),
+        React.createElement("div", { className: "cards-container", ref: scrollContainer }, props.viewMode === ViewMode.CARD ? (React.createElement(CardView, { notifications: props.notifications, notificationCard: props.notificationCard })) : (React.createElement(ListView, { notifications: props.notifications, notificationHeaderRow: props.notificationHeaderRow, notificationListRow: props.notificationListRow })))));
+};
+//# sourceMappingURL=NotificationCenterMainView.js.map

package/react/components/notifications/components/notificationsCenter/components/NotificationCenterMainView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenterMainView.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/NotificationCenterMainView.tsx"],"names":[],"mappings":"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"}

package/react/components/notifications/components/notificationsCenter/components/NotificationDetailsView.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { INotification } from "../../../../../../platform/services/notification/types";
+declare const NotificationDetailsView: ({ notification }: {
+    notification: INotification | null;
+}) => JSX.Element | null;
+export default NotificationDetailsView;
+//# sourceMappingURL=NotificationDetailsView.d.ts.map

package/react/components/notifications/components/notificationsCenter/components/NotificationDetailsView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDetailsView.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/NotificationDetailsView.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAoB,MAAM,wDAAwD,CAAC;AAoDzG,QAAA,MAAM,uBAAuB;kBAAsC,aAAa,GAAG,IAAI;wBAuCtF,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/react/components/notifications/components/notificationsCenter/components/NotificationDetailsView.js

@@ -0,0 +1,64 @@
+import React, { useContext, useState } from "react";
+import { format } from "date-fns";
+import { NotificationsContext } from "../../../notificationsContext";
+import { Button } from "../../../../common/Button";
+const translateAction = (actionType) => {
+    switch (actionType) {
+        case "FINSEMBLE:RECEIVED":
+            return "Notification received";
+        case "FINSEMBLE:READ":
+            return "Notification marked as read";
+        case "FINSEMBLE:UNREAD":
+            return "Notification marked as unread";
+        case "SNOOZE":
+            return "Snoozed";
+        case "FINSEMBLE:WAKE":
+            return "Renotified";
+        case "SPAWN":
+            return "Action: Spawn";
+        default:
+            return actionType;
+    }
+};
+const formatTimeStamp = (timestamp, dateFormat = "dd-MM-yyyy HH:mm") => format(Date.parse(timestamp), dateFormat);
+const renderActionHistoryItems = (notificationActionsHistory) => {
+    if (!notificationActionsHistory || notificationActionsHistory.length === 0) {
+        return React.createElement("span", null, "No actions to display");
+    }
+    else {
+        return notificationActionsHistory
+            .sort((a, b) => Date.parse(b.datePerformed) - Date.parse(a.datePerformed))
+            .map((actionHistoryItem, index) => {
+            const performedAction = actionHistoryItem;
+            return (React.createElement("div", { key: performedAction.id || index, className: "notification-details__performed-action" },
+                React.createElement("span", { className: "notification-details__performed-action-timestamp" }, formatTimeStamp(performedAction.datePerformed, "HH:mm dd-MM-yyyy")),
+                React.createElement("span", { className: "notification-details__performed-action-translated" }, translateAction(performedAction.type))));
+        });
+    }
+};
+const NotificationDetailsView = ({ notification }) => {
+    const notificationsContext = useContext(NotificationsContext);
+    const [showDefaultIcon, setShowDefaultIcon] = useState(false);
+    const goBack = () => {
+        notificationsContext.setSelectedNotification(null);
+    };
+    return notification ? (React.createElement("div", { className: "notifications-details__container" },
+        React.createElement("div", { style: { paddingRight: 8, marginLeft: -3 } },
+            React.createElement(Button, { onClick: () => goBack(), fashion: "primary", iconBefore: "chevron-left", text: "Back" })),
+        React.createElement("div", { className: "notification-details__header" },
+            React.createElement("img", { src: notification.headerLogo, style: showDefaultIcon ? { display: "none" } : {}, onError: () => setShowDefaultIcon(true) }),
+            showDefaultIcon ? React.createElement("i", { className: "ff-finsemble default-img" }) : null,
+            React.createElement("div", { className: "notification-card__title" }, notification.title)),
+        React.createElement("div", { className: "notification-details__body" }, notification.details),
+        React.createElement("div", { className: "notification-details__section" },
+            React.createElement("div", { className: "notification-details__section-title" }, "History"),
+            renderActionHistoryItems(notification.actionsHistory)),
+        React.createElement("div", { className: "notification-details__section" },
+            React.createElement("div", { className: "notification-details__section-title" }, "App"),
+            notification.source ? notification.source : "Uknown"),
+        notification.type ? (React.createElement("div", { className: "notification-details__section" },
+            React.createElement("div", { className: "notification-details__section-title" }, "Type"),
+            React.createElement("span", { className: "notification-details__section-type-label" }, notification.type))) : null)) : null;
+};
+export default NotificationDetailsView;
+//# sourceMappingURL=NotificationDetailsView.js.map

package/react/components/notifications/components/notificationsCenter/components/NotificationDetailsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationDetailsView.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/NotificationDetailsView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGnD,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAU,EAAE;IACtD,QAAQ,UAAU,EAAE;QACnB,KAAK,oBAAoB;YACxB,OAAO,uBAAuB,CAAC;QAEhC,KAAK,gBAAgB;YACpB,OAAO,6BAA6B,CAAC;QAEtC,KAAK,kBAAkB;YACtB,OAAO,+BAA+B,CAAC;QAExC,KAAK,QAAQ;YACZ,OAAO,SAAS,CAAC;QAElB,KAAK,gBAAgB;YACpB,OAAO,YAAY,CAAC;QAErB,KAAK,OAAO;YACX,OAAO,eAAe,CAAC;QAExB;YACC,OAAO,UAAU,CAAC;KACnB;AACF,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,UAAU,GAAG,kBAAkB,EAAE,EAAE,CAC9E,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3C,MAAM,wBAAwB,GAAG,CAAC,0BAA0D,EAAE,EAAE;IAC/F,IAAI,CAAC,0BAA0B,IAAI,0BAA0B,CAAC,MAAM,KAAK,CAAC,EAAE;QAC3E,OAAO,0DAAkC,CAAC;KAC1C;SAAM;QACN,OAAO,0BAA0B;aAC/B,IAAI,CAAC,CAAC,CAAmB,EAAE,CAAmB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;aAC7G,GAAG,CAAC,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE;YACjC,MAAM,eAAe,GAAG,iBAAqC,CAAC;YAC9D,OAAO,CACN,6BAAK,GAAG,EAAE,eAAe,CAAC,EAAE,IAAI,KAAK,EAAE,SAAS,EAAC,wCAAwC;gBACxF,8BAAM,SAAS,EAAC,kDAAkD,IAChE,eAAe,CAAC,eAAe,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAC7D;gBACP,8BAAM,SAAS,EAAC,mDAAmD,IACjE,eAAe,CAAC,eAAe,CAAC,IAAI,CAAC,CAChC,CACF,CACN,CAAC;QACH,CAAC,CAAC,CAAC;KACJ;AACF,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,EAAE,YAAY,EAA0C,EAAE,EAAE;IAC5F,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9D,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,oBAAoB,CAAC,uBAAuB,CAAC,IAAI,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,OAAO,YAAY,CAAC,CAAC,CAAC,CACrB,6BAAK,SAAS,EAAC,kCAAkC;QAChD,6BAAK,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE;YAC9C,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,GAAG,CACtF;QACN,6BAAK,SAAS,EAAC,8BAA8B;YAC5C,6BACC,GAAG,EAAE,YAAY,CAAC,UAAU,EAC5B,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,EACjD,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,IAAI,CAAC,GACtC;YACD,eAAe,CAAC,CAAC,CAAC,2BAAG,SAAS,EAAC,0BAA0B,GAAG,CAAC,CAAC,CAAC,IAAI;YACpE,6BAAK,SAAS,EAAC,0BAA0B,IAAE,YAAY,CAAC,KAAK,CAAO,CAC/D;QACN,6BAAK,SAAS,EAAC,4BAA4B,IAAE,YAAY,CAAC,OAAO,CAAO;QACxE,6BAAK,SAAS,EAAC,+BAA+B;YAC7C,6BAAK,SAAS,EAAC,qCAAqC,cAAc;YACjE,wBAAwB,CAAC,YAAY,CAAC,cAAc,CAAC,CACjD;QACN,6BAAK,SAAS,EAAC,+BAA+B;YAC7C,6BAAK,SAAS,EAAC,qCAAqC,UAAU;YAC7D,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAChD;QACL,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,+BAA+B;YAC7C,6BAAK,SAAS,EAAC,qCAAqC,WAAW;YAC/D,8BAAM,SAAS,EAAC,0CAA0C,IAAE,YAAY,CAAC,IAAI,CAAQ,CAChF,CACN,CAAC,CAAC,CAAC,IAAI,CACH,CACN,CAAC,CAAC,CAAC,IAAI,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/react/components/notifications/components/notificationsCenter/components/NotificationsCenterWindow.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { INotificationCenterProps } from "../../../types";
+import { NotificationServiceState } from "../../../../../../platform/services/notification/types";
+export declare type NotificationsCenterWindowProps = INotificationCenterProps & {
+    getNotificationConfig: Function;
+    getUIState: () => [state: NotificationServiceState, setState: Function];
+    params: any;
+};
+export declare const NotificationsCenterWindow: (props: NotificationsCenterWindowProps) => JSX.Element;
+//# sourceMappingURL=NotificationsCenterWindow.d.ts.map

package/react/components/notifications/components/notificationsCenter/components/NotificationsCenterWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsCenterWindow.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/notifications/components/notificationsCenter/components/NotificationsCenterWindow.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,wBAAwB,EAA6D,MAAM,gBAAgB,CAAC;AAMrH,OAAO,EAGN,wBAAwB,EACxB,MAAM,wDAAwD,CAAC;AAehE,oBAAY,8BAA8B,GAAG,wBAAwB,GAAG;IACvE,qBAAqB,EAAE,QAAQ,CAAC;IAChC,UAAU,EAAE,MAAM,CAAC,KAAK,EAAE,wBAAwB,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACxE,MAAM,EAAE,GAAG,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAAW,8BAA8B,gBAsW9E,CAAC"}