@finsemble/finsemble-ui 6.3.1 → 6.4.0

package/react/components/smartDesktopDesigner/Toolbar.js

@@ -0,0 +1,123 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { useEffect, useState } from "react";
+import { useSelector, useDispatch } from "../../store";
+import { View } from "./View";
+import { Header } from "../common/Header";
+import { FinsembleSelect } from "../common/FinsembleSelect";
+import { Button } from "../common/Button";
+import { Content } from "./Content";
+import { ApplicationList } from "./ApplicationList";
+import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
+const MENU_NAME_MAX_LENGTH = 50;
+const EMPTY_MENU_ERROR = {
+    viewId: "toolbar",
+    message: "One or more of your app menus is empty",
+};
+export const Toolbar = (props) => {
+    var _a;
+    const dispatch = useDispatch();
+    const [currentMenuID, setCurrentMenuID] = useState("");
+    const [menuName, setMenuName] = useState("");
+    const [selectedApps, setSelectedApps] = useState([]);
+    const apps = useSelector((state) => state.smartDesktopDesigner.apps);
+    const menus = useSelector((state) => state.smartDesktopDesigner.menus);
+    if (Object.values(menus).every((menu) => menu.applications.length > 0)) {
+        dispatch(SmartDesktopDesignerActions.delete_project_error(EMPTY_MENU_ERROR));
+    }
+    else {
+        dispatch(SmartDesktopDesignerActions.set_project_error(EMPTY_MENU_ERROR));
+    }
+    function updateMenuList() {
+        props.getApps().then((response) => {
+            dispatch(SmartDesktopDesignerActions.update_apps(response.apps));
+        });
+        props.getMenus().then((getMenusResponse) => {
+            dispatch(SmartDesktopDesignerActions.update_menus(getMenusResponse.menus));
+        });
+    }
+    const updateMenuItem = () => {
+        const whenDone = () => {
+            updateMenuList();
+            setMenuName("");
+            setCurrentMenuID("");
+        };
+        if (currentMenuID == "new") {
+            props
+                .addMenu({
+                displayName: menuName,
+                applications: selectedApps,
+                position: -1,
+            })
+                .then(whenDone);
+        }
+        else {
+            props
+                .updateMenu(currentMenuID, {
+                displayName: menuName,
+                applications: selectedApps,
+                position: menus[currentMenuID].position,
+            })
+                .then(whenDone);
+        }
+    };
+    const removeMenuID = (id) => {
+        props.deleteMenu(id).then(({ err }) => {
+            if (err) {
+                alert(err);
+            }
+            updateMenuList();
+        });
+    };
+    const addNewMenu = () => {
+        setCurrentMenuID("new");
+    };
+    useEffect(updateMenuList, []);
+    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.icons = "warning";
+            }
+            return menuObj;
+        }),
+        clickApp: (menuId) => {
+            setCurrentMenuID(menuId);
+            setMenuName(menus[menuId].displayName);
+            setSelectedApps(menus[menuId].applications);
+        },
+        deleteApp: removeMenuID,
+    };
+    const backFunction = () => {
+        setCurrentMenuID("");
+    };
+    return (React.createElement(React.Fragment, null, currentMenuID ? (React.createElement(View, null,
+        React.createElement(Header, { backFunction: backFunction }, "Menus"),
+        React.createElement(Content, null,
+            React.createElement("div", { className: "app-edit-field" },
+                React.createElement("label", { htmlFor: "menu-name" }, "Name"),
+                React.createElement("input", { type: "text", id: "menu-name", value: menuName, onChange: (e) => {
+                        setMenuName(e.target.value.substr(0, MENU_NAME_MAX_LENGTH));
+                    } })),
+            React.createElement("div", { className: "app-edit-field" },
+                React.createElement("label", { htmlFor: "menu-group" }, "Group contents"),
+                React.createElement(FinsembleSelect, { options: apps.map((app) => app.name), values: apps.map((app) => app.appId), selected: ((_a = menus[currentMenuID]) === null || _a === void 0 ? void 0 : _a.applications) || [], updateCallback: setSelectedApps, showSearch: true })),
+            React.createElement("div", { className: "app-edit-actions" },
+                React.createElement("span", null),
+                React.createElement(Button, { fashion: "secondary", text: "Save", disabled: menuName.length <= 0, onClick: updateMenuItem }))))) : (React.createElement(View, null,
+        React.createElement(Header, null, "Toolbar"),
+        React.createElement(Content, null,
+            React.createElement("div", { "data-label": "Menus" },
+                React.createElement("div", { className: "frontmatter" },
+                    "This screen allows you to make menus that will appear on your Toolbar.",
+                    React.createElement("br", null),
+                    "You are allowed a maximum of five Menus."),
+                React.createElement(Button, { className: "icon-before-add", fashion: "primary", text: "Add", iconBefore: "plus", disabled: Object.keys(menus).length >= 5, onClick: addNewMenu }),
+                React.createElement(ApplicationList, Object.assign({}, applicationListProps))))))));
+};
+//# sourceMappingURL=Toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Toolbar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAIxF,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAUhC,MAAM,gBAAgB,GAAiB;IACtC,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,wCAAwC;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;;IAC9C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAE/D,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAChF,MAAM,KAAK,GAAG,WAAW,CAAW,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE5F,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;QACvE,QAAQ,CAAC,2BAA2B,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAC,CAAC;KAC7E;SAAM;QACN,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,CAAC;KAC1E;IAED,SAAS,cAAc;QAEtB,KAAK,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,QAAa,EAAE,EAAE;YACtC,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;QAEH,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,gBAAqB,EAAE,EAAE;YAC/C,QAAQ,CAAC,2BAA2B,CAAC,YAAY,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,MAAM,QAAQ,GAAG,GAAG,EAAE;YACrB,cAAc,EAAE,CAAC;YACjB,WAAW,CAAC,EAAE,CAAC,CAAC;YAChB,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACtB,CAAC,CAAC;QACF,IAAI,aAAa,IAAI,KAAK,EAAE;YAC3B,KAAK;iBACH,OAAO,CAAC;gBACR,WAAW,EAAE,QAAQ;gBACrB,YAAY,EAAE,YAAY;gBAC1B,QAAQ,EAAE,CAAC,CAAC;aACZ,CAAC;iBACD,IAAI,CAAC,QAAQ,CAAC,CAAC;SACjB;aAAM;YACN,KAAK;iBACH,UAAU,CAAC,aAAa,EAAE;gBAC1B,WAAW,EAAE,QAAQ;gBACrB,YAAY,EAAE,YAAY;gBAC1B,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,QAAQ;aACvC,CAAC;iBACD,IAAI,CAAC,QAAQ,CAAC,CAAC;SACjB;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,EAAE;QACnC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;YACtD,IAAI,GAAG,EAAE;gBACR,KAAK,CAAC,GAAG,CAAC,CAAC;aACX;YACD,cAAc,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAMF,SAAS,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;IAE9B,MAAM,oBAAoB,GAAG;QAC5B,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;;YAChD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;YAClD,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC;YACpB,OAAO,CAAC,IAAI,GAAG,MAAA,OAAO,CAAC,IAAI,mCAAI,OAAO,CAAC,WAAW,CAAC;YACnD,IAAI,OAAO,CAAC,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;aAC1B;YACD,OAAO,OAAO,CAAC;QAChB,CAAC,CAAC;QACF,QAAQ,EAAE,CAAC,MAAc,EAAE,EAAE;YAC5B,gBAAgB,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;YACvC,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;QAC7C,CAAC;QACD,SAAS,EAAE,YAAY;KACvB,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,gBAAgB,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACN,0CACE,aAAa,CAAC,CAAC,CAAC,CAChB,oBAAC,IAAI;QACJ,oBAAC,MAAM,IAAC,YAAY,EAAE,YAAY,YAAgB;QAClD,oBAAC,OAAO;YACP,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,+BAAO,OAAO,EAAC,WAAW,WAAa;gBACvC,+BACC,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,WAAW,EACd,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wBAGf,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC;oBAC7D,CAAC,GACA,CACG;YACN,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,+BAAO,OAAO,EAAC,YAAY,qBAAuB;gBAClD,oBAAC,eAAe,IACf,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EACpC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,EACpC,QAAQ,EAAE,CAAA,MAAA,KAAK,CAAC,aAAa,CAAC,0CAAE,YAAY,KAAI,EAAE,EAClD,cAAc,EAAE,eAAe,EAC/B,UAAU,EAAE,IAAI,GACf,CACG;YACN,6BAAK,SAAS,EAAC,kBAAkB;gBAChC,iCAAa;gBACb,oBAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,IAAI,CAAC,EAAE,OAAO,EAAE,cAAc,GAAI,CAC9F,CACG,CACJ,CACP,CAAC,CAAC,CAAC,CACH,oBAAC,IAAI;QACJ,oBAAC,MAAM,kBAAiB;QACxB,oBAAC,OAAO;YAEP,2CAAgB,OAAO;gBACtB,6BAAK,SAAS,EAAC,aAAa;;oBAE3B,+BAAM;+DAED;gBACN,oBAAC,MAAM,IACN,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,KAAK,EACV,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,IAAI,CAAC,EACxC,OAAO,EAAE,UAAU,GAClB;gBACF,oBAAC,eAAe,oBAAK,oBAAoB,EAAI,CACxC,CAEG,CACJ,CACP,CACC,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useEffect, useState } from \"react\";\nimport { useSelector, useDispatch } from \"../../store\";\nimport { View } from \"./View\";\n// import { Tab } from \"../common/Tab\";\nimport { Header } from \"../common/Header\";\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\nimport { Button } from \"../common/Button\";\nimport { Content } from \"./Content\";\nimport { ApplicationList } from \"./ApplicationList\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { MenuType, ProjectError } from \"../../types/smartDesktopDesignerTypes\";\n\nconst MENU_NAME_MAX_LENGTH = 50;\n\nexport type ToolbarProps = {\n\tgetApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;\n\tgetMenus: typeof FSBL.Clients.SmartDesktopClient.prototype.getMenus;\n\taddMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.addMenu;\n\tupdateMenu: typeof FSBL.Clients.SmartDesktopClient.prototype.updateMenu;\n\tdeleteMenu: (value: string) => Promise<{ err: any }>;\n};\n\nconst EMPTY_MENU_ERROR: ProjectError = {\n\tviewId: \"toolbar\",\n\tmessage: \"One or more of your app menus is empty\",\n};\n\nexport const Toolbar = (props: ToolbarProps) => {\n\tconst dispatch = useDispatch();\n\tconst [currentMenuID, setCurrentMenuID] = useState(\"\");\n\tconst [menuName, setMenuName] = useState(\"\");\n\tconst [selectedApps, setSelectedApps] = useState<string[]>([]);\n\n\tconst apps = useSelector((state: RootState) => state.smartDesktopDesigner.apps);\n\tconst menus = useSelector<MenuType>((state: RootState) => state.smartDesktopDesigner.menus);\n\n\tif (Object.values(menus).every((menu) => menu.applications.length > 0)) {\n\t\tdispatch(SmartDesktopDesignerActions.delete_project_error(EMPTY_MENU_ERROR));\n\t} else {\n\t\tdispatch(SmartDesktopDesignerActions.set_project_error(EMPTY_MENU_ERROR));\n\t}\n\n\tfunction updateMenuList() {\n\t\t// Get the app list, so that you can add those apps to the menu\n\t\tprops.getApps().then((response: any) => {\n\t\t\tdispatch(SmartDesktopDesignerActions.update_apps(response.apps));\n\t\t});\n\t\t// Get the menu list\n\t\tprops.getMenus().then((getMenusResponse: any) => {\n\t\t\tdispatch(SmartDesktopDesignerActions.update_menus(getMenusResponse.menus));\n\t\t});\n\t}\n\n\tconst updateMenuItem = () => {\n\t\tconst whenDone = () => {\n\t\t\tupdateMenuList();\n\t\t\tsetMenuName(\"\");\n\t\t\tsetCurrentMenuID(\"\");\n\t\t};\n\t\tif (currentMenuID == \"new\") {\n\t\t\tprops\n\t\t\t\t.addMenu({\n\t\t\t\t\tdisplayName: menuName,\n\t\t\t\t\tapplications: selectedApps,\n\t\t\t\t\tposition: -1,\n\t\t\t\t})\n\t\t\t\t.then(whenDone);\n\t\t} else {\n\t\t\tprops\n\t\t\t\t.updateMenu(currentMenuID, {\n\t\t\t\t\tdisplayName: menuName,\n\t\t\t\t\tapplications: selectedApps,\n\t\t\t\t\tposition: menus[currentMenuID].position,\n\t\t\t\t})\n\t\t\t\t.then(whenDone);\n\t\t}\n\t};\n\n\tconst removeMenuID = (id: string) => {\n\t\tprops.deleteMenu(id).then(({ err }: { err: string }) => {\n\t\t\tif (err) {\n\t\t\t\talert(err);\n\t\t\t}\n\t\t\tupdateMenuList();\n\t\t});\n\t};\n\n\tconst addNewMenu = () => {\n\t\tsetCurrentMenuID(\"new\");\n\t};\n\n\t/********* Lifecycle effects *********/\n\n\t// Call updateMenuList once the component has mounted\n\t// Can't call out of an effect, or it will cause an endless loop\n\tuseEffect(updateMenuList, []);\n\n\tconst applicationListProps = {\n\t\tapps: Object.entries(menus).map(([key, value]) => {\n\t\t\tconst menuObj = JSON.parse(JSON.stringify(value));\n\t\t\tmenuObj.appId = key;\n\t\t\tmenuObj.name = menuObj.name ?? menuObj.displayName;\n\t\t\tif (menuObj.applications.length === 0) {\n\t\t\t\tmenuObj.icons = \"warning\";\n\t\t\t}\n\t\t\treturn menuObj;\n\t\t}),\n\t\tclickApp: (menuId: string) => {\n\t\t\tsetCurrentMenuID(menuId);\n\t\t\tsetMenuName(menus[menuId].displayName);\n\t\t\tsetSelectedApps(menus[menuId].applications);\n\t\t},\n\t\tdeleteApp: removeMenuID,\n\t};\n\n\tconst backFunction = () => {\n\t\tsetCurrentMenuID(\"\");\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{currentMenuID ? (\n\t\t\t\t<View>\n\t\t\t\t\t<Header backFunction={backFunction}>Menus</Header>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<label htmlFor=\"menu-name\">Name</label>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tid=\"menu-name\"\n\t\t\t\t\t\t\t\tvalue={menuName}\n\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t// This is the equivalent of using maxLength={MENU_NAME_MAX_LENGTH}\n\t\t\t\t\t\t\t\t\t// except that this way is testable with enzyme\n\t\t\t\t\t\t\t\t\tsetMenuName(e.target.value.substr(0, MENU_NAME_MAX_LENGTH));\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t\t\t\t<label htmlFor=\"menu-group\">Group contents</label>\n\t\t\t\t\t\t\t<FinsembleSelect\n\t\t\t\t\t\t\t\toptions={apps.map((app) => app.name)}\n\t\t\t\t\t\t\t\tvalues={apps.map((app) => app.appId)}\n\t\t\t\t\t\t\t\tselected={menus[currentMenuID]?.applications || []}\n\t\t\t\t\t\t\t\tupdateCallback={setSelectedApps}\n\t\t\t\t\t\t\t\tshowSearch={true}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"app-edit-actions\">\n\t\t\t\t\t\t\t<span></span>\n\t\t\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={menuName.length <= 0} onClick={updateMenuItem} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Content>\n\t\t\t\t</View>\n\t\t\t) : (\n\t\t\t\t<View>\n\t\t\t\t\t<Header>Toolbar</Header>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t{/* <Tab> */}\n\t\t\t\t\t\t<div data-label=\"Menus\">\n\t\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\t\tThis screen allows you to make menus that will appear on your Toolbar.\n\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\tYou are allowed a maximum of five Menus.\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"icon-before-add\"\n\t\t\t\t\t\t\t\tfashion=\"primary\"\n\t\t\t\t\t\t\t\ttext=\"Add\"\n\t\t\t\t\t\t\t\ticonBefore=\"plus\"\n\t\t\t\t\t\t\t\tdisabled={Object.keys(menus).length >= 5}\n\t\t\t\t\t\t\t\tonClick={addNewMenu}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<ApplicationList {...applicationListProps} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{/* </Tab> */}\n\t\t\t\t\t</Content>\n\t\t\t\t</View>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/View.js

@@ -3,5 +3,5 @@
  * All rights reserved.
  */
 import React from "react";
-export const View = (props) => React.createElement("div", { className: "view-container" }, props.children);
+export const View = (props) => React.createElement(React.Fragment, null, props.children);
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/View.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAC,gBAAgB,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 View = (props: { children: React.ReactNode }) => <div className=\"view-container\">{props.children}</div>;\r\n"]}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/View.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,0CAAG,KAAK,CAAC,QAAQ,CAAI,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\n\nexport const View = (props: { children: React.ReactNode }) => <>{props.children}</>;\n"]}

package/react/components/smartDesktopDesigner/common/fsbl_functions.d.ts

@@ -1,2 +1,2 @@
 export declare const launchUserGuide: (url: string, anchor?: string | undefined) => void;
-export declare const launchTutorialLink: (anchor: string) => void;
+export declare const launchTutorialLink: (page: string) => void;

package/react/components/smartDesktopDesigner/common/fsbl_functions.js

@@ -11,7 +11,7 @@ export const launchUserGuide = (url, anchor) => {
         left: "adjacent",
     }, {}, () => { });
 };
-export const launchTutorialLink = (anchor) => {
-    launchUserGuide(`https://documentation.finsemble.com/tutorial-getting-started-with-desktop-projects.html#${anchor}`, anchor);
+export const launchTutorialLink = (page) => {
+    launchUserGuide(`https://documentation.finsemble.com/tutorial-${page}.html`, page);
 };
 //# sourceMappingURL=fsbl_functions.js.map

package/react/components/smartDesktopDesigner/common/fsbl_functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"fsbl_functions.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/common/fsbl_functions.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,EAAE,CAC/B,CAAC;KACC,WAAW,EAAE;KACb,KAAK,CAAC,GAAG,CAAC;KACV,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KACrD,IAAI,CAAC,GAAG,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,MAAe,EAAE,EAAE;IAC/D,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CACrC;QACC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY;QACnE,KAAK,EAAE,GAAG;QACV,GAAG;QACH,IAAI,EAAE,UAAU;KAChB,EACD,EAAE,EACF,GAAG,EAAE,GAAE,CAAC,CACR,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE;IACpD,eAAe,CACd,2FAA2F,MAAM,EAAE,EACnG,MAAM,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["const titleCase = (s: string) =>\r\n\ts\r\n\t\t.toLowerCase()\r\n\t\t.split(\" \")\r\n\t\t.map((word) => word[0].toUpperCase() + word.substr(1))\r\n\t\t.join(\" \");\r\n\r\nexport const launchUserGuide = (url: string, anchor?: string) => {\r\n\tFSBL.Clients.DialogManager.spawnDialog(\r\n\t\t{\r\n\t\t\tname: anchor ? titleCase(anchor.replace(/\\-/g, \" \")) : \"User Guide\",\r\n\t\t\twidth: 750,\r\n\t\t\turl,\r\n\t\t\tleft: \"adjacent\",\r\n\t\t},\r\n\t\t{},\r\n\t\t() => {}\r\n\t);\r\n};\r\n\r\nexport const launchTutorialLink = (anchor: string) => {\r\n\tlaunchUserGuide(\r\n\t\t`https://documentation.finsemble.com/tutorial-getting-started-with-desktop-projects.html#${anchor}`,\r\n\t\tanchor\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"fsbl_functions.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/common/fsbl_functions.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,EAAE,CAC/B,CAAC;KACC,WAAW,EAAE;KACb,KAAK,CAAC,GAAG,CAAC;KACV,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KACrD,IAAI,CAAC,GAAG,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,MAAe,EAAE,EAAE;IAC/D,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,WAAW,CACrC;QACC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY;QACnE,KAAK,EAAE,GAAG;QACV,GAAG;QACH,IAAI,EAAE,UAAU;KAChB,EACD,EAAE,EACF,GAAG,EAAE,GAAE,CAAC,CACR,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,EAAE;IAClD,eAAe,CAAC,gDAAgD,IAAI,OAAO,EAAE,IAAI,CAAC,CAAC;AACpF,CAAC,CAAC","sourcesContent":["const titleCase = (s: string) =>\n\ts\n\t\t.toLowerCase()\n\t\t.split(\" \")\n\t\t.map((word) => word[0].toUpperCase() + word.substr(1))\n\t\t.join(\" \");\n\nexport const launchUserGuide = (url: string, anchor?: string) => {\n\tFSBL.Clients.DialogManager.spawnDialog(\n\t\t{\n\t\t\tname: anchor ? titleCase(anchor.replace(/\\-/g, \" \")) : \"User Guide\",\n\t\t\twidth: 750,\n\t\t\turl,\n\t\t\tleft: \"adjacent\",\n\t\t},\n\t\t{},\n\t\t() => {}\n\t);\n};\n\nexport const launchTutorialLink = (page: string) => {\n\tlaunchUserGuide(`https://documentation.finsemble.com/tutorial-${page}.html`, page);\n};\n"]}

package/react/components/smartDesktopDesigner/common/getCSSVars.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCSSVars.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/common/getCSSVars.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,WAA2B,EAAE,EAAE,CAEzD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;KACrB,MAAM,CACN,CAAC,KAAK,EAAE,EAAE,CAGT,MAAM,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAC1F;KACA,MAAM,CACN,CAAC,GAAa,EAAE,KAAK,EAAE,EAAE,CACxB,CAAC,GAAG,GAAG;IACN,GAAG,GAAG;IACN,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CACnC,CAAC,GAAa,EAAE,IAAI,EAAE,EAAE,CACvB,CAAC,GAAG;QACH,IAAI,YAAY,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO;YAC5D,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7E,CAAC,CAAC,GAAG,CAAC,EACT,EAAE,CACF;CACD,CAAC,EACH,EAAE,CACF,CAAC","sourcesContent":["export const getCSSVars = (styleSheets: StyleSheetList) =>\r\n\t// Searches for all the css variables in the :root object\r\n\tArray.from(styleSheets)\r\n\t\t.filter(\r\n\t\t\t(sheet) =>\r\n\t\t\t\t// sheet.hasOwnProperty(\"href\") returns false, even though href is set, it's just set to null\r\n\t\t\t\t// so, we have to use the `in` operator\r\n\t\t\t\t\"href\" in sheet && (sheet.href === null || sheet.href.startsWith(window.location.origin))\r\n\t\t)\r\n\t\t.reduce(\r\n\t\t\t(acc: string[], sheet) =>\r\n\t\t\t\t(acc = [\r\n\t\t\t\t\t...acc,\r\n\t\t\t\t\t...Array.from(sheet.cssRules).reduce(\r\n\t\t\t\t\t\t(def: string[], rule) =>\r\n\t\t\t\t\t\t\t(def =\r\n\t\t\t\t\t\t\t\trule instanceof CSSStyleRule && rule.selectorText === \":root\"\r\n\t\t\t\t\t\t\t\t\t? [...def, ...Array.from(rule.style).filter((name) => name.startsWith(\"--\"))]\r\n\t\t\t\t\t\t\t\t\t: def),\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[]\r\n\t\t);\r\n"]}
+{"version":3,"file":"getCSSVars.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/common/getCSSVars.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,WAA2B,EAAE,EAAE,CAEzD,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;KACrB,MAAM,CACN,CAAC,KAAK,EAAE,EAAE,CAGT,MAAM,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAC1F;KACA,MAAM,CACN,CAAC,GAAa,EAAE,KAAK,EAAE,EAAE,CACxB,CAAC,GAAG,GAAG;IACN,GAAG,GAAG;IACN,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CACnC,CAAC,GAAa,EAAE,IAAI,EAAE,EAAE,CACvB,CAAC,GAAG;QACH,IAAI,YAAY,YAAY,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO;YAC5D,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;YAC7E,CAAC,CAAC,GAAG,CAAC,EACT,EAAE,CACF;CACD,CAAC,EACH,EAAE,CACF,CAAC","sourcesContent":["export const getCSSVars = (styleSheets: StyleSheetList) =>\n\t// Searches for all the css variables in the :root object\n\tArray.from(styleSheets)\n\t\t.filter(\n\t\t\t(sheet) =>\n\t\t\t\t// sheet.hasOwnProperty(\"href\") returns false, even though href is set, it's just set to null\n\t\t\t\t// so, we have to use the `in` operator\n\t\t\t\t\"href\" in sheet && (sheet.href === null || sheet.href.startsWith(window.location.origin))\n\t\t)\n\t\t.reduce(\n\t\t\t(acc: string[], sheet) =>\n\t\t\t\t(acc = [\n\t\t\t\t\t...acc,\n\t\t\t\t\t...Array.from(sheet.cssRules).reduce(\n\t\t\t\t\t\t(def: string[], rule) =>\n\t\t\t\t\t\t\t(def =\n\t\t\t\t\t\t\t\trule instanceof CSSStyleRule && rule.selectorText === \":root\"\n\t\t\t\t\t\t\t\t\t? [...def, ...Array.from(rule.style).filter((name) => name.startsWith(\"--\"))]\n\t\t\t\t\t\t\t\t\t: def),\n\t\t\t\t\t\t[]\n\t\t\t\t\t),\n\t\t\t\t]),\n\t\t\t[]\n\t\t);\n"]}

package/react/components/smartDesktopDesigner/common/views.d.ts

@@ -1,37 +1,3 @@
-/// <reference types="react" />
-import { ApplicationsProps } from "../Applications";
-import { ExportProps } from "../Export";
-import { ThemeProps } from "../Themes";
-import { AuthenticationProps } from "../Authentication";
-declare const _default: ({
-    id: string;
-    icon: string;
-    name: string;
-    component: () => JSX.Element;
-    props?: undefined;
-} | {
-    id: string;
-    icon: string;
-    name: string;
-    component: (props: ApplicationsProps) => JSX.Element;
-    props: ApplicationsProps;
-} | {
-    id: string;
-    icon: string;
-    name: string;
-    component: ({ getSDServerInfo, updateProjectSettings, areYouSure, updateThemes, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, theme, }: ThemeProps) => JSX.Element;
-    props: ThemeProps;
-} | {
-    id: string;
-    icon: string;
-    name: string;
-    component: (props: AuthenticationProps) => JSX.Element;
-    props: AuthenticationProps;
-} | {
-    id: string;
-    icon: string;
-    name: string;
-    component: (props: ExportProps) => JSX.Element;
-    props: ExportProps;
-})[];
+import { ViewSectionInfo } from "../../../types/smartDesktopDesignerTypes";
+declare const _default: ViewSectionInfo[];
 export default _default;

package/react/components/smartDesktopDesigner/common/views.js

@@ -3,6 +3,7 @@ import { Applications } from "../Applications";
 import { Export } from "../Export";
 import { Themes } from "../Themes";
 import { Authentication } from "../Authentication";
+import { Toolbar } from "../Toolbar";
 const SmartDesktopClient = new FSBL.Clients.SmartDesktopClient();
 const getSDServerInfo = (cb) => {
     SmartDesktopClient.getSDServerInfo().then((info) => {
@@ -20,128 +21,166 @@ function createCSRF() {
 }
 export default [
     {
-        id: "getting-started",
-        icon: "flag",
-        name: "Begin",
-        component: GettingStarted,
+        showLabel: false,
+        label: "",
+        views: [
+            {
+                id: "getting-started",
+                icon: "flag",
+                name: "Start",
+                component: GettingStarted,
+            },
+        ],
     },
     {
-        id: "applications",
-        icon: "window",
-        name: "Apps",
-        component: Applications,
-        props: {
-            getApps: () => SmartDesktopClient.getApps(),
-            addApp: (appId, appConfig) => SmartDesktopClient.addApp(appId, appConfig),
-            deleteApp: (appId) => SmartDesktopClient.deleteApp(appId),
-            getMenus: () => SmartDesktopClient.getMenus(),
-            addMenu: (menuConfig) => SmartDesktopClient.addMenu(menuConfig),
-            updateMenu: (menuId, menuConfig) => SmartDesktopClient.updateMenu(menuId, menuConfig),
-            deleteMenu: (menuId) => SmartDesktopClient.deleteMenu(menuId),
-            getAppConfigTemplate: () => SmartDesktopClient.getAppConfigTemplate(),
-            isInboundInteropAuthorized: FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized,
-            isOutboundInteropAuthorized: FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized,
-        },
+        showLabel: true,
+        label: "Apps",
+        views: [
+            {
+                id: "applications",
+                icon: "window",
+                name: "Manage apps",
+                component: Applications,
+                props: {
+                    getApps: () => SmartDesktopClient.getApps(),
+                    addApp: (appId, appConfig) => SmartDesktopClient.addApp(appId, appConfig),
+                    deleteApp: (appId) => SmartDesktopClient.deleteApp(appId),
+                    getMenus: () => SmartDesktopClient.getMenus(),
+                    addMenu: (menuConfig) => SmartDesktopClient.addMenu(menuConfig),
+                    updateMenu: (menuId, menuConfig) => SmartDesktopClient.updateMenu(menuId, menuConfig),
+                    deleteMenu: (menuId) => SmartDesktopClient.deleteMenu(menuId),
+                    getAppConfigTemplate: () => SmartDesktopClient.getAppConfigTemplate(),
+                    isInboundInteropAuthorized: FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized,
+                    isOutboundInteropAuthorized: FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized,
+                },
+            },
+        ],
     },
     {
-        id: "themes",
-        icon: "paint-roller",
-        name: "Theme",
-        component: Themes,
-        props: {
-            getSDServerInfo,
-            updateProjectSettings: (obj) => SmartDesktopClient.updateProjectSettings(obj),
-            updateThemes: (id, newValue) => {
-                FSBL.Clients.SmartDesktopClient.updateThemeVariable(id, newValue);
+        showLabel: true,
+        label: "Desktop Customization",
+        views: [
+            {
+                id: "themes",
+                icon: "paint-roller",
+                name: "Theme",
+                component: Themes,
+                props: {
+                    getSDServerInfo,
+                    updateProjectSettings: (obj) => SmartDesktopClient.updateProjectSettings(obj),
+                    updateThemes: (id, newValue) => {
+                        FSBL.Clients.SmartDesktopClient.updateThemeVariable(id, newValue);
+                    },
+                    areYouSure: (affirmativeCallback) => {
+                        FSBL.Clients.DialogManager.open("yesNo", {
+                            title: "Change your theme?",
+                            question: `Selecting this template will undo any custom theme changes. Would you like to proceed?`,
+                            hideModalOnClose: true,
+                            showNegativeButton: false,
+                            affirmativeResponseLabel: "Yes",
+                        }, (err, response) => {
+                            if (response.choice === "affirmative") {
+                                affirmativeCallback();
+                            }
+                        });
+                    },
+                    updateSplashScreen: (file) => SmartDesktopClient.updateSplashScreen(file),
+                    updateToolbarIcon: (file) => SmartDesktopClient.updateToolbarIcon(file),
+                    updateTaskbarIcon: (file) => SmartDesktopClient.updateTaskbarIcon(file),
+                    updateSystemTrayIcon: (file) => SmartDesktopClient.updateSystemTrayIcon(file),
+                    updateInstallerIcon: (file) => SmartDesktopClient.updateInstallerIcon(file),
+                },
             },
-            areYouSure: (affirmativeCallback) => {
-                FSBL.Clients.DialogManager.open("yesNo", {
-                    title: "Change your theme?",
-                    question: `Selecting this template will undo any custom theme changes. Would you like to proceed?`,
-                    hideModalOnClose: true,
-                    showNegativeButton: false,
-                    affirmativeResponseLabel: "Yes",
-                }, (err, response) => {
-                    if (response.choice === "affirmative") {
-                        affirmativeCallback();
-                    }
-                });
+            {
+                id: "toolbar",
+                icon: "toolbar",
+                name: "Toolbar",
+                component: Toolbar,
+                props: {
+                    getApps: () => SmartDesktopClient.getApps(),
+                    getMenus: () => SmartDesktopClient.getMenus(),
+                    addMenu: (menuConfig) => SmartDesktopClient.addMenu(menuConfig),
+                    updateMenu: (menuId, menuConfig) => SmartDesktopClient.updateMenu(menuId, menuConfig),
+                    deleteMenu: (menuId) => SmartDesktopClient.deleteMenu(menuId),
+                },
             },
-            updateSplashScreen: (file) => SmartDesktopClient.updateSplashScreen(file),
-            updateToolbarIcon: (file) => SmartDesktopClient.updateToolbarIcon(file),
-            updateTaskbarIcon: (file) => SmartDesktopClient.updateTaskbarIcon(file),
-            updateSystemTrayIcon: (file) => SmartDesktopClient.updateSystemTrayIcon(file),
-            updateInstallerIcon: (file) => SmartDesktopClient.updateInstallerIcon(file),
-        },
-    },
-    {
-        id: "authentication",
-        icon: "key",
-        name: "Authentication",
-        component: Authentication,
-        props: {
-            getAuthenticationProviders: () => new Promise((resolve) => {
-                SmartDesktopClient.getAuthenticationProviders().then((providers) => {
-                    resolve(providers);
-                });
-            }),
-            setAuthenticationProviders: (authenticationProviders) => SmartDesktopClient.setAuthenticationProviders(authenticationProviders),
-            testAuthenticationProvider: (provider) => new Promise((resolve, reject) => {
-                const scopeMaybe = provider.scope ? `&scope=${provider.scope}` : "";
-                const nonceMaybe = provider.nonce ? `&nonce=${Math.random()}` : "";
-                const url = `${provider.authorization_endpoint}?client_id=${provider.client_id}&response_type=token&redirect_uri=${provider.redirect_uri}&state=${createCSRF()}${scopeMaybe}${nonceMaybe}`;
-                FSBL.Clients.LauncherClient.spawn("authentication", {
-                    url,
-                    top: "center",
-                    left: "center",
-                    canGroup: false,
-                    options: {
-                        customData: {
-                            foreign: {
-                                services: {
-                                    windowService: {
-                                        allowTabbing: false,
-                                        allowSnapping: false,
-                                        allowGrouping: false,
+            {
+                id: "authentication",
+                icon: "key",
+                name: "Authentication",
+                component: Authentication,
+                props: {
+                    getAuthenticationProviders: () => new Promise((resolve) => {
+                        SmartDesktopClient.getAuthenticationProviders().then((providers) => {
+                            resolve(providers);
+                        });
+                    }),
+                    setAuthenticationProviders: (authenticationProviders) => SmartDesktopClient.setAuthenticationProviders(authenticationProviders),
+                    testAuthenticationProvider: (provider) => new Promise((resolve, reject) => {
+                        const scopeMaybe = provider.scope ? `&scope=${provider.scope}` : "";
+                        const nonceMaybe = provider.nonce ? `&nonce=${Math.random()}` : "";
+                        const url = `${provider.authorization_endpoint}?client_id=${provider.client_id}&response_type=token&redirect_uri=${provider.redirect_uri}&state=${createCSRF()}${scopeMaybe}${nonceMaybe}`;
+                        FSBL.Clients.LauncherClient.spawn("authentication", {
+                            url,
+                            top: "center",
+                            left: "center",
+                            canGroup: false,
+                            options: {
+                                customData: {
+                                    foreign: {
+                                        services: {
+                                            windowService: {
+                                                allowTabbing: false,
+                                                allowSnapping: false,
+                                                allowGrouping: false,
+                                            },
+                                        },
                                     },
+                                    authroizationUrl: url,
                                 },
                             },
-                            authroizationUrl: url,
-                        },
-                    },
-                }, (err) => {
-                    if (err) {
-                        throw err;
-                    }
-                });
-                FSBL.Clients.RouterClient.addListener("SDD-Auth-Test-Response", (error, response) => {
-                    if (error || !response.data) {
-                        reject(error || "Empty error response from OAuth");
-                    }
-                    else if (response.data.err) {
-                        reject(response.data.err);
-                    }
-                    else {
-                        resolve(null);
-                    }
-                });
-            }),
-        },
+                        }, (err) => {
+                            if (err) {
+                                throw err;
+                            }
+                        });
+                        FSBL.Clients.RouterClient.addListener("SDD-Auth-Test-Response", (error, response) => {
+                            if (error || !response.data) {
+                                reject(error || "Empty error response from OAuth");
+                            }
+                            else if (response.data.err) {
+                                reject(response.data.err);
+                            }
+                            else {
+                                resolve(null);
+                            }
+                        });
+                    }),
+                },
+            },
+        ],
     },
     {
-        id: "export",
-        icon: "upload",
-        name: "Publish",
-        component: Export,
-        props: {
-            progressCheckInterval: 500,
-            getSDServerInfo,
-            getProjectConfig: () => SmartDesktopClient.projectConfig(),
-            createProjectZip: (projectName, targetPath = undefined) => SmartDesktopClient.createProjectZip(projectName || "default", targetPath),
-            publishToCosaicCloud: (uuid) => SmartDesktopClient.publishToCosaicCloud(uuid),
-            getPublishProgress: () => SmartDesktopClient.getPublishProgress(),
-            copyProjectFiles: (projectName, targetPath = undefined) => SmartDesktopClient.copyProjectFiles(projectName || "default", targetPath),
-        },
+        showLabel: true,
+        label: "Deploy",
+        views: [
+            {
+                id: "export",
+                icon: "upload",
+                name: "Finish",
+                component: Export,
+                props: {
+                    progressCheckInterval: 500,
+                    getSDServerInfo,
+                    getProjectConfig: () => SmartDesktopClient.projectConfig(),
+                    createProjectZip: (projectName, targetPath = undefined) => SmartDesktopClient.createProjectZip(projectName || "default", targetPath),
+                    publishToCosaicCloud: (uuid) => SmartDesktopClient.publishToCosaicCloud(uuid),
+                    getPublishProgress: () => SmartDesktopClient.getPublishProgress(),
+                    copyProjectFiles: (projectName, targetPath = undefined) => SmartDesktopClient.copyProjectFiles(projectName || "default", targetPath),
+                    updateProjectSettings: (obj) => SmartDesktopClient.updateProjectSettings(obj),
+                },
+            },
+        ],
     },
 ];
 //# sourceMappingURL=views.js.map

package/react/components/smartDesktopDesigner/common/views.js.map

@@ -1 +1 @@
-{"version":3,"file":"views.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/common/views.ts"],"names":[],"mappings":"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","sourcesContent":["import { GettingStarted } from \"../GettingStarted\";\r\nimport { Applications, ApplicationsProps } from \"../Applications\";\r\nimport { Export, ExportProps } from \"../Export\";\r\nimport { Themes, ThemeProps } from \"../Themes\";\r\nimport { AuthenticationProvider, MenuObjType } from \"../../../types/smartDesktopDesignerTypes\";\r\nimport { Authentication, AuthenticationProps } from \"../Authentication\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype AppDefinition = services.Interop.types.AppDefinition;\r\n\r\nconst SmartDesktopClient = new FSBL.Clients.SmartDesktopClient();\r\n\r\nconst getSDServerInfo = (cb: any) => {\r\n\tSmartDesktopClient.getSDServerInfo().then((info: any) => {\r\n\t\tFSBL.Clients.ConfigClient.getValues(null, (err: any, newConfig: any) => {\r\n\t\t\tcb({\r\n\t\t\t\t...info,\r\n\t\t\t\texport: {\r\n\t\t\t\t\t...info.export,\r\n\t\t\t\t\ttoolbarIcon: \"/assets/img/Finsemble_Toolbar_Icon.png\",\r\n\t\t\t\t\tinstallerIcon: \"/assets/img/installer_icon.ico\",\r\n\t\t\t\t\ttaskbarIcon: newConfig?.startup_app?.applicationIcon,\r\n\t\t\t\t\tsystemTrayIcon: newConfig?.finsemble?.systemTrayIcon,\r\n\t\t\t\t\tsplashScreenImage: newConfig?.splashScreenImage,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t});\r\n\t});\r\n};\r\n\r\nfunction createCSRF() {\r\n\tconst epoch = new Date();\r\n\tlet id = epoch.getTime().toString(36);\r\n\tid = id + Math.floor(Math.random() * Math.pow(36, 2)).toString(36);\r\n\treturn id.toUpperCase();\r\n}\r\n\r\nexport default [\r\n\t{\r\n\t\tid: \"getting-started\",\r\n\t\ticon: \"flag\",\r\n\t\tname: \"Begin\",\r\n\t\tcomponent: GettingStarted,\r\n\t},\r\n\t{\r\n\t\tid: \"applications\",\r\n\t\ticon: \"window\",\r\n\t\tname: \"Apps\",\r\n\t\tcomponent: Applications,\r\n\t\tprops: <ApplicationsProps>{\r\n\t\t\tgetApps: () => SmartDesktopClient.getApps(),\r\n\t\t\taddApp: (appId: string, appConfig: AppDefinition) => SmartDesktopClient.addApp(appId, appConfig),\r\n\t\t\tdeleteApp: (appId: string) => SmartDesktopClient.deleteApp(appId),\r\n\t\t\tgetMenus: () => SmartDesktopClient.getMenus(),\r\n\t\t\taddMenu: (menuConfig: MenuObjType) => SmartDesktopClient.addMenu(menuConfig),\r\n\t\t\tupdateMenu: (menuId: string, menuConfig: MenuObjType) => SmartDesktopClient.updateMenu(menuId, menuConfig),\r\n\t\t\tdeleteMenu: (menuId: string) => SmartDesktopClient.deleteMenu(menuId),\r\n\t\t\tgetAppConfigTemplate: () => SmartDesktopClient.getAppConfigTemplate(),\r\n\t\t\tisInboundInteropAuthorized: FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized,\r\n\t\t\tisOutboundInteropAuthorized: FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized,\r\n\t\t},\r\n\t},\r\n\t{\r\n\t\tid: \"themes\",\r\n\t\ticon: \"paint-roller\",\r\n\t\tname: \"Theme\",\r\n\t\tcomponent: Themes,\r\n\t\tprops: {\r\n\t\t\tgetSDServerInfo,\r\n\t\t\tupdateProjectSettings: (obj: any) => SmartDesktopClient.updateProjectSettings(obj),\r\n\t\t\tupdateThemes: (id: string, newValue: string) => {\r\n\t\t\t\tFSBL.Clients.SmartDesktopClient.updateThemeVariable(id, newValue);\r\n\t\t\t},\r\n\t\t\tareYouSure: (affirmativeCallback: Function) => {\r\n\t\t\t\tFSBL.Clients.DialogManager.open(\r\n\t\t\t\t\t\"yesNo\",\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\ttitle: \"Change your theme?\",\r\n\t\t\t\t\t\tquestion: `Selecting this template will undo any custom theme changes. Would you like to proceed?`,\r\n\t\t\t\t\t\thideModalOnClose: true,\r\n\t\t\t\t\t\tshowNegativeButton: false,\r\n\t\t\t\t\t\taffirmativeResponseLabel: \"Yes\",\r\n\t\t\t\t\t},\r\n\t\t\t\t\t(err: any, response: { choice: string }) => {\r\n\t\t\t\t\t\tif (response.choice === \"affirmative\") {\r\n\t\t\t\t\t\t\taffirmativeCallback();\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},\r\n\t\t\tupdateSplashScreen: (file: File) => SmartDesktopClient.updateSplashScreen(file),\r\n\t\t\tupdateToolbarIcon: (file: File) => SmartDesktopClient.updateToolbarIcon(file),\r\n\t\t\tupdateTaskbarIcon: (file: File) => SmartDesktopClient.updateTaskbarIcon(file),\r\n\t\t\tupdateSystemTrayIcon: (file: File) => SmartDesktopClient.updateSystemTrayIcon(file),\r\n\t\t\tupdateInstallerIcon: (file: File) => SmartDesktopClient.updateInstallerIcon(file),\r\n\t\t} as ThemeProps,\r\n\t},\r\n\t{\r\n\t\tid: \"authentication\",\r\n\t\ticon: \"key\",\r\n\t\tname: \"Authentication\",\r\n\t\tcomponent: Authentication,\r\n\t\tprops: (<AuthenticationProps>{\r\n\t\t\tgetAuthenticationProviders: () =>\r\n\t\t\t\tnew Promise<AuthenticationProvider[]>((resolve) => {\r\n\t\t\t\t\tSmartDesktopClient.getAuthenticationProviders().then((providers: AuthenticationProvider[]) => {\r\n\t\t\t\t\t\tresolve(providers);\r\n\t\t\t\t\t});\r\n\t\t\t\t}),\r\n\t\t\tsetAuthenticationProviders: (authenticationProviders: any) =>\r\n\t\t\t\tSmartDesktopClient.setAuthenticationProviders(authenticationProviders),\r\n\t\t\ttestAuthenticationProvider: (provider: AuthenticationProvider) =>\r\n\t\t\t\tnew Promise((resolve, reject) => {\r\n\t\t\t\t\tconst scopeMaybe = provider.scope ? `&scope=${provider.scope}` : \"\";\r\n\t\t\t\t\tconst nonceMaybe = provider.nonce ? `&nonce=${Math.random()}` : \"\";\r\n\t\t\t\t\tconst url = `${provider.authorization_endpoint}?client_id=${\r\n\t\t\t\t\t\tprovider.client_id\r\n\t\t\t\t\t}&response_type=token&redirect_uri=${provider.redirect_uri}&state=${createCSRF()}${scopeMaybe}${nonceMaybe}`;\r\n\r\n\t\t\t\t\tFSBL.Clients.LauncherClient.spawn(\r\n\t\t\t\t\t\t\"authentication\",\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\turl,\r\n\t\t\t\t\t\t\ttop: \"center\",\r\n\t\t\t\t\t\t\tleft: \"center\",\r\n\t\t\t\t\t\t\tcanGroup: false,\r\n\t\t\t\t\t\t\toptions: {\r\n\t\t\t\t\t\t\t\tcustomData: {\r\n\t\t\t\t\t\t\t\t\tforeign: {\r\n\t\t\t\t\t\t\t\t\t\tservices: {\r\n\t\t\t\t\t\t\t\t\t\t\twindowService: {\r\n\t\t\t\t\t\t\t\t\t\t\t\tallowTabbing: false,\r\n\t\t\t\t\t\t\t\t\t\t\t\tallowSnapping: false,\r\n\t\t\t\t\t\t\t\t\t\t\t\tallowGrouping: false,\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},\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tauthroizationUrl: url,\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},\r\n\t\t\t\t\t\t(err: any) => {\r\n\t\t\t\t\t\t\tif (err) {\r\n\t\t\t\t\t\t\t\tthrow err;\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\r\n\t\t\t\t\tFSBL.Clients.RouterClient.addListener(\"SDD-Auth-Test-Response\", (error: any, response: any) => {\r\n\t\t\t\t\t\tif (error || !response.data) {\r\n\t\t\t\t\t\t\treject(error || \"Empty error response from OAuth\");\r\n\t\t\t\t\t\t} else if (response.data.err) {\r\n\t\t\t\t\t\t\treject(response.data.err);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tresolve(null);\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}) as AuthenticationProps,\r\n\t},\r\n\t{\r\n\t\tid: \"export\",\r\n\t\ticon: \"upload\",\r\n\t\tname: \"Publish\",\r\n\t\tcomponent: Export,\r\n\t\tprops: (<ExportProps>{\r\n\t\t\tprogressCheckInterval: 500,\r\n\t\t\tgetSDServerInfo,\r\n\t\t\tgetProjectConfig: () => SmartDesktopClient.projectConfig(),\r\n\t\t\tcreateProjectZip: (projectName: string, targetPath: string | undefined = undefined) =>\r\n\t\t\t\tSmartDesktopClient.createProjectZip(projectName || \"default\", targetPath),\r\n\t\t\tpublishToCosaicCloud: (uuid) => SmartDesktopClient.publishToCosaicCloud(uuid),\r\n\t\t\tgetPublishProgress: () => SmartDesktopClient.getPublishProgress(),\r\n\t\t\tcopyProjectFiles: (projectName: string, targetPath: string | undefined = undefined) =>\r\n\t\t\t\tSmartDesktopClient.copyProjectFiles(projectName || \"default\", targetPath),\r\n\t\t}) as ExportProps,\r\n\t},\r\n];\r\n"]}
+{"version":3,"file":"views.js","sourceRoot":"","sources":["../../../../src/components/smartDesktopDesigner/common/views.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,MAAM,EAAc,MAAM,WAAW,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAuB,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AAInD,MAAM,kBAAkB,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC;AAEjE,MAAM,eAAe,GAAG,CAAC,EAAO,EAAE,EAAE;IACnC,kBAAkB,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE;QACvD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,GAAQ,EAAE,SAAc,EAAE,EAAE;;YACtE,EAAE,iCACE,IAAI,KACP,MAAM,kCACF,IAAI,CAAC,MAAM,KACd,WAAW,EAAE,wCAAwC,EACrD,aAAa,EAAE,gCAAgC,EAC/C,WAAW,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,eAAe,EACpD,cAAc,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,0CAAE,cAAc,EACpD,iBAAiB,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,iBAAiB,OAE/C,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,UAAU;IAClB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;IACzB,IAAI,EAAE,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACtC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnE,OAAO,EAAE,CAAC,WAAW,EAAE,CAAC;AACzB,CAAC;AAED,eAAe;IACd;QACC,SAAS,EAAE,KAAK;QAChB,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACN;gBACC,EAAE,EAAE,iBAAiB;gBACrB,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,OAAO;gBACb,SAAS,EAAE,cAAc;aACzB;SACD;KACD;IACD;QACC,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,MAAM;QACb,KAAK,EAAE;YACN;gBACC,EAAE,EAAE,cAAc;gBAClB,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,aAAa;gBACnB,SAAS,EAAE,YAAY;gBACvB,KAAK,EAAqB;oBACzB,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE;oBAC3C,MAAM,EAAE,CAAC,KAAa,EAAE,SAAwB,EAAE,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC;oBAChG,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,kBAAkB,CAAC,SAAS,CAAC,KAAK,CAAC;oBACjE,QAAQ,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,EAAE;oBAC7C,OAAO,EAAE,CAAC,UAAuB,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,UAAU,CAAC;oBAC5E,UAAU,EAAE,CAAC,MAAc,EAAE,UAAuB,EAAE,EAAE,CAAC,kBAAkB,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC;oBAC1G,UAAU,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,kBAAkB,CAAC,UAAU,CAAC,MAAM,CAAC;oBACrE,oBAAoB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,oBAAoB,EAAE;oBACrE,0BAA0B,EAAE,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,0BAA0B;oBACtF,2BAA2B,EAAE,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,2BAA2B;iBACxF;aACD;SAQD;KACD;IACD;QACC,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE;YACN;gBACC,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,cAAc;gBACpB,IAAI,EAAE,OAAO;gBACb,SAAS,EAAE,MAAM;gBACjB,KAAK,EAAE;oBACN,eAAe;oBACf,qBAAqB,EAAE,CAAC,GAAQ,EAAE,EAAE,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,GAAG,CAAC;oBAClF,YAAY,EAAE,CAAC,EAAU,EAAE,QAAgB,EAAE,EAAE;wBAC9C,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;oBACnE,CAAC;oBACD,UAAU,EAAE,CAAC,mBAA6B,EAAE,EAAE;wBAC7C,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAC9B,OAAO,EACP;4BACC,KAAK,EAAE,oBAAoB;4BAC3B,QAAQ,EAAE,wFAAwF;4BAClG,gBAAgB,EAAE,IAAI;4BACtB,kBAAkB,EAAE,KAAK;4BACzB,wBAAwB,EAAE,KAAK;yBAC/B,EACD,CAAC,GAAQ,EAAE,QAA4B,EAAE,EAAE;4BAC1C,IAAI,QAAQ,CAAC,MAAM,KAAK,aAAa,EAAE;gCACtC,mBAAmB,EAAE,CAAC;6BACtB;wBACF,CAAC,CACD,CAAC;oBACH,CAAC;oBACD,kBAAkB,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,kBAAkB,CAAC,kBAAkB,CAAC,IAAI,CAAC;oBAC/E,iBAAiB,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,IAAI,CAAC;oBAC7E,iBAAiB,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,IAAI,CAAC;oBAC7E,oBAAoB,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,IAAI,CAAC;oBACnF,mBAAmB,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,IAAI,CAAC;iBACnE;aACf;YACD;gBACC,EAAE,EAAE,SAAS;gBACb,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,OAAO;gBAClB,KAAK,EAAE;oBACN,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE;oBAC3C,QAAQ,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,EAAE;oBAC7C,OAAO,EAAE,CAAC,UAAuB,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,CAAC,UAAU,CAAC;oBAC5E,UAAU,EAAE,CAAC,MAAc,EAAE,UAAuB,EAAE,EAAE,CAAC,kBAAkB,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC;oBAC1G,UAAU,EAAE,CAAC,MAAc,EAAE,EAAE,CAAC,kBAAkB,CAAC,UAAU,CAAC,MAAM,CAAC;iBACrD;aACjB;YACD;gBACC,EAAE,EAAE,gBAAgB;gBACpB,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,gBAAgB;gBACtB,SAAS,EAAE,cAAc;gBACzB,KAAK,EAAwB;oBAC5B,0BAA0B,EAAE,GAAG,EAAE,CAChC,IAAI,OAAO,CAA2B,CAAC,OAAO,EAAE,EAAE;wBACjD,kBAAkB,CAAC,0BAA0B,EAAE,CAAC,IAAI,CAAC,CAAC,SAAmC,EAAE,EAAE;4BAC5F,OAAO,CAAC,SAAS,CAAC,CAAC;wBACpB,CAAC,CAAC,CAAC;oBACJ,CAAC,CAAC;oBACH,0BAA0B,EAAE,CAAC,uBAA4B,EAAE,EAAE,CAC5D,kBAAkB,CAAC,0BAA0B,CAAC,uBAAuB,CAAC;oBACvE,0BAA0B,EAAE,CAAC,QAAgC,EAAE,EAAE,CAChE,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;wBAC/B,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;wBACpE,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;wBACnE,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC,sBAAsB,cAC7C,QAAQ,CAAC,SACV,qCACC,QAAQ,CAAC,YACV,UAAU,UAAU,EAAE,GAAG,UAAU,GAAG,UAAU,EAAE,CAAC;wBAEnD,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAChC,gBAAgB,EAChB;4BACC,GAAG;4BACH,GAAG,EAAE,QAAQ;4BACb,IAAI,EAAE,QAAQ;4BACd,QAAQ,EAAE,KAAK;4BACf,OAAO,EAAE;gCACR,UAAU,EAAE;oCACX,OAAO,EAAE;wCACR,QAAQ,EAAE;4CACT,aAAa,EAAE;gDACd,YAAY,EAAE,KAAK;gDACnB,aAAa,EAAE,KAAK;gDACpB,aAAa,EAAE,KAAK;6CACpB;yCACD;qCACD;oCACD,gBAAgB,EAAE,GAAG;iCACrB;6BACD;yBACD,EACD,CAAC,GAAQ,EAAE,EAAE;4BACZ,IAAI,GAAG,EAAE;gCACR,MAAM,GAAG,CAAC;6BACV;wBACF,CAAC,CACD,CAAC;wBAEF,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC,KAAU,EAAE,QAAa,EAAE,EAAE;4BAC7F,IAAI,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;gCAC5B,MAAM,CAAC,KAAK,IAAI,iCAAiC,CAAC,CAAC;6BACnD;iCAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE;gCAC7B,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;6BAC1B;iCAAM;gCACN,OAAO,CAAC,IAAI,CAAC,CAAC;6BACd;wBACF,CAAC,CAAC,CAAC;oBACJ,CAAC,CAAC;iBACqB;aACzB;SACD;KACD;IACD;QACC,SAAS,EAAE,IAAI;QACf,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE;YACN;gBACC,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,QAAQ;gBACd,SAAS,EAAE,MAAM;gBACjB,KAAK,EAAgB;oBACpB,qBAAqB,EAAE,GAAG;oBAC1B,eAAe;oBACf,gBAAgB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,aAAa,EAAE;oBAC1D,gBAAgB,EAAE,CAAC,WAAmB,EAAE,aAAiC,SAAS,EAAE,EAAE,CACrF,kBAAkB,CAAC,gBAAgB,CAAC,WAAW,IAAI,SAAS,EAAE,UAAU,CAAC;oBAC1E,oBAAoB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,IAAI,CAAC;oBAC7E,kBAAkB,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,kBAAkB,EAAE;oBACjE,gBAAgB,EAAE,CAAC,WAAmB,EAAE,aAAiC,SAAS,EAAE,EAAE,CACrF,kBAAkB,CAAC,gBAAgB,CAAC,WAAW,IAAI,SAAS,EAAE,UAAU,CAAC;oBAC1E,qBAAqB,EAAE,CAAC,GAAQ,EAAE,EAAE,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,GAAG,CAAC;iBAClE;aACjB;SACD;KACD;CACoB,CAAC","sourcesContent":["import { GettingStarted } from \"../GettingStarted\";\nimport { Applications, ApplicationsProps } from \"../Applications\";\nimport { Export, ExportProps } from \"../Export\";\nimport { Themes, ThemeProps } from \"../Themes\";\nimport { AuthenticationProvider, MenuObjType, ViewSectionInfo } from \"../../../types/smartDesktopDesignerTypes\";\nimport { Authentication, AuthenticationProps } from \"../Authentication\";\nimport { services } from \"@finsemble/finsemble-core\";\nimport { Toolbar, ToolbarProps } from \"../Toolbar\";\n\ntype AppDefinition = services.Interop.types.AppDefinition;\n\nconst SmartDesktopClient = new FSBL.Clients.SmartDesktopClient();\n\nconst getSDServerInfo = (cb: any) => {\n\tSmartDesktopClient.getSDServerInfo().then((info: any) => {\n\t\tFSBL.Clients.ConfigClient.getValues(null, (err: any, newConfig: any) => {\n\t\t\tcb({\n\t\t\t\t...info,\n\t\t\t\texport: {\n\t\t\t\t\t...info.export,\n\t\t\t\t\ttoolbarIcon: \"/assets/img/Finsemble_Toolbar_Icon.png\",\n\t\t\t\t\tinstallerIcon: \"/assets/img/installer_icon.ico\",\n\t\t\t\t\ttaskbarIcon: newConfig?.startup_app?.applicationIcon,\n\t\t\t\t\tsystemTrayIcon: newConfig?.finsemble?.systemTrayIcon,\n\t\t\t\t\tsplashScreenImage: newConfig?.splashScreenImage,\n\t\t\t\t},\n\t\t\t});\n\t\t});\n\t});\n};\n\nfunction createCSRF() {\n\tconst epoch = new Date();\n\tlet id = epoch.getTime().toString(36);\n\tid = id + Math.floor(Math.random() * Math.pow(36, 2)).toString(36);\n\treturn id.toUpperCase();\n}\n\nexport default [\n\t{\n\t\tshowLabel: false,\n\t\tlabel: \"\",\n\t\tviews: [\n\t\t\t{\n\t\t\t\tid: \"getting-started\",\n\t\t\t\ticon: \"flag\",\n\t\t\t\tname: \"Start\",\n\t\t\t\tcomponent: GettingStarted,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tshowLabel: true,\n\t\tlabel: \"Apps\",\n\t\tviews: [\n\t\t\t{\n\t\t\t\tid: \"applications\",\n\t\t\t\ticon: \"window\",\n\t\t\t\tname: \"Manage apps\",\n\t\t\t\tcomponent: Applications,\n\t\t\t\tprops: <ApplicationsProps>{\n\t\t\t\t\tgetApps: () => SmartDesktopClient.getApps(),\n\t\t\t\t\taddApp: (appId: string, appConfig: AppDefinition) => SmartDesktopClient.addApp(appId, appConfig),\n\t\t\t\t\tdeleteApp: (appId: string) => SmartDesktopClient.deleteApp(appId),\n\t\t\t\t\tgetMenus: () => SmartDesktopClient.getMenus(),\n\t\t\t\t\taddMenu: (menuConfig: MenuObjType) => SmartDesktopClient.addMenu(menuConfig),\n\t\t\t\t\tupdateMenu: (menuId: string, menuConfig: MenuObjType) => SmartDesktopClient.updateMenu(menuId, menuConfig),\n\t\t\t\t\tdeleteMenu: (menuId: string) => SmartDesktopClient.deleteMenu(menuId),\n\t\t\t\t\tgetAppConfigTemplate: () => SmartDesktopClient.getAppConfigTemplate(),\n\t\t\t\t\tisInboundInteropAuthorized: FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized,\n\t\t\t\t\tisOutboundInteropAuthorized: FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized,\n\t\t\t\t},\n\t\t\t},\n\t\t\t// {\n\t\t\t// \tid: \"applications-optional\",\n\t\t\t// \ticon: \"window\",\n\t\t\t// \tname: \"Optional\",\n\t\t\t// \tcomponent: Applications, // @todo - create correct component\n\t\t\t// \tprops: {},\n\t\t\t// },\n\t\t],\n\t},\n\t{\n\t\tshowLabel: true,\n\t\tlabel: \"Desktop Customization\",\n\t\tviews: [\n\t\t\t{\n\t\t\t\tid: \"themes\",\n\t\t\t\ticon: \"paint-roller\",\n\t\t\t\tname: \"Theme\",\n\t\t\t\tcomponent: Themes,\n\t\t\t\tprops: {\n\t\t\t\t\tgetSDServerInfo,\n\t\t\t\t\tupdateProjectSettings: (obj: any) => SmartDesktopClient.updateProjectSettings(obj),\n\t\t\t\t\tupdateThemes: (id: string, newValue: string) => {\n\t\t\t\t\t\tFSBL.Clients.SmartDesktopClient.updateThemeVariable(id, newValue);\n\t\t\t\t\t},\n\t\t\t\t\tareYouSure: (affirmativeCallback: Function) => {\n\t\t\t\t\t\tFSBL.Clients.DialogManager.open(\n\t\t\t\t\t\t\t\"yesNo\",\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttitle: \"Change your theme?\",\n\t\t\t\t\t\t\t\tquestion: `Selecting this template will undo any custom theme changes. Would you like to proceed?`,\n\t\t\t\t\t\t\t\thideModalOnClose: true,\n\t\t\t\t\t\t\t\tshowNegativeButton: false,\n\t\t\t\t\t\t\t\taffirmativeResponseLabel: \"Yes\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t(err: any, response: { choice: string }) => {\n\t\t\t\t\t\t\t\tif (response.choice === \"affirmative\") {\n\t\t\t\t\t\t\t\t\taffirmativeCallback();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t\t\tupdateSplashScreen: (file: File) => SmartDesktopClient.updateSplashScreen(file),\n\t\t\t\t\tupdateToolbarIcon: (file: File) => SmartDesktopClient.updateToolbarIcon(file),\n\t\t\t\t\tupdateTaskbarIcon: (file: File) => SmartDesktopClient.updateTaskbarIcon(file),\n\t\t\t\t\tupdateSystemTrayIcon: (file: File) => SmartDesktopClient.updateSystemTrayIcon(file),\n\t\t\t\t\tupdateInstallerIcon: (file: File) => SmartDesktopClient.updateInstallerIcon(file),\n\t\t\t\t} as ThemeProps,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"toolbar\",\n\t\t\t\ticon: \"toolbar\",\n\t\t\t\tname: \"Toolbar\",\n\t\t\t\tcomponent: Toolbar,\n\t\t\t\tprops: {\n\t\t\t\t\tgetApps: () => SmartDesktopClient.getApps(),\n\t\t\t\t\tgetMenus: () => SmartDesktopClient.getMenus(),\n\t\t\t\t\taddMenu: (menuConfig: MenuObjType) => SmartDesktopClient.addMenu(menuConfig),\n\t\t\t\t\tupdateMenu: (menuId: string, menuConfig: MenuObjType) => SmartDesktopClient.updateMenu(menuId, menuConfig),\n\t\t\t\t\tdeleteMenu: (menuId: string) => SmartDesktopClient.deleteMenu(menuId),\n\t\t\t\t} as ToolbarProps,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"authentication\",\n\t\t\t\ticon: \"key\",\n\t\t\t\tname: \"Authentication\",\n\t\t\t\tcomponent: Authentication,\n\t\t\t\tprops: (<AuthenticationProps>{\n\t\t\t\t\tgetAuthenticationProviders: () =>\n\t\t\t\t\t\tnew Promise<AuthenticationProvider[]>((resolve) => {\n\t\t\t\t\t\t\tSmartDesktopClient.getAuthenticationProviders().then((providers: AuthenticationProvider[]) => {\n\t\t\t\t\t\t\t\tresolve(providers);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}),\n\t\t\t\t\tsetAuthenticationProviders: (authenticationProviders: any) =>\n\t\t\t\t\t\tSmartDesktopClient.setAuthenticationProviders(authenticationProviders),\n\t\t\t\t\ttestAuthenticationProvider: (provider: AuthenticationProvider) =>\n\t\t\t\t\t\tnew Promise((resolve, reject) => {\n\t\t\t\t\t\t\tconst scopeMaybe = provider.scope ? `&scope=${provider.scope}` : \"\";\n\t\t\t\t\t\t\tconst nonceMaybe = provider.nonce ? `&nonce=${Math.random()}` : \"\";\n\t\t\t\t\t\t\tconst url = `${provider.authorization_endpoint}?client_id=${\n\t\t\t\t\t\t\t\tprovider.client_id\n\t\t\t\t\t\t\t}&response_type=token&redirect_uri=${\n\t\t\t\t\t\t\t\tprovider.redirect_uri\n\t\t\t\t\t\t\t}&state=${createCSRF()}${scopeMaybe}${nonceMaybe}`;\n\n\t\t\t\t\t\t\tFSBL.Clients.LauncherClient.spawn(\n\t\t\t\t\t\t\t\t\"authentication\",\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\t\ttop: \"center\",\n\t\t\t\t\t\t\t\t\tleft: \"center\",\n\t\t\t\t\t\t\t\t\tcanGroup: false,\n\t\t\t\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\t\t\t\tcustomData: {\n\t\t\t\t\t\t\t\t\t\t\tforeign: {\n\t\t\t\t\t\t\t\t\t\t\t\tservices: {\n\t\t\t\t\t\t\t\t\t\t\t\t\twindowService: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tallowTabbing: false,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tallowSnapping: false,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tallowGrouping: false,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\tauthroizationUrl: url,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t(err: any) => {\n\t\t\t\t\t\t\t\t\tif (err) {\n\t\t\t\t\t\t\t\t\t\tthrow err;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tFSBL.Clients.RouterClient.addListener(\"SDD-Auth-Test-Response\", (error: any, response: any) => {\n\t\t\t\t\t\t\t\tif (error || !response.data) {\n\t\t\t\t\t\t\t\t\treject(error || \"Empty error response from OAuth\");\n\t\t\t\t\t\t\t\t} else if (response.data.err) {\n\t\t\t\t\t\t\t\t\treject(response.data.err);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tresolve(null);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}),\n\t\t\t\t}) as AuthenticationProps,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tshowLabel: true,\n\t\tlabel: \"Deploy\",\n\t\tviews: [\n\t\t\t{\n\t\t\t\tid: \"export\",\n\t\t\t\ticon: \"upload\",\n\t\t\t\tname: \"Finish\",\n\t\t\t\tcomponent: Export,\n\t\t\t\tprops: (<ExportProps>{\n\t\t\t\t\tprogressCheckInterval: 500,\n\t\t\t\t\tgetSDServerInfo,\n\t\t\t\t\tgetProjectConfig: () => SmartDesktopClient.projectConfig(),\n\t\t\t\t\tcreateProjectZip: (projectName: string, targetPath: string | undefined = undefined) =>\n\t\t\t\t\t\tSmartDesktopClient.createProjectZip(projectName || \"default\", targetPath),\n\t\t\t\t\tpublishToCosaicCloud: (uuid) => SmartDesktopClient.publishToCosaicCloud(uuid),\n\t\t\t\t\tgetPublishProgress: () => SmartDesktopClient.getPublishProgress(),\n\t\t\t\t\tcopyProjectFiles: (projectName: string, targetPath: string | undefined = undefined) =>\n\t\t\t\t\t\tSmartDesktopClient.copyProjectFiles(projectName || \"default\", targetPath),\n\t\t\t\t\tupdateProjectSettings: (obj: any) => SmartDesktopClient.updateProjectSettings(obj),\n\t\t\t\t}) as ExportProps,\n\t\t\t},\n\t\t],\n\t},\n] as ViewSectionInfo[];\n"]}