@finsemble/finsemble-ui 6.3.2 → 6.5.0-beta.2

package/react/components/smartDesktopDesigner/Applications.js

@@ -5,35 +5,30 @@
 import React, { useEffect, useState } from "react";
 import { useSelector, useDispatch } from "../../store";
 import { View } from "./View";
-import { Tab } from "../common/Tab";
 import { Header } from "../common/Header";
-import { FinsembleSelect } from "../common/FinsembleSelect";
 import { Button } from "../common/Button";
 import { Content } from "./Content";
 import { Application, ApplicationCloseReason } from "./Application";
-import { ApplicationList } from "./ApplicationList";
+import { ItemList } from "./ItemList";
 import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
 import { DropZone } from "../common/DropZone";
 import { generateDefaultConfig } from "./sdd_helpers";
 import { launchTutorialLink } from "./common/fsbl_functions";
 import { validateFilename, VALID_APP_EXTENSIONS } from "../common/file_helpers";
-const MENU_NAME_MAX_LENGTH = 50;
+import { AddApp } from "./AddApp";
 const EMPTY_MENU_ERROR = {
     viewId: "applications",
     message: "One or more of your app menus is empty",
 };
 export const Applications = (props) => {
-    var _a;
     const dispatch = useDispatch();
-    const [currentMenuID, setCurrentMenuID] = useState("");
-    const [menuName, setMenuName] = useState("");
-    const [focusOnMenu, setFocusOnMenu] = useState(false);
-    const [selectedApps, setSelectedApps] = useState([]);
+    const [editMode, setEditMode] = useState(false);
     const apps = useSelector((state) => state.smartDesktopDesigner.apps);
     const menus = useSelector((state) => state.smartDesktopDesigner.menus);
+    const preloads = useSelector((state) => state.smartDesktopDesigner.preloads);
     const newAppID = useSelector((state) => state.smartDesktopDesigner.newAppId);
     const currentAppID = useSelector((state) => state.smartDesktopDesigner.currentAppId);
-    if (Object.values(menus).every((menu) => menu.applications.length > 1)) {
+    if (Object.values(menus).every((menu) => menu.applications.length > 0)) {
         dispatch(SmartDesktopDesignerActions.delete_project_error(EMPTY_MENU_ERROR));
     }
     else {
@@ -42,45 +37,19 @@ export const Applications = (props) => {
     function updateAppList() {
         props.getApps().then((response) => {
             dispatch(SmartDesktopDesignerActions.update_apps(response.apps));
-            props.getMenus().then((getMenusResponse) => {
-                dispatch(SmartDesktopDesignerActions.update_menus(getMenusResponse.menus));
-            });
         });
     }
+    const updatePreloadList = async () => {
+        const { preloads } = await props.getPreloads();
+        dispatch(SmartDesktopDesignerActions.update_preloads(preloads));
+    };
     function setCurrentAppID(id) {
         if (id === null) {
             dispatch(SmartDesktopDesignerActions.new_app(null));
         }
-        setFocusOnMenu(false);
         dispatch(SmartDesktopDesignerActions.set_current_app_id(id));
         updateAppList();
     }
-    const updateMenuItem = () => {
-        const whenDone = () => {
-            updateAppList();
-            setMenuName("");
-            setFocusOnMenu(true);
-            setCurrentMenuID("");
-        };
-        if (currentMenuID == "new") {
-            props
-                .addMenu({
-                displayName: menuName,
-                applications: selectedApps,
-                position: -1,
-            })
-                .then(whenDone);
-        }
-        else {
-            props
-                .updateMenu(currentMenuID, {
-                displayName: menuName,
-                applications: selectedApps,
-                position: menus[currentMenuID].position,
-            })
-                .then(whenDone);
-        }
-    };
     const removeAppID = (id) => {
         props.deleteApp(id).then(({ err }) => {
             if (err) {
@@ -100,18 +69,10 @@ export const Applications = (props) => {
             });
         });
     };
-    const removeMenuID = (id) => {
-        props.deleteMenu(id).then(({ err }) => {
-            if (err) {
-                alert(err);
-            }
-            updateAppList();
-        });
-    };
-    const addNewMenu = () => {
-        setCurrentMenuID("new");
-    };
-    useEffect(updateAppList, []);
+    useEffect(() => {
+        updateAppList();
+        updatePreloadList();
+    }, []);
     const addDroppedApp = (file, index) => {
         const appId = String(new Date().getTime() + index);
         const { path } = file;
@@ -134,6 +95,42 @@ export const Applications = (props) => {
             });
         });
     };
+    const addAppByUrl = (url, displayName) => {
+        const appId = String(new Date().getTime());
+        setEditMode(false);
+        props.getAppConfigTemplate().then((response) => {
+            var _a, _b;
+            const { config } = response;
+            config.name = displayName;
+            config.appId = appId;
+            config.manifest = (_a = config.manifest) !== null && _a !== void 0 ? _a : {};
+            config.manifest.window = (_b = config.manifest.window) !== null && _b !== void 0 ? _b : {};
+            delete config.manifest.window.windowType;
+            delete config.manifest.window.path;
+            config.manifest.window.url = url;
+            props.addApp(appId, config).then(() => {
+                updateAppList();
+            });
+        });
+    };
+    const addAppByPath = (path, displayName) => {
+        const appId = String(new Date().getTime());
+        setEditMode(false);
+        props.getAppConfigTemplate().then((response) => {
+            var _a, _b;
+            const { config } = response;
+            config.name = displayName;
+            config.appId = appId;
+            config.manifest = (_a = config.manifest) !== null && _a !== void 0 ? _a : {};
+            config.manifest.window = (_b = config.manifest.window) !== null && _b !== void 0 ? _b : {};
+            config.manifest.window.windowType = "assimilation";
+            config.manifest.window.path = path;
+            delete config.manifest.window.url;
+            props.addApp(appId, config).then(() => {
+                updateAppList();
+            });
+        });
+    };
     const onClose = (reason) => {
         if (reason === ApplicationCloseReason.NEW) {
             dispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));
@@ -152,75 +149,38 @@ export const Applications = (props) => {
         apps,
         addApp: props.addApp,
         deleteApp: props.deleteApp,
+        updateApp: props.updateApp,
         getAppConfigTemplate: props.getAppConfigTemplate,
         setCurrentAppID,
         onClose,
         isInboundInteropAuthorized: props.isInboundInteropAuthorized,
         isOutboundInteropAuthorized: props.isOutboundInteropAuthorized,
+        preloads,
     };
     const dropZoneProps = {
-        apps: apps.filter((app) => { var _a; return !((_a = app === null || app === void 0 ? void 0 : app.manifest) === null || _a === void 0 ? void 0 : _a.temporary); }),
-        clickApp: (appID) => {
-            setCurrentAppID(appID);
+        items: apps.filter((app) => { var _a; return !((_a = app === null || app === void 0 ? void 0 : app.manifest) === null || _a === void 0 ? void 0 : _a.temporary); }),
+        clickItem: (appID) => {
+            FSBL.Clients.LauncherClient.showWindow({ componentType: appID }, { spawnIfNotFound: true }, (err, data) => { });
         },
-        deleteApp: removeAppID,
-    };
-    const applicationListProps = {
-        apps: Object.entries(menus).map(([key, value]) => {
-            var _a;
-            const menuObj = JSON.parse(JSON.stringify(value));
-            menuObj.appId = key;
-            menuObj.name = (_a = menuObj.name) !== null && _a !== void 0 ? _a : menuObj.displayName;
-            if (menuObj.applications.length === 0) {
-                menuObj.icon = "warning";
-            }
-            return menuObj;
-        }),
-        clickApp: (menuId) => {
-            setCurrentMenuID(menuId);
-            setMenuName(menus[menuId].displayName);
-            setSelectedApps(menus[menuId].applications);
+        editItem: (appID) => {
+            setCurrentAppID(appID);
         },
-        deleteApp: removeMenuID,
-    };
-    const backFunction = () => {
-        setFocusOnMenu(true);
-        setCurrentMenuID("");
+        deleteItem: removeAppID,
     };
     const helpFunction = () => {
-        launchTutorialLink("managing-applications");
+        launchTutorialLink("SDD-02-ManageApps");
     };
     const addApp = () => {
-        dispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));
+        setEditMode(!editMode);
     };
-    return (React.createElement(React.Fragment, null, currentAppID ? (React.createElement(Application, Object.assign({}, applicationProps))) : currentMenuID ? (React.createElement(View, null,
-        React.createElement(Header, { backFunction: backFunction }, "Menus"),
-        React.createElement(Content, null,
-            React.createElement("div", { className: "app-edit-field" },
-                React.createElement("label", { htmlFor: "menu-name" }, "Name"),
-                React.createElement("input", { type: "text", id: "menu-name", value: menuName, onChange: (e) => {
-                        setMenuName(e.target.value.substr(0, MENU_NAME_MAX_LENGTH));
-                    } })),
-            React.createElement("div", { className: "app-edit-field" },
-                React.createElement("label", { htmlFor: "menu-group" }, "Group Contents"),
-                React.createElement(FinsembleSelect, { options: apps.map((app) => app.name), values: apps.map((app) => app.appId), selected: ((_a = menus[currentMenuID]) === null || _a === void 0 ? void 0 : _a.applications) || [], updateCallback: setSelectedApps, showSearch: true })),
-            React.createElement("div", { className: "app-edit-actions" },
-                React.createElement("span", null),
-                React.createElement(Button, { fashion: "secondary", text: "Save", disabled: menuName.length <= 0, onClick: updateMenuItem }))))) : (React.createElement(View, null,
-        React.createElement(Header, { helpFunction: helpFunction }, "Apps"),
+    return (React.createElement(React.Fragment, null, currentAppID ? (React.createElement(Application, Object.assign({}, applicationProps))) : (React.createElement(View, null,
+        React.createElement(Header, { helpFunction: helpFunction }, "Manage apps"),
         React.createElement(Content, null,
-            React.createElement(Tab, { autofocus: focusOnMenu ? 1 : 0 },
-                React.createElement("div", { "data-label": "Apps" },
-                    React.createElement("div", { className: "frontmatter" }, "Drag an app into the list or click the Add button."),
-                    React.createElement(Button, { className: "icon-before-add", fashion: "primary", iconBefore: "plus", text: "Add", onClick: addApp }),
-                    React.createElement(DropZone, { processFile: addDroppedApp },
-                        React.createElement(ApplicationList, Object.assign({}, dropZoneProps)))),
-                React.createElement("div", { "data-label": "Menus" },
-                    React.createElement("div", { className: "frontmatter" },
-                        "This screen allows you to make menus that will appear on your Toolbar.",
-                        React.createElement("br", null),
-                        "You are allowed a maximum of five Menus."),
-                    React.createElement(Button, { className: "icon-before-add", fashion: "primary", text: "Add", iconBefore: "plus", disabled: Object.keys(menus).length >= 5, onClick: addNewMenu }),
-                    React.createElement(ApplicationList, Object.assign({}, applicationListProps)))))))));
+            React.createElement("div", { "data-label": "Apps" },
+                React.createElement("div", { className: "frontmatter" }, "Click Add or drag your apps into the list."),
+                React.createElement(Button, { className: "icon-before-add", fashion: "primary", iconBefore: "plus", text: "Add", onClick: addApp }),
+                React.createElement(AddApp, { show: editMode, checkValidURL: FSBL.Clients.SmartDesktopClient.checkValidURL, addAppByUrl: addAppByUrl, addAppByPath: addAppByPath, close: addApp }),
+                React.createElement(DropZone, { processFile: addDroppedApp },
+                    React.createElement(ItemList, Object.assign({}, dropZoneProps)))))))));
 };
 //# sourceMappingURL=Applications.js.map

package/react/components/smartDesktopDesigner/Applications.js.map

@@ -1 +1 @@
-{"version":3,"file":"Applications.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Applications.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useEffect, useState } from \"react\";\nimport { useSelector, useDispatch } from \"../../store\";\nimport { View } from \"./View\";\nimport { Tab } from \"../common/Tab\";\nimport { Header } from \"../common/Header\";\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\nimport { Button } from \"../common/Button\";\nimport { Content } from \"./Content\";\nimport { Application, ApplicationCloseReason } from \"./Application\";\nimport { ApplicationList } from \"./ApplicationList\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { DropZone, FileWithPath } from \"../common/DropZone\";\nimport { generateDefaultConfig } from \"./sdd_helpers\";\nimport { MenuType, ProjectError } from \"../../types/smartDesktopDesignerTypes\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\nimport { ApplicationProps } from \"./Application\";\nimport { ApplicationListProps } from \"./ApplicationList\";\nimport { services } from \"@finsemble/finsemble-core/\";\n\ntype AppDefinition = services.Interop.types.AppDefinition;\n\nconst MENU_NAME_MAX_LENGTH = 50;\n\nexport type ApplicationsProps = {\n\tgetApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;\n\taddApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;\n\tdeleteApp: typeof FSBL.Clients.SmartDesktopClient.prototype.deleteApp;\n\tgetAppConfigTemplate: typeof FSBL.Clients.SmartDesktopClient.prototype.getAppConfigTemplate;\n\tgetMenus: typeof FSBL.Clients.SmartDesktopClient.prototype.getMenus;\n\taddMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.addMenu;\n\tupdateMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.updateMenu;\n\tdeleteMenu: (value: string) => Promise<{ err: any }>;\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\n};\n\nconst EMPTY_MENU_ERROR: ProjectError = {\n\tviewId: \"applications\",\n\tmessage: \"One or more of your app menus is empty\",\n};\n\nexport const Applications = (props: ApplicationsProps) => {\n\tconst dispatch = useDispatch();\n\tconst [currentMenuID, setCurrentMenuID] = useState(\"\");\n\tconst [menuName, setMenuName] = useState(\"\");\n\tconst [focusOnMenu, setFocusOnMenu] = useState(false);\n\tconst [selectedApps, setSelectedApps] = useState<string[]>([]);\n\n\tconst apps = useSelector((state: RootState) => state.smartDesktopDesigner.apps);\n\tconst menus = useSelector<MenuType>((state: RootState) => state.smartDesktopDesigner.menus);\n\n\tconst newAppID = useSelector((state: RootState) => state.smartDesktopDesigner.newAppId);\n\n\tconst currentAppID = useSelector((state: RootState) => state.smartDesktopDesigner.currentAppId);\n\n\tif (Object.values(menus).every((menu) => menu.applications.length > 1)) {\n\t\tdispatch(SmartDesktopDesignerActions.delete_project_error(EMPTY_MENU_ERROR));\n\t} else {\n\t\tdispatch(SmartDesktopDesignerActions.set_project_error(EMPTY_MENU_ERROR));\n\t}\n\n\tfunction updateAppList() {\n\t\tprops.getApps().then((response: any) => {\n\t\t\tdispatch(SmartDesktopDesignerActions.update_apps(response.apps));\n\t\t\tprops.getMenus().then((getMenusResponse: any) => {\n\t\t\t\tdispatch(SmartDesktopDesignerActions.update_menus(getMenusResponse.menus));\n\t\t\t});\n\t\t});\n\t}\n\n\tfunction setCurrentAppID(id: string | null) {\n\t\tif (id === null) {\n\t\t\tdispatch(SmartDesktopDesignerActions.new_app(null));\n\t\t}\n\t\tsetFocusOnMenu(false);\n\n\t\tdispatch(SmartDesktopDesignerActions.set_current_app_id(id));\n\t\tupdateAppList();\n\t}\n\n\tconst updateMenuItem = () => {\n\t\tconst whenDone = () => {\n\t\t\tupdateAppList();\n\t\t\tsetMenuName(\"\");\n\t\t\tsetFocusOnMenu(true);\n\t\t\tsetCurrentMenuID(\"\");\n\t\t};\n\t\tif (currentMenuID == \"new\") {\n\t\t\tprops\n\t\t\t\t.addMenu({\n\t\t\t\t\tdisplayName: menuName,\n\t\t\t\t\tapplications: selectedApps,\n\t\t\t\t\tposition: -1,\n\t\t\t\t})\n\t\t\t\t.then(whenDone);\n\t\t} else {\n\t\t\tprops\n\t\t\t\t.updateMenu(currentMenuID, {\n\t\t\t\t\tdisplayName: menuName,\n\t\t\t\t\tapplications: selectedApps,\n\t\t\t\t\tposition: menus[currentMenuID].position,\n\t\t\t\t})\n\t\t\t\t.then(whenDone);\n\t\t}\n\t};\n\n\tconst removeAppID = (id: string) => {\n\t\t// Delete app from list of apps\n\t\tprops.deleteApp(id).then(({ err }: { err: string }) => {\n\t\t\tif (err) {\n\t\t\t\talert(err);\n\t\t\t}\n\t\t\tupdateAppList();\n\n\t\t\t// Remove reference to app from all menus\n\t\t\tprops.getMenus().then(({ menus: grabbedMenus }: { menus: MenuType }) => {\n\t\t\t\tObject.keys(grabbedMenus).forEach((menuId) => {\n\t\t\t\t\tif (!grabbedMenus[menuId].applications.includes(id)) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tgrabbedMenus[menuId].applications.splice(grabbedMenus[menuId].applications.indexOf(id), 1);\n\t\t\t\t\tprops.updateMenu(menuId, grabbedMenus[menuId]).then(() => {\n\t\t\t\t\t\tupdateAppList();\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t};\n\n\tconst removeMenuID = (id: string) => {\n\t\tprops.deleteMenu(id).then(({ err }: { err: string }) => {\n\t\t\tif (err) {\n\t\t\t\talert(err);\n\t\t\t}\n\t\t\tupdateAppList();\n\t\t});\n\t};\n\n\tconst addNewMenu = () => {\n\t\tsetCurrentMenuID(\"new\");\n\t};\n\n\t/********* Lifecycle effects *********/\n\n\t// Call updateAppList once the component has mounted\n\t// Can't call out of an effect, or it will cause an endless loop\n\tuseEffect(updateAppList, []);\n\n\tconst addDroppedApp = (file: FileWithPath, index: number) => {\n\t\tconst appId = String(new Date().getTime() + index);\n\t\tconst { path } = file;\n\n\t\t// Confirm that the file is an executable\n\t\tif (path !== undefined && validateFilename(VALID_APP_EXTENSIONS, path)) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Generate defaults and then add app with those defaults\n\t\tprops.getAppConfigTemplate().then((response: any) => {\n\t\t\tconst { config }: { config: AppDefinition } = response;\n\t\t\t// Get generated displayName\n\t\t\tconst { displayName } = generateDefaultConfig({\n\t\t\t\t...config,\n\t\t\t\tpath,\n\t\t\t});\n\t\t\tconfig.name = displayName;\n\n\t\t\t// We generated appId above\n\t\t\tconfig.appId = appId;\n\n\t\t\t// A file was dropped, so we know this was a file, not a URL\n\t\t\tconfig.manifest = config.manifest ?? {};\n\t\t\tconfig.manifest.window = config.manifest.window ?? {};\n\t\t\tconfig.manifest.window.windowType = \"assimilation\";\n\t\t\tconfig.manifest.window.path = path;\n\t\t\tdelete config.manifest.window.url;\n\n\t\t\t// Add app with defaults\n\t\t\tprops.addApp(appId, config).then(() => {\n\t\t\t\tupdateAppList();\n\t\t\t});\n\t\t});\n\t};\n\n\tconst onClose = (reason: ApplicationCloseReason) => {\n\t\tif (reason === ApplicationCloseReason.NEW) {\n\t\t\tdispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));\n\t\t} else if (reason === ApplicationCloseReason.CANCEL && currentAppID === newAppID) {\n\t\t\tif (currentAppID) props.deleteApp(currentAppID);\n\t\t\tsetCurrentAppID(null);\n\t\t} else {\n\t\t\tsetCurrentAppID(null);\n\t\t}\n\t};\n\n\tconst applicationProps: ApplicationProps = {\n\t\tid: currentAppID ?? \"\",\n\t\tapps,\n\t\taddApp: props.addApp,\n\t\tdeleteApp: props.deleteApp,\n\t\tgetAppConfigTemplate: props.getAppConfigTemplate,\n\t\tsetCurrentAppID,\n\t\tonClose,\n\t\tisInboundInteropAuthorized: props.isInboundInteropAuthorized,\n\t\tisOutboundInteropAuthorized: props.isOutboundInteropAuthorized,\n\t};\n\n\tconst dropZoneProps: ApplicationListProps = {\n\t\tapps: apps.filter((app) => !app?.manifest?.temporary),\n\t\tclickApp: (appID: string) => {\n\t\t\tsetCurrentAppID(appID);\n\t\t},\n\t\tdeleteApp: removeAppID,\n\t};\n\n\tconst applicationListProps = {\n\t\tapps: Object.entries(menus).map(([key, value]) => {\n\t\t\tconst menuObj = JSON.parse(JSON.stringify(value));\n\t\t\tmenuObj.appId = key;\n\t\t\tmenuObj.name = menuObj.name ?? menuObj.displayName;\n\t\t\tif (menuObj.applications.length === 0) {\n\t\t\t\tmenuObj.icon = \"warning\";\n\t\t\t}\n\t\t\treturn menuObj;\n\t\t}),\n\t\tclickApp: (menuId: string) => {\n\t\t\tsetCurrentMenuID(menuId);\n\t\t\tsetMenuName(menus[menuId].displayName);\n\t\t\tsetSelectedApps(menus[menuId].applications);\n\t\t},\n\t\tdeleteApp: removeMenuID,\n\t};\n\n\tconst backFunction = () => {\n\t\tsetFocusOnMenu(true);\n\t\tsetCurrentMenuID(\"\");\n\t};\n\n\tconst helpFunction = () => {\n\t\tlaunchTutorialLink(\"managing-applications\");\n\t};\n\n\tconst addApp = () => {\n\t\tdispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{currentAppID ? (\n\t\t\t\t<Application {...applicationProps} />\n\t\t\t) : currentMenuID ? (\n\t\t\t\t<View>\n\t\t\t\t\t<Header backFunction={backFunction}>Menus</Header>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<label htmlFor=\"menu-name\">Name</label>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tid=\"menu-name\"\n\t\t\t\t\t\t\t\tvalue={menuName}\n\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t// This is the equivalent of using maxLength={MENU_NAME_MAX_LENGTH}\n\t\t\t\t\t\t\t\t\t// except that this way is testable with enzyme\n\t\t\t\t\t\t\t\t\tsetMenuName(e.target.value.substr(0, MENU_NAME_MAX_LENGTH));\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<label htmlFor=\"menu-group\">Group Contents</label>\n\t\t\t\t\t\t\t<FinsembleSelect\n\t\t\t\t\t\t\t\toptions={apps.map((app) => app.name)}\n\t\t\t\t\t\t\t\tvalues={apps.map((app) => app.appId)}\n\t\t\t\t\t\t\t\tselected={menus[currentMenuID]?.applications || []}\n\t\t\t\t\t\t\t\tupdateCallback={setSelectedApps}\n\t\t\t\t\t\t\t\tshowSearch={true}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"app-edit-actions\">\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={menuName.length <= 0} onClick={updateMenuItem} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Content>\n\t\t\t\t</View>\n\t\t\t) : (\n\t\t\t\t<View>\n\t\t\t\t\t<Header helpFunction={helpFunction}>Apps</Header>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t<Tab autofocus={focusOnMenu ? 1 : 0}>\n\t\t\t\t\t\t\t<div data-label=\"Apps\">\n\t\t\t\t\t\t\t\t<div className=\"frontmatter\">Drag an app into the list or click the Add button.</div>\n\t\t\t\t\t\t\t\t<Button className=\"icon-before-add\" fashion=\"primary\" iconBefore=\"plus\" text=\"Add\" onClick={addApp} />\n\n\t\t\t\t\t\t\t\t<DropZone processFile={addDroppedApp}>\n\t\t\t\t\t\t\t\t\t<ApplicationList {...dropZoneProps} />\n\t\t\t\t\t\t\t\t</DropZone>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div data-label=\"Menus\">\n\t\t\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\t\t\tThis screen allows you to make menus that will appear on your Toolbar.\n\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\tYou are allowed a maximum of five Menus.\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"icon-before-add\"\n\t\t\t\t\t\t\t\t\tfashion=\"primary\"\n\t\t\t\t\t\t\t\t\ttext=\"Add\"\n\t\t\t\t\t\t\t\t\ticonBefore=\"plus\"\n\t\t\t\t\t\t\t\t\tdisabled={Object.keys(menus).length >= 5}\n\t\t\t\t\t\t\t\t\tonClick={addNewMenu}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ApplicationList {...applicationListProps} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</Tab>\n\t\t\t\t\t</Content>\n\t\t\t\t</View>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"]}
+{"version":3,"file":"Applications.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Applications.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useEffect, useState } from \"react\";\nimport { useSelector, useDispatch } from \"../../store\";\nimport { View } from \"./View\";\n// import { Tab } from \"../common/Tab\";\nimport { Header } from \"../common/Header\";\nimport { Button } from \"../common/Button\";\nimport { Content } from \"./Content\";\nimport { Application, ApplicationCloseReason } from \"./Application\";\nimport { ItemList, ItemListProps } from \"./ItemList\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { DropZone, FileWithPath } from \"../common/DropZone\";\nimport { generateDefaultConfig } from \"./sdd_helpers\";\nimport { MenuType, PreloadType, ProjectError } from \"../../types/smartDesktopDesignerTypes\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\nimport { ApplicationProps } from \"./Application\";\nimport { services } from \"@finsemble/finsemble-api/\";\nimport { AddApp } from \"./AddApp\";\n\ntype AppDefinition = services.Interop.types.AppDefinition;\n\nexport type ApplicationsProps = {\n\tgetApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;\n\taddApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;\n\tdeleteApp: typeof FSBL.Clients.SmartDesktopClient.prototype.deleteApp;\n\tupdateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;\n\tgetAppConfigTemplate: typeof FSBL.Clients.SmartDesktopClient.prototype.getAppConfigTemplate;\n\tgetMenus: typeof FSBL.Clients.SmartDesktopClient.prototype.getMenus;\n\taddMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.addMenu;\n\tupdateMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.updateMenu;\n\tgetPreloads: typeof FSBL.Clients.SmartDesktopClient.prototype.getPreloads;\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\n};\n\nconst EMPTY_MENU_ERROR: ProjectError = {\n\tviewId: \"applications\",\n\tmessage: \"One or more of your app menus is empty\",\n};\n\nexport const Applications = (props: ApplicationsProps) => {\n\tconst dispatch = useDispatch();\n\tconst [editMode, setEditMode] = useState(false);\n\n\tconst apps = useSelector((state: RootState) => state.smartDesktopDesigner.apps);\n\tconst menus = useSelector<MenuType>((state: RootState) => state.smartDesktopDesigner.menus);\n\tconst preloads = useSelector<PreloadType[]>((state: RootState) => state.smartDesktopDesigner.preloads);\n\n\tconst newAppID = useSelector((state: RootState) => state.smartDesktopDesigner.newAppId);\n\n\tconst currentAppID = useSelector((state: RootState) => state.smartDesktopDesigner.currentAppId);\n\n\tif (Object.values(menus).every((menu) => menu.applications.length > 0)) {\n\t\tdispatch(SmartDesktopDesignerActions.delete_project_error(EMPTY_MENU_ERROR));\n\t} else {\n\t\tdispatch(SmartDesktopDesignerActions.set_project_error(EMPTY_MENU_ERROR));\n\t}\n\n\tfunction updateAppList() {\n\t\tprops.getApps().then((response: any) => {\n\t\t\tdispatch(SmartDesktopDesignerActions.update_apps(response.apps));\n\t\t});\n\t}\n\n\tconst updatePreloadList = async () => {\n\t\tconst { preloads } = await props.getPreloads();\n\t\tdispatch(SmartDesktopDesignerActions.update_preloads(preloads));\n\t};\n\n\tfunction setCurrentAppID(id: string | null) {\n\t\tif (id === null) {\n\t\t\tdispatch(SmartDesktopDesignerActions.new_app(null));\n\t\t}\n\n\t\tdispatch(SmartDesktopDesignerActions.set_current_app_id(id));\n\t\tupdateAppList();\n\t}\n\n\tconst removeAppID = (id: string) => {\n\t\t// Delete app from list of apps\n\t\tprops.deleteApp(id).then(({ err }: { err: string }) => {\n\t\t\tif (err) {\n\t\t\t\talert(err);\n\t\t\t}\n\t\t\tupdateAppList();\n\n\t\t\t// Remove reference to app from all menus\n\t\t\tprops.getMenus().then(({ menus: grabbedMenus }: { menus: MenuType }) => {\n\t\t\t\tObject.keys(grabbedMenus).forEach((menuId) => {\n\t\t\t\t\tif (!grabbedMenus[menuId].applications.includes(id)) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tgrabbedMenus[menuId].applications.splice(grabbedMenus[menuId].applications.indexOf(id), 1);\n\t\t\t\t\tprops.updateMenu(menuId, grabbedMenus[menuId]).then(() => {\n\t\t\t\t\t\tupdateAppList();\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t};\n\n\t/********* Lifecycle effects *********/\n\n\t// Call updateAppList once the component has mounted\n\t// Can't call out of an effect, or it will cause an endless loop\n\tuseEffect(() => {\n\t\tupdateAppList();\n\t\tupdatePreloadList();\n\t}, []);\n\n\tconst addDroppedApp = (file: FileWithPath, index: number) => {\n\t\tconst appId = String(new Date().getTime() + index);\n\t\tconst { path } = file;\n\n\t\t// Confirm that the file is an executable\n\t\tif (path !== undefined && validateFilename(VALID_APP_EXTENSIONS, path)) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Generate defaults and then add app with those defaults\n\t\tprops.getAppConfigTemplate().then((response: any) => {\n\t\t\tconst { config }: { config: AppDefinition } = response;\n\t\t\t// Get generated displayName\n\t\t\tconst { displayName } = generateDefaultConfig({\n\t\t\t\t...config,\n\t\t\t\tpath,\n\t\t\t});\n\t\t\tconfig.name = displayName;\n\n\t\t\t// We generated appId above\n\t\t\tconfig.appId = appId;\n\n\t\t\t// A file was dropped, so we know this was a file, not a URL\n\t\t\tconfig.manifest = config.manifest ?? {};\n\t\t\tconfig.manifest.window = config.manifest.window ?? {};\n\t\t\tconfig.manifest.window.windowType = \"assimilation\";\n\t\t\tconfig.manifest.window.path = path;\n\t\t\tdelete config.manifest.window.url;\n\n\t\t\t// Add app with defaults\n\t\t\tprops.addApp(appId, config).then(() => {\n\t\t\t\tupdateAppList();\n\t\t\t});\n\t\t});\n\t};\n\n\tconst addAppByUrl = (url: string, displayName: string) => {\n\t\tconst appId = String(new Date().getTime());\n\t\tsetEditMode(false);\n\t\t// @todo: show loading spinner\n\n\t\tprops.getAppConfigTemplate().then((response: { config: AppDefinition }) => {\n\t\t\tconst { config } = response;\n\t\t\tconfig.name = displayName;\n\t\t\tconfig.appId = appId;\n\n\t\t\t// A file was dropped, so we know this was a file, not a URL\n\t\t\tconfig.manifest = config.manifest ?? {};\n\t\t\tconfig.manifest.window = config.manifest.window ?? {};\n\t\t\tdelete config.manifest.window.windowType;\n\t\t\tdelete config.manifest.window.path;\n\t\t\tconfig.manifest.window.url = url;\n\n\t\t\t// Add app with defaults\n\t\t\tprops.addApp(appId, config).then(() => {\n\t\t\t\tupdateAppList();\n\t\t\t});\n\t\t});\n\t};\n\tconst addAppByPath = (path: string, displayName: string) => {\n\t\tconst appId = String(new Date().getTime());\n\t\tsetEditMode(false);\n\t\t// @todo: show loading spinner\n\n\t\tprops.getAppConfigTemplate().then((response: { config: AppDefinition }) => {\n\t\t\tconst { config } = response;\n\t\t\tconfig.name = displayName;\n\t\t\tconfig.appId = appId;\n\n\t\t\t// A file was dropped, so we know this was a file, not a URL\n\t\t\tconfig.manifest = config.manifest ?? {};\n\t\t\tconfig.manifest.window = config.manifest.window ?? {};\n\t\t\tconfig.manifest.window.windowType = \"assimilation\";\n\t\t\tconfig.manifest.window.path = path;\n\t\t\tdelete config.manifest.window.url;\n\n\t\t\t// Add app with defaults\n\t\t\tprops.addApp(appId, config).then(() => {\n\t\t\t\tupdateAppList();\n\t\t\t});\n\t\t});\n\t};\n\n\tconst onClose = (reason: ApplicationCloseReason) => {\n\t\tif (reason === ApplicationCloseReason.NEW) {\n\t\t\tdispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));\n\t\t} else if (reason === ApplicationCloseReason.CANCEL && currentAppID === newAppID) {\n\t\t\tif (currentAppID) props.deleteApp(currentAppID);\n\t\t\tsetCurrentAppID(null);\n\t\t} else {\n\t\t\tsetCurrentAppID(null);\n\t\t}\n\t};\n\n\tconst applicationProps: ApplicationProps = {\n\t\tid: currentAppID ?? \"\",\n\t\tapps,\n\t\taddApp: props.addApp,\n\t\tdeleteApp: props.deleteApp,\n\t\tupdateApp: props.updateApp,\n\t\tgetAppConfigTemplate: props.getAppConfigTemplate,\n\t\tsetCurrentAppID,\n\t\tonClose,\n\t\tisInboundInteropAuthorized: props.isInboundInteropAuthorized,\n\t\tisOutboundInteropAuthorized: props.isOutboundInteropAuthorized,\n\t\tpreloads,\n\t};\n\n\tconst dropZoneProps: ItemListProps = {\n\t\titems: apps.filter((app) => !app?.manifest?.temporary),\n\t\tclickItem: (appID: string) => {\n\t\t\tFSBL.Clients.LauncherClient.showWindow({ componentType: appID }, { spawnIfNotFound: true }, (err, data) => {});\n\t\t},\n\t\teditItem: (appID: string) => {\n\t\t\tsetCurrentAppID(appID);\n\t\t},\n\t\tdeleteItem: removeAppID,\n\t};\n\n\tconst helpFunction = () => {\n\t\tlaunchTutorialLink(\"SDD-02-ManageApps\");\n\t};\n\n\tconst addApp = () => {\n\t\tsetEditMode(!editMode);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{currentAppID ? (\n\t\t\t\t<Application {...applicationProps} />\n\t\t\t) : (\n\t\t\t\t<View>\n\t\t\t\t\t<Header helpFunction={helpFunction}>Manage apps</Header>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t{/* <Tab> */}\n\t\t\t\t\t\t<div data-label=\"Apps\">\n\t\t\t\t\t\t\t<div className=\"frontmatter\">Click Add or drag your apps into the list.</div>\n\t\t\t\t\t\t\t<Button className=\"icon-before-add\" fashion=\"primary\" iconBefore=\"plus\" text=\"Add\" onClick={addApp} />\n\n\t\t\t\t\t\t\t<AddApp\n\t\t\t\t\t\t\t\tshow={editMode}\n\t\t\t\t\t\t\t\tcheckValidURL={FSBL.Clients.SmartDesktopClient.checkValidURL}\n\t\t\t\t\t\t\t\taddAppByUrl={addAppByUrl}\n\t\t\t\t\t\t\t\taddAppByPath={addAppByPath}\n\t\t\t\t\t\t\t\tclose={addApp}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<DropZone processFile={addDroppedApp}>\n\t\t\t\t\t\t\t\t<ItemList {...dropZoneProps} />\n\t\t\t\t\t\t\t</DropZone>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{/* </Tab> */}\n\t\t\t\t\t</Content>\n\t\t\t\t</View>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/Authentication.js

@@ -40,7 +40,7 @@ export const Authentication = (props) => {
     }
     return (React.createElement(View, null,
         React.createElement(Header, { helpFunction: () => {
-                launchTutorialLink("configuring-authentication");
+                launchTutorialLink("SDD-05-Authentication");
             } }, "Authentication"),
         React.createElement(Content, null,
             React.createElement("div", { className: "auth-setup-content" },
@@ -61,13 +61,6 @@ export const Authentication = (props) => {
                     shownProvider && (React.createElement("div", { className: "auth-setup-toggle-mode" },
                         React.createElement(Button, { className: "auth-setup-toggle-mode-button", fashion: "ghost", text: !isAdvancedMode ? "Show advanced" : "Hide advanced", onClick: () => {
                                 setIsAdvancedMode(!isAdvancedMode);
-                            } })))),
-                React.createElement("div", { className: "auth-setup-tutorial" },
-                    React.createElement("h3", null, "Step 1"),
-                    React.createElement("p", null, "Select your OAuth2 provider from the dropdown list."),
-                    React.createElement("h3", null, "Step 2"),
-                    React.createElement("p", null, "Copy the provided Redirect URL into the OAuth2 app configuration for your service provider."),
-                    React.createElement("h3", null, "Step 3"),
-                    React.createElement("p", null, "Save the app configuration on your OAuth2 service provider, and then input the given Client ID and any other configuration settings."))))));
+                            } }))))))));
 };
 //# sourceMappingURL=Authentication.js.map

package/react/components/smartDesktopDesigner/Authentication.js.map

@@ -1 +1 @@
-{"version":3,"file":"Authentication.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Authentication.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Header } from \"../common/Header\";\nimport \"./css/authentication.css\";\nimport { View } from \"./View\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\nimport { useDispatch, useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { AuthenticationProviderConfig } from \"./AuthenticationProviderConfig\";\nimport { AuthenticationProvider } from \"../../types/smartDesktopDesignerTypes\";\nimport { Content } from \"./Content\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport { Button } from \"../common/Button\";\n\nexport type AuthenticationProps = {\n\tgetAuthenticationProviders: () => Promise<AuthenticationProvider[]>;\n\tsetAuthenticationProviders: (authenticationProviders: any) => Promise<Error | null>;\n\ttestAuthenticationProvider: (provider: AuthenticationProvider) => Promise<null>;\n};\n\nexport const Authentication = (props: AuthenticationProps) => {\n\tconst dispatch = useDispatch();\n\tconst authProviders = useSelector((state: RootState) => state.smartDesktopDesigner.authentication.providers);\n\tconst enabledAuthProviders = authProviders.filter((provider) => provider.enabled);\n\n\tconst [isAdvancedMode, setIsAdvancedMode] = useState(false);\n\tconst shownProvider = enabledAuthProviders[0];\n\n\tuseEffect(() => {\n\t\tprops.getAuthenticationProviders().then((providers) => {\n\t\t\tproviders.forEach((provider) => {\n\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(provider));\n\t\t\t});\n\t\t});\n\t}, []);\n\n\tfunction updateAuthProviders(value: AuthenticationProvider | null) {\n\t\tconst name = value ? value.name : \"none\";\n\n\t\tprops\n\t\t\t.setAuthenticationProviders(\n\t\t\t\tauthProviders.map((provider) => {\n\t\t\t\t\tif (name === provider.name) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...value,\n\t\t\t\t\t\t\tenabled: true,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...provider,\n\t\t\t\t\t\tenabled: false,\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t)\n\t\t\t.then(() => {\n\t\t\t\tif (value) {\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(value));\n\t\t\t\t}\n\n\t\t\t\tdispatch(SmartDesktopDesignerActions.enable_auth_provider(name));\n\t\t\t});\n\t}\n\n\treturn (\n\t\t<View>\n\t\t\t<Header\n\t\t\t\thelpFunction={() => {\n\t\t\t\t\tlaunchTutorialLink(\"configuring-authentication\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tAuthentication\n\t\t\t</Header>\n\t\t\t<Content>\n\t\t\t\t<div className=\"auth-setup-content\">\n\t\t\t\t\t<form className=\"auth-setup-form\" onSubmit={(e) => e.preventDefault()}>\n\t\t\t\t\t\t<div className=\"auth-setup-fields\">\n\t\t\t\t\t\t\t<div className=\"auth-setup-provider\">\n\t\t\t\t\t\t\t\t<div className=\"auth-setup-field\">\n\t\t\t\t\t\t\t\t\t<label>Provider</label>\n\n\t\t\t\t\t\t\t\t\t<select\n\t\t\t\t\t\t\t\t\t\taria-label=\"Authentication Provider\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-select-provider\"\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(authProviders.find((p) => p.name === e.target.value) || null);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tvalue={enabledAuthProviders.map((provider) => provider.name)[0] || \"none\"}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<option value=\"none\">None</option>\n\t\t\t\t\t\t\t\t\t\t{authProviders.map((provider, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<option key={index} value={provider.name}>\n\t\t\t\t\t\t\t\t\t\t\t\t{provider.name}\n\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</select>\n\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\tChoose from the list of OAuth providers to configure Single Sign On (SSO) for your project.\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{shownProvider && (\n\t\t\t\t\t\t\t\t\t<AuthenticationProviderConfig\n\t\t\t\t\t\t\t\t\t\tkey={shownProvider.name}\n\t\t\t\t\t\t\t\t\t\tvalue={shownProvider}\n\t\t\t\t\t\t\t\t\t\tisAdvancedMode={isAdvancedMode}\n\t\t\t\t\t\t\t\t\t\ttestAuthenticationProvider={props.testAuthenticationProvider}\n\t\t\t\t\t\t\t\t\t\tonChange={(value) => {\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{shownProvider && (\n\t\t\t\t\t\t\t<div className=\"auth-setup-toggle-mode\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-toggle-mode-button\"\n\t\t\t\t\t\t\t\t\tfashion=\"ghost\"\n\t\t\t\t\t\t\t\t\ttext={!isAdvancedMode ? \"Show advanced\" : \"Hide advanced\"}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetIsAdvancedMode(!isAdvancedMode);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</form>\n\t\t\t\t\t<div className=\"auth-setup-tutorial\">\n\t\t\t\t\t\t<h3>Step 1</h3>\n\n\t\t\t\t\t\t<p>Select your OAuth2 provider from the dropdown list.</p>\n\n\t\t\t\t\t\t<h3>Step 2</h3>\n\n\t\t\t\t\t\t<p>Copy the provided Redirect URL into the OAuth2 app configuration for your service provider.</p>\n\n\t\t\t\t\t\t<h3>Step 3</h3>\n\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tSave the app configuration on your OAuth2 service provider, and then input the given Client ID and any\n\t\t\t\t\t\t\tother configuration settings.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}
+{"version":3,"file":"Authentication.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Authentication.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Header } from \"../common/Header\";\nimport \"./css/authentication.css\";\nimport { View } from \"./View\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\nimport { useDispatch, useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { AuthenticationProviderConfig } from \"./AuthenticationProviderConfig\";\nimport { AuthenticationProvider } from \"../../types/smartDesktopDesignerTypes\";\nimport { Content } from \"./Content\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport { Button } from \"../common/Button\";\n\nexport type AuthenticationProps = {\n\tgetAuthenticationProviders: () => Promise<AuthenticationProvider[]>;\n\tsetAuthenticationProviders: (authenticationProviders: any) => Promise<Error | null>;\n\ttestAuthenticationProvider: (provider: AuthenticationProvider) => Promise<null>;\n};\n\nexport const Authentication = (props: AuthenticationProps) => {\n\tconst dispatch = useDispatch();\n\tconst authProviders = useSelector((state: RootState) => state.smartDesktopDesigner.authentication.providers);\n\tconst enabledAuthProviders = authProviders.filter((provider) => provider.enabled);\n\n\tconst [isAdvancedMode, setIsAdvancedMode] = useState(false);\n\tconst shownProvider = enabledAuthProviders[0];\n\n\tuseEffect(() => {\n\t\tprops.getAuthenticationProviders().then((providers) => {\n\t\t\tproviders.forEach((provider) => {\n\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(provider));\n\t\t\t});\n\t\t});\n\t}, []);\n\n\tfunction updateAuthProviders(value: AuthenticationProvider | null) {\n\t\tconst name = value ? value.name : \"none\";\n\n\t\tprops\n\t\t\t.setAuthenticationProviders(\n\t\t\t\tauthProviders.map((provider) => {\n\t\t\t\t\tif (name === provider.name) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...value,\n\t\t\t\t\t\t\tenabled: true,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...provider,\n\t\t\t\t\t\tenabled: false,\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t)\n\t\t\t.then(() => {\n\t\t\t\tif (value) {\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(value));\n\t\t\t\t}\n\n\t\t\t\tdispatch(SmartDesktopDesignerActions.enable_auth_provider(name));\n\t\t\t});\n\t}\n\n\treturn (\n\t\t<View>\n\t\t\t<Header\n\t\t\t\thelpFunction={() => {\n\t\t\t\t\tlaunchTutorialLink(\"SDD-05-Authentication\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tAuthentication\n\t\t\t</Header>\n\t\t\t<Content>\n\t\t\t\t<div className=\"auth-setup-content\">\n\t\t\t\t\t<form className=\"auth-setup-form\" onSubmit={(e) => e.preventDefault()}>\n\t\t\t\t\t\t<div className=\"auth-setup-fields\">\n\t\t\t\t\t\t\t<div className=\"auth-setup-provider\">\n\t\t\t\t\t\t\t\t<div className=\"auth-setup-field\">\n\t\t\t\t\t\t\t\t\t<label>Provider</label>\n\n\t\t\t\t\t\t\t\t\t<select\n\t\t\t\t\t\t\t\t\t\taria-label=\"Authentication Provider\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-select-provider\"\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(authProviders.find((p) => p.name === e.target.value) || null);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tvalue={enabledAuthProviders.map((provider) => provider.name)[0] || \"none\"}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<option value=\"none\">None</option>\n\t\t\t\t\t\t\t\t\t\t{authProviders.map((provider, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<option key={index} value={provider.name}>\n\t\t\t\t\t\t\t\t\t\t\t\t{provider.name}\n\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</select>\n\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\tChoose from the list of OAuth providers to configure Single Sign On (SSO) for your project.\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{shownProvider && (\n\t\t\t\t\t\t\t\t\t<AuthenticationProviderConfig\n\t\t\t\t\t\t\t\t\t\tkey={shownProvider.name}\n\t\t\t\t\t\t\t\t\t\tvalue={shownProvider}\n\t\t\t\t\t\t\t\t\t\tisAdvancedMode={isAdvancedMode}\n\t\t\t\t\t\t\t\t\t\ttestAuthenticationProvider={props.testAuthenticationProvider}\n\t\t\t\t\t\t\t\t\t\tonChange={(value) => {\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{shownProvider && (\n\t\t\t\t\t\t\t<div className=\"auth-setup-toggle-mode\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-toggle-mode-button\"\n\t\t\t\t\t\t\t\t\tfashion=\"ghost\"\n\t\t\t\t\t\t\t\t\ttext={!isAdvancedMode ? \"Show advanced\" : \"Hide advanced\"}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetIsAdvancedMode(!isAdvancedMode);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</form>\n\t\t\t\t</div>\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/AuthenticationProviderConfig.js

@@ -3,6 +3,7 @@ import { Button } from "../common/Button";
 import { ButtonIcon } from "../common/ButtonIcon";
 import { FinsembleToggle } from "../common/FinsembleToggle";
 import { Tooltip } from "../common/Tooltip";
+import { FinsembleIcon } from "../common/FinsembleIcon";
 export const AuthenticationProviderConfig = (props) => {
     const provider = props.value;
     const redirectURIField = useRef(null);
@@ -12,6 +13,7 @@ export const AuthenticationProviderConfig = (props) => {
     const [redirectURI, setRedirectURI] = useState(provider.redirect_uri);
     const [nonce, setNonce] = useState(provider.nonce);
     const [authError, setAuthError] = useState(null);
+    const [authSuccess, setAuthSuccess] = useState(false);
     const checkValid = (stateValue, storeValue) => {
         if (stateValue === storeValue) {
             return true;
@@ -22,10 +24,12 @@ export const AuthenticationProviderConfig = (props) => {
     const endpointURLValid = endpointURL && FSBL.Clients.SmartDesktopClient.checkValidURL(endpointURL || "");
     const save = () => {
         const providerObject = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, provider), (clientIDValid ? { client_id: clientID } : {})), (endpointURLValid ? { authorization_endpoint: endpointURL } : {})), (redirectURI ? { redirect_uri: redirectURI } : {})), { scope }), { nonce });
+        setAuthSuccess(false);
         setAuthError(null);
         props
             .testAuthenticationProvider(providerObject)
             .then(() => {
+            setAuthSuccess(true);
             props.onChange(providerObject);
         })
             .catch((err) => {
@@ -75,7 +79,10 @@ export const AuthenticationProviderConfig = (props) => {
         authError && React.createElement("div", { className: "auth-setup-error" },
             "Error: ",
             authError),
+        authSuccess && (React.createElement("div", { className: "auth-setup-success" },
+            React.createElement(FinsembleIcon, { icon: "check" }),
+            " Configuration Saved")),
         React.createElement("div", { className: "auth-setup-actions" },
-            React.createElement(Button, { fashion: "secondary", text: "Test & Save", onClick: save, disabled: !endpointURLValid }))));
+            React.createElement(Button, { fashion: "secondary", text: "Test and save", onClick: save, disabled: !endpointURLValid }))));
 };
 //# sourceMappingURL=AuthenticationProviderConfig.js.map

package/react/components/smartDesktopDesigner/AuthenticationProviderConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthenticationProviderConfig.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/AuthenticationProviderConfig.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { AuthenticationProvider } from \"../../types/smartDesktopDesignerTypes\";\nimport { Button } from \"../common/Button\";\nimport { ButtonIcon } from \"../common/ButtonIcon\";\nimport { FinsembleToggle } from \"../common/FinsembleToggle\";\nimport { Tooltip } from \"../common/Tooltip\";\n\nexport type AuthenticationProviderProps = {\n\tvalue: AuthenticationProvider;\n\tonChange: (provider: AuthenticationProvider) => void;\n\ttestAuthenticationProvider: (provider: AuthenticationProvider) => Promise<null>;\n\tisAdvancedMode: boolean;\n};\n\nexport const AuthenticationProviderConfig = (props: AuthenticationProviderProps) => {\n\tconst provider = props.value;\n\n\tconst redirectURIField = useRef<HTMLInputElement | null>(null);\n\n\tconst [clientID, setClientID] = useState(provider.client_id || \"\");\n\tconst [endpointURL, setEndpointURL] = useState(provider.authorization_endpoint);\n\tconst [scope, setScope] = useState(provider.scope);\n\tconst [redirectURI, setRedirectURI] = useState(provider.redirect_uri);\n\tconst [nonce, setNonce] = useState(provider.nonce);\n\tconst [authError, setAuthError] = useState<string | null>(null);\n\n\tconst checkValid = (stateValue: string, storeValue: string) => {\n\t\tif (stateValue === storeValue) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn stateValue.length > 0;\n\t};\n\n\tconst clientIDValid = checkValid(clientID, provider.client_id || \"\");\n\tconst endpointURLValid = endpointURL && FSBL.Clients.SmartDesktopClient.checkValidURL(endpointURL || \"\");\n\n\tconst save = () => {\n\t\tconst providerObject: AuthenticationProvider = {\n\t\t\t...provider,\n\t\t\t...(clientIDValid ? { client_id: clientID } : {}),\n\t\t\t// ...(secretValid ? { secret } : {}),\n\t\t\t...(endpointURLValid ? { authorization_endpoint: endpointURL } : {}),\n\t\t\t...(redirectURI ? { redirect_uri: redirectURI } : {}),\n\t\t\t...{ scope },\n\t\t\t...{ nonce },\n\t\t};\n\n\t\tsetAuthError(null);\n\n\t\tprops\n\t\t\t.testAuthenticationProvider(providerObject)\n\t\t\t.then(() => {\n\t\t\t\tprops.onChange(providerObject);\n\t\t\t})\n\t\t\t.catch((err: any) => {\n\t\t\t\tsetAuthError(err);\n\t\t\t});\n\t};\n\n\tif (!redirectURI) {\n\t\tsetRedirectURI(`https://cloud.finsemble.com/sso/oauth/response`);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{/* The simple fields */}\n\t\t\t<>\n\t\t\t\t<div className=\"auth-setup-field auth-setup-redirect\">\n\t\t\t\t\t<label>Redirect URL</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclassName=\"auth-setup-redirect-input\"\n\t\t\t\t\t\taria-label=\"Redirect URL\"\n\t\t\t\t\t\tref={redirectURIField}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tvalue={redirectURI}\n\t\t\t\t\t\treadOnly\n\t\t\t\t\t/>\n\t\t\t\t\t<ButtonIcon\n\t\t\t\t\t\tclassName=\"auth-setup-redirect-button\"\n\t\t\t\t\t\ttext=\"Copy\"\n\t\t\t\t\t\ticon=\"copy\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tconst input = redirectURIField.current as HTMLInputElement;\n\t\t\t\t\t\t\tinput.focus();\n\t\t\t\t\t\t\tinput.select();\n\t\t\t\t\t\t\tdocument.execCommand(\"copy\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t></ButtonIcon>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"auth-setup-field auth-setup-endpoint-url\">\n\t\t\t\t\t<label>Endpoint URL</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\taria-label=\"Endpoint URL\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tvalue={endpointURL}\n\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\tsetEndpointURL(e.target.value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\taria-invalid={!endpointURLValid}\n\t\t\t\t\t/>\n\t\t\t\t\t<Tooltip>OAuth API endpoint URL for your OAuth provider</Tooltip>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"auth-setup-field auth-setup-clientid\">\n\t\t\t\t\t<label>Client ID</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\taria-label=\"Client ID\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tvalue={clientID}\n\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\tsetClientID(e.target.value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\taria-invalid={!clientIDValid}\n\t\t\t\t\t/>\n\t\t\t\t\t<Tooltip>The Client ID is generated by your OAuth provider</Tooltip>\n\t\t\t\t</div>\n\t\t\t</>\n\n\t\t\t{/* The advanced fields */}\n\t\t\t{props.isAdvancedMode && (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"auth-setup-field auth-setup-scope\">\n\t\t\t\t\t\t<label>Scope Parameter</label>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\taria-label=\"Scope Parameter\"\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tvalue={scope}\n\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\tsetScope(e.target.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Tooltip>The scope accepted by your OAuth provider</Tooltip>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"auth-setup-field auth-setup-nonce\">\n\t\t\t\t\t\t<label>Require Nonce Parameter</label>\n\t\t\t\t\t\t<div className=\"auth-setup-nonce-wrapper\">\n\t\t\t\t\t\t\t<FinsembleToggle\n\t\t\t\t\t\t\t\tlabel=\"Require Nonce Parameter\"\n\t\t\t\t\t\t\t\tchecked={nonce}\n\t\t\t\t\t\t\t\tonChange={(value: boolean) => {\n\t\t\t\t\t\t\t\t\tsetNonce(value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t></FinsembleToggle>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Tooltip>If the `nonce` parameter is supported by your OAuth provider</Tooltip>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{authError && <div className=\"auth-setup-error\">Error: {authError}</div>}\n\n\t\t\t<div className=\"auth-setup-actions\">\n\t\t\t\t<Button fashion=\"secondary\" text=\"Test &amp; Save\" onClick={save} disabled={!endpointURLValid}></Button>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"]}
+{"version":3,"file":"AuthenticationProviderConfig.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/AuthenticationProviderConfig.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { AuthenticationProvider } from \"../../types/smartDesktopDesignerTypes\";\nimport { Button } from \"../common/Button\";\nimport { ButtonIcon } from \"../common/ButtonIcon\";\nimport { FinsembleToggle } from \"../common/FinsembleToggle\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\n\nexport type AuthenticationProviderProps = {\n\tvalue: AuthenticationProvider;\n\tonChange: (provider: AuthenticationProvider) => void;\n\ttestAuthenticationProvider: (provider: AuthenticationProvider) => Promise<null>;\n\tisAdvancedMode: boolean;\n};\n\nexport const AuthenticationProviderConfig = (props: AuthenticationProviderProps) => {\n\tconst provider = props.value;\n\n\tconst redirectURIField = useRef<HTMLInputElement | null>(null);\n\n\tconst [clientID, setClientID] = useState(provider.client_id || \"\");\n\tconst [endpointURL, setEndpointURL] = useState(provider.authorization_endpoint);\n\tconst [scope, setScope] = useState(provider.scope);\n\tconst [redirectURI, setRedirectURI] = useState(provider.redirect_uri);\n\tconst [nonce, setNonce] = useState(provider.nonce);\n\tconst [authError, setAuthError] = useState<string | null>(null);\n\tconst [authSuccess, setAuthSuccess] = useState<boolean>(false);\n\n\tconst checkValid = (stateValue: string, storeValue: string) => {\n\t\tif (stateValue === storeValue) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn stateValue.length > 0;\n\t};\n\n\tconst clientIDValid = checkValid(clientID, provider.client_id || \"\");\n\tconst endpointURLValid = endpointURL && FSBL.Clients.SmartDesktopClient.checkValidURL(endpointURL || \"\");\n\n\tconst save = () => {\n\t\tconst providerObject: AuthenticationProvider = {\n\t\t\t...provider,\n\t\t\t...(clientIDValid ? { client_id: clientID } : {}),\n\t\t\t// ...(secretValid ? { secret } : {}),\n\t\t\t...(endpointURLValid ? { authorization_endpoint: endpointURL } : {}),\n\t\t\t...(redirectURI ? { redirect_uri: redirectURI } : {}),\n\t\t\t...{ scope },\n\t\t\t...{ nonce },\n\t\t};\n\n\t\tsetAuthSuccess(false);\n\t\tsetAuthError(null);\n\n\t\tprops\n\t\t\t.testAuthenticationProvider(providerObject)\n\t\t\t.then(() => {\n\t\t\t\tsetAuthSuccess(true);\n\t\t\t\tprops.onChange(providerObject);\n\t\t\t})\n\t\t\t.catch((err: any) => {\n\t\t\t\tsetAuthError(err);\n\t\t\t});\n\t};\n\n\tif (!redirectURI) {\n\t\tsetRedirectURI(`https://cloud.finsemble.com/sso/oauth/response`);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{/* The simple fields */}\n\t\t\t<>\n\t\t\t\t<div className=\"auth-setup-field auth-setup-redirect\">\n\t\t\t\t\t<label>Redirect URL</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclassName=\"auth-setup-redirect-input\"\n\t\t\t\t\t\taria-label=\"Redirect URL\"\n\t\t\t\t\t\tref={redirectURIField}\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tvalue={redirectURI}\n\t\t\t\t\t\treadOnly\n\t\t\t\t\t/>\n\t\t\t\t\t<ButtonIcon\n\t\t\t\t\t\tclassName=\"auth-setup-redirect-button\"\n\t\t\t\t\t\ttext=\"Copy\"\n\t\t\t\t\t\ticon=\"copy\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tconst input = redirectURIField.current as HTMLInputElement;\n\t\t\t\t\t\t\tinput.focus();\n\t\t\t\t\t\t\tinput.select();\n\t\t\t\t\t\t\tdocument.execCommand(\"copy\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t></ButtonIcon>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"auth-setup-field auth-setup-endpoint-url\">\n\t\t\t\t\t<label>Endpoint URL</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\taria-label=\"Endpoint URL\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tvalue={endpointURL}\n\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\tsetEndpointURL(e.target.value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\taria-invalid={!endpointURLValid}\n\t\t\t\t\t/>\n\t\t\t\t\t<Tooltip>OAuth API endpoint URL for your OAuth provider</Tooltip>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"auth-setup-field auth-setup-clientid\">\n\t\t\t\t\t<label>Client ID</label>\n\t\t\t\t\t<input\n\t\t\t\t\t\taria-label=\"Client ID\"\n\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\tvalue={clientID}\n\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\tsetClientID(e.target.value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\taria-invalid={!clientIDValid}\n\t\t\t\t\t/>\n\t\t\t\t\t<Tooltip>The Client ID is generated by your OAuth provider</Tooltip>\n\t\t\t\t</div>\n\t\t\t</>\n\n\t\t\t{/* The advanced fields */}\n\t\t\t{props.isAdvancedMode && (\n\t\t\t\t<>\n\t\t\t\t\t<div className=\"auth-setup-field auth-setup-scope\">\n\t\t\t\t\t\t<label>Scope Parameter</label>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\taria-label=\"Scope Parameter\"\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tvalue={scope}\n\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\tsetScope(e.target.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Tooltip>The scope accepted by your OAuth provider</Tooltip>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"auth-setup-field auth-setup-nonce\">\n\t\t\t\t\t\t<label>Require Nonce Parameter</label>\n\t\t\t\t\t\t<div className=\"auth-setup-nonce-wrapper\">\n\t\t\t\t\t\t\t<FinsembleToggle\n\t\t\t\t\t\t\t\tlabel=\"Require Nonce Parameter\"\n\t\t\t\t\t\t\t\tchecked={nonce}\n\t\t\t\t\t\t\t\tonChange={(value: boolean) => {\n\t\t\t\t\t\t\t\t\tsetNonce(value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t></FinsembleToggle>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<Tooltip>If the `nonce` parameter is supported by your OAuth provider</Tooltip>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t{authError && <div className=\"auth-setup-error\">Error: {authError}</div>}\n\t\t\t{authSuccess && (\n\t\t\t\t<div className=\"auth-setup-success\">\n\t\t\t\t\t<FinsembleIcon icon=\"check\" /> Configuration Saved\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<div className=\"auth-setup-actions\">\n\t\t\t\t<Button fashion=\"secondary\" text=\"Test and save\" onClick={save} disabled={!endpointURLValid}></Button>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/ContentHeader.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface HeaderProps {
+    name?: string;
+}
+export declare const ContentHeader: React.FunctionComponent<HeaderProps>;

package/react/components/smartDesktopDesigner/ContentHeader.js

@@ -0,0 +1,10 @@
+import React from "react";
+export const ContentHeader = ({ name }) => {
+    name = !name || name == "default" ? "Untitled project" : name;
+    const letter = name.substr(0, 1).toUpperCase();
+    return (React.createElement("div", { className: "project-header" },
+        React.createElement("div", { className: "text-icon project-title-icon" },
+            React.createElement("span", null, letter)),
+        React.createElement("div", { className: "project-name" }, name)));
+};
+//# sourceMappingURL=ContentHeader.js.map

package/react/components/smartDesktopDesigner/ContentHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ContentHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,MAAM,aAAa,GAAyC,CAAC,EAAE,IAAI,EAAe,EAAE,EAAE;IAC5F,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAE/C,OAAO,CACN,6BAAK,SAAS,EAAC,gBAAgB;QAC9B,6BAAK,SAAS,EAAC,8BAA8B;YAC5C,kCAAO,MAAM,CAAQ,CAChB;QACN,6BAAK,SAAS,EAAC,cAAc,IAAE,IAAI,CAAO,CACrC,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\n\nexport interface HeaderProps {\n\tname?: string;\n}\n\nexport const ContentHeader: React.FunctionComponent<HeaderProps> = ({ name }: HeaderProps) => {\n\tname = !name || name == \"default\" ? \"Untitled project\" : name;\n\tconst letter = name.substr(0, 1).toUpperCase();\n\n\treturn (\n\t\t<div className=\"project-header\">\n\t\t\t<div className=\"text-icon project-title-icon\">\n\t\t\t\t<span>{letter}</span>\n\t\t\t</div>\n\t\t\t<div className=\"project-name\">{name}</div>\n\t\t</div>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/CurrentView.js

@@ -6,7 +6,8 @@ import React from "react";
 import { useSelector } from "../../store";
 export const CurrentView = ({ theme, views }) => {
     const currentViewId = useSelector((state) => state.smartDesktopDesigner.currentViewId);
-    const currentView = views.filter((view) => view.id === currentViewId)[0] || views[0];
+    const flatView = views.map((section) => section.views).flat();
+    const currentView = flatView.filter((view) => view.id === currentViewId)[0] || views[0];
     let View = currentView.component;
     return React.createElement(View, Object.assign({ theme: theme }, currentView.props));
 };

package/react/components/smartDesktopDesigner/CurrentView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrentView.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/CurrentView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoB,EAAE,EAAE;IACjE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAElG,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;IAErF,IAAI,IAAI,GAAG,WAAW,CAAC,SAAS,CAAC;IAEjC,OAAO,oBAAC,IAAI,kBAAC,KAAK,EAAE,KAAK,IAAO,WAAW,CAAC,KAAa,EAAS,CAAC;AACpE,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { ThemeConfig } from \"./SmartDesktopDesigner\";\n\nexport type CurrentViewProps = {\n\ttheme: ThemeConfig;\n\tviews: any[];\n};\n\nexport const CurrentView = ({ theme, views }: CurrentViewProps) => {\n\tconst currentViewId = useSelector((state: RootState) => state.smartDesktopDesigner.currentViewId);\n\n\tconst currentView = views.filter((view) => view.id === currentViewId)[0] || views[0];\n\n\tlet View = currentView.component;\n\n\treturn <View theme={theme} {...(currentView.props as any)}></View>;\n};\n"]}
+{"version":3,"file":"CurrentView.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/CurrentView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoB,EAAE,EAAE;IACjE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAElG,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;IAE9D,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;IAExF,IAAI,IAAI,GAAG,WAAW,CAAC,SAAS,CAAC;IAEjC,OAAO,oBAAC,IAAI,kBAAC,KAAK,EAAE,KAAK,IAAO,WAAW,CAAC,KAAa,EAAS,CAAC;AACpE,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { ThemeConfig } from \"./SmartDesktopDesigner\";\n\nexport type CurrentViewProps = {\n\ttheme: ThemeConfig;\n\tviews: any[];\n};\n\nexport const CurrentView = ({ theme, views }: CurrentViewProps) => {\n\tconst currentViewId = useSelector((state: RootState) => state.smartDesktopDesigner.currentViewId);\n\n\tconst flatView = views.map((section) => section.views).flat();\n\n\tconst currentView = flatView.filter((view) => view.id === currentViewId)[0] || views[0];\n\n\tlet View = currentView.component;\n\n\treturn <View theme={theme} {...(currentView.props as any)}></View>;\n};\n"]}

package/react/components/smartDesktopDesigner/EditPreload.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "../common/css/preload-edit-page.css";
+import { PreloadType } from "../../types/smartDesktopDesignerTypes";
+export interface EditPreloadProps {
+    getConfig: typeof FSBL.Clients.ConfigClient.getValue;
+    preload: PreloadType;
+    getApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;
+    updateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;
+    cancelFunction: Function;
+    addPreload: Function;
+    updatePreload: Function;
+    deletePreload: (alias: string) => Promise<void>;
+}
+export declare const EditPreload: React.FunctionComponent<EditPreloadProps>;