@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/sdd/Applications.js

@@ -0,0 +1,281 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { useEffect, useState } from "react";
+import { useSelector, useDispatch } from "../../store";
+import { View } from "./View";
+import { Header } from "../common/Header";
+import { Button } from "../common/Button";
+import { Content } from "./Content";
+import { Application, ApplicationCloseReason } from "./Application";
+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";
+import { AddApp } from "./AddApp";
+import { SmartDesktopClient } from "./smartDesktopClient";
+import { Tab } from "../common/Tab";
+const EMPTY_MENU_ERROR = {
+    viewId: "applications",
+    message: "One or more of your app menus is empty",
+};
+const handleAppService = (config) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    return (Object.assign(Object.assign({}, config), { manifest: Object.assign(Object.assign({}, config.manifest), { appService: true, foreign: Object.assign(Object.assign({}, ((_b = (_a = config.manifest) === null || _a === void 0 ? void 0 : _a.foreign) !== null && _b !== void 0 ? _b : {})), { components: Object.assign(Object.assign({}, ((_e = (_d = (_c = config.manifest) === null || _c === void 0 ? void 0 : _c.foreign) === null || _d === void 0 ? void 0 : _d.components) !== null && _e !== void 0 ? _e : {})), { "App Launcher": Object.assign(Object.assign({}, ((_h = (_g = (_f = config.manifest) === null || _f === void 0 ? void 0 : _f.foreign) === null || _g === void 0 ? void 0 : _g.components["App Launcher"]) !== null && _h !== void 0 ? _h : {})), { launchableByUser: false }), "Window Manager": Object.assign(Object.assign({}, ((_l = (_k = (_j = config.manifest) === null || _j === void 0 ? void 0 : _j.foreign) === null || _k === void 0 ? void 0 : _k.components["Window Manager"]) !== null && _l !== void 0 ? _l : {})), { FSBLHeader: false }) }) }) }) }));
+};
+export const Applications = (props) => {
+    const dispatch = useDispatch();
+    const [editMode, setEditMode] = useState(false);
+    const [tabAutoFocus, setTabAutoFocus] = useState(0);
+    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 > 0)) {
+        dispatch(SmartDesktopDesignerActions.delete_project_error(EMPTY_MENU_ERROR));
+    }
+    else {
+        dispatch(SmartDesktopDesignerActions.set_project_error(EMPTY_MENU_ERROR));
+    }
+    function updateAppList() {
+        props.getApps().then((response) => {
+            dispatch(SmartDesktopDesignerActions.update_apps(response.apps));
+        });
+    }
+    const updatePreloadList = async () => {
+        const { data } = await props.getPreloads();
+        dispatch(SmartDesktopDesignerActions.update_preloads(data));
+    };
+    function setCurrentAppID(id) {
+        if (id === null) {
+            dispatch(SmartDesktopDesignerActions.new_app(null));
+        }
+        dispatch(SmartDesktopDesignerActions.set_current_app_id(id));
+        updateAppList();
+    }
+    const removeAppID = (id) => {
+        // Delete app from list of apps
+        props.deleteApp(id).then(({ err }) => {
+            if (err) {
+                alert(err);
+            }
+            updateAppList();
+            // Remove reference to app from all menus
+            props.getMenus().then(({ menus: grabbedMenus }) => {
+                Object.keys(grabbedMenus).forEach((menuId) => {
+                    if (!grabbedMenus[menuId].applications.includes(id)) {
+                        return;
+                    }
+                    grabbedMenus[menuId].applications.splice(grabbedMenus[menuId].applications.indexOf(id), 1);
+                    props.updateMenu(menuId, grabbedMenus[menuId]).then(() => {
+                        updateAppList();
+                    });
+                });
+            });
+        });
+    };
+    /********* Lifecycle effects *********/
+    // Call updateAppList once the component has mounted
+    // Can't call out of an effect, or it will cause an endless loop
+    useEffect(() => {
+        updateAppList();
+        updatePreloadList();
+    }, []);
+    const serviceWasUpdated = () => {
+        FSBL.Clients.DialogManager.open("yesNo", {
+            title: `Restart Finsemble?`,
+            question: `The changes to app services won’t take effect until you restart Finsemble. Do you want to restart now?`,
+            hideModalOnClose: true,
+            showCancelButton: false,
+            negativeResponseLabel: "Later",
+        }, (err, response) => {
+            if ((response === null || response === void 0 ? void 0 : response.choice) === "affirmative") {
+                FSBL.restartApplication();
+            }
+        });
+    };
+    const addDroppedApp = (file, index, service = false) => {
+        const appId = String(new Date().getTime() + index);
+        const { path } = file;
+        // Confirm that the file is an executable
+        if (path !== undefined && validateFilename(VALID_APP_EXTENSIONS, path)) {
+            return;
+        }
+        // Generate defaults and then add app with those defaults
+        props.getAppConfigTemplate().then((response) => {
+            var _a, _b;
+            const { config } = response;
+            // Get generated displayName
+            const { displayName } = generateDefaultConfig(Object.assign(Object.assign({}, config), { path }));
+            config.name = displayName;
+            // We generated appId above
+            config.appId = appId;
+            // A file was dropped, so we know this was a file, not a URL
+            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;
+            if (service) {
+                config.manifest.appService = true;
+            }
+            // Add app with defaults
+            props.addApp(appId, config).then(() => {
+                updateAppList();
+            });
+        });
+    };
+    const addDroppedAppService = (file, index) => {
+        addDroppedApp(file, index, true);
+        serviceWasUpdated();
+    };
+    const addAppByUrl = (url, displayName, service = false) => {
+        const appId = String(new Date().getTime());
+        setEditMode(false);
+        // @todo: show loading spinner
+        props.getAppConfigTemplate().then((response) => {
+            var _a, _b;
+            let { config } = response;
+            config.name = displayName;
+            config.appId = appId;
+            // A file was dropped, so we know this was a file, not a URL
+            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;
+            if (service) {
+                config = handleAppService(config);
+            }
+            // Add app with defaults
+            props.addApp(appId, config).then(() => {
+                updateAppList();
+            });
+        });
+    };
+    const addAppServiceByUrl = (url, displayName) => {
+        addAppByUrl(url, displayName, true);
+        serviceWasUpdated();
+    };
+    const addAppByPath = (path, displayName, apiAccess, service = false) => {
+        const appId = String(new Date().getTime());
+        setEditMode(false);
+        // @todo: show loading spinner
+        props.getAppConfigTemplate().then((response) => {
+            var _a, _b;
+            let { config } = response;
+            config.name = displayName;
+            config.appId = appId;
+            // A file was dropped, so we know this was a file, not a URL
+            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 = apiAccess ? "native" : "assimilation";
+            config.manifest.window.path = path;
+            delete config.manifest.window.url;
+            if (service) {
+                config = handleAppService(config);
+            }
+            // Add app with defaults
+            props.addApp(appId, config).then(() => {
+                updateAppList();
+            });
+        });
+    };
+    const addAppServiceByPath = (url, displayName) => {
+        addAppByPath(url, displayName, true);
+        serviceWasUpdated();
+    };
+    const addAppCitrix = (aliasName, displayName) => {
+        const appId = String(new Date().getTime());
+        setEditMode(false);
+        // @todo: show loading spinner
+        props.getAppConfigTemplate().then((response) => {
+            var _a, _b;
+            const { config } = response;
+            config.name = displayName;
+            config.appId = appId;
+            // A file was dropped, so we know this was a file, not a URL
+            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.alias = aliasName;
+            // @ts-ignore
+            config.manifest.window.windowType = "Citrix";
+            delete config.manifest.window.url;
+            // Unlike URL and Path, there will be no handling for service, because
+            // we assume that no Citrix/Virtual app will be used as an app service
+            // Add app with defaults
+            props.addApp(appId, config).then(() => {
+                updateAppList();
+            });
+        });
+    };
+    const onClose = (reason) => {
+        var _a;
+        // If you've closed the AppEditPage from App Services, make sure to return to the Services tab
+        const currentApp = apps.find((app) => app.appId === currentAppID);
+        // If the closed app was an app service, set autofocus to tab 1. Otherwise, tab 0.
+        setTabAutoFocus(((_a = currentApp === null || currentApp === void 0 ? void 0 : currentApp.manifest) === null || _a === void 0 ? void 0 : _a.appService) === true ? 1 : 0);
+        if (reason === ApplicationCloseReason.NEW) {
+            dispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));
+        }
+        else if (reason === ApplicationCloseReason.CANCEL && currentAppID === newAppID) {
+            if (currentAppID)
+                props.deleteApp(currentAppID);
+            setCurrentAppID(null);
+        }
+        else {
+            setCurrentAppID(null);
+        }
+    };
+    const applicationProps = {
+        id: currentAppID !== null && currentAppID !== void 0 ? currentAppID : "",
+        apps,
+        addApp: props.addApp,
+        deleteApp: props.deleteApp,
+        updateApp: props.updateApp,
+        getAppConfigTemplate: props.getAppConfigTemplate,
+        setCurrentAppID,
+        onClose,
+        isInboundInteropAuthorized: props.isInboundInteropAuthorized,
+        isOutboundInteropAuthorized: props.isOutboundInteropAuthorized,
+        preloads,
+    };
+    const appsDropZoneProps = {
+        items: apps.filter((app) => { var _a, _b; return !((_a = app === null || app === void 0 ? void 0 : app.manifest) === null || _a === void 0 ? void 0 : _a.temporary) && !((_b = app === null || app === void 0 ? void 0 : app.manifest) === null || _b === void 0 ? void 0 : _b.appService); }),
+        clickItem: (appID) => {
+            FSBL.Clients.LauncherClient.showWindow({ componentType: appID }, { spawnIfNotFound: true }, () => { });
+        },
+        editItem: (appID) => {
+            setCurrentAppID(appID);
+        },
+        deleteItem: removeAppID,
+    };
+    const servicesDropZoneProps = Object.assign(Object.assign({}, appsDropZoneProps), { items: apps.filter((app) => { var _a, _b; return !((_a = app === null || app === void 0 ? void 0 : app.manifest) === null || _a === void 0 ? void 0 : _a.temporary) && ((_b = app === null || app === void 0 ? void 0 : app.manifest) === null || _b === void 0 ? void 0 : _b.appService); }) });
+    const helpFunction = () => {
+        launchTutorialLink("SDD-02-ManageApps");
+    };
+    const addApp = () => {
+        setEditMode(!editMode);
+    };
+    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: tabAutoFocus },
+                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: SmartDesktopClient.checkValidURL, addAppByUrl: addAppByUrl, addAppByPath: addAppByPath, addAppCitrix: addAppCitrix, close: addApp, idKey: "app" }),
+                    React.createElement(DropZone, { processFile: addDroppedApp },
+                        React.createElement(ItemList, Object.assign({}, appsDropZoneProps)))),
+                React.createElement("div", { "data-label": "Services" },
+                    React.createElement("div", { className: "frontmatter" }),
+                    React.createElement(Button, { className: "icon-before-add", fashion: "primary", iconBefore: "plus", text: "Add", onClick: addApp }),
+                    React.createElement(AddApp, { show: editMode, checkValidURL: SmartDesktopClient.checkValidURL, addAppByUrl: addAppServiceByUrl, addAppByPath: addAppServiceByPath, includeCitrix: false, close: addApp, idKey: "service" }),
+                    React.createElement(DropZone, { processFile: addDroppedAppService },
+                        React.createElement(ItemList, Object.assign({}, servicesDropZoneProps))))))))));
+};
+//# sourceMappingURL=Applications.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Applications.js","sourceRoot":"","sources":["../../../src/components/sdd/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 { 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, ProjectError, PreloadMap } 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\";\nimport { SmartDesktopClient } from \"./smartDesktopClient\";\nimport { Tab } from \"../common/Tab\";\n\ntype AppDefinition = services.Interop.types.AppDefinition;\n\nexport type ApplicationsProps = {\n\tgetApps: typeof SmartDesktopClient.getApps;\n\taddApp: typeof SmartDesktopClient.addApp;\n\tdeleteApp: typeof SmartDesktopClient.deleteApp;\n\tupdateApp: typeof SmartDesktopClient.updateApp;\n\tgetAppConfigTemplate: typeof SmartDesktopClient.getAppConfigTemplate;\n\tgetMenus: typeof SmartDesktopClient.getMenus;\n\taddMenu: typeof SmartDesktopClient.addMenu;\n\tupdateMenu: typeof SmartDesktopClient.updateMenu;\n\tgetPreloads: typeof SmartDesktopClient.getPreloads;\n\tisInboundInteropAuthorized: typeof SmartDesktopClient.isInboundInteropAuthorized;\n\tisOutboundInteropAuthorized: typeof 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\nconst handleAppService = (config: AppDefinition) =>\n\t({\n\t\t...config,\n\t\tmanifest: {\n\t\t\t...config.manifest,\n\t\t\tappService: true,\n\t\t\tforeign: {\n\t\t\t\t...(config.manifest?.foreign ?? {}),\n\t\t\t\tcomponents: {\n\t\t\t\t\t...(config.manifest?.foreign?.components ?? {}),\n\t\t\t\t\t\"App Launcher\": {\n\t\t\t\t\t\t...(config.manifest?.foreign?.components[\"App Launcher\"] ?? {}),\n\t\t\t\t\t\tlaunchableByUser: false,\n\t\t\t\t\t},\n\t\t\t\t\t\"Window Manager\": {\n\t\t\t\t\t\t...(config.manifest?.foreign?.components[\"Window Manager\"] ?? {}),\n\t\t\t\t\t\tFSBLHeader: false,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t} as AppDefinition);\n\nexport const Applications = (props: ApplicationsProps) => {\n\tconst dispatch = useDispatch();\n\tconst [editMode, setEditMode] = useState(false);\n\tconst [tabAutoFocus, setTabAutoFocus] = useState(0);\n\n\tconst apps = useSelector((state: RootState) => state.smartDesktopDesigner.apps);\n\tconst menus = useSelector<MenuType>((state: RootState) => state.smartDesktopDesigner.menus);\n\tconst preloads = useSelector<PreloadMap>((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 { data } = await props.getPreloads();\n\t\tdispatch(SmartDesktopDesignerActions.update_preloads(data));\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 serviceWasUpdated = () => {\n\t\tFSBL.Clients.DialogManager.open(\n\t\t\t\"yesNo\",\n\t\t\t{\n\t\t\t\ttitle: `Restart Finsemble?`,\n\t\t\t\tquestion: `The changes to app services won’t take effect until you restart Finsemble. Do you want to restart now?`,\n\t\t\t\thideModalOnClose: true,\n\t\t\t\tshowCancelButton: false,\n\t\t\t\tnegativeResponseLabel: \"Later\",\n\t\t\t},\n\t\t\t(err: any, response: { choice: string }) => {\n\t\t\t\tif (response?.choice === \"affirmative\") {\n\t\t\t\t\tFSBL.restartApplication();\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t};\n\n\tconst addDroppedApp = (file: FileWithPath, index: number, service = false) => {\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\tif (service) {\n\t\t\t\tconfig.manifest.appService = true;\n\t\t\t}\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 addDroppedAppService = (file: FileWithPath, index: number) => {\n\t\taddDroppedApp(file, index, true);\n\t\tserviceWasUpdated();\n\t};\n\n\tconst addAppByUrl = (url: string, displayName: string, service = false) => {\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\tlet { 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\tif (service) {\n\t\t\t\tconfig = handleAppService(config);\n\t\t\t}\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 addAppServiceByUrl = (url: string, displayName: string) => {\n\t\taddAppByUrl(url, displayName, true);\n\t\tserviceWasUpdated();\n\t};\n\tconst addAppByPath = (path: string, displayName: string, apiAccess: boolean, service = false) => {\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\tlet { 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 = apiAccess ? \"native\" : \"assimilation\";\n\t\t\tconfig.manifest.window.path = path;\n\t\t\tdelete config.manifest.window.url;\n\n\t\t\tif (service) {\n\t\t\t\tconfig = handleAppService(config);\n\t\t\t}\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 addAppServiceByPath = (url: string, displayName: string) => {\n\t\taddAppByPath(url, displayName, true);\n\t\tserviceWasUpdated();\n\t};\n\n\tconst addAppCitrix = (aliasName: 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.alias = aliasName;\n\t\t\t// @ts-ignore\n\t\t\tconfig.manifest.window.windowType = \"Citrix\";\n\t\t\tdelete config.manifest.window.url;\n\n\t\t\t// Unlike URL and Path, there will be no handling for service, because\n\t\t\t// we assume that no Citrix/Virtual app will be used as an app service\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\t// If you've closed the AppEditPage from App Services, make sure to return to the Services tab\n\t\tconst currentApp = apps.find((app: AppDefinition) => app.appId === currentAppID);\n\t\t// If the closed app was an app service, set autofocus to tab 1. Otherwise, tab 0.\n\t\tsetTabAutoFocus(currentApp?.manifest?.appService === true ? 1 : 0);\n\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 appsDropZoneProps: ItemListProps = {\n\t\titems: apps.filter((app) => !app?.manifest?.temporary && !app?.manifest?.appService),\n\t\tclickItem: (appID: string) => {\n\t\t\tFSBL.Clients.LauncherClient.showWindow({ componentType: appID }, { spawnIfNotFound: true }, () => {});\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 servicesDropZoneProps: ItemListProps = {\n\t\t...appsDropZoneProps,\n\t\titems: apps.filter((app) => !app?.manifest?.temporary && app?.manifest?.appService),\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 autofocus={tabAutoFocus}>\n\t\t\t\t\t\t\t<div data-label=\"Apps\">\n\t\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\t<Button className=\"icon-before-add\" fashion=\"primary\" iconBefore=\"plus\" text=\"Add\" onClick={addApp} />\n\n\t\t\t\t\t\t\t\t<AddApp\n\t\t\t\t\t\t\t\t\tshow={editMode}\n\t\t\t\t\t\t\t\t\tcheckValidURL={SmartDesktopClient.checkValidURL}\n\t\t\t\t\t\t\t\t\taddAppByUrl={addAppByUrl}\n\t\t\t\t\t\t\t\t\taddAppByPath={addAppByPath}\n\t\t\t\t\t\t\t\t\taddAppCitrix={addAppCitrix}\n\t\t\t\t\t\t\t\t\tclose={addApp}\n\t\t\t\t\t\t\t\t\tidKey=\"app\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<DropZone processFile={addDroppedApp}>\n\t\t\t\t\t\t\t\t\t<ItemList {...appsDropZoneProps} />\n\t\t\t\t\t\t\t\t</DropZone>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div data-label=\"Services\">\n\t\t\t\t\t\t\t\t<div className=\"frontmatter\"></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<AddApp\n\t\t\t\t\t\t\t\t\tshow={editMode}\n\t\t\t\t\t\t\t\t\tcheckValidURL={SmartDesktopClient.checkValidURL}\n\t\t\t\t\t\t\t\t\taddAppByUrl={addAppServiceByUrl}\n\t\t\t\t\t\t\t\t\taddAppByPath={addAppServiceByPath}\n\t\t\t\t\t\t\t\t\tincludeCitrix={false}\n\t\t\t\t\t\t\t\t\tclose={addApp}\n\t\t\t\t\t\t\t\t\tidKey=\"service\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<DropZone processFile={addDroppedAppService}>\n\t\t\t\t\t\t\t\t\t<ItemList {...servicesDropZoneProps} />\n\t\t\t\t\t\t\t\t</DropZone>\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"]}

package/react/components/sdd/AssetsPage.css

@@ -0,0 +1,26 @@
+.project-assets-field {
+	margin-bottom: 2em;
+}
+
+.project-assets-field label {
+	display: flex;
+	align-items: center;
+	margin-bottom: 1em;
+}
+
+.project-assets-field label > span {
+	font-size: 1.25em;
+	display: inline-block;
+	margin-right: 1em;
+	font-weight: bold;
+}
+
+.images-section .view-header {
+	margin-left: 0;
+	margin-top: 0;
+	width: 100%;
+}
+
+.theme-edit .view-content {
+	margin-right: 0;
+}

package/react/components/sdd/AssetsPage.d.ts

@@ -0,0 +1,27 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/// <reference types="react" />
+import { FileInputUploadCb } from "../common/FileInput";
+import "./AssetsPage.css";
+export declare type AssetsPageProps = {
+    baseURL: string;
+    toolbarIcon: string;
+    setToolbarIcon: (s: string) => void;
+    taskbarIcon: string;
+    setTaskbarIcon: (s: string) => void;
+    installerIcon: string;
+    setInstallerIcon: (s: string) => void;
+    systemTrayIcon: string;
+    setSystemTrayIcon: (s: string) => void;
+    splashScreenImage: string;
+    setSplashScreenImage: (s: string) => void;
+    setIconsChanged: (n: number) => void;
+    updateSplashScreen: FileInputUploadCb;
+    updateToolbarIcon: FileInputUploadCb;
+    updateTaskbarIcon: FileInputUploadCb;
+    updateSystemTrayIcon: FileInputUploadCb;
+    updateInstallerIcon: FileInputUploadCb;
+};
+export declare const AssetsPage: ({ baseURL, toolbarIcon, setToolbarIcon, taskbarIcon, setTaskbarIcon, installerIcon, setInstallerIcon, systemTrayIcon, setSystemTrayIcon, splashScreenImage, setSplashScreenImage, setIconsChanged, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }: AssetsPageProps) => JSX.Element;

package/react/components/sdd/AssetsPage.js

@@ -0,0 +1,56 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+import { ImagePreview, ImagePreviewSize } from "../common/ImagePreview";
+import { Tooltip } from "../common/Tooltip";
+import "./AssetsPage.css";
+export const AssetsPage = ({ baseURL, toolbarIcon, setToolbarIcon, taskbarIcon, setTaskbarIcon, installerIcon, setInstallerIcon, systemTrayIcon, setSystemTrayIcon, splashScreenImage, setSplashScreenImage, setIconsChanged, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }) => (React.createElement("div", { className: "images-section" },
+    React.createElement("fieldset", { className: "project-assets" },
+        React.createElement("div", { className: "project-assets-field" },
+            React.createElement("label", { htmlFor: "export-splash-screen" },
+                React.createElement("span", null, "Splash screen"),
+                React.createElement(Tooltip, null, "The Splash screen should be 600px X 400px (W x H). Supported formats are PNG, JPG, and GIF.")),
+            React.createElement("div", { className: "project-splash-screen-field" },
+                React.createElement(ImagePreview, { id: "export-splash-screen", value: splashScreenImage, onSetValue: (value) => {
+                        setSplashScreenImage(value);
+                        setIconsChanged(new Date().getTime());
+                    }, uploadFunction: updateSplashScreen, acceptTypes: ["image/png", "image/jpeg", "image/gif"], baseURL: baseURL, previewSize: ImagePreviewSize.LARGE }))),
+        React.createElement("div", { className: "project-assets-field" },
+            React.createElement("label", { htmlFor: "export-toolbar-icon" },
+                React.createElement("span", null, "Toolbar icon"),
+                React.createElement(Tooltip, null, "The Toolbar icon should be 200px X 200px. Supported formats are PNG, JPG, and GIF.")),
+            React.createElement("div", { className: "project-icon-field" },
+                React.createElement(ImagePreview, { id: "export-toolbar-icon", value: toolbarIcon, onSetValue: (value) => {
+                        setToolbarIcon(value);
+                        setIconsChanged(new Date().getTime());
+                    }, uploadFunction: updateToolbarIcon, acceptTypes: ["image/png", "image/jpeg", "image/gif"], baseURL: baseURL }))),
+        React.createElement("div", { className: "project-assets-field" },
+            React.createElement("label", { htmlFor: "export-taskbar-icon" },
+                React.createElement("span", null, "Taskbar icon"),
+                React.createElement(Tooltip, null, "The Toolbar icon should be 400px X 400px. Supported formats are PNG and JPG")),
+            React.createElement("div", { className: "project-icon-field" },
+                React.createElement(ImagePreview, { value: taskbarIcon, id: "export-taskbar-icon", onSetValue: (value) => {
+                        setTaskbarIcon(value);
+                        setIconsChanged(new Date().getTime());
+                    }, uploadFunction: updateTaskbarIcon, acceptTypes: ["image/png", "image/jpeg"], baseURL: baseURL }))),
+        React.createElement("div", { className: "project-assets-field" },
+            React.createElement("label", { htmlFor: "export-system-tray-icon" },
+                React.createElement("span", null, "System Tray Icon"),
+                React.createElement(Tooltip, null, "The System tray icon should be 100px X 100px. Supported formats are PNG and JPG.")),
+            React.createElement("div", { className: "project-icon-field" },
+                React.createElement(ImagePreview, { value: systemTrayIcon, id: "export-system-tray-icon", onSetValue: (value) => {
+                        setSystemTrayIcon(value);
+                        setIconsChanged(new Date().getTime());
+                    }, uploadFunction: updateSystemTrayIcon, acceptTypes: ["image/png", "image/jpeg"], baseURL: baseURL }))),
+        React.createElement("div", { className: "project-assets-field" },
+            React.createElement("label", { htmlFor: "export-installer-icon" },
+                React.createElement("span", null, "Installer Icon"),
+                React.createElement(Tooltip, null, "Installer icons must use the ICO format. You can create and ICO image from a PNG file using free online services. See the User Guide for more information.")),
+            React.createElement("div", { className: "project-icon-field" },
+                React.createElement(ImagePreview, { value: installerIcon, id: "export-installer-icon", onSetValue: (value) => {
+                        setInstallerIcon(value);
+                        setIconsChanged(new Date().getTime());
+                    }, uploadFunction: updateInstallerIcon, acceptTypes: ["image/x-icon"], baseURL: baseURL }))))));
+//# sourceMappingURL=AssetsPage.js.map

package/react/components/sdd/AssetsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsPage.js","sourceRoot":"","sources":["../../../src/components/sdd/AssetsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { ImagePreview, ImagePreviewSize } from \"../common/ImagePreview\";\nimport { FileInputUploadCb } from \"../common/FileInput\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport \"./AssetsPage.css\";\n\nexport type AssetsPageProps = {\n\tbaseURL: string;\n\ttoolbarIcon: string;\n\tsetToolbarIcon: (s: string) => void;\n\ttaskbarIcon: string;\n\tsetTaskbarIcon: (s: string) => void;\n\tinstallerIcon: string;\n\tsetInstallerIcon: (s: string) => void;\n\tsystemTrayIcon: string;\n\tsetSystemTrayIcon: (s: string) => void;\n\tsplashScreenImage: string;\n\tsetSplashScreenImage: (s: string) => void;\n\tsetIconsChanged: (n: number) => void;\n\tupdateSplashScreen: FileInputUploadCb;\n\tupdateToolbarIcon: FileInputUploadCb;\n\tupdateTaskbarIcon: FileInputUploadCb;\n\tupdateSystemTrayIcon: FileInputUploadCb;\n\tupdateInstallerIcon: FileInputUploadCb;\n};\n\nexport const AssetsPage = ({\n\tbaseURL,\n\ttoolbarIcon,\n\tsetToolbarIcon,\n\ttaskbarIcon,\n\tsetTaskbarIcon,\n\tinstallerIcon,\n\tsetInstallerIcon,\n\tsystemTrayIcon,\n\tsetSystemTrayIcon,\n\tsplashScreenImage,\n\tsetSplashScreenImage,\n\tsetIconsChanged,\n\tupdateSplashScreen,\n\tupdateToolbarIcon,\n\tupdateTaskbarIcon,\n\tupdateSystemTrayIcon,\n\tupdateInstallerIcon,\n}: AssetsPageProps) => (\n\t<div className=\"images-section\">\n\t\t<fieldset className=\"project-assets\">\n\t\t\t<div className=\"project-assets-field\">\n\t\t\t\t<label htmlFor=\"export-splash-screen\">\n\t\t\t\t\t<span>Splash screen</span>\n\n\t\t\t\t\t<Tooltip>The Splash screen should be 600px X 400px (W x H). Supported formats are PNG, JPG, and GIF.</Tooltip>\n\t\t\t\t</label>\n\n\t\t\t\t<div className=\"project-splash-screen-field\">\n\t\t\t\t\t<ImagePreview\n\t\t\t\t\t\tid=\"export-splash-screen\"\n\t\t\t\t\t\tvalue={splashScreenImage}\n\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\tsetSplashScreenImage(value);\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tuploadFunction={updateSplashScreen}\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\", \"image/gif\"]}\n\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t\tpreviewSize={ImagePreviewSize.LARGE}\n\t\t\t\t\t></ImagePreview>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"project-assets-field\">\n\t\t\t\t<label htmlFor=\"export-toolbar-icon\">\n\t\t\t\t\t<span>Toolbar icon</span>\n\n\t\t\t\t\t<Tooltip>The Toolbar icon should be 200px X 200px. Supported formats are PNG, JPG, and GIF.</Tooltip>\n\t\t\t\t</label>\n\n\t\t\t\t<div className=\"project-icon-field\">\n\t\t\t\t\t<ImagePreview\n\t\t\t\t\t\tid=\"export-toolbar-icon\"\n\t\t\t\t\t\tvalue={toolbarIcon}\n\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\tsetToolbarIcon(value);\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tuploadFunction={updateToolbarIcon}\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\", \"image/gif\"]}\n\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t></ImagePreview>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"project-assets-field\">\n\t\t\t\t<label htmlFor=\"export-taskbar-icon\">\n\t\t\t\t\t<span>Taskbar icon</span>\n\n\t\t\t\t\t<Tooltip>The Toolbar icon should be 400px X 400px. Supported formats are PNG and JPG</Tooltip>\n\t\t\t\t</label>\n\n\t\t\t\t<div className=\"project-icon-field\">\n\t\t\t\t\t<ImagePreview\n\t\t\t\t\t\tvalue={taskbarIcon}\n\t\t\t\t\t\tid=\"export-taskbar-icon\"\n\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\tsetTaskbarIcon(value);\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tuploadFunction={updateTaskbarIcon}\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\"]}\n\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t></ImagePreview>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"project-assets-field\">\n\t\t\t\t<label htmlFor=\"export-system-tray-icon\">\n\t\t\t\t\t<span>System Tray Icon</span>\n\n\t\t\t\t\t<Tooltip>The System tray icon should be 100px X 100px. Supported formats are PNG and JPG.</Tooltip>\n\t\t\t\t</label>\n\n\t\t\t\t<div className=\"project-icon-field\">\n\t\t\t\t\t<ImagePreview\n\t\t\t\t\t\tvalue={systemTrayIcon}\n\t\t\t\t\t\tid=\"export-system-tray-icon\"\n\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\tsetSystemTrayIcon(value);\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tuploadFunction={updateSystemTrayIcon}\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\"]}\n\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t></ImagePreview>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"project-assets-field\">\n\t\t\t\t<label htmlFor=\"export-installer-icon\">\n\t\t\t\t\t<span>Installer Icon</span>\n\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\tInstaller icons must use the ICO format. You can create and ICO image from a PNG file using free online\n\t\t\t\t\t\tservices. See the User Guide for more information.\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</label>\n\n\t\t\t\t<div className=\"project-icon-field\">\n\t\t\t\t\t<ImagePreview\n\t\t\t\t\t\tvalue={installerIcon}\n\t\t\t\t\t\tid=\"export-installer-icon\"\n\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\tsetInstallerIcon(value);\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tuploadFunction={updateInstallerIcon}\n\t\t\t\t\t\tacceptTypes={[\"image/x-icon\"]}\n\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t></ImagePreview>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</fieldset>\n\t</div>\n);\n"]}

package/react/components/sdd/Authentication.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "./css/authentication.css";
+import { AuthenticationProvider } from "../../types/smartDesktopDesignerTypes";
+export declare type AuthenticationProps = {
+    getAuthenticationProviders: () => Promise<AuthenticationProvider[]>;
+    setAuthenticationProviders: (authenticationProviders: any) => Promise<Error | null>;
+    testAuthenticationProvider: (provider: AuthenticationProvider) => Promise<null>;
+};
+export declare const Authentication: (props: AuthenticationProps) => JSX.Element;

package/react/components/sdd/Authentication.js

@@ -0,0 +1,61 @@
+import React, { useEffect, useState } from "react";
+import { Header } from "../common/Header";
+import "./css/authentication.css";
+import { View } from "./View";
+import { launchTutorialLink } from "./common/fsbl_functions";
+import { useDispatch, useSelector } from "../../store";
+import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
+import { AuthenticationProviderConfig } from "./AuthenticationProviderConfig";
+import { Content } from "./Content";
+import { Tooltip } from "../common/Tooltip";
+export const Authentication = (props) => {
+    const dispatch = useDispatch();
+    const authProviders = useSelector((state) => state.smartDesktopDesigner.authentication.providers);
+    const enabledAuthProviders = authProviders.filter((provider) => provider.enabled);
+    const [isAdvancedMode, setIsAdvancedMode] = useState(false);
+    const shownProvider = enabledAuthProviders[0];
+    useEffect(() => {
+        props.getAuthenticationProviders().then((providers) => {
+            providers.forEach((provider) => {
+                dispatch(SmartDesktopDesignerActions.update_auth_provider(provider));
+            });
+        });
+    }, []);
+    function updateAuthProviders(value) {
+        const name = value ? value.name : "none";
+        props
+            .setAuthenticationProviders(authProviders.map((provider) => {
+            if (name === provider.name) {
+                return Object.assign(Object.assign({}, value), { enabled: true });
+            }
+            return Object.assign(Object.assign({}, provider), { enabled: false });
+        }))
+            .then(() => {
+            if (value) {
+                dispatch(SmartDesktopDesignerActions.update_auth_provider(value));
+            }
+            dispatch(SmartDesktopDesignerActions.enable_auth_provider(name));
+        });
+    }
+    return (React.createElement(View, null,
+        React.createElement(Header, { helpFunction: () => {
+                launchTutorialLink("SDD-05-Authentication");
+            } }, "Authentication"),
+        React.createElement(Content, null,
+            React.createElement("div", { className: "auth-setup-content" },
+                React.createElement("form", { className: "auth-setup-form", onSubmit: (e) => e.preventDefault() },
+                    React.createElement("div", { className: "auth-setup-fields" },
+                        React.createElement("div", { className: "auth-setup-provider" },
+                            React.createElement("div", { className: "auth-setup-field" },
+                                React.createElement("label", null, "Provider"),
+                                React.createElement("select", { "aria-label": "Authentication Provider", className: "auth-setup-select-provider", onChange: (e) => {
+                                        updateAuthProviders(authProviders.find((p) => p.name === e.target.value) || null);
+                                    }, value: enabledAuthProviders.map((provider) => provider.name)[0] || "none" },
+                                    React.createElement("option", { value: "none" }, "None"),
+                                    authProviders.map((provider, index) => (React.createElement("option", { key: index, value: provider.name }, provider.name)))),
+                                React.createElement(Tooltip, null, "Choose from the list of OAuth providers to configure Single Sign On (SSO) for your project.")),
+                            shownProvider && (React.createElement(AuthenticationProviderConfig, { key: shownProvider.name, value: shownProvider, isAdvancedMode: isAdvancedMode, testAuthenticationProvider: props.testAuthenticationProvider, onChange: (value) => {
+                                    updateAuthProviders(value);
+                                } })))))))));
+};
+//# sourceMappingURL=Authentication.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Authentication.js","sourceRoot":"","sources":["../../../src/components/sdd/Authentication.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAS5C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC5D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IAC7G,MAAM,oBAAoB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAElF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,0BAA0B,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE;YACrD,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC9B,QAAQ,CAAC,2BAA2B,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC;YACtE,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,mBAAmB,CAAC,KAAoC;QAChE,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QAEzC,KAAK;aACH,0BAA0B,CAC1B,aAAa,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC9B,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE;gBAC3B,uCACI,KAAK,KACR,OAAO,EAAE,IAAI,IACZ;aACF;YAED,uCACI,QAAQ,KACX,OAAO,EAAE,KAAK,IACb;QACH,CAAC,CAAC,CACF;aACA,IAAI,CAAC,GAAG,EAAE;YACV,IAAI,KAAK,EAAE;gBACV,QAAQ,CAAC,2BAA2B,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC;aAClE;YAED,QAAQ,CAAC,2BAA2B,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;YAC7C,CAAC,qBAGO;QACT,oBAAC,OAAO;YACP,6BAAK,SAAS,EAAC,oBAAoB;gBAClC,8BAAM,SAAS,EAAC,iBAAiB,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;oBACpE,6BAAK,SAAS,EAAC,mBAAmB;wBACjC,6BAAK,SAAS,EAAC,qBAAqB;4BACnC,6BAAK,SAAS,EAAC,kBAAkB;gCAChC,8CAAuB;gCAEvB,8CACY,yBAAyB,EACpC,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wCACf,mBAAmB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;oCACnF,CAAC,EACD,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM;oCAEzE,gCAAQ,KAAK,EAAC,MAAM,WAAc;oCACjC,aAAa,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,gCAAQ,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,IACtC,QAAQ,CAAC,IAAI,CACN,CACT,CAAC,CACM;gCACT,oBAAC,OAAO,sGAEE,CACL;4BACL,aAAa,IAAI,CACjB,oBAAC,4BAA4B,IAC5B,GAAG,EAAE,aAAa,CAAC,IAAI,EACvB,KAAK,EAAE,aAAa,EACpB,cAAc,EAAE,cAAc,EAC9B,0BAA0B,EAAE,KAAK,CAAC,0BAA0B,EAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCACnB,mBAAmB,CAAC,KAAK,CAAC,CAAC;gCAC5B,CAAC,GACA,CACF,CACI,CACD,CACA,CACF,CACG,CACJ,CACP,CAAC;AACH,CAAC,CAAC","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</form>\n\t\t\t\t</div>\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}

package/react/components/sdd/AuthenticationProviderConfig.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { AuthenticationProvider } from "../../types/smartDesktopDesignerTypes";
+export declare type AuthenticationProviderProps = {
+    value: AuthenticationProvider;
+    onChange: (provider: AuthenticationProvider) => void;
+    testAuthenticationProvider: (provider: AuthenticationProvider) => Promise<null>;
+    isAdvancedMode: boolean;
+};
+export declare const AuthenticationProviderConfig: (props: AuthenticationProviderProps) => JSX.Element;