@finsemble/finsemble-ui 1.0.0-beta-1

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

@@ -0,0 +1,214 @@
+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 { 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) => {
+    FSBL.Clients.ConfigClient.setPreference({
+        field: `${FINSEMBLE_NOTIFICATIONS_SERVICE_CONFIG_PATH}.${preferenceKey}`,
+        value,
+    }, (err) => {
+        if (err) {
+            FSBL.Clients.Logger.system.error(`Error setting preference from Notifications Preferences Home Component - preference: ${preferenceKey} - value: ${value} `, err);
+        }
+        else {
+            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(() => {
+        async function getNotificationsPreferences() {
+            return await FSBL.Clients.NotificationClient.getPreferences();
+        }
+        getNotificationsPreferences().then((preferences) => {
+            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);
+                }
+            }
+        }
+        FSBL.Clients.RouterClient.addListener("FinsembleNotificationsPreferencesChannel", listenForRefreshEvent);
+        return () => {
+            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");
+            }
+        }
+        FSBL.Clients.RouterClient.addListener("FinsembleNotificationsNavigationChannel", navigateToSourceDetail);
+        return () => {
+            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/components/userPreferences/components/content/notificationViews/NotificationsPreferencesHome.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useState } from \"react\";\n\n// Context\nimport { NotificationsPreferencesContext } from \"../../../NotificationsPreferencesContext\";\n\n// Components\nimport { Checkbox } from \"../../../../common/Checkbox\";\nimport DefaultDropdownButton, {\n\tIFinsembleDefaultDropdownButtonOptionsProps,\n} from \"../../../../shared/DefaultDropdownButton\";\nimport ButtonRow from \"../../../../common/ButtonRow\";\n\n// Utils\nimport { loadSources } from \"./notificationViewsUtils\";\n\nconst FINSEMBLE_NOTIFICATIONS_SERVICE_CONFIG_PATH = \"finsemble.servicesConfig.notifications\";\nconst NOTIFICATIONS_PREFERENCES_KEYS = {\n\tDISABLE_DOT_ON_TOOLBAR_ICON: \"disableDotOnToolbarIcon\",\n\tSHOW_DOT_ON_TOOLBAR_ICON_MUTED_NOTIFICATIONS: \"showDotOnToolbarIconForMutedNotifications\",\n\tINFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS: \"informationalNotificationToastPeriodSeconds\",\n\tDEFAULT_SNOOZE_PERIOD_SECONDS: \"defaultSnoozePeriodSeconds\",\n\tNEW_NOTIFICATION_HALO_PERIOD_SECONDS: \"newNotificationHaloPeriodSeconds\",\n};\n\nconst setAndTransmitPreferenceChange = (preferenceKey: string, value: any) => {\n\tFSBL.Clients.ConfigClient.setPreference(\n\t\t{\n\t\t\tfield: `${FINSEMBLE_NOTIFICATIONS_SERVICE_CONFIG_PATH}.${preferenceKey}`,\n\t\t\tvalue,\n\t\t},\n\t\t(err) => {\n\t\t\tif (err) {\n\t\t\t\tFSBL.Clients.Logger.system.error(\n\t\t\t\t\t`Error setting preference from Notifications Preferences Home Component - preference: ${preferenceKey} - value: ${value} `,\n\t\t\t\t\terr\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleUserPreferencesChannel\", {\n\t\t\t\t\tnotificationPreferences: {\n\t\t\t\t\t\t[preferenceKey]: value,\n\t\t\t\t\t},\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t);\n};\n\nconst informationalToastDuration: IFinsembleDefaultDropdownButtonOptionsProps[] = [\n\t{\n\t\toptionLabel: \"10 seconds\",\n\t\toptionValue: 10,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(\n\t\t\t\tNOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS,\n\t\t\t\t10\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\toptionLabel: \"30 seconds\",\n\t\toptionValue: 30,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(\n\t\t\t\tNOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS,\n\t\t\t\t30\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\toptionLabel: \"45 seconds\",\n\t\toptionValue: 45,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(\n\t\t\t\tNOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS,\n\t\t\t\t45\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\toptionLabel: \"60 seconds\",\n\t\toptionValue: 60,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(\n\t\t\t\tNOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS,\n\t\t\t\t60\n\t\t\t);\n\t\t},\n\t},\n];\n\nconst snoozeDuration: IFinsembleDefaultDropdownButtonOptionsProps[] = [\n\t{\n\t\toptionLabel: \"5 minutes\",\n\t\toptionValue: 300,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 300);\n\t\t},\n\t},\n\t{\n\t\toptionLabel: \"10 minutes\",\n\t\toptionValue: 600,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 600);\n\t\t},\n\t},\n\t{\n\t\toptionLabel: \"20 minutes\",\n\t\toptionValue: 1200,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 1200);\n\t\t},\n\t},\n\t{\n\t\toptionLabel: \"30 minutes\",\n\t\toptionValue: 1800,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 1800);\n\t\t},\n\t},\n];\n\nconst newNotificationsHalo: IFinsembleDefaultDropdownButtonOptionsProps[] = [\n\t{\n\t\toptionLabel: \"30 seconds\",\n\t\toptionValue: 30,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 30);\n\t\t},\n\t},\n\t{\n\t\toptionLabel: \"1 minute\",\n\t\toptionValue: 60,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 60);\n\t\t},\n\t},\n\t{\n\t\toptionLabel: \"3 minutes\",\n\t\toptionValue: 180,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 180);\n\t\t},\n\t},\n\t{\n\t\toptionLabel: \"5 minutes\",\n\t\toptionValue: 600,\n\t\tclickHandler: () => {\n\t\t\tsetAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 600);\n\t\t},\n\t},\n];\n\nconst NotificationsMainPreferences: React.FunctionComponent = () => {\n\tconst notificationsPreferencesContext = useContext(NotificationsPreferencesContext);\n\tconst {\n\t\tnotificationSources,\n\t\tsetNotificationSources,\n\t\tsetSelectedNotificationSource,\n\t\tsetCurrentNotificationsPreferencesView,\n\t} = notificationsPreferencesContext;\n\n\tconst [reloadSources, setReloadSources] = useState(false);\n\n\tconst [notificationPreferences, setNotificationPreferences] = useState<any>({});\n\n\tuseEffect(() => {\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\tFSBL.Clients.Logger.info(\"NotificationsPreferencesHome\", preferences);\n\t\t\tsetNotificationPreferences(preferences);\n\t\t});\n\t}, []);\n\n\tuseEffect(() => {\n\t\tfunction listenForRefreshEvent(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleNotificationsPreferencesChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tif (data === \"notificationReceived\") {\n\t\t\t\t\tsetReloadSources(true);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsPreferencesChannel\", listenForRefreshEvent);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsPreferencesChannel\", listenForRefreshEvent);\n\t\t};\n\t}, []);\n\t{\n\t\tnotificationSources &&\n\t\t\tuseEffect(() => {\n\t\t\t\tloadSources(setNotificationSources, setReloadSources);\n\t\t\t}, [notificationSources.length == 0, reloadSources]);\n\t}\n\n\tuseEffect(() => {\n\t\tfunction navigateToSourceDetail(err: any, response: any) {\n\t\t\tconst { data } = response;\n\t\t\tif (data.notification) {\n\t\t\t\tconst selectedSource = notificationSources.find((source) => source.source === data.notification.source) || null;\n\t\t\t\tsetSelectedNotificationSource(selectedSource);\n\t\t\t\tsetCurrentNotificationsPreferencesView(\"Details\");\n\t\t\t}\n\t\t}\n\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsNavigationChannel\", navigateToSourceDetail);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsNavigationChannel\", navigateToSourceDetail);\n\t\t};\n\t}, [notificationSources]);\n\n\tconst toggleNotificationDot = () => {\n\t\tsetNotificationPreferences((prevState: any) => {\n\t\t\treturn {\n\t\t\t\t...prevState,\n\t\t\t\tdisableDotOnToolbarIcon: !notificationPreferences.disableDotOnToolbarIcon,\n\t\t\t};\n\t\t});\n\t\tsetAndTransmitPreferenceChange(\"disableDotOnToolbarIcon\", !notificationPreferences.disableDotOnToolbarIcon);\n\t};\n\n\tconst toggleActionableNotificationToast = () => {\n\t\tsetNotificationPreferences((prevState: any) => {\n\t\t\treturn {\n\t\t\t\t...prevState,\n\t\t\t\ttoastTimeoutOnActionableNotifications: !notificationPreferences.toastTimeoutOnActionableNotifications,\n\t\t\t};\n\t\t});\n\t\tsetAndTransmitPreferenceChange(\n\t\t\t\"toastTimeoutOnActionableNotifications\",\n\t\t\t!notificationPreferences.toastTimeoutOnActionableNotifications\n\t\t);\n\t};\n\n\tconst toggleNotificationDotForMutedNotifications = () => {\n\t\tsetNotificationPreferences((prevState: any) => {\n\t\t\treturn {\n\t\t\t\t...prevState,\n\t\t\t\tshowDotOnToolbarIconForMutedNotifications: !notificationPreferences.showDotOnToolbarIconForMutedNotifications,\n\t\t\t};\n\t\t});\n\t\tsetAndTransmitPreferenceChange(\n\t\t\t\"showDotOnToolbarIconForMutedNotifications\",\n\t\t\t!notificationPreferences.showDotOnToolbarIconForMutedNotifications\n\t\t);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"row-section\">\n\t\t\t\t<ButtonRow\n\t\t\t\t\tlabel=\"Notification sources\"\n\t\t\t\t\tonClick={() => setCurrentNotificationsPreferencesView(\"Sources\")}\n\t\t\t\t\ticonClass=\"ff-caret-up rotate-90\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"row-section\">\n\t\t\t\t<Checkbox\n\t\t\t\t\tonClick={toggleNotificationDot}\n\t\t\t\t\tchecked={!notificationPreferences.disableDotOnToolbarIcon}\n\t\t\t\t\tlabel=\"Show notification dot for new notifications\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"row-section\">\n\t\t\t\t<Checkbox\n\t\t\t\t\tdisabled={notificationPreferences.disableDotOnToolbarIcon}\n\t\t\t\t\tonClick={toggleNotificationDotForMutedNotifications}\n\t\t\t\t\tchecked={notificationPreferences.showDotOnToolbarIconForMutedNotifications}\n\t\t\t\t\tlabel=\"Show notification dot for notifications marked as “Don’t show”\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"row-section\" style={{ paddingTop: \"15px\", paddingBottom: \"15px\" }}>\n\t\t\t\t<Checkbox\n\t\t\t\t\tonClick={toggleActionableNotificationToast}\n\t\t\t\t\tchecked={notificationPreferences.toastTimeoutOnActionableNotifications}\n\t\t\t\t\tlabel=\"Enable toast timeouts on actionable notifications\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"row-section\">\n\t\t\t\t<span className=\"row__lbl\">Toast times out after</span>\n\t\t\t\t<DefaultDropdownButton\n\t\t\t\t\tallowEmpty={false}\n\t\t\t\t\tcaretLocation=\"right\"\n\t\t\t\t\tdefaultSelection={informationalToastDuration.find(\n\t\t\t\t\t\t(element) => element.optionValue === notificationPreferences.informationalNotificationToastPeriodSeconds\n\t\t\t\t\t)}\n\t\t\t\t\tbuttonOptions={informationalToastDuration}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"row-section\">\n\t\t\t\t<span className=\"row__lbl\">Snooze for</span>\n\t\t\t\t<DefaultDropdownButton\n\t\t\t\t\tallowEmpty={false}\n\t\t\t\t\tcaretLocation=\"right\"\n\t\t\t\t\tdefaultSelection={snoozeDuration.find(\n\t\t\t\t\t\t(element) => element.optionValue === notificationPreferences.defaultSnoozePeriodSeconds\n\t\t\t\t\t)}\n\t\t\t\t\tbuttonOptions={snoozeDuration}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"row-section\">\n\t\t\t\t<span className=\"row__lbl\">Turn off the new notification halo after</span>\n\t\t\t\t<DefaultDropdownButton\n\t\t\t\t\tallowEmpty={false}\n\t\t\t\t\tcaretLocation=\"right\"\n\t\t\t\t\tdefaultSelection={newNotificationsHalo.find(\n\t\t\t\t\t\t(element) => element.optionValue === notificationPreferences.newNotificationHaloPeriodSeconds\n\t\t\t\t\t)}\n\t\t\t\t\tbuttonOptions={newNotificationsHalo}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default NotificationsMainPreferences;\n"]}

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

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

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

@@ -0,0 +1,134 @@
+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";
+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) {
+                        FSBL.Clients.NotificationClient.unmute(muteFilter);
+                    }
+                    else {
+                        FSBL.Clients.NotificationClient.mute(muteFilter);
+                        isMuted = true;
+                    }
+                    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;
+            });
+            FSBL.Clients.NotificationClient.unmute(muteFilters);
+        }
+        else {
+            newTypesMutedState = typesMutedState.map((sourceType) => {
+                sourceType.muted = true;
+                return sourceType;
+            });
+            FSBL.Clients.NotificationClient.mute(muteFilters);
+        }
+        newTypesMutedState.forEach((element) => {
+            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");
+                }
+            }
+        }
+        FSBL.Clients.RouterClient.addListener("FinsembleUserPreferencesChannel", listenForPreference);
+        return () => {
+            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));
+            }
+        }
+        FSBL.Clients.RouterClient.addListener("FinsembleNotificationsMuteStateChannel", listenMuteStateChanged);
+        return () => {
+            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/components/userPreferences/components/content/notificationViews/NotificationsSourceTypes.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { Dispatch, SetStateAction, useContext, useEffect, useState } from \"react\";\n\n// Types\nimport { IType } from \"../Notifications\";\n\n// Context\nimport { NotificationsPreferencesContext } from \"../../../NotificationsPreferencesContext\";\n\n// Components\nimport BellIcon from \"../../../../shared/BellIcon\";\nimport BellIconCrossed from \"../../../../shared/BellIconCrossed\";\nimport { Button } from \"../../../../common/Button\";\nimport { services } from \"@finsemble/finsemble-api\";\n\ntype IMuteFilter = services.notification.types.IMuteFilter;\n\nconst renderTypes = (\n\tmuteFilters: IMuteFilter[],\n\tsourceTypes: IType[],\n\tsetTypesMutedState: Dispatch<SetStateAction<IType[]>>\n) =>\n\tsourceTypes.map((sourceType, index) => {\n\t\tconst toggleMute = (type: string) => {\n\t\t\tconst newState = [...sourceTypes].map((typeToUpdate) => {\n\t\t\t\tif (typeToUpdate.name === type) {\n\t\t\t\t\tconst muteFilter: IMuteFilter | undefined = muteFilters.find(\n\t\t\t\t\t\t(muteFilterItem) => muteFilterItem.type === typeToUpdate.name\n\t\t\t\t\t);\n\t\t\t\t\tif (!muteFilter) {\n\t\t\t\t\t\tconsole.error(`Unable to find mute filter ${typeToUpdate.muted} for source`);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlet isMuted = false;\n\t\t\t\t\t\tif (typeToUpdate.muted) {\n\t\t\t\t\t\t\tFSBL.Clients.NotificationClient.unmute(muteFilter);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tFSBL.Clients.NotificationClient.mute(muteFilter);\n\t\t\t\t\t\t\tisMuted = true;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleNotificationsMuteStateChannel\", {\n\t\t\t\t\t\t\tsource: muteFilter.source,\n\t\t\t\t\t\t\ttype: muteFilter.type,\n\t\t\t\t\t\t\tisMuted: isMuted,\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\ttypeToUpdate.muted = !typeToUpdate.muted;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn typeToUpdate;\n\t\t\t});\n\t\t\tsetTypesMutedState(newState);\n\t\t};\n\n\t\treturn (\n\t\t\t<div key={`${sourceType.name}__${index}`} className=\"row-section\">\n\t\t\t\t<div className=\"row\">\n\t\t\t\t\t<div className=\"row__lbl\">{sourceType.name}</div>\n\t\t\t\t\t<div className=\"row_right__icon\" onClick={() => toggleMute(sourceType.name)}>\n\t\t\t\t\t\t{sourceType.muted ? <BellIconCrossed /> : <BellIcon />}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t});\n\nconst NotificationsSourceTypes = (context?: any) => {\n\tconst notificationsPreferencesContext = useContext(NotificationsPreferencesContext);\n\tconst currentNotificationSource = notificationsPreferencesContext.selectedNotificationSource;\n\tconst sourceTypes = currentNotificationSource?.types.filter((type) => type.name !== \"default\") || [];\n\tconst muteFilters: IMuteFilter[] = sourceTypes.map((sourceType) => {\n\t\tconst muteFilter: IMuteFilter = { type: sourceType.name };\n\t\tif (currentNotificationSource?.source) {\n\t\t\tmuteFilter.source = currentNotificationSource.source;\n\t\t}\n\t\treturn muteFilter;\n\t});\n\n\tconst goBack = () => {\n\t\tnotificationsPreferencesContext.setCurrentNotificationsPreferencesView(\"Sources\");\n\t};\n\n\tconst [typesMutedState, setTypesMutedState] = useState(sourceTypes);\n\tconst [allMuted, setAllMuted] = useState(false);\n\n\tconst toggleMuteAll = () => {\n\t\tlet newTypesMutedState: IType[] = [];\n\t\tif (allMuted) {\n\t\t\tnewTypesMutedState = typesMutedState.map((sourceType) => {\n\t\t\t\tsourceType.muted = false;\n\t\t\t\treturn sourceType;\n\t\t\t});\n\t\t\tFSBL.Clients.NotificationClient.unmute(muteFilters);\n\t\t} else {\n\t\t\tnewTypesMutedState = typesMutedState.map((sourceType) => {\n\t\t\t\tsourceType.muted = true;\n\t\t\t\treturn sourceType;\n\t\t\t});\n\t\t\tFSBL.Clients.NotificationClient.mute(muteFilters);\n\t\t}\n\t\tnewTypesMutedState.forEach((element) => {\n\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleNotificationsMuteStateChannel\", {\n\t\t\t\tsource: currentNotificationSource?.source,\n\t\t\t\ttype: element.name,\n\t\t\t\tisMuted: !allMuted,\n\t\t\t});\n\t\t});\n\t\tsetTypesMutedState(newTypesMutedState);\n\t\tsetAllMuted(!allMuted);\n\t};\n\n\t// Navigation Hook\n\tuseEffect(() => {\n\t\tfunction listenForPreference(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleUserPreferencesChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tif (!data.notification) {\n\t\t\t\t\tnotificationsPreferencesContext.setCurrentNotificationsPreferencesView(\"Home\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleUserPreferencesChannel\", listenForPreference);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleUserPreferencesChannel\", listenForPreference);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tfunction listenMuteStateChanged(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleNotificationsMuteStateChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tconst newTypesMutedState = [...typesMutedState].map((muteState) => {\n\t\t\t\t\tif (muteState.name !== data.type) return muteState;\n\n\t\t\t\t\treturn { name: data.type, muted: data.isMuted };\n\t\t\t\t});\n\t\t\t\tsetTypesMutedState(newTypesMutedState);\n\t\t\t\tsetAllMuted(newTypesMutedState.every((sourceType) => sourceType.muted));\n\t\t\t}\n\t\t}\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<div className=\"notification-sources__container\">\n\t\t\t<div className=\"notification-sources__header\">\n\t\t\t\t<div style={{ paddingRight: 8, marginLeft: -3 }}>\n\t\t\t\t\t<Button onClick={() => goBack()} fashion=\"primary\" iconBefore=\"chevron-left\" text=\"Back\" />\n\t\t\t\t</div>\n\t\t\t\t<span className=\"heading-larger\">\n\t\t\t\t\t{JSON.stringify(notificationsPreferencesContext) === \"{}\" && context\n\t\t\t\t\t\t? context.context.source\n\t\t\t\t\t\t: currentNotificationSource?.source}\n\t\t\t\t</span>\n\t\t\t\t{muteFilters.length > 0 ? (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tfashion=\"primary\"\n\t\t\t\t\t\tclassName=\"accent-negative\"\n\t\t\t\t\t\ttext={allMuted ? \"Show All\" : \"Don't Show All\"}\n\t\t\t\t\t\tonClick={toggleMuteAll}\n\t\t\t\t\t\tfixedSize={110}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t\t<div className=\"notification-sources__types\">\n\t\t\t\t{typesMutedState && typesMutedState.length > 0 ? (\n\t\t\t\t\trenderTypes(muteFilters, typesMutedState, setTypesMutedState)\n\t\t\t\t) : (\n\t\t\t\t\t<div id=\"no-source-types\" className=\"row-section\">\n\t\t\t\t\t\tNo source types configured\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default NotificationsSourceTypes;\n"]}

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

@@ -0,0 +1,5 @@
+import React from "react";
+declare const NotificationsSourcesPreferences: React.FunctionComponent<{
+    context?: any;
+}>;
+export default NotificationsSourcesPreferences;

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

@@ -0,0 +1,79 @@
+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";
+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");
+                }
+            }
+        }
+        FSBL.Clients.RouterClient.addListener("FinsembleNotificationsNavigationChannel", listenForPreference);
+        return () => {
+            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);
+                }
+            }
+        }
+        FSBL.Clients.RouterClient.addListener("FinsembleNotificationsPreferencesChannel", listenForRefreshEvent);
+        return () => {
+            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/components/userPreferences/components/content/notificationViews/NotificationsSourcesPreferences.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useState } from \"react\";\nimport ButtonRow from \"../../../../common/ButtonRow\";\n\n// Context\nimport { NotificationsPreferencesContext } from \"../../../NotificationsPreferencesContext\";\n\n// Components\nimport { Button } from \"../../../../common/Button\";\n\n// Types\nimport { INotificationSources } from \"../Notifications\";\n\n// Utils\nimport { loadSources } from \"./notificationViewsUtils\";\n\nconst NotificationSourceRowButton: React.FunctionComponent<{ source: INotificationSources }> = ({ source }) => {\n\tconst notificationsPreferencesContext = useContext(NotificationsPreferencesContext);\n\tconst { setSelectedNotificationSource, setCurrentNotificationsPreferencesView } = notificationsPreferencesContext;\n\n\tconst [showDefaultIcon] = useState(!source.icon);\n\n\treturn (\n\t\t<div className=\"row-section\">\n\t\t\t<ButtonRow\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetSelectedNotificationSource(source);\n\t\t\t\t\tsetCurrentNotificationsPreferencesView(\"Details\");\n\t\t\t\t}}\n\t\t\t\tlabel={source.source}\n\t\t\t\timg={source.icon}\n\t\t\t\tshowDefaultIcon={showDefaultIcon}\n\t\t\t\ticonClass=\"ff-caret-up rotate-90\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nconst NotificationsSourcesPreferences: React.FunctionComponent<{ context?: any }> = ({ context }) => {\n\tconst notificationsPreferencesContext = useContext(NotificationsPreferencesContext);\n\tlet {\n\t\tnotificationSources,\n\t\tsetNotificationSources,\n\t\tsetSelectedNotificationSource,\n\t\tsetCurrentNotificationsPreferencesView,\n\t} = notificationsPreferencesContext;\n\tif (JSON.stringify(notificationsPreferencesContext) === \"{}\" && context) {\n\t\tnotificationSources = context;\n\t}\n\tconst [reloadSources, setReloadSources] = useState(false);\n\n\tuseEffect(() => {\n\t\tfunction listenForPreference(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleNotificationsNavigationChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tif (!data.notification) {\n\t\t\t\t\tsetCurrentNotificationsPreferencesView(\"Home\");\n\t\t\t\t} else {\n\t\t\t\t\tconst selectedSource =\n\t\t\t\t\t\tnotificationSources.find((source) => source.source === data.notification.source) || null;\n\t\t\t\t\tsetSelectedNotificationSource(selectedSource);\n\t\t\t\t\tsetCurrentNotificationsPreferencesView(\"Details\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsNavigationChannel\", listenForPreference);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsNavigationChannel\", listenForPreference);\n\t\t};\n\t}, []);\n\n\tuseEffect(() => {\n\t\tloadSources(setNotificationSources, setReloadSources);\n\t}, [reloadSources]);\n\n\tuseEffect(() => {\n\t\tasync function listenForRefreshEvent(error: any, response: any) {\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"FinsembleNotificationsPreferencesChannel: \", error);\n\t\t\t} else {\n\t\t\t\tconst { data } = response;\n\t\t\t\tif (data === \"notificationReceived\") {\n\t\t\t\t\tsetReloadSources(true);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsPreferencesChannel\", listenForRefreshEvent);\n\t\treturn () => {\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsPreferencesChannel\", listenForRefreshEvent);\n\t\t};\n\t}, []);\n\n\tconst goBack = () => {\n\t\tsetCurrentNotificationsPreferencesView(\"Home\");\n\t};\n\n\treturn (\n\t\t<div className=\"notification-sources__container\">\n\t\t\t<div className=\"notification-sources__header\">\n\t\t\t\t<div style={{ paddingRight: 8, marginLeft: -3 }}>\n\t\t\t\t\t<Button onClick={() => goBack()} fashion=\"primary\" iconBefore=\"chevron-left\" text=\"Back\" />\n\t\t\t\t</div>\n\t\t\t\t<span className=\"heading-larger\">Notification sources</span>\n\t\t\t</div>\n\t\t\t<div className=\"notification-sources__list\">\n\t\t\t\t{notificationSources && notificationSources.length > 0 ? (\n\t\t\t\t\tnotificationSources.map((source, index) => <NotificationSourceRowButton key={index} source={source} />)\n\t\t\t\t) : (\n\t\t\t\t\t<span id=\"no-notification-sources\">No notification sources to display</span>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default NotificationsSourcesPreferences;\n"]}

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

@@ -0,0 +1,2 @@
+import { INotificationSources } from "../Notifications";
+export declare const loadSources: (setNotificationSources: React.Dispatch<React.SetStateAction<INotificationSources[]>>, setReloadSources: React.Dispatch<React.SetStateAction<boolean>>) => Promise<void>;

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

@@ -0,0 +1,35 @@
+const isTypeMutedForSource = (source, type, muteFilters) => muteFilters.filter((mFilter) => mFilter.source === source && mFilter.type === type);
+export const loadSources = async (setNotificationSources, setReloadSources) => {
+    const notificationSoures = await FSBL.Clients.NotificationClient.getSources();
+    const muteFilters = await FSBL.Clients.NotificationClient.getMuteFilters();
+    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);
+            }
+        }
+    });
+};
+//# 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/components/userPreferences/components/content/notificationViews/notificationViewsUtils.ts"],"names":[],"mappings":"AAKA,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,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,UAAU,EAAE,CAAC;IACxF,MAAM,WAAW,GAAkB,MAAM,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,cAAc,EAAE,CAAC;IAE1F,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC,GAAQ,EAAE,eAAoB,EAAE,EAAE;;QAC7F,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,GAAG,IAAI,CAAC;YAEnB,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","sourcesContent":["import { INotificationSources, IType } from \"../Notifications\";\nimport { services } from \"@finsemble/finsemble-api\";\n\ntype IMuteFilter = services.notification.types.IMuteFilter;\n\nconst isTypeMutedForSource = (source: string, type: string, muteFilters: IMuteFilter[]) =>\n\tmuteFilters.filter((mFilter) => mFilter.source === source && mFilter.type === type);\n\nexport const loadSources = async (\n\tsetNotificationSources: React.Dispatch<React.SetStateAction<INotificationSources[]>>,\n\tsetReloadSources: React.Dispatch<React.SetStateAction<boolean>>\n) => {\n\tconst notificationSoures: string[] = await FSBL.Clients.NotificationClient.getSources();\n\tconst muteFilters: IMuteFilter[] = await FSBL.Clients.NotificationClient.getMuteFilters();\n\n\tFSBL.Clients.ConfigClient.getValue({ field: \"finsemble\" }, (err: any, finsembleConfig: any) => {\n\t\tif (err) {\n\t\t\tconsole.error(\"Error geting components config to extract notifications config\");\n\t\t} else {\n\t\t\tconst componentsConfig = finsembleConfig?.components;\n\t\t\tconst notificationsServiceConfig = finsembleConfig?.servicesConfig?.notifications;\n\t\t\tconst configuredTypes = Object.keys(notificationsServiceConfig.types);\n\t\t\tlet sources = null;\n\n\t\t\tif (notificationSoures) {\n\t\t\t\tsources = notificationSoures.map((currSource) => {\n\t\t\t\t\tconst types: IType[] = configuredTypes.map((configuredType) =>\n\t\t\t\t\t\tObject({\n\t\t\t\t\t\t\tname: configuredType,\n\t\t\t\t\t\t\tmuted: isTypeMutedForSource(currSource, configuredType, muteFilters).length > 0,\n\t\t\t\t\t\t})\n\t\t\t\t\t);\n\t\t\t\t\tconst result: INotificationSources = {\n\t\t\t\t\t\tsource: currSource,\n\t\t\t\t\t\ticon: componentsConfig[currSource]?.foreign?.components?.Toolbar?.iconURL || null,\n\t\t\t\t\t\ttypes,\n\t\t\t\t\t};\n\t\t\t\t\treturn result;\n\t\t\t\t});\n\t\t\t\tsetNotificationSources(sources);\n\t\t\t\tsetReloadSources(false);\n\t\t\t}\n\t\t}\n\t});\n};\n"]}

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { StandardCallback } from "@finsemble/finsemble-api/types/types";
+export declare type ScheduledCloseProps = {
+    getPreferences: (cb: StandardCallback) => void;
+    setPreferences: (key: any, value: any) => void;
+    configKey: string;
+    label: string;
+};
+export declare const ScheduledClose: React.FunctionComponent<ScheduledCloseProps>;
+export default ScheduledClose;