@finsemble/finsemble-ui 1.0.0-beta-5 → 1.0.0-beta-9

package/react/components/userPreferences/components/content/notificationViews/NotificationsPreferencesHome.js

@@ -0,0 +1,212 @@
+import React, { useContext, useEffect, useState } from "react";
+// Context
+import { NotificationsPreferencesContext } from "../../../NotificationsPreferencesContext";
+// Components
+import { Checkbox } from "../../../../common/Checkbox";
+import DefaultDropdownButton from "../../../../shared/DefaultDropdownButton";
+import ButtonRow from "../../../../common/ButtonRow";
+// Utils
+import { FEAGlobals } from "../../../../../../common/Globals";
+import { getNotificationsPreferences, loadSources } from "./notificationViewsUtils";
+const FINSEMBLE_NOTIFICATIONS_SERVICE_CONFIG_PATH = "finsemble.servicesConfig.notifications";
+const NOTIFICATIONS_PREFERENCES_KEYS = {
+    DISABLE_DOT_ON_TOOLBAR_ICON: "disableDotOnToolbarIcon",
+    SHOW_DOT_ON_TOOLBAR_ICON_MUTED_NOTIFICATIONS: "showDotOnToolbarIconForMutedNotifications",
+    INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS: "informationalNotificationToastPeriodSeconds",
+    DEFAULT_SNOOZE_PERIOD_SECONDS: "defaultSnoozePeriodSeconds",
+    NEW_NOTIFICATION_HALO_PERIOD_SECONDS: "newNotificationHaloPeriodSeconds",
+};
+const setAndTransmitPreferenceChange = (preferenceKey, value) => {
+    FEAGlobals.FSBL.Clients.ConfigClient.setPreference({
+        field: `${FINSEMBLE_NOTIFICATIONS_SERVICE_CONFIG_PATH}.${preferenceKey}`,
+        value,
+    }, (err) => {
+        if (err) {
+            FEAGlobals.FSBL.Clients.Logger.system.error(`Error setting preference from Notifications Preferences Home Component - preference: ${preferenceKey} - value: ${value} `, err);
+        }
+        else {
+            FEAGlobals.FSBL.Clients.RouterClient.transmit("FinsembleUserPreferencesChannel", {
+                notificationPreferences: {
+                    [preferenceKey]: value,
+                },
+            });
+        }
+    });
+};
+const informationalToastDuration = [
+    {
+        optionLabel: "10 seconds",
+        optionValue: 10,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS, 10);
+        },
+    },
+    {
+        optionLabel: "30 seconds",
+        optionValue: 30,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS, 30);
+        },
+    },
+    {
+        optionLabel: "45 seconds",
+        optionValue: 45,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS, 45);
+        },
+    },
+    {
+        optionLabel: "60 seconds",
+        optionValue: 60,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS, 60);
+        },
+    },
+];
+const snoozeDuration = [
+    {
+        optionLabel: "5 minutes",
+        optionValue: 300,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 300);
+        },
+    },
+    {
+        optionLabel: "10 minutes",
+        optionValue: 600,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 600);
+        },
+    },
+    {
+        optionLabel: "20 minutes",
+        optionValue: 1200,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 1200);
+        },
+    },
+    {
+        optionLabel: "30 minutes",
+        optionValue: 1800,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 1800);
+        },
+    },
+];
+const newNotificationsHalo = [
+    {
+        optionLabel: "30 seconds",
+        optionValue: 30,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 30);
+        },
+    },
+    {
+        optionLabel: "1 minute",
+        optionValue: 60,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 60);
+        },
+    },
+    {
+        optionLabel: "3 minutes",
+        optionValue: 180,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 180);
+        },
+    },
+    {
+        optionLabel: "5 minutes",
+        optionValue: 600,
+        clickHandler: () => {
+            setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 600);
+        },
+    },
+];
+const NotificationsMainPreferences = () => {
+    const notificationsPreferencesContext = useContext(NotificationsPreferencesContext);
+    const { notificationSources, setNotificationSources, setSelectedNotificationSource, setCurrentNotificationsPreferencesView, } = notificationsPreferencesContext;
+    const [reloadSources, setReloadSources] = useState(false);
+    const [notificationPreferences, setNotificationPreferences] = useState({});
+    useEffect(() => {
+        getNotificationsPreferences().then((preferences) => {
+            FEAGlobals.FSBL.Clients.Logger.info("NotificationsPreferencesHome", preferences);
+            setNotificationPreferences(preferences);
+        });
+    }, []);
+    useEffect(() => {
+        function listenForRefreshEvent(error, response) {
+            if (error) {
+                console.error("FinsembleNotificationsPreferencesChannel: ", error);
+            }
+            else {
+                const { data } = response;
+                if (data === "notificationReceived") {
+                    setReloadSources(true);
+                }
+            }
+        }
+        FEAGlobals.FSBL.Clients.RouterClient.addListener("FinsembleNotificationsPreferencesChannel", listenForRefreshEvent);
+        return () => {
+            FEAGlobals.FSBL.Clients.RouterClient.removeListener("FinsembleNotificationsPreferencesChannel", listenForRefreshEvent);
+        };
+    }, []);
+    {
+        notificationSources &&
+            useEffect(() => {
+                loadSources(setNotificationSources, setReloadSources);
+            }, [notificationSources.length == 0, reloadSources]);
+    }
+    useEffect(() => {
+        function navigateToSourceDetail(err, response) {
+            const { data } = response;
+            if (data.notification) {
+                const selectedSource = notificationSources.find((source) => source.source === data.notification.source) || null;
+                setSelectedNotificationSource(selectedSource);
+                setCurrentNotificationsPreferencesView("Details");
+            }
+        }
+        FEAGlobals.FSBL.Clients.RouterClient.addListener("FinsembleNotificationsNavigationChannel", navigateToSourceDetail);
+        return () => {
+            FEAGlobals.FSBL.Clients.RouterClient.removeListener("FinsembleNotificationsNavigationChannel", navigateToSourceDetail);
+        };
+    }, [notificationSources]);
+    const toggleNotificationDot = () => {
+        setNotificationPreferences((prevState) => {
+            return Object.assign(Object.assign({}, prevState), { disableDotOnToolbarIcon: !notificationPreferences.disableDotOnToolbarIcon });
+        });
+        setAndTransmitPreferenceChange("disableDotOnToolbarIcon", !notificationPreferences.disableDotOnToolbarIcon);
+    };
+    const toggleActionableNotificationToast = () => {
+        setNotificationPreferences((prevState) => {
+            return Object.assign(Object.assign({}, prevState), { toastTimeoutOnActionableNotifications: !notificationPreferences.toastTimeoutOnActionableNotifications });
+        });
+        setAndTransmitPreferenceChange("toastTimeoutOnActionableNotifications", !notificationPreferences.toastTimeoutOnActionableNotifications);
+    };
+    const toggleNotificationDotForMutedNotifications = () => {
+        setNotificationPreferences((prevState) => {
+            return Object.assign(Object.assign({}, prevState), { showDotOnToolbarIconForMutedNotifications: !notificationPreferences.showDotOnToolbarIconForMutedNotifications });
+        });
+        setAndTransmitPreferenceChange("showDotOnToolbarIconForMutedNotifications", !notificationPreferences.showDotOnToolbarIconForMutedNotifications);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "row-section" },
+            React.createElement(ButtonRow, { label: "Notification sources", onClick: () => setCurrentNotificationsPreferencesView("Sources"), iconClass: "ff-caret-up rotate-90" })),
+        React.createElement("div", { className: "row-section" },
+            React.createElement(Checkbox, { onClick: toggleNotificationDot, checked: !notificationPreferences.disableDotOnToolbarIcon, label: "Show notification dot for new notifications" })),
+        React.createElement("div", { className: "row-section" },
+            React.createElement(Checkbox, { disabled: notificationPreferences.disableDotOnToolbarIcon, onClick: toggleNotificationDotForMutedNotifications, checked: notificationPreferences.showDotOnToolbarIconForMutedNotifications, label: "Show notification dot for notifications marked as \u201CDon\u2019t show\u201D" })),
+        React.createElement("div", { className: "row-section", style: { paddingTop: "15px", paddingBottom: "15px" } },
+            React.createElement(Checkbox, { onClick: toggleActionableNotificationToast, checked: notificationPreferences.toastTimeoutOnActionableNotifications, label: "Enable toast timeouts on actionable notifications" })),
+        React.createElement("div", { className: "row-section" },
+            React.createElement("span", { className: "row__lbl" }, "Toast times out after"),
+            React.createElement(DefaultDropdownButton, { allowEmpty: false, caretLocation: "right", defaultSelection: informationalToastDuration.find((element) => element.optionValue === notificationPreferences.informationalNotificationToastPeriodSeconds), buttonOptions: informationalToastDuration })),
+        React.createElement("div", { className: "row-section" },
+            React.createElement("span", { className: "row__lbl" }, "Snooze for"),
+            React.createElement(DefaultDropdownButton, { allowEmpty: false, caretLocation: "right", defaultSelection: snoozeDuration.find((element) => element.optionValue === notificationPreferences.defaultSnoozePeriodSeconds), buttonOptions: snoozeDuration })),
+        React.createElement("div", { className: "row-section" },
+            React.createElement("span", { className: "row__lbl" }, "Turn off the new notification halo after"),
+            React.createElement(DefaultDropdownButton, { allowEmpty: false, caretLocation: "right", defaultSelection: newNotificationsHalo.find((element) => element.optionValue === notificationPreferences.newNotificationHaloPeriodSeconds), buttonOptions: newNotificationsHalo }))));
+};
+export default NotificationsMainPreferences;
+//# sourceMappingURL=NotificationsPreferencesHome.js.map

package/react/components/userPreferences/components/content/notificationViews/NotificationsPreferencesHome.js.map

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

package/react/components/userPreferences/components/content/notificationViews/NotificationsSourceTypes.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare const NotificationsSourceTypes: (context?: any) => JSX.Element;
+export default NotificationsSourceTypes;
+//# sourceMappingURL=NotificationsSourceTypes.d.ts.map

package/react/components/userPreferences/components/content/notificationViews/NotificationsSourceTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsSourceTypes.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/userPreferences/components/content/notificationViews/NotificationsSourceTypes.tsx"],"names":[],"mappings":";AAgEA,QAAA,MAAM,wBAAwB,aAAc,GAAG,gBAwH9C,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/react/components/userPreferences/components/content/notificationViews/NotificationsSourceTypes.js

@@ -0,0 +1,135 @@
+import React, { useContext, useEffect, useState } from "react";
+// Context
+import { NotificationsPreferencesContext } from "../../../NotificationsPreferencesContext";
+// Components
+import BellIcon from "../../../../shared/BellIcon";
+import BellIconCrossed from "../../../../shared/BellIconCrossed";
+import { Button } from "../../../../common/Button";
+import { FEAGlobals } from "../../../../../../common/Globals";
+const renderTypes = (muteFilters, sourceTypes, setTypesMutedState) => sourceTypes.map((sourceType, index) => {
+    const toggleMute = (type) => {
+        const newState = [...sourceTypes].map((typeToUpdate) => {
+            if (typeToUpdate.name === type) {
+                const muteFilter = muteFilters.find((muteFilterItem) => muteFilterItem.type === typeToUpdate.name);
+                if (!muteFilter) {
+                    console.error(`Unable to find mute filter ${typeToUpdate.muted} for source`);
+                }
+                else {
+                    let isMuted = false;
+                    if (typeToUpdate.muted) {
+                        FEAGlobals.FSBL.Clients.NotificationClient.unmute(muteFilter);
+                    }
+                    else {
+                        FEAGlobals.FSBL.Clients.NotificationClient.mute(muteFilter);
+                        isMuted = true;
+                    }
+                    FEAGlobals.FSBL.Clients.RouterClient.transmit("FinsembleNotificationsMuteStateChannel", {
+                        source: muteFilter.source,
+                        type: muteFilter.type,
+                        isMuted: isMuted,
+                    });
+                    typeToUpdate.muted = !typeToUpdate.muted;
+                }
+            }
+            return typeToUpdate;
+        });
+        setTypesMutedState(newState);
+    };
+    return (React.createElement("div", { key: `${sourceType.name}__${index}`, className: "row-section" },
+        React.createElement("div", { className: "row" },
+            React.createElement("div", { className: "row__lbl" }, sourceType.name),
+            React.createElement("div", { className: "row_right__icon", onClick: () => toggleMute(sourceType.name) }, sourceType.muted ? React.createElement(BellIconCrossed, null) : React.createElement(BellIcon, null)))));
+});
+const NotificationsSourceTypes = (context) => {
+    const notificationsPreferencesContext = useContext(NotificationsPreferencesContext);
+    const currentNotificationSource = notificationsPreferencesContext.selectedNotificationSource;
+    const sourceTypes = (currentNotificationSource === null || currentNotificationSource === void 0 ? void 0 : currentNotificationSource.types.filter((type) => type.name !== "default")) || [];
+    const muteFilters = sourceTypes.map((sourceType) => {
+        const muteFilter = { type: sourceType.name };
+        if (currentNotificationSource === null || currentNotificationSource === void 0 ? void 0 : currentNotificationSource.source) {
+            muteFilter.source = currentNotificationSource.source;
+        }
+        return muteFilter;
+    });
+    const goBack = () => {
+        notificationsPreferencesContext.setCurrentNotificationsPreferencesView("Sources");
+    };
+    const [typesMutedState, setTypesMutedState] = useState(sourceTypes);
+    const [allMuted, setAllMuted] = useState(false);
+    const toggleMuteAll = () => {
+        let newTypesMutedState = [];
+        if (allMuted) {
+            newTypesMutedState = typesMutedState.map((sourceType) => {
+                sourceType.muted = false;
+                return sourceType;
+            });
+            FEAGlobals.FSBL.Clients.NotificationClient.unmute(muteFilters);
+        }
+        else {
+            newTypesMutedState = typesMutedState.map((sourceType) => {
+                sourceType.muted = true;
+                return sourceType;
+            });
+            FEAGlobals.FSBL.Clients.NotificationClient.mute(muteFilters);
+        }
+        newTypesMutedState.forEach((element) => {
+            FEAGlobals.FSBL.Clients.RouterClient.transmit("FinsembleNotificationsMuteStateChannel", {
+                source: currentNotificationSource === null || currentNotificationSource === void 0 ? void 0 : currentNotificationSource.source,
+                type: element.name,
+                isMuted: !allMuted,
+            });
+        });
+        setTypesMutedState(newTypesMutedState);
+        setAllMuted(!allMuted);
+    };
+    // Navigation Hook
+    useEffect(() => {
+        function listenForPreference(error, response) {
+            if (error) {
+                console.error("FinsembleUserPreferencesChannel: ", error);
+            }
+            else {
+                const { data } = response;
+                if (!data.notification) {
+                    notificationsPreferencesContext.setCurrentNotificationsPreferencesView("Home");
+                }
+            }
+        }
+        FEAGlobals.FSBL.Clients.RouterClient.addListener("FinsembleUserPreferencesChannel", listenForPreference);
+        return () => {
+            FEAGlobals.FSBL.Clients.RouterClient.removeListener("FinsembleUserPreferencesChannel", listenForPreference);
+        };
+    }, []);
+    useEffect(() => {
+        function listenMuteStateChanged(error, response) {
+            if (error) {
+                console.error("FinsembleNotificationsMuteStateChannel: ", error);
+            }
+            else {
+                const { data } = response;
+                const newTypesMutedState = [...typesMutedState].map((muteState) => {
+                    if (muteState.name !== data.type)
+                        return muteState;
+                    return { name: data.type, muted: data.isMuted };
+                });
+                setTypesMutedState(newTypesMutedState);
+                setAllMuted(newTypesMutedState.every((sourceType) => sourceType.muted));
+            }
+        }
+        FEAGlobals.FSBL.Clients.RouterClient.addListener("FinsembleNotificationsMuteStateChannel", listenMuteStateChanged);
+        return () => {
+            FEAGlobals.FSBL.Clients.RouterClient.removeListener("FinsembleNotificationsMuteStateChannel", listenMuteStateChanged);
+        };
+    }, []);
+    return (React.createElement("div", { className: "notification-sources__container" },
+        React.createElement("div", { className: "notification-sources__header" },
+            React.createElement("div", { style: { paddingRight: 8, marginLeft: -3 } },
+                React.createElement(Button, { onClick: () => goBack(), fashion: "primary", iconBefore: "chevron-left", text: "Back" })),
+            React.createElement("span", { className: "heading-larger" }, JSON.stringify(notificationsPreferencesContext) === "{}" && context
+                ? context.context.source
+                : currentNotificationSource === null || currentNotificationSource === void 0 ? void 0 : currentNotificationSource.source),
+            muteFilters.length > 0 ? (React.createElement(Button, { fashion: "primary", className: "accent-negative", text: allMuted ? "Show All" : "Don't Show All", onClick: toggleMuteAll, fixedSize: 110 })) : null),
+        React.createElement("div", { className: "notification-sources__types" }, typesMutedState && typesMutedState.length > 0 ? (renderTypes(muteFilters, typesMutedState, setTypesMutedState)) : (React.createElement("div", { id: "no-source-types", className: "row-section" }, "No source types configured")))));
+};
+export default NotificationsSourceTypes;
+//# sourceMappingURL=NotificationsSourceTypes.js.map

package/react/components/userPreferences/components/content/notificationViews/NotificationsSourceTypes.js.map

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

package/react/components/userPreferences/components/content/notificationViews/NotificationsSourcesPreferences.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const NotificationsSourcesPreferences: React.FunctionComponent<{
+    context?: any;
+}>;
+export default NotificationsSourcesPreferences;
+//# sourceMappingURL=NotificationsSourcesPreferences.d.ts.map

package/react/components/userPreferences/components/content/notificationViews/NotificationsSourcesPreferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsSourcesPreferences.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/userPreferences/components/content/notificationViews/NotificationsSourcesPreferences.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAsC/D,QAAA,MAAM,+BAA+B,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,OAAO,CAAC,EAAE,GAAG,CAAA;CAAE,CAqF/E,CAAC;AAEF,eAAe,+BAA+B,CAAC"}

package/react/components/userPreferences/components/content/notificationViews/NotificationsSourcesPreferences.js

@@ -0,0 +1,80 @@
+import React, { useContext, useEffect, useState } from "react";
+import ButtonRow from "../../../../common/ButtonRow";
+// Context
+import { NotificationsPreferencesContext } from "../../../NotificationsPreferencesContext";
+// Components
+import { Button } from "../../../../common/Button";
+// Utils
+import { loadSources } from "./notificationViewsUtils";
+import { FEAGlobals } from "../../../../../../common/Globals";
+const NotificationSourceRowButton = ({ source }) => {
+    const notificationsPreferencesContext = useContext(NotificationsPreferencesContext);
+    const { setSelectedNotificationSource, setCurrentNotificationsPreferencesView } = notificationsPreferencesContext;
+    const [showDefaultIcon] = useState(!source.icon);
+    return (React.createElement("div", { className: "row-section" },
+        React.createElement(ButtonRow, { onClick: () => {
+                setSelectedNotificationSource(source);
+                setCurrentNotificationsPreferencesView("Details");
+            }, label: source.source, img: source.icon, showDefaultIcon: showDefaultIcon, iconClass: "ff-caret-up rotate-90" })));
+};
+const NotificationsSourcesPreferences = ({ context }) => {
+    const notificationsPreferencesContext = useContext(NotificationsPreferencesContext);
+    let { notificationSources, setNotificationSources, setSelectedNotificationSource, setCurrentNotificationsPreferencesView, } = notificationsPreferencesContext;
+    if (JSON.stringify(notificationsPreferencesContext) === "{}" && context) {
+        notificationSources = context;
+    }
+    const [reloadSources, setReloadSources] = useState(false);
+    useEffect(() => {
+        function listenForPreference(error, response) {
+            if (error) {
+                console.error("FinsembleNotificationsNavigationChannel: ", error);
+            }
+            else {
+                const { data } = response;
+                if (!data.notification) {
+                    setCurrentNotificationsPreferencesView("Home");
+                }
+                else {
+                    const selectedSource = notificationSources.find((source) => source.source === data.notification.source) || null;
+                    setSelectedNotificationSource(selectedSource);
+                    setCurrentNotificationsPreferencesView("Details");
+                }
+            }
+        }
+        FEAGlobals.FSBL.Clients.RouterClient.addListener("FinsembleNotificationsNavigationChannel", listenForPreference);
+        return () => {
+            FEAGlobals.FSBL.Clients.RouterClient.removeListener("FinsembleNotificationsNavigationChannel", listenForPreference);
+        };
+    }, []);
+    useEffect(() => {
+        loadSources(setNotificationSources, setReloadSources);
+    }, [reloadSources]);
+    useEffect(() => {
+        async function listenForRefreshEvent(error, response) {
+            if (error) {
+                console.error("FinsembleNotificationsPreferencesChannel: ", error);
+            }
+            else {
+                const { data } = response;
+                if (data === "notificationReceived") {
+                    setReloadSources(true);
+                }
+            }
+        }
+        FEAGlobals.FSBL.Clients.RouterClient.addListener("FinsembleNotificationsPreferencesChannel", listenForRefreshEvent);
+        return () => {
+            FEAGlobals.FSBL.Clients.RouterClient.removeListener("FinsembleNotificationsPreferencesChannel", listenForRefreshEvent);
+        };
+    }, []);
+    const goBack = () => {
+        setCurrentNotificationsPreferencesView("Home");
+    };
+    return (React.createElement("div", { className: "notification-sources__container" },
+        React.createElement("div", { className: "notification-sources__header" },
+            React.createElement("div", { style: { paddingRight: 8, marginLeft: -3 } },
+                React.createElement(Button, { onClick: () => goBack(), fashion: "primary", iconBefore: "chevron-left", text: "Back" })),
+            React.createElement("span", { className: "heading-larger" }, "Notification sources")),
+        React.createElement("div", { className: "notification-sources__list" }, notificationSources && notificationSources.length > 0 ? (notificationSources.map((source, index) => React.createElement(NotificationSourceRowButton, { key: index, source: source }))) : (React.createElement("span", { id: "no-notification-sources" }, "No notification sources to display")))));
+};
+export default NotificationsSourcesPreferences;
+//# sourceMappingURL=NotificationsSourcesPreferences.js.map

package/react/components/userPreferences/components/content/notificationViews/NotificationsSourcesPreferences.js.map

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

package/react/components/userPreferences/components/content/notificationViews/notificationViewsUtils.d.ts

@@ -0,0 +1,5 @@
+import { INotificationSources } from "../Notifications";
+import { NotificationServiceConfig } from "../../../../../../platform/services/notification/types";
+export declare const loadSources: (setNotificationSources: React.Dispatch<React.SetStateAction<INotificationSources[]>>, setReloadSources: React.Dispatch<React.SetStateAction<boolean>>) => Promise<void>;
+export declare const getNotificationsPreferences: () => Promise<NotificationServiceConfig>;
+//# sourceMappingURL=notificationViewsUtils.d.ts.map

package/react/components/userPreferences/components/content/notificationViews/notificationViewsUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationViewsUtils.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/components/userPreferences/components/content/notificationViews/notificationViewsUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAS,MAAM,kBAAkB,CAAC;AAG/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,wDAAwD,CAAC;AAKnG,eAAO,MAAM,WAAW,2BACC,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,oBAAoB,EAAE,CAAC,CAAC,oBAClE,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC,kBAkC/D,CAAC;AAEF,eAAO,MAAM,2BAA2B,QAAa,QAAQ,yBAAyB,CACpB,CAAC"}

package/react/components/userPreferences/components/content/notificationViews/notificationViewsUtils.js

@@ -0,0 +1,37 @@
+import { FEAGlobals } from "../../../../../../common/Globals";
+const isTypeMutedForSource = (source, type, muteFilters) => muteFilters.filter((mFilter) => mFilter.source === source && mFilter.type === type);
+export const loadSources = async (setNotificationSources, setReloadSources) => {
+    const notificationSoures = await FEAGlobals.FSBL.Clients.NotificationClient.getSources();
+    const muteFilters = await FEAGlobals.FSBL.Clients.NotificationClient.getMuteFilters();
+    FEAGlobals.FSBL.Clients.ConfigClient.getValue({ field: "finsemble" }, (err, finsembleConfig) => {
+        var _a;
+        if (err) {
+            console.error("Error geting components config to extract notifications config");
+        }
+        else {
+            const componentsConfig = finsembleConfig === null || finsembleConfig === void 0 ? void 0 : finsembleConfig.components;
+            const notificationsServiceConfig = (_a = finsembleConfig === null || finsembleConfig === void 0 ? void 0 : finsembleConfig.servicesConfig) === null || _a === void 0 ? void 0 : _a.notifications;
+            const configuredTypes = Object.keys(notificationsServiceConfig.types);
+            let sources = null;
+            if (notificationSoures) {
+                sources = notificationSoures.map((currSource) => {
+                    var _a, _b, _c, _d;
+                    const types = configuredTypes.map((configuredType) => Object({
+                        name: configuredType,
+                        muted: isTypeMutedForSource(currSource, configuredType, muteFilters).length > 0,
+                    }));
+                    const result = {
+                        source: currSource,
+                        icon: ((_d = (_c = (_b = (_a = componentsConfig[currSource]) === null || _a === void 0 ? void 0 : _a.foreign) === null || _b === void 0 ? void 0 : _b.components) === null || _c === void 0 ? void 0 : _c.Toolbar) === null || _d === void 0 ? void 0 : _d.iconURL) || null,
+                        types,
+                    };
+                    return result;
+                });
+                setNotificationSources(sources);
+                setReloadSources(false);
+            }
+        }
+    });
+};
+export const getNotificationsPreferences = async () => await FEAGlobals.FSBL.Clients.NotificationClient.getPreferences();
+//# sourceMappingURL=notificationViewsUtils.js.map

package/react/components/userPreferences/components/content/notificationViews/notificationViewsUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationViewsUtils.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/userPreferences/components/content/notificationViews/notificationViewsUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9D,MAAM,oBAAoB,GAAG,CAAC,MAAc,EAAE,IAAY,EAAE,WAA0B,EAAE,EAAE,CACzF,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;AAErF,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,EAC/B,sBAAoF,EACpF,gBAA+D,EAC9D,EAAE;IACH,MAAM,kBAAkB,GAAa,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,UAAU,EAAE,CAAC;IACnG,MAAM,WAAW,GAAkB,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,cAAc,EAAE,CAAC;IAErG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC,GAAQ,EAAE,eAAoB,EAAE,EAAE;;QACxG,IAAI,GAAG,EAAE;YACR,OAAO,CAAC,KAAK,CAAC,gEAAgE,CAAC,CAAC;SAChF;aAAM;YACN,MAAM,gBAAgB,GAAG,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,UAAU,CAAC;YACrD,MAAM,0BAA0B,GAAG,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,cAAc,0CAAE,aAAa,CAAC;YAClF,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC;YACtE,IAAI,OAAO,GAAQ,IAAI,CAAC;YAExB,IAAI,kBAAkB,EAAE;gBACvB,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;;oBAC/C,MAAM,KAAK,GAAY,eAAe,CAAC,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE,CAC7D,MAAM,CAAC;wBACN,IAAI,EAAE,cAAc;wBACpB,KAAK,EAAE,oBAAoB,CAAC,UAAU,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC;qBAC/E,CAAC,CACF,CAAC;oBACF,MAAM,MAAM,GAAyB;wBACpC,MAAM,EAAE,UAAU;wBAClB,IAAI,EAAE,CAAA,MAAA,MAAA,MAAA,MAAA,gBAAgB,CAAC,UAAU,CAAC,0CAAE,OAAO,0CAAE,UAAU,0CAAE,OAAO,0CAAE,OAAO,KAAI,IAAI;wBACjF,KAAK;qBACL,CAAC;oBACF,OAAO,MAAM,CAAC;gBACf,CAAC,CAAC,CAAC;gBACH,sBAAsB,CAAC,OAAO,CAAC,CAAC;gBAChC,gBAAgB,CAAC,KAAK,CAAC,CAAC;aACxB;SACD;IACF,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,KAAK,IAAwC,EAAE,CACzF,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,cAAc,EAAE,CAAC"}

package/react/components/userPreferences/components/general/DownloadPreferences.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { StandardCallback } from "../../../../../types";
+export declare type DownloadPreferencesProps = {
+    getPreferences: (cb: StandardCallback) => void;
+    setPreferences: (key: any, value: any) => void;
+    configKey: string;
+};
+export declare const DownloadPreferences: React.FunctionComponent<DownloadPreferencesProps>;
+export default DownloadPreferences;
+//# sourceMappingURL=DownloadPreferences.d.ts.map

package/react/components/userPreferences/components/general/DownloadPreferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadPreferences.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/userPreferences/components/general/DownloadPreferences.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD,oBAAY,wBAAwB,GAAG;IACtC,cAAc,EAAE,CAAC,EAAE,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CA6HjF,CAAC;AAEF,eAAe,mBAAmB,CAAC"}