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

package/react/components/smartDesktopDesigner/Applications.js

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

package/react/components/smartDesktopDesigner/Authentication.js

@@ -27,15 +27,9 @@ export const Authentication = (props) => {
         props
             .setAuthenticationProviders(authProviders.map((provider) => {
             if (name === provider.name) {
-                return {
-                    ...value,
-                    enabled: true,
-                };
+                return Object.assign(Object.assign({}, value), { enabled: true });
             }
-            return {
-                ...provider,
-                enabled: false,
-            };
+            return Object.assign(Object.assign({}, provider), { enabled: false });
         }))
             .then(() => {
             if (value) {

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

package/react/components/smartDesktopDesigner/AuthenticationProviderConfig.js

@@ -21,14 +21,7 @@ export const AuthenticationProviderConfig = (props) => {
     const clientIDValid = checkValid(clientID, provider.client_id || "");
     const endpointURLValid = endpointURL && FSBL.Clients.SmartDesktopClient.checkValidURL(endpointURL || "");
     const save = () => {
-        const providerObject = {
-            ...provider,
-            ...(clientIDValid ? { client_id: clientID } : {}),
-            ...(endpointURLValid ? { authorization_endpoint: endpointURL } : {}),
-            ...(redirectURI ? { redirect_uri: redirectURI } : {}),
-            ...{ scope },
-            ...{ nonce },
-        };
+        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 });
         setAuthError(null);
         props
             .testAuthenticationProvider(providerObject)

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

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

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Content.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAC,cAAc,IAAE,KAAK,CAAC,QAAQ,CAAO,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\nexport const Content = (props: { children: React.ReactNode }) => <div className=\"view-content\">{props.children}</div>;\r\n"]}
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Content.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAC,cAAc,IAAE,KAAK,CAAC,QAAQ,CAAO,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\n\r\nexport const Content = (props: { children: React.ReactNode }) => <div className=\"view-content\">{props.children}</div>;\r\n"]}

package/react/components/smartDesktopDesigner/CurrentView.js

@@ -8,6 +8,6 @@ export const CurrentView = ({ theme, views }) => {
     const currentViewId = useSelector((state) => state.smartDesktopDesigner.currentViewId);
     const currentView = views.filter((view) => view.id === currentViewId)[0] || views[0];
     let View = currentView.component;
-    return React.createElement(View, { theme: theme, ...currentView.props });
+    return React.createElement(View, Object.assign({ theme: theme }, currentView.props));
 };
 //# sourceMappingURL=CurrentView.js.map

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,IAAC,KAAK,EAAE,KAAK,KAAO,WAAW,CAAC,KAAa,GAAS,CAAC;AACpE,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { ThemeConfig } from \"./SmartDesktopDesigner\";\r\n\r\nexport type CurrentViewProps = {\r\n\ttheme: ThemeConfig;\r\n\tviews: any[];\r\n};\r\n\r\nexport const CurrentView = ({ theme, views }: CurrentViewProps) => {\r\n\tconst currentViewId = useSelector((state: RootState) => state.smartDesktopDesigner.currentViewId);\r\n\r\n\tconst currentView = views.filter((view) => view.id === currentViewId)[0] || views[0];\r\n\r\n\tlet View = currentView.component;\r\n\r\n\treturn <View theme={theme} {...(currentView.props as any)}></View>;\r\n};\r\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,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":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { ThemeConfig } from \"./SmartDesktopDesigner\";\r\n\r\nexport type CurrentViewProps = {\r\n\ttheme: ThemeConfig;\r\n\tviews: any[];\r\n};\r\n\r\nexport const CurrentView = ({ theme, views }: CurrentViewProps) => {\r\n\tconst currentViewId = useSelector((state: RootState) => state.smartDesktopDesigner.currentViewId);\r\n\r\n\tconst currentView = views.filter((view) => view.id === currentViewId)[0] || views[0];\r\n\r\n\tlet View = currentView.component;\r\n\r\n\treturn <View theme={theme} {...(currentView.props as any)}></View>;\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/Export.js

@@ -20,10 +20,10 @@ export const Export = (props) => {
         React.createElement(Header, { helpFunction: () => {
                 launchTutorialLink("publishing-a-desktop-project");
             } }, "Publish"),
-        React.createElement(Content, null, isPublishing ? (React.createElement(Publish, { ...props })) : (React.createElement("div", null,
+        React.createElement(Content, null, isPublishing ? (React.createElement(Publish, Object.assign({}, props))) : (React.createElement("div", null,
             React.createElement("div", { className: "export-methods" },
-                React.createElement(ExportCloud, { ...props }),
-                React.createElement(ExportZip, { ...props })),
+                React.createElement(ExportCloud, Object.assign({}, props)),
+                React.createElement(ExportZip, Object.assign({}, props))),
             deployInfo && (React.createElement("div", { className: "deployInfoContainer" },
                 React.createElement("h2", null, "Published Project"),
                 React.createElement("div", null,

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

@@ -1 +1 @@
-{"version":3,"file":"Export.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Export.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,kBAAkB,CAAC;AAW1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5C,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACvG,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAEnG,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,8BAA8B,CAAC,CAAC;YACpD,CAAC,cAGO;QAET,oBAAC,OAAO,QACN,YAAY,CAAC,CAAC,CAAC,CACf,oBAAC,OAAO,OAAK,KAAK,GAAI,CACtB,CAAC,CAAC,CAAC,CACH;YACC,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,WAAW,OAAK,KAAK,GAAI;gBAC1B,oBAAC,SAAS,OAAK,KAAK,GAAI,CACnB;YACL,UAAU,IAAI,CACd,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,oDAA0B;gBAC1B;oBACC,+GAAoF;oBACpF,oBAAC,gBAAgB,OAAG,CACf,CACD,CACN,CACI,CACN,CACQ,CACJ,CACP,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ExportCloud } from \"./ExportCloud\";\r\nimport { ExportZip } from \"./ExportZip\";\r\nimport { Publish } from \"./Publish\";\r\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nimport \"./css/export.css\";\r\n\r\nexport type ExportProps = {\r\n\tprogressCheckInterval: number;\r\n\tgetProjectConfig: typeof FSBL.Clients.SmartDesktopClient.prototype.projectConfig;\r\n\tcreateProjectZip: typeof FSBL.Clients.SmartDesktopClient.prototype.createProjectZip;\r\n\tpublishToCosaicCloud: typeof FSBL.Clients.SmartDesktopClient.prototype.publishToCosaicCloud;\r\n\tgetPublishProgress: typeof FSBL.Clients.SmartDesktopClient.prototype.getPublishProgress;\r\n\tcopyProjectFiles: typeof FSBL.Clients.SmartDesktopClient.prototype.copyProjectFiles;\r\n};\r\n\r\nexport const Export = (props: ExportProps) => {\r\n\tconst isPublishing = useSelector((store: RootState) => store.smartDesktopDesigner.export.isPublishing);\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\r\n\treturn (\r\n\t\t<View>\r\n\t\t\t<Header\r\n\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\tlaunchTutorialLink(\"publishing-a-desktop-project\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tPublish\r\n\t\t\t</Header>\r\n\r\n\t\t\t<Content>\r\n\t\t\t\t{isPublishing ? (\r\n\t\t\t\t\t<Publish {...props} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<div className=\"export-methods\">\r\n\t\t\t\t\t\t\t<ExportCloud {...props} />\r\n\t\t\t\t\t\t\t<ExportZip {...props} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{deployInfo && (\r\n\t\t\t\t\t\t\t<div className=\"deployInfoContainer\">\r\n\t\t\t\t\t\t\t\t<h2>Published Project</h2>\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<p>Share this installer link with your team to give them access to your desktop:</p>\r\n\t\t\t\t\t\t\t\t\t<ExportDeployInfo />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Content>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"Export.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Export.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,kBAAkB,CAAC;AAW1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5C,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACvG,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAEnG,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,8BAA8B,CAAC,CAAC;YACpD,CAAC,cAGO;QAET,oBAAC,OAAO,QACN,YAAY,CAAC,CAAC,CAAC,CACf,oBAAC,OAAO,oBAAK,KAAK,EAAI,CACtB,CAAC,CAAC,CAAC,CACH;YACC,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,WAAW,oBAAK,KAAK,EAAI;gBAC1B,oBAAC,SAAS,oBAAK,KAAK,EAAI,CACnB;YACL,UAAU,IAAI,CACd,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,oDAA0B;gBAC1B;oBACC,+GAAoF;oBACpF,oBAAC,gBAAgB,OAAG,CACf,CACD,CACN,CACI,CACN,CACQ,CACJ,CACP,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ExportCloud } from \"./ExportCloud\";\r\nimport { ExportZip } from \"./ExportZip\";\r\nimport { Publish } from \"./Publish\";\r\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nimport \"./css/export.css\";\r\n\r\nexport type ExportProps = {\r\n\tprogressCheckInterval: number;\r\n\tgetProjectConfig: typeof FSBL.Clients.SmartDesktopClient.prototype.projectConfig;\r\n\tcreateProjectZip: typeof FSBL.Clients.SmartDesktopClient.prototype.createProjectZip;\r\n\tpublishToCosaicCloud: typeof FSBL.Clients.SmartDesktopClient.prototype.publishToCosaicCloud;\r\n\tgetPublishProgress: typeof FSBL.Clients.SmartDesktopClient.prototype.getPublishProgress;\r\n\tcopyProjectFiles: typeof FSBL.Clients.SmartDesktopClient.prototype.copyProjectFiles;\r\n};\r\n\r\nexport const Export = (props: ExportProps) => {\r\n\tconst isPublishing = useSelector((store: RootState) => store.smartDesktopDesigner.export.isPublishing);\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\r\n\treturn (\r\n\t\t<View>\r\n\t\t\t<Header\r\n\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\tlaunchTutorialLink(\"publishing-a-desktop-project\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tPublish\r\n\t\t\t</Header>\r\n\r\n\t\t\t<Content>\r\n\t\t\t\t{isPublishing ? (\r\n\t\t\t\t\t<Publish {...props} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<div className=\"export-methods\">\r\n\t\t\t\t\t\t\t<ExportCloud {...props} />\r\n\t\t\t\t\t\t\t<ExportZip {...props} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{deployInfo && (\r\n\t\t\t\t\t\t\t<div className=\"deployInfoContainer\">\r\n\t\t\t\t\t\t\t\t<h2>Published Project</h2>\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<p>Share this installer link with your team to give them access to your desktop:</p>\r\n\t\t\t\t\t\t\t\t\t<ExportDeployInfo />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Content>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/ExportCloud.js

@@ -10,7 +10,7 @@ export const ExportCloud = (props) => {
     useEffect(() => {
         const getProjectConfig = async () => {
             const projectConfig = await props.getProjectConfig();
-            const currentDeployInfo = projectConfig?.deployInfo;
+            const currentDeployInfo = projectConfig === null || projectConfig === void 0 ? void 0 : projectConfig.deployInfo;
             if (currentDeployInfo) {
                 dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo));
             }

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

@@ -1 +1 @@
-{"version":3,"file":"ExportCloud.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportCloud.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACtD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACnG,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAM3F,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;YACnC,MAAM,aAAa,GAAG,MAAM,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACrD,MAAM,iBAAiB,GAAG,aAAa,EAAE,UAAU,CAAC;YAEpD,IAAI,iBAAiB,EAAE;gBACtB,QAAQ,CAAC,2BAA2B,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;aACzE;QACF,CAAC,CAAC;QACF,gBAAgB,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC5B,UAAU,CAAC,CAAC,CAAC,CACb;YACC,sDAA4B;YAC5B,qMAGI,CACC,CACN,CAAC,CAAC,CAAC,CACH;YACC,uDAA6B;YAC7B,+LAGI,CACC,CACN;QAED,oBAAC,aAAa,IAAC,MAAM,EAAE,aAAa,GAAkB;QAEtD,6BAAK,SAAS,EAAC,uBAAuB;YACrC,oBAAC,MAAM,IACN,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE;oBACb,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;oBAC9D,KAAK;yBACH,oBAAoB,EAAE;yBACtB,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;yBACrG,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACpF,CAAC,GACA,CACG,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect } from \"react\";\r\nimport { Button } from \"../common/Button\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ExportProps } from \"./Export\";\r\nimport { ProjectErrors } from \"./ProjectErrors\";\r\n\r\nexport type ExportCloudProps = ExportProps;\r\n\r\nexport const ExportCloud = (props: ExportCloudProps) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\r\n\r\n\t/**\r\n\t * This will run once. We'll check to see if there's a current deployInfo for our\r\n\t * project, in other words has it already been published.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tconst getProjectConfig = async () => {\r\n\t\t\tconst projectConfig = await props.getProjectConfig();\r\n\t\t\tconst currentDeployInfo = projectConfig?.deployInfo;\r\n\r\n\t\t\tif (currentDeployInfo) {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo));\r\n\t\t\t}\r\n\t\t};\r\n\t\tgetProjectConfig();\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-method\">\r\n\t\t\t{deployInfo ? (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<h2>Update your project</h2>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\tYou can continue to update your desktop with new apps. Publish at any time to push updates to your team.\r\n\t\t\t\t\t\tThey&apos;ll just need to restart their app to get the changes.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\t\t\t) : (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<h2>Publish your project</h2>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\tUpload your smart desktop to Cosaic&apos;s cloud service to make it available to your team. After you\r\n\t\t\t\t\t\tpublish, you can make changes and push updates to your team.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<ProjectErrors errors={projectErrors}></ProjectErrors>\r\n\r\n\t\t\t<div className=\"export-method-actions\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tdisabled={projectErrors.length > 0}\r\n\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\ttext=\"Publish\"\r\n\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_is_publishing(true));\r\n\t\t\t\t\t\tprops\r\n\t\t\t\t\t\t\t.publishToCosaicCloud()\r\n\t\t\t\t\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\r\n\t\t\t\t\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ExportCloud.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportCloud.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIhD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACtD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACnG,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAM3F,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;YACnC,MAAM,aAAa,GAAG,MAAM,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACrD,MAAM,iBAAiB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,CAAC;YAEpD,IAAI,iBAAiB,EAAE;gBACtB,QAAQ,CAAC,2BAA2B,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;aACzE;QACF,CAAC,CAAC;QACF,gBAAgB,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC5B,UAAU,CAAC,CAAC,CAAC,CACb;YACC,sDAA4B;YAC5B,qMAGI,CACC,CACN,CAAC,CAAC,CAAC,CACH;YACC,uDAA6B;YAC7B,+LAGI,CACC,CACN;QAED,oBAAC,aAAa,IAAC,MAAM,EAAE,aAAa,GAAkB;QAEtD,6BAAK,SAAS,EAAC,uBAAuB;YACrC,oBAAC,MAAM,IACN,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE;oBACb,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;oBAC9D,KAAK;yBACH,oBAAoB,EAAE;yBACtB,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;yBACrG,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACpF,CAAC,GACA,CACG,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect } from \"react\";\r\nimport { Button } from \"../common/Button\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ExportProps } from \"./Export\";\r\nimport { ProjectErrors } from \"./ProjectErrors\";\r\n\r\nexport type ExportCloudProps = ExportProps;\r\n\r\nexport const ExportCloud = (props: ExportCloudProps) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\r\n\r\n\t/**\r\n\t * This will run once. We'll check to see if there's a current deployInfo for our\r\n\t * project, in other words has it already been published.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tconst getProjectConfig = async () => {\r\n\t\t\tconst projectConfig = await props.getProjectConfig();\r\n\t\t\tconst currentDeployInfo = projectConfig?.deployInfo;\r\n\r\n\t\t\tif (currentDeployInfo) {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo));\r\n\t\t\t}\r\n\t\t};\r\n\t\tgetProjectConfig();\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-method\">\r\n\t\t\t{deployInfo ? (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<h2>Update your project</h2>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\tYou can continue to update your desktop with new apps. Publish at any time to push updates to your team.\r\n\t\t\t\t\t\tThey&apos;ll just need to restart their app to get the changes.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\t\t\t) : (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<h2>Publish your project</h2>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\tUpload your smart desktop to Cosaic&apos;s cloud service to make it available to your team. After you\r\n\t\t\t\t\t\tpublish, you can make changes and push updates to your team.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<ProjectErrors errors={projectErrors}></ProjectErrors>\r\n\r\n\t\t\t<div className=\"export-method-actions\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tdisabled={projectErrors.length > 0}\r\n\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\ttext=\"Publish\"\r\n\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_is_publishing(true));\r\n\t\t\t\t\t\tprops\r\n\t\t\t\t\t\t\t.publishToCosaicCloud()\r\n\t\t\t\t\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\r\n\t\t\t\t\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/ExportDeployInfo.js

@@ -5,7 +5,7 @@ export const ExportDeployInfo = () => {
     const publishURLRef = useRef(null);
     const deployInfo = useSelector((store) => store.smartDesktopDesigner.export.deployInfo);
     return (React.createElement("div", { className: "export-publish-url" },
-        React.createElement("input", { "aria-label": "Publish URL", type: "text", disabled: true, value: deployInfo?.installerURL, ref: publishURLRef }),
+        React.createElement("input", { "aria-label": "Publish URL", type: "text", disabled: true, value: deployInfo === null || deployInfo === void 0 ? void 0 : deployInfo.installerURL, ref: publishURLRef }),
         React.createElement(ButtonIcon, { text: "Copy", icon: "copy", onClick: () => {
                 const input = publishURLRef.current;
                 input.disabled = false;

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

@@ -1 +1 @@
-{"version":3,"file":"ExportDeployInfo.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportDeployInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACpC,MAAM,aAAa,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAEnG,OAAO,CACN,6BAAK,SAAS,EAAC,oBAAoB;QAClC,6CAAkB,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,QAAC,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAI;QAC5G,oBAAC,UAAU,IACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE;gBACb,MAAM,KAAK,GAAG,aAAa,CAAC,OAA2B,CAAC;gBACxD,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACvB,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,KAAK,CAAC,MAAM,EAAE,CAAC;gBACf,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC7B,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;YACvB,CAAC,GACA,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useRef } from \"react\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\n\r\nexport const ExportDeployInfo = () => {\r\n\tconst publishURLRef = useRef<HTMLInputElement | null>(null);\r\n\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-publish-url\">\r\n\t\t\t<input aria-label=\"Publish URL\" type=\"text\" disabled value={deployInfo?.installerURL} ref={publishURLRef} />\r\n\t\t\t<ButtonIcon\r\n\t\t\t\ttext=\"Copy\"\r\n\t\t\t\ticon=\"copy\"\r\n\t\t\t\tonClick={() => {\r\n\t\t\t\t\tconst input = publishURLRef.current as HTMLInputElement;\r\n\t\t\t\t\tinput.disabled = false;\r\n\t\t\t\t\tinput.focus();\r\n\t\t\t\t\tinput.select();\r\n\t\t\t\t\tdocument.execCommand(\"copy\");\r\n\t\t\t\t\tinput.disabled = true;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ExportDeployInfo.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportDeployInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACpC,MAAM,aAAa,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAEnG,OAAO,CACN,6BAAK,SAAS,EAAC,oBAAoB;QAClC,6CAAkB,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,QAAC,KAAK,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAI;QAC5G,oBAAC,UAAU,IACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE;gBACb,MAAM,KAAK,GAAG,aAAa,CAAC,OAA2B,CAAC;gBACxD,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACvB,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,KAAK,CAAC,MAAM,EAAE,CAAC;gBACf,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC7B,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;YACvB,CAAC,GACA,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useRef } from \"react\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\n\r\nexport const ExportDeployInfo = () => {\r\n\tconst publishURLRef = useRef<HTMLInputElement | null>(null);\r\n\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-publish-url\">\r\n\t\t\t<input aria-label=\"Publish URL\" type=\"text\" disabled value={deployInfo?.installerURL} ref={publishURLRef} />\r\n\t\t\t<ButtonIcon\r\n\t\t\t\ttext=\"Copy\"\r\n\t\t\t\ticon=\"copy\"\r\n\t\t\t\tonClick={() => {\r\n\t\t\t\t\tconst input = publishURLRef.current as HTMLInputElement;\r\n\t\t\t\t\tinput.disabled = false;\r\n\t\t\t\t\tinput.focus();\r\n\t\t\t\t\tinput.select();\r\n\t\t\t\t\tdocument.execCommand(\"copy\");\r\n\t\t\t\t\tinput.disabled = true;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/ExportZip.js

@@ -5,7 +5,6 @@ import { Button } from "../common/Button";
 export const ExportZip = (props) => {
     const projectSettings = useSelector((store) => store.smartDesktopDesigner.projectInfo);
     const projectErrors = useSelector((store) => store.smartDesktopDesigner.errors);
-    const [isZipping, setIsZipping] = useState(false);
     const [isCopying, setIsCopying] = useState(false);
     const [lastExportCount, setLastExportCount] = useState(0);
     const [lastExportTime, setLastExportTime] = useState(null);

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

@@ -1 +1 @@
-{"version":3,"file":"ExportZip.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportZip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAClD,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClG,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAE3F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5E,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC7B;YACC,oDAA0B;YAE1B,yJAGI,CACC;QAEN,6BAAK,SAAS,EAAC,uBAAuB;YACpC,CAAC,SAAS,CAAC,CAAC,CAAC,CACb,oBAAC,MAAM,IACN,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,8BAA8B,EACnC,gBAAgB,EAAE,EAAE,yBAAyB,EAAE,EAAE,EAAE,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,YAAY,CAAC,IAAI,CAAC,CAAC;oBACnB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAEzB,KAAK;yBACH,gBAAgB,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC;yBAChF,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;wBAChB,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC3B,CAAC,CAAC;yBACD,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;wBACf,iBAAiB,CAAC,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC;wBAEnD,IAAI,KAAK,EAAE;4BACV,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;yBACjC;oBACF,CAAC,CAAC;yBACD,OAAO,CAAC,GAAG,EAAE;wBACb,YAAY,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,CAAC,CAAC;gBACL,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,gEAAuC,CACvC;YACA,cAAc,KAAK,IAAI,IAAI,eAAe,GAAG,CAAC,IAAI,CAClD,8BAAM,SAAS,EAAC,kBAAkB;gBACjC,oBAAC,aAAa,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAiB;;gBACpE,eAAe;;gBAAY,cAAc,CAC7C,CACP;YACA,eAAe,KAAK,IAAI,IAAI,8BAAM,SAAS,EAAC,mBAAmB,IAAE,eAAe,CAAQ,CAEpF,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useSelector } from \"../../store\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\nimport { ExportProps } from \"./Export\";\r\nimport { Button } from \"../common/Button\";\r\nimport { ProjectErrors } from \"./ProjectErrors\";\r\n\r\nexport type ExportZipProps = ExportProps;\r\n\r\nexport const ExportZip = (props: ExportZipProps) => {\r\n\tconst projectSettings = useSelector((store: RootState) => store.smartDesktopDesigner.projectInfo);\r\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\r\n\r\n\tconst [isZipping, setIsZipping] = useState(false);\r\n\tconst [isCopying, setIsCopying] = useState(false);\r\n\tconst [lastExportCount, setLastExportCount] = useState<number>(0);\r\n\tconst [lastExportTime, setLastExportTime] = useState<null | string>(null);\r\n\tconst [lastExportError, setLastExportError] = useState<null | string>(null);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-method\">\r\n\t\t\t<div>\r\n\t\t\t\t<h2>Share your design</h2>\r\n\r\n\t\t\t\t<p>\r\n\t\t\t\t\tMuch more can be done to create powerful desktops. Share your design with your developer or IT team to take it\r\n\t\t\t\t\tfurther.\r\n\t\t\t\t</p>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"export-method-actions\">\r\n\t\t\t\t{!isCopying ? (\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tclassName=\"export-method-button\"\r\n\t\t\t\t\t\tdisabled={projectErrors.length > 0}\r\n\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\ttext=\"Export to local seed project\"\r\n\t\t\t\t\t\tbuttonAttributes={{ \"data-target-upload-path\": \"\" }}\r\n\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\tsetIsCopying(true);\r\n\t\t\t\t\t\t\tsetLastExportError(null);\r\n\r\n\t\t\t\t\t\t\tprops\r\n\t\t\t\t\t\t\t\t.copyProjectFiles(projectSettings.name, e.currentTarget.dataset.targetUploadPath)\r\n\t\t\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\t\t\tsetLastExportError(error);\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t.then((files) => {\r\n\t\t\t\t\t\t\t\t\tsetLastExportTime(new Date().toLocaleTimeString());\r\n\r\n\t\t\t\t\t\t\t\t\tif (files) {\r\n\t\t\t\t\t\t\t\t\t\tsetLastExportCount(files.length);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t.finally(() => {\r\n\t\t\t\t\t\t\t\t\tsetIsCopying(false);\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div>Exporting to seed project...</div>\r\n\t\t\t\t)}\r\n\t\t\t\t{lastExportTime !== null && lastExportCount > 0 && (\r\n\t\t\t\t\t<span className=\"last-export-time\">\r\n\t\t\t\t\t\t<FinsembleIcon className=\"last-export-time-icon\" icon=\"check\"></FinsembleIcon>\r\n\t\t\t\t\t\tExported {lastExportCount} files at {lastExportTime}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\t\t\t\t{lastExportError !== null && <span className=\"last-export-error\">{lastExportError}</span>}\r\n\t\t\t\t{/* <button type=\"submit\">Share to Github</button> */}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ExportZip.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportZip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAI1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAClD,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClG,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAE3F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5E,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC7B;YACC,oDAA0B;YAE1B,yJAGI,CACC;QAEN,6BAAK,SAAS,EAAC,uBAAuB;YACpC,CAAC,SAAS,CAAC,CAAC,CAAC,CACb,oBAAC,MAAM,IACN,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,8BAA8B,EACnC,gBAAgB,EAAE,EAAE,yBAAyB,EAAE,EAAE,EAAE,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,YAAY,CAAC,IAAI,CAAC,CAAC;oBACnB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAEzB,KAAK;yBACH,gBAAgB,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC;yBAChF,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;wBAChB,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC3B,CAAC,CAAC;yBACD,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;wBACf,iBAAiB,CAAC,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC;wBAEnD,IAAI,KAAK,EAAE;4BACV,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;yBACjC;oBACF,CAAC,CAAC;yBACD,OAAO,CAAC,GAAG,EAAE;wBACb,YAAY,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,CAAC,CAAC;gBACL,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,gEAAuC,CACvC;YACA,cAAc,KAAK,IAAI,IAAI,eAAe,GAAG,CAAC,IAAI,CAClD,8BAAM,SAAS,EAAC,kBAAkB;gBACjC,oBAAC,aAAa,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAiB;;gBACpE,eAAe;;gBAAY,cAAc,CAC7C,CACP;YACA,eAAe,KAAK,IAAI,IAAI,8BAAM,SAAS,EAAC,mBAAmB,IAAE,eAAe,CAAQ,CAEpF,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useState } from \"react\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useSelector } from \"../../store\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\nimport { ExportProps } from \"./Export\";\r\nimport { Button } from \"../common/Button\";\r\n\r\nexport type ExportZipProps = ExportProps;\r\n\r\nexport const ExportZip = (props: ExportZipProps) => {\r\n\tconst projectSettings = useSelector((store: RootState) => store.smartDesktopDesigner.projectInfo);\r\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\r\n\r\n\tconst [isCopying, setIsCopying] = useState(false);\r\n\tconst [lastExportCount, setLastExportCount] = useState<number>(0);\r\n\tconst [lastExportTime, setLastExportTime] = useState<null | string>(null);\r\n\tconst [lastExportError, setLastExportError] = useState<null | string>(null);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-method\">\r\n\t\t\t<div>\r\n\t\t\t\t<h2>Share your design</h2>\r\n\r\n\t\t\t\t<p>\r\n\t\t\t\t\tMuch more can be done to create powerful desktops. Share your design with your developer or IT team to take it\r\n\t\t\t\t\tfurther.\r\n\t\t\t\t</p>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"export-method-actions\">\r\n\t\t\t\t{!isCopying ? (\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tclassName=\"export-method-button\"\r\n\t\t\t\t\t\tdisabled={projectErrors.length > 0}\r\n\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\ttext=\"Export to local seed project\"\r\n\t\t\t\t\t\tbuttonAttributes={{ \"data-target-upload-path\": \"\" }}\r\n\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\tsetIsCopying(true);\r\n\t\t\t\t\t\t\tsetLastExportError(null);\r\n\r\n\t\t\t\t\t\t\tprops\r\n\t\t\t\t\t\t\t\t.copyProjectFiles(projectSettings.name, e.currentTarget.dataset.targetUploadPath)\r\n\t\t\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\t\t\tsetLastExportError(error);\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t.then((files) => {\r\n\t\t\t\t\t\t\t\t\tsetLastExportTime(new Date().toLocaleTimeString());\r\n\r\n\t\t\t\t\t\t\t\t\tif (files) {\r\n\t\t\t\t\t\t\t\t\t\tsetLastExportCount(files.length);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t.finally(() => {\r\n\t\t\t\t\t\t\t\t\tsetIsCopying(false);\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div>Exporting to seed project...</div>\r\n\t\t\t\t)}\r\n\t\t\t\t{lastExportTime !== null && lastExportCount > 0 && (\r\n\t\t\t\t\t<span className=\"last-export-time\">\r\n\t\t\t\t\t\t<FinsembleIcon className=\"last-export-time-icon\" icon=\"check\"></FinsembleIcon>\r\n\t\t\t\t\t\tExported {lastExportCount} files at {lastExportTime}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\t\t\t\t{lastExportError !== null && <span className=\"last-export-error\">{lastExportError}</span>}\r\n\t\t\t\t{/* <button type=\"submit\">Share to Github</button> */}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}