@finsemble/finsemble-ui 6.2.1 → 6.3.1-beta-1

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

@@ -12,30 +12,47 @@ const NOTIFICATIONS_PREFERENCES_KEYS = {
     DEFAULT_SNOOZE_PERIOD_SECONDS: "defaultSnoozePeriodSeconds",
     NEW_NOTIFICATION_HALO_PERIOD_SECONDS: "newNotificationHaloPeriodSeconds",
 };
+const setAndTransmitPreferenceChange = (preferenceKey, value) => {
+    FSBL.Clients.ConfigClient.setPreference({
+        field: `${PREFERENCE_PATH_KEY}.${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",
+        optionLabel: "10 seconds",
         optionValue: 10,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS, 10);
         },
     },
     {
-        optionLabel: "30 Seconds",
+        optionLabel: "30 seconds",
         optionValue: 30,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS, 30);
         },
     },
     {
-        optionLabel: "45 Seconds",
+        optionLabel: "45 seconds",
         optionValue: 45,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS, 45);
         },
     },
     {
-        optionLabel: "60 Seconds",
+        optionLabel: "60 seconds",
         optionValue: 60,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.INFORMATIONAL_NOTIFICATION_TOAST_PERIOD_SECONDS, 60);
@@ -44,28 +61,28 @@ const informationalToastDuration = [
 ];
 const snoozeDuration = [
     {
-        optionLabel: "5 Minutes",
+        optionLabel: "5 minutes",
         optionValue: 300,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 300);
         },
     },
     {
-        optionLabel: "10 Minutes",
+        optionLabel: "10 minutes",
         optionValue: 600,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 600);
         },
     },
     {
-        optionLabel: "20 Minutes",
+        optionLabel: "20 minutes",
         optionValue: 1200,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 1200);
         },
     },
     {
-        optionLabel: "30 Minutes",
+        optionLabel: "30 minutes",
         optionValue: 1800,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.DEFAULT_SNOOZE_PERIOD_SECONDS, 1800);
@@ -74,51 +91,34 @@ const snoozeDuration = [
 ];
 const newNotificationsHalo = [
     {
-        optionLabel: "30 Seconds",
+        optionLabel: "30 seconds",
         optionValue: 30,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 30);
         },
     },
     {
-        optionLabel: "1 Minute",
+        optionLabel: "1 minute",
         optionValue: 60,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 60);
         },
     },
     {
-        optionLabel: "3 Minutes",
+        optionLabel: "3 minutes",
         optionValue: 180,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 180);
         },
     },
     {
-        optionLabel: "5 Minutes",
+        optionLabel: "5 minutes",
         optionValue: 600,
         clickHandler: () => {
             setAndTransmitPreferenceChange(NOTIFICATIONS_PREFERENCES_KEYS.NEW_NOTIFICATION_HALO_PERIOD_SECONDS, 600);
         },
     },
 ];
-const setAndTransmitPreferenceChange = (preferenceKey, value) => {
-    FSBL.Clients.ConfigClient.setPreference({
-        field: `${PREFERENCE_PATH_KEY}.${preferenceKey}`,
-        value,
-    }, (err) => {
-        if (err) {
-            FSBL.Clients.Logger.error(`Error setting preference from Notifications Preferences Home Component - preference: ${preferenceKey} - value: ${value} `, err);
-        }
-        else {
-            FSBL.Clients.RouterClient.transmit("FinsembleUserPreferencesChannel", {
-                notificationPreferences: {
-                    [preferenceKey]: value,
-                },
-            });
-        }
-    });
-};
 const NotificationsMainPreferences = () => {
     const notificationsPreferencesContext = useContext(NotificationsPreferencesContext);
     const { notificationSources, setNotificationSources, setSelectedNotificationSource, setCurrentNotificationsPreferencesView, } = notificationsPreferencesContext;
@@ -170,44 +170,41 @@ const NotificationsMainPreferences = () => {
         };
     }, [notificationSources]);
     const toggleNotificationDot = () => {
-        setNotificationPreferences((prevState) => ({
-            ...prevState,
-            disableDotOnToolbarIcon: !notificationPreferences.disableDotOnToolbarIcon,
-        }));
+        setNotificationPreferences((prevState) => {
+            return Object.assign(Object.assign({}, prevState), { disableDotOnToolbarIcon: !notificationPreferences.disableDotOnToolbarIcon });
+        });
         setAndTransmitPreferenceChange("disableDotOnToolbarIcon", !notificationPreferences.disableDotOnToolbarIcon);
     };
     const toggleActionableNotificationToast = () => {
-        setNotificationPreferences((prevState) => ({
-            ...prevState,
-            toastTimeoutOnActionableNotifications: !notificationPreferences.toastTimeoutOnActionableNotifications,
-        }));
+        setNotificationPreferences((prevState) => {
+            return Object.assign(Object.assign({}, prevState), { toastTimeoutOnActionableNotifications: !notificationPreferences.toastTimeoutOnActionableNotifications });
+        });
         setAndTransmitPreferenceChange("toastTimeoutOnActionableNotifications", !notificationPreferences.toastTimeoutOnActionableNotifications);
     };
     const toggleNotificationDotForMutedNotifications = () => {
-        setNotificationPreferences((prevState) => ({
-            ...prevState,
-            showDotOnToolbarIconForMutedNotifications: !notificationPreferences.showDotOnToolbarIconForMutedNotifications,
-        }));
+        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(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(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(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" },
-            React.createElement(Checkbox, { onClick: toggleActionableNotificationToast, checked: notificationPreferences.toastTimeoutOnActionableNotifications, label: "Enable Toast Timeouts on Actionable Notifications" })),
+            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 Timeout Duration"),
-            React.createElement(DefaultDropdownButton, { allowEmpty: false, classNames: "push-right", caretLocation: "right", defaultSelection: informationalToastDuration.find((element) => element.optionValue === notificationPreferences.informationalNotificationToastPeriodSeconds), buttonOptions: informationalToastDuration })),
+            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 Duration"),
-            React.createElement(DefaultDropdownButton, { allowEmpty: false, classNames: "push-right", caretLocation: "right", defaultSelection: snoozeDuration.find((element) => element.optionValue === notificationPreferences.defaultSnoozePeriodSeconds), buttonOptions: snoozeDuration })),
+            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" }, "New Notification Halo Duration"),
-            React.createElement(DefaultDropdownButton, { allowEmpty: false, classNames: "push-right", caretLocation: "right", defaultSelection: newNotificationsHalo.find((element) => element.optionValue === notificationPreferences.newNotificationHaloPeriodSeconds), buttonOptions: newNotificationsHalo }))));
+            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

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

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

@@ -3,11 +3,11 @@ import { NotificationsPreferencesContext } from "../../../NotificationsPreferenc
 import BellIcon from "../../../../shared/BellIcon";
 import BellIconCrossed from "../../../../shared/BellIconCrossed";
 import { Button } from "../../../../common/Button";
-const renderTypes = (muteFilters, sourceTypes, setTypesMutedState) => sourceTypes.map((type, index) => {
+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((muteFilter) => muteFilter.type === typeToUpdate.name);
+                const muteFilter = muteFilters.find((muteFilterItem) => muteFilterItem.type === typeToUpdate.name);
                 if (!muteFilter) {
                     console.error(`Unable to find mute filter ${typeToUpdate.muted} for source`);
                 }
@@ -32,18 +32,18 @@ const renderTypes = (muteFilters, sourceTypes, setTypesMutedState) => sourceType
         });
         setTypesMutedState(newState);
     };
-    return (React.createElement("div", { key: `${type.name}__${index}`, className: "row-section" },
+    return (React.createElement("div", { key: `${sourceType.name}__${index}`, className: "row-section" },
         React.createElement("div", { className: "row" },
-            React.createElement("div", { className: "row__lbl" }, type.name),
-            React.createElement("div", { className: "row_right__icon", onClick: () => toggleMute(type.name) }, type.muted ? React.createElement(BellIconCrossed, null) : React.createElement(BellIcon, null)))));
+            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?.types.filter((type) => type.name !== "default") || [];
+    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?.source) {
+        if (currentNotificationSource === null || currentNotificationSource === void 0 ? void 0 : currentNotificationSource.source) {
             muteFilter.source = currentNotificationSource.source;
         }
         return muteFilter;
@@ -71,7 +71,7 @@ const NotificationsSourceTypes = (context) => {
         }
         newTypesMutedState.forEach((element) => {
             FSBL.Clients.RouterClient.transmit("FinsembleNotificationsMuteStateChannel", {
-                source: currentNotificationSource?.source,
+                source: currentNotificationSource === null || currentNotificationSource === void 0 ? void 0 : currentNotificationSource.source,
                 type: element.name,
                 isMuted: !allMuted,
             });
@@ -123,7 +123,7 @@ const NotificationsSourceTypes = (context) => {
                 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?.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")))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationsSourceTypes.js","sourceRoot":"","sources":["../../../../../../src/components/userPreferences/components/content/notificationViews/NotificationsSourceTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOzF,OAAO,EAAE,+BAA+B,EAAE,MAAM,0CAA0C,CAAC;AAG3F,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AACnD,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,MAAM,WAAW,GAAG,CACnB,WAA0B,EAC1B,WAAoB,EACpB,kBAAqD,EACpD,EAAE,CACH,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;IAC/B,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QACnC,MAAM,QAAQ,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE;YACtD,IAAI,YAAY,CAAC,IAAI,KAAK,IAAI,EAAE;gBAC/B,MAAM,UAAU,GAA4B,WAAW,CAAC,IAAI,CAC3D,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,CACrD,CAAC;gBACF,IAAI,CAAC,UAAU,EAAE;oBAChB,OAAO,CAAC,KAAK,CAAC,8BAA8B,YAAY,CAAC,KAAK,aAAa,CAAC,CAAC;iBAC7E;qBAAM;oBACN,IAAI,OAAO,GAAG,KAAK,CAAC;oBACpB,IAAI,YAAY,CAAC,KAAK,EAAE;wBACvB,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;qBACnD;yBAAM;wBACN,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;wBACjD,OAAO,GAAG,IAAI,CAAC;qBACf;oBAED,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,wCAAwC,EAAE;wBAC5E,MAAM,EAAE,UAAU,CAAC,MAAM;wBACzB,IAAI,EAAE,UAAU,CAAC,IAAI;wBACrB,OAAO,EAAE,OAAO;qBAChB,CAAC,CAAC;oBAEH,YAAY,CAAC,KAAK,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC;iBACzC;aACD;YACD,OAAO,YAAY,CAAC;QACrB,CAAC,CAAC,CAAC;QACH,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACN,6BAAK,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,EAAE,SAAS,EAAC,aAAa;QAC1D,6BAAK,SAAS,EAAC,KAAK;YACnB,6BAAK,SAAS,EAAC,UAAU,IAAE,IAAI,CAAC,IAAI,CAAO;YAC3C,6BAAK,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IACnE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAC,eAAe,OAAG,CAAC,CAAC,CAAC,oBAAC,QAAQ,OAAG,CAC3C,CACD,CACD,CACN,CAAC;AACH,CAAC,CAAC,CAAC;AAEJ,MAAM,wBAAwB,GAAG,CAAC,OAAa,EAAE,EAAE;IAClD,MAAM,+BAA+B,GAAG,UAAU,CAAC,+BAA+B,CAAC,CAAC;IACpF,MAAM,yBAAyB,GAAG,+BAA+B,CAAC,0BAA0B,CAAC;IAC7F,MAAM,WAAW,GAAG,yBAAyB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;IACrG,MAAM,WAAW,GAAkB,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;QACjE,MAAM,UAAU,GAAgB,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC;QAC1D,IAAI,yBAAyB,EAAE,MAAM,EAAE;YACtC,UAAU,CAAC,MAAM,GAAG,yBAAyB,CAAC,MAAM,CAAC;SACrD;QACD,OAAO,UAAU,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,+BAA+B,CAAC,sCAAsC,CAAC,SAAS,CAAC,CAAC;IACnF,CAAC,CAAC;IAEF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IACpE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,IAAI,kBAAkB,GAAY,EAAE,CAAC;QACrC,IAAI,QAAQ,EAAE;YACb,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;gBACvD,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC;gBACzB,OAAO,UAAU,CAAC;YACnB,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;SACpD;aAAM;YACN,kBAAkB,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;gBACvD,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC;gBACxB,OAAO,UAAU,CAAC;YACnB,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAClD;QACD,kBAAkB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACtC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,wCAAwC,EAAE;gBAC5E,MAAM,EAAE,yBAAyB,EAAE,MAAM;gBACzC,IAAI,EAAE,OAAO,CAAC,IAAI;gBAClB,OAAO,EAAE,CAAC,QAAQ;aAClB,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;QACvC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,CAAC;IAGF,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,mBAAmB,CAAC,KAAU,EAAE,QAAa;YACrD,IAAI,KAAK,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;aAC1D;iBAAM;gBACN,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;gBAC1B,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;oBACvB,+BAA+B,CAAC,sCAAsC,CAAC,MAAM,CAAC,CAAC;iBAC/E;aACD;QACF,CAAC;QAED,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,iCAAiC,EAAE,mBAAmB,CAAC,CAAC;QAC9F,OAAO,GAAG,EAAE;YACX,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,iCAAiC,EAAE,mBAAmB,CAAC,CAAC;QAClG,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,sBAAsB,CAAC,KAAU,EAAE,QAAa;YACxD,IAAI,KAAK,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,0CAA0C,EAAE,KAAK,CAAC,CAAC;aACjE;iBAAM;gBACN,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;gBAC1B,MAAM,kBAAkB,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;oBACjE,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI;wBAAE,OAAO,SAAS,CAAC;oBAEnD,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjD,CAAC,CAAC,CAAC;gBACH,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;gBACvC,WAAW,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;aACxE;QACF,CAAC;QACD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,wCAAwC,EAAE,sBAAsB,CAAC,CAAC;QACxG,OAAO,GAAG,EAAE;YACX,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,wCAAwC,EAAE,sBAAsB,CAAC,CAAC;QAC5G,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,iCAAiC;QAC/C,6BAAK,SAAS,EAAC,8BAA8B;YAC5C,6BAAK,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,EAAE;gBAC9C,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,GAAG,CACtF;YACN,8BAAM,SAAS,EAAC,gBAAgB,IAC9B,IAAI,CAAC,SAAS,CAAC,+BAA+B,CAAC,KAAK,IAAI,IAAI,OAAO;gBACnE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM;gBACxB,CAAC,CAAC,yBAAyB,EAAE,MAAM,CAC9B;YACN,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzB,oBAAC,MAAM,IACN,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAgB,EAC9C,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,GAAG,GACb,CACF,CAAC,CAAC,CAAC,IAAI,CACH;QACN,6BAAK,SAAS,EAAC,6BAA6B,IAC1C,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChD,WAAW,CAAC,WAAW,EAAE,eAAe,EAAE,kBAAkB,CAAC,CAC7D,CAAC,CAAC,CAAC,CACH,6BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAC,aAAa,iCAE3C,CACN,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC","sourcesContent":["import React, { Dispatch, SetStateAction, useContext, useEffect, useState } from \"react\";\r\n\r\n// Types\r\nimport { IType } from \"../Notifications\";\r\nimport IMuteFilter from \"common/notifications/definitions/IMuteFilter\";\r\n\r\n// Context\r\nimport { NotificationsPreferencesContext } from \"../../../NotificationsPreferencesContext\";\r\n\r\n// Components\r\nimport BellIcon from \"../../../../shared/BellIcon\";\r\nimport BellIconCrossed from \"../../../../shared/BellIconCrossed\";\r\nimport { Button } from \"../../../../common/Button\";\r\n\r\nconst renderTypes = (\r\n\tmuteFilters: IMuteFilter[],\r\n\tsourceTypes: IType[],\r\n\tsetTypesMutedState: Dispatch<SetStateAction<IType[]>>\r\n) =>\r\n\tsourceTypes.map((type, index) => {\r\n\t\tconst toggleMute = (type: string) => {\r\n\t\t\tconst newState = [...sourceTypes].map((typeToUpdate) => {\r\n\t\t\t\tif (typeToUpdate.name === type) {\r\n\t\t\t\t\tconst muteFilter: IMuteFilter | undefined = muteFilters.find(\r\n\t\t\t\t\t\t(muteFilter) => muteFilter.type === typeToUpdate.name\r\n\t\t\t\t\t);\r\n\t\t\t\t\tif (!muteFilter) {\r\n\t\t\t\t\t\tconsole.error(`Unable to find mute filter ${typeToUpdate.muted} for source`);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlet isMuted = false;\r\n\t\t\t\t\t\tif (typeToUpdate.muted) {\r\n\t\t\t\t\t\t\tFSBL.Clients.NotificationClient.unmute(muteFilter);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tFSBL.Clients.NotificationClient.mute(muteFilter);\r\n\t\t\t\t\t\t\tisMuted = true;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleNotificationsMuteStateChannel\", {\r\n\t\t\t\t\t\t\tsource: muteFilter.source,\r\n\t\t\t\t\t\t\ttype: muteFilter.type,\r\n\t\t\t\t\t\t\tisMuted: isMuted,\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\ttypeToUpdate.muted = !typeToUpdate.muted;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\treturn typeToUpdate;\r\n\t\t\t});\r\n\t\t\tsetTypesMutedState(newState);\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<div key={`${type.name}__${index}`} className=\"row-section\">\r\n\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t<div className=\"row__lbl\">{type.name}</div>\r\n\t\t\t\t\t<div className=\"row_right__icon\" onClick={() => toggleMute(type.name)}>\r\n\t\t\t\t\t\t{type.muted ? <BellIconCrossed /> : <BellIcon />}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t});\r\n\r\nconst NotificationsSourceTypes = (context?: any) => {\r\n\tconst notificationsPreferencesContext = useContext(NotificationsPreferencesContext);\r\n\tconst currentNotificationSource = notificationsPreferencesContext.selectedNotificationSource;\r\n\tconst sourceTypes = currentNotificationSource?.types.filter((type) => type.name !== \"default\") || [];\r\n\tconst muteFilters: IMuteFilter[] = sourceTypes.map((sourceType) => {\r\n\t\tconst muteFilter: IMuteFilter = { type: sourceType.name };\r\n\t\tif (currentNotificationSource?.source) {\r\n\t\t\tmuteFilter.source = currentNotificationSource.source;\r\n\t\t}\r\n\t\treturn muteFilter;\r\n\t});\r\n\r\n\tconst goBack = () => {\r\n\t\tnotificationsPreferencesContext.setCurrentNotificationsPreferencesView(\"Sources\");\r\n\t};\r\n\r\n\tconst [typesMutedState, setTypesMutedState] = useState(sourceTypes);\r\n\tconst [allMuted, setAllMuted] = useState(false);\r\n\r\n\tconst toggleMuteAll = () => {\r\n\t\tlet newTypesMutedState: IType[] = [];\r\n\t\tif (allMuted) {\r\n\t\t\tnewTypesMutedState = typesMutedState.map((sourceType) => {\r\n\t\t\t\tsourceType.muted = false;\r\n\t\t\t\treturn sourceType;\r\n\t\t\t});\r\n\t\t\tFSBL.Clients.NotificationClient.unmute(muteFilters);\r\n\t\t} else {\r\n\t\t\tnewTypesMutedState = typesMutedState.map((sourceType) => {\r\n\t\t\t\tsourceType.muted = true;\r\n\t\t\t\treturn sourceType;\r\n\t\t\t});\r\n\t\t\tFSBL.Clients.NotificationClient.mute(muteFilters);\r\n\t\t}\r\n\t\tnewTypesMutedState.forEach((element) => {\r\n\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleNotificationsMuteStateChannel\", {\r\n\t\t\t\tsource: currentNotificationSource?.source,\r\n\t\t\t\ttype: element.name,\r\n\t\t\t\tisMuted: !allMuted,\r\n\t\t\t});\r\n\t\t});\r\n\t\tsetTypesMutedState(newTypesMutedState);\r\n\t\tsetAllMuted(!allMuted);\r\n\t};\r\n\r\n\t// Navigation Hook\r\n\tuseEffect(() => {\r\n\t\tfunction listenForPreference(error: any, response: any) {\r\n\t\t\tif (error) {\r\n\t\t\t\tconsole.error(\"FinsembleUserPreferencesChannel: \", error);\r\n\t\t\t} else {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tif (!data.notification) {\r\n\t\t\t\t\tnotificationsPreferencesContext.setCurrentNotificationsPreferencesView(\"Home\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleUserPreferencesChannel\", listenForPreference);\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleUserPreferencesChannel\", listenForPreference);\r\n\t\t};\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tfunction listenMuteStateChanged(error: any, response: any) {\r\n\t\t\tif (error) {\r\n\t\t\t\tconsole.error(\"FinsembleNotificationsMuteStateChannel: \", error);\r\n\t\t\t} else {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tconst newTypesMutedState = [...typesMutedState].map((muteState) => {\r\n\t\t\t\t\tif (muteState.name !== data.type) return muteState;\r\n\r\n\t\t\t\t\treturn { name: data.type, muted: data.isMuted };\r\n\t\t\t\t});\r\n\t\t\t\tsetTypesMutedState(newTypesMutedState);\r\n\t\t\t\tsetAllMuted(newTypesMutedState.every((sourceType) => sourceType.muted));\r\n\t\t\t}\r\n\t\t}\r\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\t};\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className=\"notification-sources__container\">\r\n\t\t\t<div className=\"notification-sources__header\">\r\n\t\t\t\t<div style={{ paddingRight: 8, marginLeft: -3 }}>\r\n\t\t\t\t\t<Button onClick={() => goBack()} fashion=\"primary\" iconBefore=\"chevron-left\" text=\"Back\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<span className=\"heading-larger\">\r\n\t\t\t\t\t{JSON.stringify(notificationsPreferencesContext) === \"{}\" && context\r\n\t\t\t\t\t\t? context.context.source\r\n\t\t\t\t\t\t: currentNotificationSource?.source}\r\n\t\t\t\t</span>\r\n\t\t\t\t{muteFilters.length > 0 ? (\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tfashion=\"primary\"\r\n\t\t\t\t\t\tclassName=\"accent-negative\"\r\n\t\t\t\t\t\ttext={allMuted ? \"Show All\" : \"Don't Show All\"}\r\n\t\t\t\t\t\tonClick={toggleMuteAll}\r\n\t\t\t\t\t\tfixedSize={110}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : null}\r\n\t\t\t</div>\r\n\t\t\t<div className=\"notification-sources__types\">\r\n\t\t\t\t{typesMutedState && typesMutedState.length > 0 ? (\r\n\t\t\t\t\trenderTypes(muteFilters, typesMutedState, setTypesMutedState)\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div id=\"no-source-types\" className=\"row-section\">\r\n\t\t\t\t\t\tNo source types configured\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default NotificationsSourceTypes;\r\n"]}
+{"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\";\r\n\r\n// Types\r\nimport { IType } from \"../Notifications\";\r\n\r\n// Context\r\nimport { NotificationsPreferencesContext } from \"../../../NotificationsPreferencesContext\";\r\n\r\n// Components\r\nimport BellIcon from \"../../../../shared/BellIcon\";\r\nimport BellIconCrossed from \"../../../../shared/BellIconCrossed\";\r\nimport { Button } from \"../../../../common/Button\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype IMuteFilter = services.notification.types.IMuteFilter;\r\n\r\nconst renderTypes = (\r\n\tmuteFilters: IMuteFilter[],\r\n\tsourceTypes: IType[],\r\n\tsetTypesMutedState: Dispatch<SetStateAction<IType[]>>\r\n) =>\r\n\tsourceTypes.map((sourceType, index) => {\r\n\t\tconst toggleMute = (type: string) => {\r\n\t\t\tconst newState = [...sourceTypes].map((typeToUpdate) => {\r\n\t\t\t\tif (typeToUpdate.name === type) {\r\n\t\t\t\t\tconst muteFilter: IMuteFilter | undefined = muteFilters.find(\r\n\t\t\t\t\t\t(muteFilterItem) => muteFilterItem.type === typeToUpdate.name\r\n\t\t\t\t\t);\r\n\t\t\t\t\tif (!muteFilter) {\r\n\t\t\t\t\t\tconsole.error(`Unable to find mute filter ${typeToUpdate.muted} for source`);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tlet isMuted = false;\r\n\t\t\t\t\t\tif (typeToUpdate.muted) {\r\n\t\t\t\t\t\t\tFSBL.Clients.NotificationClient.unmute(muteFilter);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tFSBL.Clients.NotificationClient.mute(muteFilter);\r\n\t\t\t\t\t\t\tisMuted = true;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleNotificationsMuteStateChannel\", {\r\n\t\t\t\t\t\t\tsource: muteFilter.source,\r\n\t\t\t\t\t\t\ttype: muteFilter.type,\r\n\t\t\t\t\t\t\tisMuted: isMuted,\r\n\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\ttypeToUpdate.muted = !typeToUpdate.muted;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\treturn typeToUpdate;\r\n\t\t\t});\r\n\t\t\tsetTypesMutedState(newState);\r\n\t\t};\r\n\r\n\t\treturn (\r\n\t\t\t<div key={`${sourceType.name}__${index}`} className=\"row-section\">\r\n\t\t\t\t<div className=\"row\">\r\n\t\t\t\t\t<div className=\"row__lbl\">{sourceType.name}</div>\r\n\t\t\t\t\t<div className=\"row_right__icon\" onClick={() => toggleMute(sourceType.name)}>\r\n\t\t\t\t\t\t{sourceType.muted ? <BellIconCrossed /> : <BellIcon />}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t});\r\n\r\nconst NotificationsSourceTypes = (context?: any) => {\r\n\tconst notificationsPreferencesContext = useContext(NotificationsPreferencesContext);\r\n\tconst currentNotificationSource = notificationsPreferencesContext.selectedNotificationSource;\r\n\tconst sourceTypes = currentNotificationSource?.types.filter((type) => type.name !== \"default\") || [];\r\n\tconst muteFilters: IMuteFilter[] = sourceTypes.map((sourceType) => {\r\n\t\tconst muteFilter: IMuteFilter = { type: sourceType.name };\r\n\t\tif (currentNotificationSource?.source) {\r\n\t\t\tmuteFilter.source = currentNotificationSource.source;\r\n\t\t}\r\n\t\treturn muteFilter;\r\n\t});\r\n\r\n\tconst goBack = () => {\r\n\t\tnotificationsPreferencesContext.setCurrentNotificationsPreferencesView(\"Sources\");\r\n\t};\r\n\r\n\tconst [typesMutedState, setTypesMutedState] = useState(sourceTypes);\r\n\tconst [allMuted, setAllMuted] = useState(false);\r\n\r\n\tconst toggleMuteAll = () => {\r\n\t\tlet newTypesMutedState: IType[] = [];\r\n\t\tif (allMuted) {\r\n\t\t\tnewTypesMutedState = typesMutedState.map((sourceType) => {\r\n\t\t\t\tsourceType.muted = false;\r\n\t\t\t\treturn sourceType;\r\n\t\t\t});\r\n\t\t\tFSBL.Clients.NotificationClient.unmute(muteFilters);\r\n\t\t} else {\r\n\t\t\tnewTypesMutedState = typesMutedState.map((sourceType) => {\r\n\t\t\t\tsourceType.muted = true;\r\n\t\t\t\treturn sourceType;\r\n\t\t\t});\r\n\t\t\tFSBL.Clients.NotificationClient.mute(muteFilters);\r\n\t\t}\r\n\t\tnewTypesMutedState.forEach((element) => {\r\n\t\t\tFSBL.Clients.RouterClient.transmit(\"FinsembleNotificationsMuteStateChannel\", {\r\n\t\t\t\tsource: currentNotificationSource?.source,\r\n\t\t\t\ttype: element.name,\r\n\t\t\t\tisMuted: !allMuted,\r\n\t\t\t});\r\n\t\t});\r\n\t\tsetTypesMutedState(newTypesMutedState);\r\n\t\tsetAllMuted(!allMuted);\r\n\t};\r\n\r\n\t// Navigation Hook\r\n\tuseEffect(() => {\r\n\t\tfunction listenForPreference(error: any, response: any) {\r\n\t\t\tif (error) {\r\n\t\t\t\tconsole.error(\"FinsembleUserPreferencesChannel: \", error);\r\n\t\t\t} else {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tif (!data.notification) {\r\n\t\t\t\t\tnotificationsPreferencesContext.setCurrentNotificationsPreferencesView(\"Home\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleUserPreferencesChannel\", listenForPreference);\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleUserPreferencesChannel\", listenForPreference);\r\n\t\t};\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tfunction listenMuteStateChanged(error: any, response: any) {\r\n\t\t\tif (error) {\r\n\t\t\t\tconsole.error(\"FinsembleNotificationsMuteStateChannel: \", error);\r\n\t\t\t} else {\r\n\t\t\t\tconst { data } = response;\r\n\t\t\t\tconst newTypesMutedState = [...typesMutedState].map((muteState) => {\r\n\t\t\t\t\tif (muteState.name !== data.type) return muteState;\r\n\r\n\t\t\t\t\treturn { name: data.type, muted: data.isMuted };\r\n\t\t\t\t});\r\n\t\t\t\tsetTypesMutedState(newTypesMutedState);\r\n\t\t\t\tsetAllMuted(newTypesMutedState.every((sourceType) => sourceType.muted));\r\n\t\t\t}\r\n\t\t}\r\n\t\tFSBL.Clients.RouterClient.addListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\treturn () => {\r\n\t\t\tFSBL.Clients.RouterClient.removeListener(\"FinsembleNotificationsMuteStateChannel\", listenMuteStateChanged);\r\n\t\t};\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className=\"notification-sources__container\">\r\n\t\t\t<div className=\"notification-sources__header\">\r\n\t\t\t\t<div style={{ paddingRight: 8, marginLeft: -3 }}>\r\n\t\t\t\t\t<Button onClick={() => goBack()} fashion=\"primary\" iconBefore=\"chevron-left\" text=\"Back\" />\r\n\t\t\t\t</div>\r\n\t\t\t\t<span className=\"heading-larger\">\r\n\t\t\t\t\t{JSON.stringify(notificationsPreferencesContext) === \"{}\" && context\r\n\t\t\t\t\t\t? context.context.source\r\n\t\t\t\t\t\t: currentNotificationSource?.source}\r\n\t\t\t\t</span>\r\n\t\t\t\t{muteFilters.length > 0 ? (\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tfashion=\"primary\"\r\n\t\t\t\t\t\tclassName=\"accent-negative\"\r\n\t\t\t\t\t\ttext={allMuted ? \"Show All\" : \"Don't Show All\"}\r\n\t\t\t\t\t\tonClick={toggleMuteAll}\r\n\t\t\t\t\t\tfixedSize={110}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : null}\r\n\t\t\t</div>\r\n\t\t\t<div className=\"notification-sources__types\">\r\n\t\t\t\t{typesMutedState && typesMutedState.length > 0 ? (\r\n\t\t\t\t\trenderTypes(muteFilters, typesMutedState, setTypesMutedState)\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div id=\"no-source-types\" className=\"row-section\">\r\n\t\t\t\t\t\tNo source types configured\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default NotificationsSourceTypes;\r\n"]}

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

@@ -1,12 +1,12 @@
 import React, { useContext, useEffect, useState } from "react";
 import ButtonRow from "../../../../common/ButtonRow";
-import { NotificationsPreferencesContext, } from "../../../NotificationsPreferencesContext";
+import { NotificationsPreferencesContext } from "../../../NotificationsPreferencesContext";
 import { Button } from "../../../../common/Button";
 import { loadSources } from "./notificationViewsUtils";
 const NotificationSourceRowButton = ({ source }) => {
     const notificationsPreferencesContext = useContext(NotificationsPreferencesContext);
     const { setSelectedNotificationSource, setCurrentNotificationsPreferencesView } = notificationsPreferencesContext;
-    const [showDefaultIcon, setShowDefaultIcon] = useState(source.icon ? false : true);
+    const [showDefaultIcon] = useState(!source.icon);
     return (React.createElement("div", { className: "row-section" },
         React.createElement(ButtonRow, { onClick: () => {
                 setSelectedNotificationSource(source);
@@ -69,10 +69,8 @@ const NotificationsSourcesPreferences = ({ context }) => {
         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) => {
-            return React.createElement(NotificationSourceRowButton, { key: index, source: source });
-        })) : (React.createElement("span", { id: "no-notification-sources" }, "No notification sources to display")))));
+            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

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

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

@@ -1,27 +1,27 @@
-const isTypeMutedForSource = (source, type, muteFilters) => {
-    return muteFilters.filter((mFilter) => mFilter.source === source && mFilter.type === type);
-};
+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?.components;
-            const notificationsServiceConfig = finsembleConfig?.servicesConfig?.notifications;
+            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: componentsConfig[currSource]?.foreign?.components?.Toolbar?.iconURL || null,
+                        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;

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

@@ -1 +1 @@
-{"version":3,"file":"notificationViewsUtils.js","sourceRoot":"","sources":["../../../../../../src/components/userPreferences/components/content/notificationViews/notificationViewsUtils.ts"],"names":[],"mappings":"AAIA,MAAM,oBAAoB,GAAG,CAAC,MAAc,EAAE,IAAY,EAAE,WAA0B,EAAE,EAAE;IACzF,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;AAC5F,CAAC,CAAC;AAEF,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,EAAE,UAAU,CAAC;YACrD,MAAM,0BAA0B,GAAG,eAAe,EAAE,cAAc,EAAE,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,gBAAgB,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,IAAI,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 IMuteFilter from \"common/notifications/definitions/IMuteFilter\";\r\nimport { object } from \"prop-types\";\r\nimport { INotificationSources, IType } from \"../Notifications\";\r\n\r\nconst isTypeMutedForSource = (source: string, type: string, muteFilters: IMuteFilter[]) => {\r\n\treturn muteFilters.filter((mFilter) => mFilter.source === source && mFilter.type === type);\r\n};\r\n\r\nexport const loadSources = async (\r\n\tsetNotificationSources: React.Dispatch<React.SetStateAction<INotificationSources[]>>,\r\n\tsetReloadSources: React.Dispatch<React.SetStateAction<boolean>>\r\n) => {\r\n\tconst notificationSoures: string[] = await FSBL.Clients.NotificationClient.getSources();\r\n\tconst muteFilters: IMuteFilter[] = await FSBL.Clients.NotificationClient.getMuteFilters();\r\n\r\n\tFSBL.Clients.ConfigClient.getValue({ field: \"finsemble\" }, (err: any, finsembleConfig: any) => {\r\n\t\tif (err) {\r\n\t\t\tconsole.error(\"Error geting components config to extract notifications config\");\r\n\t\t} else {\r\n\t\t\tconst componentsConfig = finsembleConfig?.components;\r\n\t\t\tconst notificationsServiceConfig = finsembleConfig?.servicesConfig?.notifications;\r\n\t\t\tconst configuredTypes = Object.keys(notificationsServiceConfig.types);\r\n\t\t\tlet sources = null;\r\n\r\n\t\t\tif (notificationSoures) {\r\n\t\t\t\tsources = notificationSoures.map((currSource) => {\r\n\t\t\t\t\tconst types: IType[] = configuredTypes.map((configuredType) =>\r\n\t\t\t\t\t\tObject({\r\n\t\t\t\t\t\t\tname: configuredType,\r\n\t\t\t\t\t\t\tmuted: isTypeMutedForSource(currSource, configuredType, muteFilters).length > 0,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t);\r\n\t\t\t\t\tconst result: INotificationSources = {\r\n\t\t\t\t\t\tsource: currSource,\r\n\t\t\t\t\t\ticon: componentsConfig[currSource]?.foreign?.components?.Toolbar?.iconURL || null,\r\n\t\t\t\t\t\ttypes,\r\n\t\t\t\t\t};\r\n\t\t\t\t\treturn result;\r\n\t\t\t\t});\r\n\t\t\t\tsetNotificationSources(sources);\r\n\t\t\t\tsetReloadSources(false);\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n};\r\n"]}
+{"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\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype IMuteFilter = services.notification.types.IMuteFilter;\r\n\r\nconst isTypeMutedForSource = (source: string, type: string, muteFilters: IMuteFilter[]) =>\r\n\tmuteFilters.filter((mFilter) => mFilter.source === source && mFilter.type === type);\r\n\r\nexport const loadSources = async (\r\n\tsetNotificationSources: React.Dispatch<React.SetStateAction<INotificationSources[]>>,\r\n\tsetReloadSources: React.Dispatch<React.SetStateAction<boolean>>\r\n) => {\r\n\tconst notificationSoures: string[] = await FSBL.Clients.NotificationClient.getSources();\r\n\tconst muteFilters: IMuteFilter[] = await FSBL.Clients.NotificationClient.getMuteFilters();\r\n\r\n\tFSBL.Clients.ConfigClient.getValue({ field: \"finsemble\" }, (err: any, finsembleConfig: any) => {\r\n\t\tif (err) {\r\n\t\t\tconsole.error(\"Error geting components config to extract notifications config\");\r\n\t\t} else {\r\n\t\t\tconst componentsConfig = finsembleConfig?.components;\r\n\t\t\tconst notificationsServiceConfig = finsembleConfig?.servicesConfig?.notifications;\r\n\t\t\tconst configuredTypes = Object.keys(notificationsServiceConfig.types);\r\n\t\t\tlet sources = null;\r\n\r\n\t\t\tif (notificationSoures) {\r\n\t\t\t\tsources = notificationSoures.map((currSource) => {\r\n\t\t\t\t\tconst types: IType[] = configuredTypes.map((configuredType) =>\r\n\t\t\t\t\t\tObject({\r\n\t\t\t\t\t\t\tname: configuredType,\r\n\t\t\t\t\t\t\tmuted: isTypeMutedForSource(currSource, configuredType, muteFilters).length > 0,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t);\r\n\t\t\t\t\tconst result: INotificationSources = {\r\n\t\t\t\t\t\tsource: currSource,\r\n\t\t\t\t\t\ticon: componentsConfig[currSource]?.foreign?.components?.Toolbar?.iconURL || null,\r\n\t\t\t\t\t\ttypes,\r\n\t\t\t\t\t};\r\n\t\t\t\t\treturn result;\r\n\t\t\t\t});\r\n\t\t\t\tsetNotificationSources(sources);\r\n\t\t\t\tsetReloadSources(false);\r\n\t\t\t}\r\n\t\t}\r\n\t});\r\n};\r\n"]}

package/react/components/userPreferences/components/general/ScheduledRestart.js

@@ -77,7 +77,6 @@ export default class ScheduledRestart extends React.Component {
     }
     setMeridiem(e) {
         let { scheduledRestart } = this.state;
-        let currentMeridiem = scheduledRestart.meridiem;
         let meridiem = e;
         scheduledRestart.meridiem = meridiem;
         this.setState({