@finsemble/finsemble-ui 6.1.4 → 6.3.0-beta.20211008

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":"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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\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 \"../../../../shared/Button\";\r\nimport NavigationButton from \"../../../../shared/NavigationButton\";\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 = () => {\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<NavigationButton clickHandler={() => goBack()} buttonLabel=\"Back\" caretLocation=\"left\" direction=\"left\" />\r\n\t\t\t\t<span className=\"heading-larger\">{currentNotificationSource?.source}</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\tclassNames=\"accent-negative\"\r\n\t\t\t\t\t\tbuttonLabel={allMuted ? \"Show All\" : \"Don't Show All\"}\r\n\t\t\t\t\t\tclickHandler={toggleMuteAll}\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 className=\"row-section\">No source types configured</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.d.ts

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

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

@@ -1,24 +1,24 @@
 import React, { useContext, useEffect, useState } from "react";
-import { NotificationsPreferencesContext, } from "../../../NotificationsPreferencesContext";
-import NavigationButton from "../../../../shared/NavigationButton";
+import ButtonRow from "../../../../common/ButtonRow";
+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("div", { className: "row-btn", onClick: () => {
+        React.createElement(ButtonRow, { onClick: () => {
                 setSelectedNotificationSource(source);
                 setCurrentNotificationsPreferencesView("Details");
-            } },
-            React.createElement("img", { src: source.icon, style: showDefaultIcon ? { display: "none" } : {}, onError: () => setShowDefaultIcon(true) }),
-            showDefaultIcon ? React.createElement("i", { className: "ff-finsemble default-img" }) : null,
-            React.createElement("div", { className: "row__lbl" }, source.source),
-            React.createElement("i", { className: "ff-caret-up rotate-90" }))));
+            }, label: source.source, img: source.icon, showDefaultIcon: showDefaultIcon, iconClass: "ff-caret-up rotate-90" })));
 };
-const NotificationsSourcesPreferences = () => {
+const NotificationsSourcesPreferences = ({ context }) => {
     const notificationsPreferencesContext = useContext(NotificationsPreferencesContext);
-    const { notificationSources, setNotificationSources, setSelectedNotificationSource, setCurrentNotificationsPreferencesView, } = notificationsPreferencesContext;
+    let { notificationSources, setNotificationSources, setSelectedNotificationSource, setCurrentNotificationsPreferencesView, } = notificationsPreferencesContext;
+    if (JSON.stringify(notificationsPreferencesContext) === "{}" && context) {
+        notificationSources = context;
+    }
     const [reloadSources, setReloadSources] = useState(false);
     useEffect(() => {
         function listenForPreference(error, response) {
@@ -67,11 +67,10 @@ const NotificationsSourcesPreferences = () => {
     };
     return (React.createElement("div", { className: "notification-sources__container" },
         React.createElement("div", { className: "notification-sources__header" },
-            React.createElement(NavigationButton, { clickHandler: () => goBack(), buttonLabel: "Back", caretLocation: "left", direction: "left" }),
-            React.createElement("span", { className: "heading-larger" }, "Notification Sources")),
-        React.createElement("div", { className: "notification-sources__list" }, notificationSources.length > 0 ? (notificationSources.map((source, index) => {
-            return React.createElement(NotificationSourceRowButton, { key: index, source: source });
-        })) : (React.createElement("span", null, "No notification sources to display")))));
+            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

@@ -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\n\r\n// Context\r\nimport {\r\n\tNotificationsPreferencesContext,\r\n\tNotificationsPreferencesContextType,\r\n} from \"../../../NotificationsPreferencesContext\";\r\n\r\n// Components\r\nimport NavigationButton from \"../../../../shared/NavigationButton\";\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<div\r\n\t\t\t\tclassName=\"row-btn\"\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>\r\n\t\t\t\t<img\r\n\t\t\t\t\tsrc={source.icon}\r\n\t\t\t\t\tstyle={showDefaultIcon ? { display: \"none\" } : {}}\r\n\t\t\t\t\tonError={() => setShowDefaultIcon(true)}\r\n\t\t\t\t/>\r\n\t\t\t\t{showDefaultIcon ? <i className=\"ff-finsemble default-img\" /> : null}\r\n\t\t\t\t<div className=\"row__lbl\">{source.source}</div>\r\n\t\t\t\t<i className=\"ff-caret-up rotate-90\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nconst NotificationsSourcesPreferences: 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\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<NavigationButton clickHandler={() => goBack()} buttonLabel=\"Back\" caretLocation=\"left\" direction=\"left\" />\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.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>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.d.ts

@@ -1,10 +1,27 @@
-export default class ScheduledRestart extends React.Component<any, any, any> {
-    constructor(props: any);
+import React from "react";
+declare type ScheduledRestartProps = {
+    addListener: Function;
+    removeListener: Function;
+    getValue: Function;
+};
+declare type ScheduledRestartState = {
+    scheduledRestart: {
+        hour: number;
+        minute: string | number;
+        meridiem: string;
+    };
+    enabled: boolean;
+};
+export default class ScheduledRestart extends React.Component<ScheduledRestartProps, ScheduledRestartState> {
+    constructor(props: ScheduledRestartProps);
     setPreferences(err: any, data: any): void;
     toggleEnabled(): void;
-    setHour(e: Event | undefined): void;
-    setMinute(e: Event | undefined): void;
-    setMeridiem(e: Event | undefined): void;
-    getDisplayHour(): number;
+    setHour(e: any): void;
+    setMinute(e: any): void;
+    setMeridiem(e: any): void;
+    getDisplayHour(): any;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
 }
-import React from "react";
+export {};

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

@@ -1,9 +1,10 @@
 import React from "react";
-import { Actions, UserPreferencesStore } from "../../stores/UserPreferencesStore";
-import Checkbox from "../Checkbox";
+import { Actions } from "../../stores/UserPreferencesStore";
+import { Checkbox } from "../../../common/Checkbox";
+import DefaultDropdownButton from "../../../shared/DefaultDropdownButton";
 const DEFAULT_RESTART = {
     hour: 4,
-    minute: 0,
+    minute: "00",
     meridiem: "AM",
 };
 let HOURS = [];
@@ -52,7 +53,7 @@ export default class ScheduledRestart extends React.Component {
         }
     }
     setHour(e) {
-        let hour = Number(e.target.value);
+        let hour = Number(e);
         let { scheduledRestart } = this.state;
         if (hour < 12 && scheduledRestart.meridiem === "PM") {
             hour = hour + 12;
@@ -68,7 +69,7 @@ export default class ScheduledRestart extends React.Component {
         Actions.setScheduledRestart(scheduledRestart);
     }
     setMinute(e) {
-        let minute = Number(e.target.value);
+        let minute = Number(e);
         let { scheduledRestart } = this.state;
         scheduledRestart.minute = minute;
         this.setState({ scheduledRestart });
@@ -76,17 +77,12 @@ export default class ScheduledRestart extends React.Component {
     }
     setMeridiem(e) {
         let { scheduledRestart } = this.state;
-        let currentMeridiem = scheduledRestart.meridiem;
-        let meridiem = e.target.value;
+        let meridiem = e;
         scheduledRestart.meridiem = meridiem;
         this.setState({
             scheduledRestart,
         }, () => {
-            this.setHour({
-                target: {
-                    value: this.state.scheduledRestart.hour,
-                },
-            });
+            this.setHour(this.state.scheduledRestart.hour);
         });
     }
     getDisplayHour() {
@@ -102,8 +98,8 @@ export default class ScheduledRestart extends React.Component {
         }
     }
     componentDidMount() {
-        UserPreferencesStore.addListener({ field: "preferences" }, this.setPreferences);
-        UserPreferencesStore.getValue({ field: "preferences" }, (err, data) => {
+        this.props.addListener({ field: "preferences" }, this.setPreferences);
+        this.props.getValue({ field: "preferences" }, (err, data) => {
             if (data) {
                 let scheduledRestart = data["finsemble.scheduledRestart"];
                 let enabled = typeof scheduledRestart === "object";
@@ -118,7 +114,7 @@ export default class ScheduledRestart extends React.Component {
         });
     }
     componentWillUnmount() {
-        UserPreferencesStore.removeListener({ field: "preferences" }, this.setPreferences);
+        this.props.removeListener({ field: "preferences" }, this.setPreferences);
     }
     render() {
         const { scheduledRestart, enabled } = this.state;
@@ -126,17 +122,69 @@ export default class ScheduledRestart extends React.Component {
         if (!enabled) {
             wrapClasses = `${wrapClasses} disabled-restart`;
         }
-        return (React.createElement("div", { className: "complex-menu-content-row" },
+        const hourOptions = HOURS.map((hour) => {
+            return {
+                optionLabel: hour,
+                optionValue: hour,
+                clickHandler: () => {
+                    this.setHour(hour);
+                },
+            };
+        });
+        const minuteOptions = MINUTES.map((minute) => {
+            return {
+                optionLabel: minute,
+                optionValue: minute,
+                clickHandler: () => {
+                    this.setMinute(minute);
+                },
+            };
+        });
+        return (React.createElement("div", { className: "complex-menu-content-row", style: { overflow: "visible" } },
             React.createElement(Checkbox, { onClick: this.toggleEnabled, checked: this.state.enabled, label: "Restart daily" }),
-            React.createElement("div", { className: wrapClasses },
+            React.createElement("div", { className: wrapClasses, style: { display: "flex" } },
                 React.createElement("span", { className: "scheduled-restart-select-label" }, "Time:"),
-                React.createElement("select", { disabled: !enabled, onChange: this.setHour, value: this.getDisplayHour() }, HOURS.map((hour, i) => (React.createElement("option", { key: i, value: hour }, hour)))),
-                "\u00A0:\u00A0",
-                React.createElement("select", { disabled: !enabled, value: scheduledRestart.minute, onChange: this.setMinute }, MINUTES.map((minute, i) => (React.createElement("option", { key: i, value: minute }, minute)))),
+                React.createElement("div", { className: "row-section", style: { width: "10px", marginRight: "40px" } },
+                    React.createElement(DefaultDropdownButton, { classNames: "push-right", allowEmpty: false, caretLocation: "right", buttonOptions: hourOptions, defaultSelection: {
+                            optionLabel: this.getDisplayHour(),
+                            optionValue: this.getDisplayHour(),
+                            clickHandler: () => {
+                                this.setHour(this.getDisplayHour());
+                            },
+                        }, enabled: enabled })),
+                React.createElement("div", { className: "row-section", style: { marginLeft: 30, marginRight: 10, marginTop: 5 } }, "\u00A0:\u00A0"),
+                React.createElement("div", { style: { width: "10px", marginRight: "65px" } },
+                    React.createElement(DefaultDropdownButton, { classNames: "push-right", allowEmpty: false, caretLocation: "right", buttonOptions: minuteOptions, defaultSelection: {
+                            optionLabel: scheduledRestart.minute === 0 ? "00" : scheduledRestart.minute,
+                            optionValue: scheduledRestart.minute,
+                            clickHandler: () => {
+                                this.setMinute(scheduledRestart.minute);
+                            },
+                        }, enabled: enabled })),
                 "\u00A0",
-                React.createElement("select", { disabled: !enabled, onChange: this.setMeridiem, value: scheduledRestart.meridiem },
-                    React.createElement("option", { value: "AM" }, "AM"),
-                    React.createElement("option", { value: "PM" }, "PM")))));
+                React.createElement("div", { className: "row-section", style: { width: "10px" } },
+                    React.createElement(DefaultDropdownButton, { classNames: "push-right", allowEmpty: false, caretLocation: "right", buttonOptions: [
+                            {
+                                optionLabel: "AM",
+                                optionValue: "AM",
+                                clickHandler: () => {
+                                    this.setMeridiem("AM");
+                                },
+                            },
+                            {
+                                optionLabel: "PM",
+                                optionValue: "PM",
+                                clickHandler: () => {
+                                    this.setMeridiem("PM");
+                                },
+                            },
+                        ], defaultSelection: {
+                            optionLabel: scheduledRestart.meridiem,
+                            optionValue: scheduledRestart.meridiem,
+                            clickHandler: () => {
+                                this.setHour(scheduledRestart.meridiem);
+                            },
+                        }, enabled: enabled })))));
     }
 }
 //# sourceMappingURL=ScheduledRestart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScheduledRestart.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/general/ScheduledRestart.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { Actions, UserPreferencesStore } from \"../../stores/UserPreferencesStore\";\r\nimport Checkbox from \"../Checkbox\";\r\n\r\nconst DEFAULT_RESTART = {\r\n\thour: 4,\r\n\tminute: 0,\r\n\tmeridiem: \"AM\",\r\n};\r\n\r\n// Create an array 1-12.\r\nlet HOURS = [];\r\nfor (var i = 1; i < 13; i++) {\r\n\tHOURS.push(i);\r\n}\r\n\r\n// FOR TESTING\r\n// let MINUTES = [];\r\n// for (var i = 1; i <= 60; i++){\r\n//     MINUTES.push(i);\r\n// }\r\nconst MINUTES = [\"00\", 15, 30, 45];\r\nexport default class ScheduledRestart extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tscheduledRestart: DEFAULT_RESTART,\r\n\t\t\tenabled: false,\r\n\t\t};\r\n\t\tthis.setPreferences = this.setPreferences.bind(this);\r\n\t\tthis.toggleEnabled = this.toggleEnabled.bind(this);\r\n\t\tthis.setHour = this.setHour.bind(this);\r\n\t\tthis.setMinute = this.setMinute.bind(this);\r\n\t\tthis.setMeridiem = this.setMeridiem.bind(this);\r\n\t\tthis.getDisplayHour = this.getDisplayHour.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when any preference is changed on the userPreferencesStore.\r\n\t * @param {obj} err\r\n\t * @param {data} data\r\n\t */\r\n\tsetPreferences(err, data) {\r\n\t\tif (!data && !data.value) return;\r\n\t\tlet scheduledRestart = data.value[\"finsemble.scheduledRestart\"];\r\n\t\t// If scheduledRestart is falsy, set \"enabled\" to false. I probably could've done !scheduledRestart. Oh well.\r\n\t\tlet enabled = typeof scheduledRestart === \"object\";\r\n\t\tif (enabled) {\r\n\t\t\t// This is purely for display. I found that military time forced a scroll bar onto the dropdown that looked bad.\r\n\t\t\tscheduledRestart.meridiem = scheduledRestart.hour > 11 ? \"PM\" : \"AM\";\r\n\t\t} else {\r\n\t\t\tscheduledRestart = DEFAULT_RESTART;\r\n\t\t}\r\n\t\tthis.setState({ scheduledRestart, enabled });\r\n\t}\r\n\r\n\t/**\r\n\t * Toggle the enabled state of the select boxes.\r\n\t */\r\n\ttoggleEnabled() {\r\n\t\tlet { enabled, scheduledRestart } = this.state;\r\n\t\tenabled = !enabled;\r\n\t\t// If the select boxes are no longer enabled, reset the scheduled restart time and call a method on the Actions object.\r\n\t\t// That function will set scheduledRestart to null via the preferences API. But we want our display to look nice, hence the bit where we reset it to the default value.\r\n\t\tif (!enabled) {\r\n\t\t\tscheduledRestart = DEFAULT_RESTART;\r\n\t\t\tthis.setState({ enabled, scheduledRestart });\r\n\t\t\tActions.disableScheduledRestart();\r\n\t\t} else {\r\n\t\t\tthis.setState({ enabled });\r\n\t\t\tActions.setScheduledRestart(scheduledRestart);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * This method will transform 8 PM into 20:00. It also handles when the user changes the meridiem.\r\n\t * e.g., 8PM (20) => 8AM (8).\r\n\t * Set the minute, then set the 'finsemble.scheduledRestart' preference via the method on the Actions object.\r\n\t * @param {event} e\r\n\t */\r\n\tsetHour(e) {\r\n\t\tlet hour = Number(e.target.value);\r\n\t\tlet { scheduledRestart } = this.state;\r\n\t\tif (hour < 12 && scheduledRestart.meridiem === \"PM\") {\r\n\t\t\thour = hour + 12;\r\n\t\t} else if (hour > 12 && scheduledRestart.meridiem === \"AM\") {\r\n\t\t\thour = hour - 12;\r\n\t\t} else if (scheduledRestart.meridiem === \"AM\" && hour === 12) {\r\n\t\t\thour = 0;\r\n\t\t}\r\n\r\n\t\tscheduledRestart.hour = hour;\r\n\t\tthis.setState({ scheduledRestart });\r\n\t\tActions.setScheduledRestart(scheduledRestart);\r\n\t}\r\n\r\n\t/**\r\n\t * Set the minute, then set the 'finsemble.scheduledRestart' preference via the method on the Actions object.\r\n\t * @param {event} e\r\n\t */\r\n\tsetMinute(e) {\r\n\t\tlet minute = Number(e.target.value);\r\n\t\tlet { scheduledRestart } = this.state;\r\n\t\tscheduledRestart.minute = minute;\r\n\r\n\t\tthis.setState({ scheduledRestart });\r\n\t\tActions.setScheduledRestart(scheduledRestart);\r\n\t}\r\n\r\n\t/**\r\n\t * Sets the meridiem for the time (AM or PM). Afterwards, this calls setHour to handle any necessary conversions to military time.\r\n\t * @param {event} e\r\n\t */\r\n\tsetMeridiem(e) {\r\n\t\tlet { scheduledRestart } = this.state;\r\n\t\tlet currentMeridiem = scheduledRestart.meridiem;\r\n\r\n\t\tlet meridiem = e.target.value;\r\n\t\tscheduledRestart.meridiem = meridiem;\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tscheduledRestart,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.setHour({\r\n\t\t\t\t\ttarget: {\r\n\t\t\t\t\t\tvalue: this.state.scheduledRestart.hour,\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\tgetDisplayHour() {\r\n\t\tlet { scheduledRestart } = this.state;\r\n\t\tif (scheduledRestart.meridiem === \"AM\" && scheduledRestart.hour === 0) {\r\n\t\t\treturn 12;\r\n\t\t} else if (scheduledRestart.meridiem === \"PM\" && scheduledRestart.hour > 12) {\r\n\t\t\treturn scheduledRestart.hour - 12;\r\n\t\t} else {\r\n\t\t\treturn scheduledRestart.hour;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Add listener on the store. When the preferences field changes, we change our local state.\r\n\t * Also, get the initial state from the store.\r\n\t */\r\n\tcomponentDidMount() {\r\n\t\tUserPreferencesStore.addListener({ field: \"preferences\" }, this.setPreferences);\r\n\t\tUserPreferencesStore.getValue({ field: \"preferences\" }, (err, data) => {\r\n\t\t\tif (data) {\r\n\t\t\t\tlet scheduledRestart = data[\"finsemble.scheduledRestart\"];\r\n\t\t\t\tlet enabled = typeof scheduledRestart === \"object\";\r\n\t\t\t\tif (enabled) {\r\n\t\t\t\t\tscheduledRestart.meridiem = scheduledRestart.hour > 11 ? \"PM\" : \"AM\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tscheduledRestart = DEFAULT_RESTART;\r\n\t\t\t\t}\r\n\t\t\t\tthis.setState({ scheduledRestart, enabled });\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tUserPreferencesStore.removeListener({ field: \"preferences\" }, this.setPreferences);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { scheduledRestart, enabled } = this.state;\r\n\t\tlet wrapClasses = \"scheduled-restart\";\r\n\t\tif (!enabled) {\r\n\t\t\twrapClasses = `${wrapClasses} disabled-restart`;\r\n\t\t}\r\n\t\treturn (\r\n\t\t\t<div className=\"complex-menu-content-row\">\r\n\t\t\t\t<Checkbox onClick={this.toggleEnabled} checked={this.state.enabled} label=\"Restart daily\" />\r\n\t\t\t\t<div className={wrapClasses}>\r\n\t\t\t\t\t<span className=\"scheduled-restart-select-label\">Time:</span>\r\n\t\t\t\t\t{/* HOURS */}\r\n\t\t\t\t\t<select disabled={!enabled} onChange={this.setHour} value={this.getDisplayHour()}>\r\n\t\t\t\t\t\t{HOURS.map((hour, i) => (\r\n\t\t\t\t\t\t\t<option key={i} value={hour}>\r\n\t\t\t\t\t\t\t\t{hour}\r\n\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</select>\r\n\t\t\t\t\t&nbsp;:&nbsp;\r\n\t\t\t\t\t{/* MINUTES */}\r\n\t\t\t\t\t<select disabled={!enabled} value={scheduledRestart.minute} onChange={this.setMinute}>\r\n\t\t\t\t\t\t{MINUTES.map((minute, i) => (\r\n\t\t\t\t\t\t\t<option key={i} value={minute}>\r\n\t\t\t\t\t\t\t\t{minute}\r\n\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</select>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\t{/* MERIDIEM */}\r\n\t\t\t\t\t<select disabled={!enabled} onChange={this.setMeridiem} value={scheduledRestart.meridiem}>\r\n\t\t\t\t\t\t<option value={\"AM\"}>AM</option>\r\n\t\t\t\t\t\t<option value={\"PM\"}>PM</option>\r\n\t\t\t\t\t</select>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"ScheduledRestart.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/general/ScheduledRestart.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { Actions } from \"../../stores/UserPreferencesStore\";\r\nimport { Checkbox } from \"../../../common/Checkbox\";\r\nimport DefaultDropdownButton from \"../../../shared/DefaultDropdownButton\";\r\n\r\nconst DEFAULT_RESTART = {\r\n\thour: 4,\r\n\tminute: \"00\",\r\n\tmeridiem: \"AM\",\r\n};\r\n\r\n// Create an array 1-12.\r\nlet HOURS: Array<number> = [];\r\nfor (var i = 1; i < 13; i++) {\r\n\tHOURS.push(i);\r\n}\r\n\r\n// FOR TESTING\r\n// let MINUTES = [];\r\n// for (var i = 1; i <= 60; i++){\r\n//     MINUTES.push(i);\r\n// }\r\nconst MINUTES = [\"00\", 15, 30, 45];\r\n\r\ntype ScheduledRestartProps = {\r\n\taddListener: Function;\r\n\tremoveListener: Function;\r\n\tgetValue: Function;\r\n};\r\n\r\ntype ScheduledRestartState = {\r\n\tscheduledRestart: { hour: number; minute: string | number; meridiem: string };\r\n\tenabled: boolean;\r\n};\r\n\r\nexport default class ScheduledRestart extends React.Component<ScheduledRestartProps, ScheduledRestartState> {\r\n\tconstructor(props: ScheduledRestartProps) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tscheduledRestart: DEFAULT_RESTART,\r\n\t\t\tenabled: false,\r\n\t\t};\r\n\t\tthis.setPreferences = this.setPreferences.bind(this);\r\n\t\tthis.toggleEnabled = this.toggleEnabled.bind(this);\r\n\t\tthis.setHour = this.setHour.bind(this);\r\n\t\tthis.setMinute = this.setMinute.bind(this);\r\n\t\tthis.setMeridiem = this.setMeridiem.bind(this);\r\n\t\tthis.getDisplayHour = this.getDisplayHour.bind(this);\r\n\t}\r\n\r\n\t/**\r\n\t * Invoked when any preference is changed on the userPreferencesStore.\r\n\t * @param {obj} err\r\n\t * @param {data} data\r\n\t */\r\n\tsetPreferences(err: any, data: any) {\r\n\t\tif (!data && !data.value) return;\r\n\t\tlet scheduledRestart = data.value[\"finsemble.scheduledRestart\"];\r\n\t\t// If scheduledRestart is falsy, set \"enabled\" to false. I probably could've done !scheduledRestart. Oh well.\r\n\t\tlet enabled = typeof scheduledRestart === \"object\";\r\n\t\tif (enabled) {\r\n\t\t\t// This is purely for display. I found that military time forced a scroll bar onto the dropdown that looked bad.\r\n\t\t\tscheduledRestart.meridiem = scheduledRestart.hour > 11 ? \"PM\" : \"AM\";\r\n\t\t} else {\r\n\t\t\tscheduledRestart = DEFAULT_RESTART;\r\n\t\t}\r\n\t\tthis.setState({ scheduledRestart, enabled });\r\n\t}\r\n\r\n\t/**\r\n\t * Toggle the enabled state of the select boxes.\r\n\t */\r\n\ttoggleEnabled() {\r\n\t\tlet { enabled, scheduledRestart }: any = this.state;\r\n\t\tenabled = !enabled;\r\n\t\t// If the select boxes are no longer enabled, reset the scheduled restart time and call a method on the Actions object.\r\n\t\t// That function will set scheduledRestart to null via the preferences API. But we want our display to look nice, hence the bit where we reset it to the default value.\r\n\t\tif (!enabled) {\r\n\t\t\tscheduledRestart = DEFAULT_RESTART;\r\n\t\t\tthis.setState({ enabled, scheduledRestart });\r\n\t\t\tActions.disableScheduledRestart();\r\n\t\t} else {\r\n\t\t\tthis.setState({ enabled });\r\n\t\t\tActions.setScheduledRestart(scheduledRestart);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * This method will transform 8 PM into 20:00. It also handles when the user changes the meridiem.\r\n\t * e.g., 8PM (20) => 8AM (8).\r\n\t * Set the minute, then set the 'finsemble.scheduledRestart' preference via the method on the Actions object.\r\n\t * @param {event} e\r\n\t */\r\n\tsetHour(e: any) {\r\n\t\tlet hour = Number(e);\r\n\t\tlet { scheduledRestart }: any = this.state;\r\n\t\tif (hour < 12 && scheduledRestart.meridiem === \"PM\") {\r\n\t\t\thour = hour + 12;\r\n\t\t} else if (hour > 12 && scheduledRestart.meridiem === \"AM\") {\r\n\t\t\thour = hour - 12;\r\n\t\t} else if (scheduledRestart.meridiem === \"AM\" && hour === 12) {\r\n\t\t\thour = 0;\r\n\t\t}\r\n\r\n\t\tscheduledRestart.hour = hour;\r\n\t\tthis.setState({ scheduledRestart });\r\n\t\tActions.setScheduledRestart(scheduledRestart);\r\n\t}\r\n\r\n\t/**\r\n\t * Set the minute, then set the 'finsemble.scheduledRestart' preference via the method on the Actions object.\r\n\t * @param {event} e\r\n\t */\r\n\tsetMinute(e: any) {\r\n\t\tlet minute = Number(e);\r\n\t\tlet { scheduledRestart }: any = this.state;\r\n\t\tscheduledRestart.minute = minute;\r\n\r\n\t\tthis.setState({ scheduledRestart });\r\n\t\tActions.setScheduledRestart(scheduledRestart);\r\n\t}\r\n\r\n\t/**\r\n\t * Sets the meridiem for the time (AM or PM). Afterwards, this calls setHour to handle any necessary conversions to military time.\r\n\t * @param {event} e\r\n\t */\r\n\tsetMeridiem(e: any) {\r\n\t\tlet { scheduledRestart }: any = this.state;\r\n\t\tlet meridiem = e;\r\n\t\tscheduledRestart.meridiem = meridiem;\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tscheduledRestart,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis.setHour(this.state.scheduledRestart.hour);\r\n\t\t\t}\r\n\t\t);\r\n\t}\r\n\r\n\tgetDisplayHour() {\r\n\t\tlet { scheduledRestart }: any = this.state;\r\n\t\tif (scheduledRestart.meridiem === \"AM\" && scheduledRestart.hour === 0) {\r\n\t\t\treturn 12;\r\n\t\t} else if (scheduledRestart.meridiem === \"PM\" && scheduledRestart.hour > 12) {\r\n\t\t\treturn scheduledRestart.hour - 12;\r\n\t\t} else {\r\n\t\t\treturn scheduledRestart.hour;\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Add listener on the store. When the preferences field changes, we change our local state.\r\n\t * Also, get the initial state from the store.\r\n\t */\r\n\tcomponentDidMount() {\r\n\t\tthis.props.addListener({ field: \"preferences\" }, this.setPreferences);\r\n\t\tthis.props.getValue({ field: \"preferences\" }, (err: any, data: any) => {\r\n\t\t\tif (data) {\r\n\t\t\t\tlet scheduledRestart = data[\"finsemble.scheduledRestart\"];\r\n\t\t\t\tlet enabled = typeof scheduledRestart === \"object\";\r\n\t\t\t\tif (enabled) {\r\n\t\t\t\t\tscheduledRestart.meridiem = scheduledRestart.hour > 11 ? \"PM\" : \"AM\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tscheduledRestart = DEFAULT_RESTART;\r\n\t\t\t\t}\r\n\t\t\t\tthis.setState({ scheduledRestart, enabled });\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tthis.props.removeListener({ field: \"preferences\" }, this.setPreferences);\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { scheduledRestart, enabled }: any = this.state;\r\n\t\tlet wrapClasses = \"scheduled-restart\";\r\n\t\tif (!enabled) {\r\n\t\t\twrapClasses = `${wrapClasses} disabled-restart`;\r\n\t\t}\r\n\t\tconst hourOptions: Array<any> = HOURS.map((hour: number) => {\r\n\t\t\treturn {\r\n\t\t\t\toptionLabel: hour,\r\n\t\t\t\toptionValue: hour,\r\n\t\t\t\tclickHandler: () => {\r\n\t\t\t\t\tthis.setHour(hour);\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t});\r\n\t\tconst minuteOptions: Array<any> = MINUTES.map((minute) => {\r\n\t\t\treturn {\r\n\t\t\t\toptionLabel: minute,\r\n\t\t\t\toptionValue: minute,\r\n\t\t\t\tclickHandler: () => {\r\n\t\t\t\t\tthis.setMinute(minute);\r\n\t\t\t\t},\r\n\t\t\t};\r\n\t\t});\r\n\t\treturn (\r\n\t\t\t<div className=\"complex-menu-content-row\" style={{ overflow: \"visible\" }}>\r\n\t\t\t\t<Checkbox onClick={this.toggleEnabled} checked={this.state.enabled} label=\"Restart daily\" />\r\n\t\t\t\t<div className={wrapClasses} style={{ display: \"flex\" }}>\r\n\t\t\t\t\t<span className=\"scheduled-restart-select-label\">Time:</span>\r\n\t\t\t\t\t{/* HOURS */}\r\n\t\t\t\t\t<div className=\"row-section\" style={{ width: \"10px\", marginRight: \"40px\" }}>\r\n\t\t\t\t\t\t<DefaultDropdownButton\r\n\t\t\t\t\t\t\tclassNames={\"push-right\"}\r\n\t\t\t\t\t\t\tallowEmpty={false}\r\n\t\t\t\t\t\t\tcaretLocation={\"right\"}\r\n\t\t\t\t\t\t\tbuttonOptions={hourOptions}\r\n\t\t\t\t\t\t\tdefaultSelection={{\r\n\t\t\t\t\t\t\t\toptionLabel: this.getDisplayHour(),\r\n\t\t\t\t\t\t\t\toptionValue: this.getDisplayHour(),\r\n\t\t\t\t\t\t\t\tclickHandler: () => {\r\n\t\t\t\t\t\t\t\t\tthis.setHour(this.getDisplayHour());\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tenabled={enabled}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"row-section\" style={{ marginLeft: 30, marginRight: 10, marginTop: 5 }}>\r\n\t\t\t\t\t\t&nbsp;:&nbsp;\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{/* MINUTES */}\r\n\t\t\t\t\t<div style={{ width: \"10px\", marginRight: \"65px\" }}>\r\n\t\t\t\t\t\t<DefaultDropdownButton\r\n\t\t\t\t\t\t\tclassNames={\"push-right\"}\r\n\t\t\t\t\t\t\tallowEmpty={false}\r\n\t\t\t\t\t\t\tcaretLocation={\"right\"}\r\n\t\t\t\t\t\t\tbuttonOptions={minuteOptions}\r\n\t\t\t\t\t\t\tdefaultSelection={{\r\n\t\t\t\t\t\t\t\toptionLabel: scheduledRestart.minute === 0 ? \"00\" : scheduledRestart.minute,\r\n\t\t\t\t\t\t\t\toptionValue: scheduledRestart.minute,\r\n\t\t\t\t\t\t\t\tclickHandler: () => {\r\n\t\t\t\t\t\t\t\t\tthis.setMinute(scheduledRestart.minute);\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tenabled={enabled}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t&nbsp;\r\n\t\t\t\t\t{/* MERIDIEM */}\r\n\t\t\t\t\t<div className=\"row-section\" style={{ width: \"10px\" }}>\r\n\t\t\t\t\t\t<DefaultDropdownButton\r\n\t\t\t\t\t\t\tclassNames={\"push-right\"}\r\n\t\t\t\t\t\t\tallowEmpty={false}\r\n\t\t\t\t\t\t\tcaretLocation={\"right\"}\r\n\t\t\t\t\t\t\tbuttonOptions={[\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\toptionLabel: \"AM\",\r\n\t\t\t\t\t\t\t\t\toptionValue: \"AM\",\r\n\t\t\t\t\t\t\t\t\tclickHandler: () => {\r\n\t\t\t\t\t\t\t\t\t\tthis.setMeridiem(\"AM\");\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\toptionLabel: \"PM\",\r\n\t\t\t\t\t\t\t\t\toptionValue: \"PM\",\r\n\t\t\t\t\t\t\t\t\tclickHandler: () => {\r\n\t\t\t\t\t\t\t\t\t\tthis.setMeridiem(\"PM\");\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\tdefaultSelection={{\r\n\t\t\t\t\t\t\t\toptionLabel: scheduledRestart.meridiem,\r\n\t\t\t\t\t\t\t\toptionValue: scheduledRestart.meridiem,\r\n\t\t\t\t\t\t\t\tclickHandler: () => {\r\n\t\t\t\t\t\t\t\t\tthis.setHour(scheduledRestart.meridiem);\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tenabled={enabled}\r\n\t\t\t\t\t\t/>\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\n"]}

package/react/components/userPreferences/components/workspaces/WorkspaceButton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare type WorkspaceButtonProps = {
+    onClick: (e?: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseDown?: React.MouseEventHandler<HTMLDivElement>;
+    title?: string;
+    type?: string;
+};
+export declare const WorkspaceButton: ({ title, onMouseDown, onClick, type }: WorkspaceButtonProps) => JSX.Element;

package/react/components/userPreferences/components/workspaces/WorkspaceButton.js

@@ -0,0 +1,9 @@
+import React from "react";
+export const WorkspaceButton = ({ title, onMouseDown, onClick, type }) => (React.createElement("div", { title: title, className: "action-button workspace-action-button", role: "button", onMouseDown: onMouseDown, onClick: onClick, tabIndex: 0, onKeyDown: (e) => {
+        if (e.key === " " || e.key === "Enter") {
+            onClick();
+        }
+    } },
+    React.createElement("i", { className: `workspace-action-button-icon ${type === "import" ? "ff-import" : "ff-export"}` }),
+    React.createElement("div", { className: "workspace-action-button-label" }, type === "import" ? "Import" : "Export")));
+//# sourceMappingURL=WorkspaceButton.js.map

package/react/components/userPreferences/components/workspaces/WorkspaceButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceButton.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/workspaces/WorkspaceButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAwB,EAAE,EAAE,CAAC,CAC/F,6BACC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,uCAAuC,EACjD,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;QACrC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACvC,OAAO,EAAE,CAAC;SACV;IACF,CAAC;IAED,2BAAG,SAAS,EAAE,gCAAgC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,GAAM;IACnG,6BAAK,SAAS,EAAC,+BAA+B,IAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAO,CACzF,CACN,CAAC","sourcesContent":["import React, { MouseEvent } from \"react\";\r\n\r\nexport type WorkspaceButtonProps = {\r\n\tonClick: (e?: React.MouseEvent<HTMLDivElement>) => void;\r\n\tonMouseDown?: React.MouseEventHandler<HTMLDivElement>;\r\n\ttitle?: string;\r\n\ttype?: string;\r\n};\r\nexport const WorkspaceButton = ({ title, onMouseDown, onClick, type }: WorkspaceButtonProps) => (\r\n\t<div\r\n\t\ttitle={title}\r\n\t\tclassName=\"action-button workspace-action-button\"\r\n\t\trole=\"button\"\r\n\t\tonMouseDown={onMouseDown}\r\n\t\tonClick={onClick}\r\n\t\ttabIndex={0}\r\n\t\tonKeyDown={(e: React.KeyboardEvent) => {\r\n\t\t\tif (e.key === \" \" || e.key === \"Enter\") {\r\n\t\t\t\tonClick();\r\n\t\t\t}\r\n\t\t}}\r\n\t>\r\n\t\t<i className={`workspace-action-button-icon ${type === \"import\" ? \"ff-import\" : \"ff-export\"}`}></i>\r\n\t\t<div className=\"workspace-action-button-label\">{type === \"import\" ? \"Import\" : \"Export\"}</div>\r\n\t</div>\r\n);\r\n"]}

package/react/components/userPreferences/components/workspaces/WorkspaceComponents.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type WorkspaceComponentsProps = {
+    focusedWorkspaceComponentList?: Array<any>;
+};
+declare const WorkspaceComponents: (props: WorkspaceComponentsProps) => JSX.Element;
+export default WorkspaceComponents;

package/react/components/userPreferences/components/workspaces/WorkspaceComponents.js

@@ -0,0 +1,11 @@
+import React from "react";
+const WorkspaceComponents = (props) => {
+    var _a, _b, _c;
+    return (React.createElement("div", { className: "workspace-component-list" },
+        props.focusedWorkspaceComponentList &&
+            ((_a = props.focusedWorkspaceComponentList) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
+            ((_b = props.focusedWorkspaceComponentList) === null || _b === void 0 ? void 0 : _b.map((cmp, i) => (React.createElement("div", { key: i, className: "workspace-component" }, cmp)))),
+        ((_c = props.focusedWorkspaceComponentList) === null || _c === void 0 ? void 0 : _c.length) === 0 && React.createElement("span", { className: "no-components" }, "No components")));
+};
+export default WorkspaceComponents;
+//# sourceMappingURL=WorkspaceComponents.js.map

package/react/components/userPreferences/components/workspaces/WorkspaceComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceComponents.js","sourceRoot":"","sources":["../../../../../src/components/userPreferences/components/workspaces/WorkspaceComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;;IAAC,OAAA,CAChE,6BAAK,SAAS,EAAC,0BAA0B;QACvC,KAAK,CAAC,6BAA6B;YACnC,CAAA,MAAA,KAAK,CAAC,6BAA6B,0CAAE,MAAM,IAAG,CAAC;aAC/C,MAAA,KAAK,CAAC,6BAA6B,0CAAE,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpD,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,qBAAqB,IAC1C,GAAG,CACC,CACN,CAAC,CAAA;QAEF,CAAA,MAAA,KAAK,CAAC,6BAA6B,0CAAE,MAAM,MAAK,CAAC,IAAI,8BAAM,SAAS,EAAC,eAAe,oBAAqB,CACrG,CACN,CAAA;CAAA,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import React from \"react\";\r\n\r\ntype WorkspaceComponentsProps = {\r\n\tfocusedWorkspaceComponentList?: Array<any>;\r\n};\r\n\r\nconst WorkspaceComponents = (props: WorkspaceComponentsProps) => (\r\n\t<div className=\"workspace-component-list\">\r\n\t\t{props.focusedWorkspaceComponentList &&\r\n\t\t\tprops.focusedWorkspaceComponentList?.length > 0 &&\r\n\t\t\tprops.focusedWorkspaceComponentList?.map((cmp, i) => (\r\n\t\t\t\t<div key={i} className=\"workspace-component\">\r\n\t\t\t\t\t{cmp}\r\n\t\t\t\t</div>\r\n\t\t\t))}\r\n\r\n\t\t{props.focusedWorkspaceComponentList?.length === 0 && <span className=\"no-components\">No components</span>}\r\n\t</div>\r\n);\r\n\r\nexport default WorkspaceComponents;\r\n"]}

package/react/components/userPreferences/components/workspaces/WorkspaceItem.d.ts

@@ -0,0 +1,45 @@
+import React, { MouseEventHandler } from "react";
+declare type WorkspaceEditorProps = {
+    cancelHandler?: Function;
+    saveHandler?: Function;
+    value?: string;
+};
+declare type WorkspaceEditorState = {
+    value: string;
+    finished: boolean;
+};
+export declare class WorkspaceEditor extends React.Component<WorkspaceEditorProps, WorkspaceEditorState> {
+    constructor(props: WorkspaceEditorProps);
+    onKeyDown(e: any): void;
+    onChange(e: any): void;
+    onFocus(e: any): void;
+    onBlur(): void;
+    render(): JSX.Element;
+}
+export declare type WorkspaceItemProps = {
+    workspace: {
+        name?: string;
+        components?: Array<String>;
+    };
+    workspaceToLoadOnStart?: any;
+    focusedWorkspace?: string;
+    i?: number;
+    editing?: boolean;
+    adding?: boolean;
+    key?: number;
+    renameWorkspace?: Function;
+    addWorkspace?: Function;
+    cancelEdit?: Function;
+    setFocusedWorkspace?: Function;
+    renameTooltip?: string;
+    renameButtonClasses?: string;
+    handleButtonClicks?: MouseEventHandler<HTMLDivElement>;
+    allowRename?: boolean;
+    startEditingWorkspace?: (e: MouseEventHandler<HTMLDivElement>, name: string) => void;
+    deleteTooltip?: string;
+    deleteButtonClasses?: string;
+    allowDelete?: boolean;
+    deleteWorkspace?: (name: string) => void;
+};
+declare const WorkspaceItem: (props: WorkspaceItemProps) => JSX.Element;
+export default WorkspaceItem;