@finsemble/finsemble-ui 6.1.3 → 6.2.0

package/react/components/smartDesktopDesigner/AppEditAccess.js

@@ -0,0 +1,155 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { useEffect, useState } from "react";
+import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
+import { useDispatch, useSelector } from "../../store";
+import { FinsembleSelect } from "../common/FinsembleSelect";
+import { Tooltip } from "../common/Tooltip";
+import RelativePortal from "react-relative-portal";
+import { FinsembleIcon } from "../common/FinsembleIcon";
+export const AppEditAccess = (props) => {
+    const dispatch = useDispatch();
+    const apps = useSelector((state) => state.smartDesktopDesigner.apps);
+    const [rules, setRules] = useState(props.rules);
+    const [scrolling, setScrolling] = useState(false);
+    let timeout = null;
+    useEffect(() => {
+        const handleScroll = () => {
+            setScrolling(true);
+            clearTimeout(timeout);
+            timeout = setTimeout(() => {
+                setScrolling(false);
+            }, 50);
+        };
+        window.addEventListener("scroll", handleScroll, { passive: true, capture: true });
+        return () => window.removeEventListener("scroll", handleScroll);
+    }, []);
+    const filteredApps = apps
+        .filter((app) => !app.manifest?.component?.temporary && app.name !== props.appName)
+        .sort((a, b) => {
+        if (a.name > b.name) {
+            return 1;
+        }
+        else if (b.name > a.name) {
+            return -1;
+        }
+        return 0;
+    });
+    const currentApp = apps.find((app) => app.manifest?.component?.temporary || app.name === props.appName);
+    const [inboundAuthorizedApps, setInboundAuthorizedApps] = useState([]);
+    const [outboundAuthorizedApps, setOutboundAuthorizedApps] = useState([]);
+    const [advancedExpanded, setAdvancedExpanded] = useState(false);
+    function doSetRules(newRules) {
+        setRules(newRules);
+        props.onChange(newRules);
+    }
+    function updateBlockingApp(config) {
+        props.updateApp(config.appId, config).then(() => {
+            dispatch(SmartDesktopDesignerActions.update_app(config));
+        });
+    }
+    function getOptions() {
+        return filteredApps.map((app) => {
+            const isInboundAuthorized = inboundAuthorizedApps.includes(app.name);
+            return (React.createElement("div", { className: ["app-edit-access-item", !isInboundAuthorized ? "app-edit-access-blocked" : ""].join(" "), key: app.name },
+                React.createElement("span", { className: "app-edit-access-item-name" }, app.name),
+                !isInboundAuthorized && (React.createElement(RelativePortal, { className: ["tooltip-portal", scrolling || !advancedExpanded ? "is-scrolling" : ""].join(" "), component: "div", left: -13, top: 0 },
+                    React.createElement(Tooltip, { type: "lock", onClick: () => {
+                            updateBlockingApp({
+                                ...app,
+                                manifest: {
+                                    ...app.manifest,
+                                    interop: {
+                                        ...app.manifest?.interop,
+                                        selectConnect: [
+                                            ...(app.manifest?.interop?.selectConnect || []),
+                                            {
+                                                authorize: [{ name: props.appName || "" }],
+                                            },
+                                        ],
+                                    },
+                                },
+                            });
+                        } }, "This app is blocking access. Click to allow access")))));
+        });
+    }
+    useEffect(() => {
+        if (currentApp) {
+            filteredApps.forEach((targetApp) => {
+                if (targetApp.name === props.appName) {
+                    return;
+                }
+                props
+                    .isInboundInteropAuthorized({
+                    ...currentApp,
+                    name: props.appName,
+                    manifest: {
+                        interop: {
+                            selectConnect: rules,
+                        },
+                    },
+                }, targetApp)
+                    .then((inboundAuthorized) => {
+                    if (inboundAuthorized && !inboundAuthorizedApps.includes(targetApp.name)) {
+                        setInboundAuthorizedApps([...inboundAuthorizedApps, targetApp.name]);
+                    }
+                });
+                props
+                    .isOutboundInteropAuthorized({
+                    ...currentApp,
+                    name: props.appName,
+                    manifest: {
+                        interop: {
+                            selectConnect: rules,
+                        },
+                    },
+                }, targetApp)
+                    .then((outboundAuthorized) => {
+                    if (outboundAuthorized && !outboundAuthorizedApps.includes(targetApp.name)) {
+                        setOutboundAuthorizedApps([...outboundAuthorizedApps, targetApp.name]);
+                    }
+                    else if (!outboundAuthorized && outboundAuthorizedApps.includes(targetApp.name)) {
+                        const outboundAuthorizedAppsCopy = outboundAuthorizedApps.slice(0);
+                        outboundAuthorizedAppsCopy.splice(outboundAuthorizedAppsCopy.indexOf(targetApp.name), 1);
+                        setOutboundAuthorizedApps(outboundAuthorizedAppsCopy);
+                    }
+                });
+            });
+        }
+    });
+    return (React.createElement(React.Fragment, null, filteredApps.length > 0 && (React.createElement("div", { className: "app-edit-field" },
+        React.createElement("div", { className: ["app-edit-advanced", advancedExpanded ? "is-expanded" : ""].join(" ") },
+            React.createElement("h2", { onClick: () => {
+                    setAdvancedExpanded(!advancedExpanded);
+                } },
+                React.createElement(FinsembleIcon, { className: "expand-icon", icon: "chevron-right" }),
+                " Advanced settings"),
+            React.createElement("div", { className: "app-edit-advanced-content" },
+                React.createElement("div", { className: "app-edit-access" },
+                    React.createElement("h3", null, "Configure access"),
+                    React.createElement("p", null, "Use the controls below to decide which apps this app will be able to share information with. By default, your app is able to share with all other apps."),
+                    React.createElement("p", null,
+                        React.createElement(FinsembleIcon, { icon: "check-square" }),
+                        "Choose which apps to authorize"),
+                    React.createElement(FinsembleSelect, { options: filteredApps.map((app) => app.name), optionComponents: getOptions(), selected: filteredApps
+                            .filter((app) => outboundAuthorizedApps.includes(app.name))
+                            .map((app) => app.name), updateCallback: (selected) => {
+                            filteredApps.forEach((app) => {
+                                const isSelected = selected.find((name) => name === app.name);
+                                if (!isSelected) {
+                                    doSetRules(rules.filter((rule) => rule.authorize?.some((auth) => auth.name !== app.name)));
+                                }
+                                else {
+                                    doSetRules([
+                                        ...rules,
+                                        {
+                                            authorize: [{ name: app.name }],
+                                        },
+                                    ]);
+                                }
+                            });
+                        }, showSearch: true }))))))));
+};
+//# sourceMappingURL=AppEditAccess.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppEditAccess.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/AppEditAccess.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 { AppDefinition } from \"services/Interop/types\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { ApplicationRule } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport RelativePortal from \"react-relative-portal\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\n\r\nexport type AppEditAccessProps = {\r\n\tappName: string;\r\n\trules: ApplicationRule[];\r\n\tonChange: (data: ApplicationRule[]) => any;\r\n\tupdateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n};\r\n\r\nexport const AppEditAccess = (props: AppEditAccessProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst apps = useSelector((state: RootState) => state.smartDesktopDesigner.apps);\r\n\r\n\tconst [rules, setRules] = useState(props.rules);\r\n\r\n\tconst [scrolling, setScrolling] = useState(false);\r\n\tlet timeout: any = null;\r\n\r\n\tuseEffect(() => {\r\n\t\tconst handleScroll = () => {\r\n\t\t\tsetScrolling(true);\r\n\t\t\tclearTimeout(timeout);\r\n\r\n\t\t\ttimeout = setTimeout(() => {\r\n\t\t\t\tsetScrolling(false);\r\n\t\t\t}, 50);\r\n\t\t};\r\n\r\n\t\twindow.addEventListener(\"scroll\", handleScroll, { passive: true, capture: true });\r\n\r\n\t\treturn () => window.removeEventListener(\"scroll\", handleScroll);\r\n\t}, []);\r\n\r\n\tconst filteredApps = apps\r\n\t\t.filter((app) => !app.manifest?.component?.temporary && app.name !== props.appName)\r\n\t\t.sort((a, b) => {\r\n\t\t\tif (a.name > b.name) {\r\n\t\t\t\treturn 1;\r\n\t\t\t} else if (b.name > a.name) {\r\n\t\t\t\treturn -1;\r\n\t\t\t}\r\n\r\n\t\t\treturn 0;\r\n\t\t});\r\n\r\n\tconst currentApp = apps.find((app) => app.manifest?.component?.temporary || app.name === props.appName);\r\n\r\n\tconst [inboundAuthorizedApps, setInboundAuthorizedApps] = useState<string[]>([]);\r\n\tconst [outboundAuthorizedApps, setOutboundAuthorizedApps] = useState<string[]>([]);\r\n\tconst [advancedExpanded, setAdvancedExpanded] = useState(false);\r\n\r\n\tfunction doSetRules(newRules: ApplicationRule[]) {\r\n\t\tsetRules(newRules);\r\n\r\n\t\tprops.onChange(newRules);\r\n\t}\r\n\r\n\tfunction updateBlockingApp(config: AppDefinition) {\r\n\t\tprops.updateApp(config.appId, config).then(() => {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.update_app(config));\r\n\t\t});\r\n\t}\r\n\r\n\tfunction getOptions() {\r\n\t\treturn filteredApps.map((app) => {\r\n\t\t\tconst isInboundAuthorized = inboundAuthorizedApps.includes(app.name);\r\n\r\n\t\t\treturn (\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName={[\"app-edit-access-item\", !isInboundAuthorized ? \"app-edit-access-blocked\" : \"\"].join(\" \")}\r\n\t\t\t\t\tkey={app.name}\r\n\t\t\t\t>\r\n\t\t\t\t\t<span className=\"app-edit-access-item-name\">{app.name}</span>\r\n\t\t\t\t\t{!isInboundAuthorized && (\r\n\t\t\t\t\t\t<RelativePortal\r\n\t\t\t\t\t\t\tclassName={[\"tooltip-portal\", scrolling || !advancedExpanded ? \"is-scrolling\" : \"\"].join(\" \")}\r\n\t\t\t\t\t\t\tcomponent=\"div\"\r\n\t\t\t\t\t\t\tleft={-13}\r\n\t\t\t\t\t\t\ttop={0}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<Tooltip\r\n\t\t\t\t\t\t\t\ttype=\"lock\"\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tupdateBlockingApp({\r\n\t\t\t\t\t\t\t\t\t\t...app,\r\n\t\t\t\t\t\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t\t\t\t\t\t...app.manifest,\r\n\t\t\t\t\t\t\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t...app.manifest?.interop,\r\n\t\t\t\t\t\t\t\t\t\t\t\tselectConnect: [\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t...(app.manifest?.interop?.selectConnect || []),\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tauthorize: [{ name: props.appName || \"\" }],\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t],\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}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\tThis app is blocking access. Click to allow access\r\n\t\t\t\t\t\t\t</Tooltip>\r\n\t\t\t\t\t\t</RelativePortal>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t});\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tif (currentApp) {\r\n\t\t\tfilteredApps.forEach((targetApp) => {\r\n\t\t\t\tif (targetApp.name === props.appName) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tprops\r\n\t\t\t\t\t.isInboundInteropAuthorized(\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t...currentApp,\r\n\t\t\t\t\t\t\tname: props.appName,\r\n\t\t\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t\t\t\tselectConnect: rules,\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\ttargetApp\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.then((inboundAuthorized) => {\r\n\t\t\t\t\t\tif (inboundAuthorized && !inboundAuthorizedApps.includes(targetApp.name)) {\r\n\t\t\t\t\t\t\tsetInboundAuthorizedApps([...inboundAuthorizedApps, targetApp.name]);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\tprops\r\n\t\t\t\t\t.isOutboundInteropAuthorized(\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t...currentApp,\r\n\t\t\t\t\t\t\tname: props.appName,\r\n\t\t\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t\t\t\tselectConnect: rules,\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\ttargetApp\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.then((outboundAuthorized) => {\r\n\t\t\t\t\t\tif (outboundAuthorized && !outboundAuthorizedApps.includes(targetApp.name)) {\r\n\t\t\t\t\t\t\tsetOutboundAuthorizedApps([...outboundAuthorizedApps, targetApp.name]);\r\n\t\t\t\t\t\t} else if (!outboundAuthorized && outboundAuthorizedApps.includes(targetApp.name)) {\r\n\t\t\t\t\t\t\tconst outboundAuthorizedAppsCopy = outboundAuthorizedApps.slice(0);\r\n\t\t\t\t\t\t\toutboundAuthorizedAppsCopy.splice(outboundAuthorizedAppsCopy.indexOf(targetApp.name), 1);\r\n\t\t\t\t\t\t\tsetOutboundAuthorizedApps(outboundAuthorizedAppsCopy);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\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{filteredApps.length > 0 && (\r\n\t\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t\t<div className={[\"app-edit-advanced\", advancedExpanded ? \"is-expanded\" : \"\"].join(\" \")}>\r\n\t\t\t\t\t\t<h2\r\n\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\tsetAdvancedExpanded(!advancedExpanded);\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\t<FinsembleIcon className=\"expand-icon\" icon=\"chevron-right\"></FinsembleIcon> Advanced settings\r\n\t\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t\t<div className=\"app-edit-advanced-content\">\r\n\t\t\t\t\t\t\t<div className=\"app-edit-access\">\r\n\t\t\t\t\t\t\t\t<h3>Configure access</h3>\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\tUse the controls below to decide which apps this app will be able to share information with. By\r\n\t\t\t\t\t\t\t\t\tdefault, your app is able to share with all other apps.\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\t<FinsembleIcon icon=\"check-square\"></FinsembleIcon>\r\n\t\t\t\t\t\t\t\t\tChoose which apps to authorize\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t<FinsembleSelect\r\n\t\t\t\t\t\t\t\t\toptions={filteredApps.map((app) => app.name)}\r\n\t\t\t\t\t\t\t\t\toptionComponents={getOptions()}\r\n\t\t\t\t\t\t\t\t\tselected={filteredApps\r\n\t\t\t\t\t\t\t\t\t\t.filter((app) => outboundAuthorizedApps.includes(app.name))\r\n\t\t\t\t\t\t\t\t\t\t.map((app) => app.name)}\r\n\t\t\t\t\t\t\t\t\tupdateCallback={(selected) => {\r\n\t\t\t\t\t\t\t\t\t\tfilteredApps.forEach((app) => {\r\n\t\t\t\t\t\t\t\t\t\t\tconst isSelected = selected.find((name) => name === app.name);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tif (!isSelected) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tdoSetRules(rules.filter((rule) => rule.authorize?.some((auth) => auth.name !== app.name)));\r\n\t\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\t\tdoSetRules([\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t...rules,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tauthorize: [{ name: app.name }],\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t]);\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\tshowSearch={true}\r\n\t\t\t\t\t\t\t\t></FinsembleSelect>\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</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}

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

@@ -4,6 +4,7 @@
  */
 /// <reference types="react" />
 import "../common/css/application-edit-page.css";
+import { ApplicationRule } from "../../types/smartDesktopDesignerTypes";
 export declare type AppEditPageProps = {
     startingDisplayName: string;
     isSetupWizard: boolean;
@@ -14,10 +15,14 @@ export declare type AppEditPageProps = {
     startingDescription: string;
     startingWidth: number;
     startingHeight: number;
+    startingRules: ApplicationRule[];
     validateURL: (s: string) => boolean;
     removeApplicationFn: () => void;
     cancelFn: () => void;
     submitFn: (data: SubmittedDataProps) => void;
+    isInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;
+    isOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;
+    updateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;
 };
 export declare type SubmittedDataProps = {
     name: string;
@@ -27,5 +32,6 @@ export declare type SubmittedDataProps = {
     description: string;
     width: number;
     height: number;
+    rules: ApplicationRule[];
 };
-export declare const AppEditPage: ({ startingDisplayName, isSetupWizard, isEditMode, startingAppType, startingWindowURL, startingNativePath, startingDescription, startingWidth, startingHeight, validateURL, removeApplicationFn, cancelFn, submitFn, }: AppEditPageProps) => JSX.Element;
+export declare const AppEditPage: ({ startingDisplayName, isSetupWizard, isEditMode, startingAppType, startingWindowURL, startingNativePath, startingDescription, startingWidth, startingHeight, startingRules, validateURL, removeApplicationFn, cancelFn, submitFn, isInboundInteropAuthorized, isOutboundInteropAuthorized, updateApp, }: AppEditPageProps) => JSX.Element;

package/react/components/smartDesktopDesigner/AppEditPage.js

@@ -7,11 +7,12 @@ import { FileInput } from "../common/FileInput";
 import { Button } from "../common/Button";
 import { validateFilename, VALID_APP_EXTENSIONS } from "../common/file_helpers";
 import "../common/css/application-edit-page.css";
+import { AppEditAccess } from "./AppEditAccess";
 const DEFAULT_WINDOW_WIDTH = 1280;
 const DEFAULT_WINDOW_HEIGHT = 600;
 const MINIMUM_WINDOW_WIDTH = 0;
 const MINIMUM_WINDOW_HEIGHT = 0;
-export const AppEditPage = ({ startingDisplayName = "", isSetupWizard = false, isEditMode = true, startingAppType = "web", startingWindowURL = "", startingNativePath = "", startingDescription = "", startingWidth = DEFAULT_WINDOW_WIDTH, startingHeight = DEFAULT_WINDOW_HEIGHT, validateURL, removeApplicationFn = () => { }, cancelFn = () => { }, submitFn, }) => {
+export const AppEditPage = ({ startingDisplayName = "", isSetupWizard = false, isEditMode = true, startingAppType = "web", startingWindowURL = "", startingNativePath = "", startingDescription = "", startingWidth = DEFAULT_WINDOW_WIDTH, startingHeight = DEFAULT_WINDOW_HEIGHT, startingRules = [], validateURL, removeApplicationFn = () => { }, cancelFn = () => { }, submitFn, isInboundInteropAuthorized, isOutboundInteropAuthorized, updateApp, }) => {
     const [displayName, setDisplayName] = useState(startingDisplayName);
     const [currentAppType, setCurrentAppType] = useState(startingAppType);
     const [windowURL, setWindowURL] = useState(startingWindowURL);
@@ -19,6 +20,7 @@ export const AppEditPage = ({ startingDisplayName = "", isSetupWizard = false, i
     const [componentDescription, setComponentDescription] = useState(startingDescription);
     const [windowWidth, setWindowWidth] = useState(startingWidth || DEFAULT_WINDOW_WIDTH);
     const [windowHeight, setWindowHeight] = useState(startingHeight || DEFAULT_WINDOW_HEIGHT);
+    const [rules, setRules] = useState(startingRules || []);
     const isWindowURLValid = validateURL(windowURL);
     const isHeightValid = !(typeof windowHeight !== "number" || windowHeight < MINIMUM_WINDOW_HEIGHT);
     const isWidthValid = !(typeof windowWidth !== "number" || windowWidth < MINIMUM_WINDOW_WIDTH);
@@ -41,6 +43,7 @@ export const AppEditPage = ({ startingDisplayName = "", isSetupWizard = false, i
             width: windowWidth,
             height: windowHeight,
             description: componentDescription,
+            rules,
         });
     };
     const submitOnEnter = (e) => {
@@ -101,6 +104,7 @@ export const AppEditPage = ({ startingDisplayName = "", isSetupWizard = false, i
                             setWindowHeight(parseInt(e.target.value, 10) || "");
                         } }),
                     React.createElement("span", { className: "unit" }, "px")))),
+        React.createElement(AppEditAccess, { appName: displayName, rules: startingRules, onChange: (newRules) => setRules(newRules), isInboundInteropAuthorized: isInboundInteropAuthorized, isOutboundInteropAuthorized: isOutboundInteropAuthorized, updateApp: updateApp }),
         React.createElement("div", { className: "app-edit-actions" },
             React.createElement("div", null, isEditMode && (React.createElement(Button, { fashion: "danger", text: "Remove app", onClick: (e) => {
                     removeApplicationFn();

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

@@ -1 +1 @@
-{"version":3,"file":"AppEditPage.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/AppEditPage.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, { ChangeEvent, useState } from \"react\";\r\nimport { FileInput } from \"../common/FileInput\";\r\nimport { Button } from \"../common/Button\";\r\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\r\nimport \"../common/css/application-edit-page.css\";\r\n\r\nconst DEFAULT_WINDOW_WIDTH = 1280;\r\nconst DEFAULT_WINDOW_HEIGHT = 600;\r\nconst MINIMUM_WINDOW_WIDTH = 0;\r\nconst MINIMUM_WINDOW_HEIGHT = 0;\r\n\r\nexport type AppEditPageProps = {\r\n\tstartingDisplayName: string;\r\n\tisSetupWizard: boolean;\r\n\tisEditMode: boolean;\r\n\tstartingAppType: string;\r\n\tstartingWindowURL: string;\r\n\tstartingNativePath: string;\r\n\tstartingDescription: string;\r\n\tstartingWidth: number;\r\n\tstartingHeight: number;\r\n\tvalidateURL: (s: string) => boolean;\r\n\tremoveApplicationFn: () => void;\r\n\tcancelFn: () => void;\r\n\tsubmitFn: (data: SubmittedDataProps) => void;\r\n};\r\n\r\nexport type SubmittedDataProps = {\r\n\tname: string;\r\n\turl: string;\r\n\tpath: string;\r\n\tappType: string;\r\n\tdescription: string;\r\n\twidth: number;\r\n\theight: number;\r\n};\r\n\r\nexport const AppEditPage = ({\r\n\tstartingDisplayName = \"\",\r\n\tisSetupWizard = false,\r\n\tisEditMode = true,\r\n\tstartingAppType = \"web\",\r\n\tstartingWindowURL = \"\",\r\n\tstartingNativePath = \"\",\r\n\tstartingDescription = \"\",\r\n\tstartingWidth = DEFAULT_WINDOW_WIDTH,\r\n\tstartingHeight = DEFAULT_WINDOW_HEIGHT,\r\n\tvalidateURL,\r\n\tremoveApplicationFn = () => {},\r\n\tcancelFn = () => {},\r\n\tsubmitFn,\r\n}: AppEditPageProps) => {\r\n\tconst [displayName, setDisplayName] = useState(startingDisplayName);\r\n\tconst [currentAppType, setCurrentAppType] = useState(startingAppType);\r\n\tconst [windowURL, setWindowURL] = useState(startingWindowURL);\r\n\tconst [nativePath, setNativePath] = useState(startingNativePath);\r\n\tconst [componentDescription, setComponentDescription] = useState(startingDescription);\r\n\tconst [windowWidth, setWindowWidth] = useState<number | string>(startingWidth || DEFAULT_WINDOW_WIDTH);\r\n\tconst [windowHeight, setWindowHeight] = useState<number | string>(startingHeight || DEFAULT_WINDOW_HEIGHT);\r\n\r\n\tconst isWindowURLValid = validateURL(windowURL);\r\n\tconst isHeightValid = !(typeof windowHeight !== \"number\" || windowHeight < MINIMUM_WINDOW_HEIGHT);\r\n\tconst isWidthValid = !(typeof windowWidth !== \"number\" || windowWidth < MINIMUM_WINDOW_WIDTH);\r\n\r\n\tconst disableSubmit =\r\n\t\t(currentAppType === \"web\" && (!isWindowURLValid || windowURL.length === 0)) ||\r\n\t\t(currentAppType === \"native\" &&\r\n\t\t\t(!nativePath || nativePath.length === 0 || validateFilename(VALID_APP_EXTENSIONS, nativePath))) ||\r\n\t\tdisplayName === undefined ||\r\n\t\tdisplayName === \"\" ||\r\n\t\t!isWidthValid ||\r\n\t\t!isHeightValid;\r\n\r\n\tconst clickSubmit = () => {\r\n\t\t// Shouldn't be possible to get in a state where windowWith/windowHeight aren't numbers,\r\n\t\t// but let's check anyway\r\n\t\tif (!(typeof windowWidth === \"number\" && typeof windowHeight === \"number\")) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsubmitFn({\r\n\t\t\tname: displayName,\r\n\t\t\turl: windowURL,\r\n\t\t\tpath: nativePath,\r\n\t\t\tappType: currentAppType,\r\n\t\t\twidth: windowWidth,\r\n\t\t\theight: windowHeight,\r\n\t\t\tdescription: componentDescription,\r\n\t\t});\r\n\t};\r\n\r\n\t// TODO: This isn't ideal, but when we try to use the form/type=submit interaction, it acts like we pressed the back button, rather than the submit button\r\n\tconst submitOnEnter = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n\t\tif (e.key !== \"Enter\") {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\te.preventDefault();\r\n\t\tif (!disableSubmit) {\r\n\t\t\tclickSubmit();\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t<label htmlFor=\"app-name\">Name</label>\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tid=\"app-name\"\r\n\t\t\t\t\tvalue={displayName}\r\n\t\t\t\t\tplaceholder=\"Untitled Application\"\r\n\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\tsetDisplayName(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\r\n\t\t\t{isSetupWizard !== true && (\r\n\t\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t\t<label>App type</label>\r\n\r\n\t\t\t\t\t<div className=\"app-edit-type-field\">\r\n\t\t\t\t\t\t<div className=\"app-type-container\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\tname=\"app-type\"\r\n\t\t\t\t\t\t\t\tid=\"app-type-web\"\r\n\t\t\t\t\t\t\t\tvalue=\"web\"\r\n\t\t\t\t\t\t\t\tchecked={currentAppType == \"web\"}\r\n\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\tsetCurrentAppType(e.target.value);\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\t<label htmlFor=\"app-type-web\">Web</label>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"app-type-container\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\tname=\"app-type\"\r\n\t\t\t\t\t\t\t\tid=\"app-type-native\"\r\n\t\t\t\t\t\t\t\tvalue=\"native\"\r\n\t\t\t\t\t\t\t\tchecked={currentAppType == \"native\"}\r\n\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\t\tonChange={(e: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\t\t\t\t\tsetCurrentAppType(e.target.value);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t<label htmlFor=\"app-type-native\">Native</label>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<label htmlFor=\"app-url\">Web URL</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-url\"\r\n\t\t\t\t\t\t\tplaceholder=\"https://...\"\r\n\t\t\t\t\t\t\tvalue={windowURL}\r\n\t\t\t\t\t\t\taria-invalid={!isWindowURLValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowURL(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</>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<label>File Path</label>\r\n\t\t\t\t\t\t<div className=\"app-file-input\">\r\n\t\t\t\t\t\t\t<FileInput\r\n\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\r\n\t\t\t\t\t\t\t\tshouldUpload={false}\r\n\t\t\t\t\t\t\t\tvalue={nativePath}\r\n\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\t\t\tsetNativePath(value);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t></FileInput>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"app-edit-field description\">\r\n\t\t\t\t<label htmlFor=\"app-description\">Description</label>\r\n\t\t\t\t<textarea\r\n\t\t\t\t\tid=\"app-description\"\r\n\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\tsetComponentDescription(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tvalue={componentDescription}\r\n\t\t\t\t></textarea>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t<label htmlFor=\"app-size\">Default window size</label>\r\n\t\t\t\t<fieldset className=\"app-size-fieldset\">\r\n\t\t\t\t\t<div className=\"app-size-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"app-width\">Width</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"app-size-input\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-width\"\r\n\t\t\t\t\t\t\tvalue={windowWidth}\r\n\t\t\t\t\t\t\taria-invalid={!isWidthValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowWidth(parseInt(e.target.value, 10) || \"\");\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<span className=\"unit\">px</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"app-size-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"app-height\">Height</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"app-size-input\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-height\"\r\n\t\t\t\t\t\t\tvalue={windowHeight}\r\n\t\t\t\t\t\t\taria-invalid={!isHeightValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowHeight(parseInt(e.target.value, 10) || \"\");\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<span className=\"unit\">px</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</fieldset>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"app-edit-actions\">\r\n\t\t\t\t<div>\r\n\t\t\t\t\t{isEditMode && (\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tfashion=\"danger\"\r\n\t\t\t\t\t\t\ttext=\"Remove app\"\r\n\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\tremoveApplicationFn();\r\n\t\t\t\t\t\t\t\te.preventDefault();\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</div>\r\n\r\n\t\t\t\t<div className=\"app-actions-right-wrapper\">\r\n\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={cancelFn} />\r\n\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={disableSubmit} onClick={clickSubmit} />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"AppEditPage.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/AppEditPage.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, { ChangeEvent, useState } from \"react\";\r\nimport { FileInput } from \"../common/FileInput\";\r\nimport { Button } from \"../common/Button\";\r\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\r\nimport \"../common/css/application-edit-page.css\";\r\nimport { AppEditAccess } from \"./AppEditAccess\";\r\nimport { ApplicationRule } from \"../../types/smartDesktopDesignerTypes\";\r\n\r\nconst DEFAULT_WINDOW_WIDTH = 1280;\r\nconst DEFAULT_WINDOW_HEIGHT = 600;\r\nconst MINIMUM_WINDOW_WIDTH = 0;\r\nconst MINIMUM_WINDOW_HEIGHT = 0;\r\n\r\nexport type AppEditPageProps = {\r\n\tstartingDisplayName: string;\r\n\tisSetupWizard: boolean;\r\n\tisEditMode: boolean;\r\n\tstartingAppType: string;\r\n\tstartingWindowURL: string;\r\n\tstartingNativePath: string;\r\n\tstartingDescription: string;\r\n\tstartingWidth: number;\r\n\tstartingHeight: number;\r\n\tstartingRules: ApplicationRule[];\r\n\tvalidateURL: (s: string) => boolean;\r\n\tremoveApplicationFn: () => void;\r\n\tcancelFn: () => void;\r\n\tsubmitFn: (data: SubmittedDataProps) => void;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n\tupdateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;\r\n};\r\n\r\nexport type SubmittedDataProps = {\r\n\tname: string;\r\n\turl: string;\r\n\tpath: string;\r\n\tappType: string;\r\n\tdescription: string;\r\n\twidth: number;\r\n\theight: number;\r\n\trules: ApplicationRule[];\r\n};\r\n\r\nexport const AppEditPage = ({\r\n\tstartingDisplayName = \"\",\r\n\tisSetupWizard = false,\r\n\tisEditMode = true,\r\n\tstartingAppType = \"web\",\r\n\tstartingWindowURL = \"\",\r\n\tstartingNativePath = \"\",\r\n\tstartingDescription = \"\",\r\n\tstartingWidth = DEFAULT_WINDOW_WIDTH,\r\n\tstartingHeight = DEFAULT_WINDOW_HEIGHT,\r\n\tstartingRules = [],\r\n\tvalidateURL,\r\n\tremoveApplicationFn = () => {},\r\n\tcancelFn = () => {},\r\n\tsubmitFn,\r\n\tisInboundInteropAuthorized,\r\n\tisOutboundInteropAuthorized,\r\n\tupdateApp,\r\n}: AppEditPageProps) => {\r\n\tconst [displayName, setDisplayName] = useState(startingDisplayName);\r\n\tconst [currentAppType, setCurrentAppType] = useState(startingAppType);\r\n\tconst [windowURL, setWindowURL] = useState(startingWindowURL);\r\n\tconst [nativePath, setNativePath] = useState(startingNativePath);\r\n\tconst [componentDescription, setComponentDescription] = useState(startingDescription);\r\n\tconst [windowWidth, setWindowWidth] = useState<number | string>(startingWidth || DEFAULT_WINDOW_WIDTH);\r\n\tconst [windowHeight, setWindowHeight] = useState<number | string>(startingHeight || DEFAULT_WINDOW_HEIGHT);\r\n\tconst [rules, setRules] = useState(startingRules || []);\r\n\r\n\tconst isWindowURLValid = validateURL(windowURL);\r\n\tconst isHeightValid = !(typeof windowHeight !== \"number\" || windowHeight < MINIMUM_WINDOW_HEIGHT);\r\n\tconst isWidthValid = !(typeof windowWidth !== \"number\" || windowWidth < MINIMUM_WINDOW_WIDTH);\r\n\r\n\tconst disableSubmit =\r\n\t\t(currentAppType === \"web\" && (!isWindowURLValid || windowURL.length === 0)) ||\r\n\t\t(currentAppType === \"native\" &&\r\n\t\t\t(!nativePath || nativePath.length === 0 || validateFilename(VALID_APP_EXTENSIONS, nativePath))) ||\r\n\t\tdisplayName === undefined ||\r\n\t\tdisplayName === \"\" ||\r\n\t\t!isWidthValid ||\r\n\t\t!isHeightValid;\r\n\r\n\tconst clickSubmit = () => {\r\n\t\t// Shouldn't be possible to get in a state where windowWith/windowHeight aren't numbers,\r\n\t\t// but let's check anyway\r\n\t\tif (!(typeof windowWidth === \"number\" && typeof windowHeight === \"number\")) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsubmitFn({\r\n\t\t\tname: displayName,\r\n\t\t\turl: windowURL,\r\n\t\t\tpath: nativePath,\r\n\t\t\tappType: currentAppType,\r\n\t\t\twidth: windowWidth,\r\n\t\t\theight: windowHeight,\r\n\t\t\tdescription: componentDescription,\r\n\t\t\trules,\r\n\t\t});\r\n\t};\r\n\r\n\t// TODO: This isn't ideal, but when we try to use the form/type=submit interaction, it acts like we pressed the back button, rather than the submit button\r\n\tconst submitOnEnter = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n\t\tif (e.key !== \"Enter\") {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\te.preventDefault();\r\n\t\tif (!disableSubmit) {\r\n\t\t\tclickSubmit();\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t<label htmlFor=\"app-name\">Name</label>\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tid=\"app-name\"\r\n\t\t\t\t\tvalue={displayName}\r\n\t\t\t\t\tplaceholder=\"Untitled Application\"\r\n\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\tsetDisplayName(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\r\n\t\t\t{isSetupWizard !== true && (\r\n\t\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t\t<label>App type</label>\r\n\r\n\t\t\t\t\t<div className=\"app-edit-type-field\">\r\n\t\t\t\t\t\t<div className=\"app-type-container\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\tname=\"app-type\"\r\n\t\t\t\t\t\t\t\tid=\"app-type-web\"\r\n\t\t\t\t\t\t\t\tvalue=\"web\"\r\n\t\t\t\t\t\t\t\tchecked={currentAppType == \"web\"}\r\n\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\tsetCurrentAppType(e.target.value);\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\t<label htmlFor=\"app-type-web\">Web</label>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"app-type-container\">\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\tname=\"app-type\"\r\n\t\t\t\t\t\t\t\tid=\"app-type-native\"\r\n\t\t\t\t\t\t\t\tvalue=\"native\"\r\n\t\t\t\t\t\t\t\tchecked={currentAppType == \"native\"}\r\n\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\t\tonChange={(e: ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\t\t\t\t\tsetCurrentAppType(e.target.value);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t<label htmlFor=\"app-type-native\">Native</label>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<label htmlFor=\"app-url\">Web URL</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-url\"\r\n\t\t\t\t\t\t\tplaceholder=\"https://...\"\r\n\t\t\t\t\t\t\tvalue={windowURL}\r\n\t\t\t\t\t\t\taria-invalid={!isWindowURLValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowURL(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</>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<label>File Path</label>\r\n\t\t\t\t\t\t<div className=\"app-file-input\">\r\n\t\t\t\t\t\t\t<FileInput\r\n\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\r\n\t\t\t\t\t\t\t\tshouldUpload={false}\r\n\t\t\t\t\t\t\t\tvalue={nativePath}\r\n\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\t\t\tsetNativePath(value);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t></FileInput>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"app-edit-field description\">\r\n\t\t\t\t<label htmlFor=\"app-description\">Description</label>\r\n\t\t\t\t<textarea\r\n\t\t\t\t\tid=\"app-description\"\r\n\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\tsetComponentDescription(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tvalue={componentDescription}\r\n\t\t\t\t></textarea>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"app-edit-field\">\r\n\t\t\t\t<label htmlFor=\"app-size\">Default window size</label>\r\n\t\t\t\t<fieldset className=\"app-size-fieldset\">\r\n\t\t\t\t\t<div className=\"app-size-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"app-width\">Width</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"app-size-input\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-width\"\r\n\t\t\t\t\t\t\tvalue={windowWidth}\r\n\t\t\t\t\t\t\taria-invalid={!isWidthValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowWidth(parseInt(e.target.value, 10) || \"\");\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<span className=\"unit\">px</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"app-size-field\">\r\n\t\t\t\t\t\t<label htmlFor=\"app-height\">Height</label>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"app-size-input\"\r\n\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\tid=\"app-height\"\r\n\t\t\t\t\t\t\tvalue={windowHeight}\r\n\t\t\t\t\t\t\taria-invalid={!isHeightValid}\r\n\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\r\n\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\tsetWindowHeight(parseInt(e.target.value, 10) || \"\");\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<span className=\"unit\">px</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</fieldset>\r\n\t\t\t</div>\r\n\r\n\t\t\t<AppEditAccess\r\n\t\t\t\tappName={displayName}\r\n\t\t\t\trules={startingRules}\r\n\t\t\t\tonChange={(newRules) => setRules(newRules)}\r\n\t\t\t\tisInboundInteropAuthorized={isInboundInteropAuthorized}\r\n\t\t\t\tisOutboundInteropAuthorized={isOutboundInteropAuthorized}\r\n\t\t\t\tupdateApp={updateApp}\r\n\t\t\t></AppEditAccess>\r\n\r\n\t\t\t<div className=\"app-edit-actions\">\r\n\t\t\t\t<div>\r\n\t\t\t\t\t{isEditMode && (\r\n\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\tfashion=\"danger\"\r\n\t\t\t\t\t\t\ttext=\"Remove app\"\r\n\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\tremoveApplicationFn();\r\n\t\t\t\t\t\t\t\te.preventDefault();\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</div>\r\n\r\n\t\t\t\t<div className=\"app-actions-right-wrapper\">\r\n\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={cancelFn} />\r\n\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={disableSubmit} onClick={clickSubmit} />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n};\r\n"]}

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

@@ -5,7 +5,8 @@
 /// <reference types="finsemble-core" />
 /// <reference types="react" />
 import * as Types from "../../types/smartDesktopDesignerTypes";
-export declare function appConfigToAppData(appConfig: any): Types.ApplicationSaveData;
+import { AppDefinition } from "services/Interop/types";
+export declare function appConfigToAppData(appConfig: AppDefinition): Types.ApplicationSaveData;
 export declare enum ApplicationCloseReason {
     SUCCESS = 0,
     CANCEL = 1,
@@ -20,5 +21,7 @@ export declare type ApplicationProps = {
     getAppConfigTemplate: typeof FSBL.Clients.SmartDesktopClient.prototype.getAppConfigTemplate;
     onClose: (reason: ApplicationCloseReason) => void;
     setCurrentAppID: (id: string | null) => void;
+    isInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;
+    isOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;
 };
 export declare const Application: (props: ApplicationProps) => JSX.Element;

package/react/components/smartDesktopDesigner/Application.js

@@ -16,12 +16,13 @@ import { ApplicationSetupType } from "../../types/smartDesktopDesignerTypes";
 import { launchTutorialLink } from "./common/fsbl_functions";
 export function appConfigToAppData(appConfig) {
     return {
-        name: appConfig.name || appConfig?.component?.displayName,
-        description: appConfig.description,
-        url: appConfig.manifest?.window.url,
-        path: appConfig.manifest?.window.path,
-        width: appConfig.manifest?.window.width,
-        height: appConfig.manifest?.window.height,
+        name: appConfig.name || appConfig.manifest?.component?.displayName,
+        description: appConfig.description || "",
+        url: appConfig.manifest?.window?.url,
+        path: appConfig.manifest?.window?.path,
+        width: appConfig.manifest?.window?.width,
+        height: appConfig.manifest?.window?.height,
+        rules: appConfig.manifest?.interop?.selectConnect,
     };
 }
 export var ApplicationCloseReason;
@@ -45,7 +46,9 @@ export const Application = (props) => {
                     name: undefined,
                     manifest: {
                         ...response.config.manifest,
-                        temporary: true,
+                        component: {
+                            temporary: true,
+                        },
                     },
                 };
                 props.addApp(currentAppID, config).then(() => {
@@ -71,13 +74,19 @@ export const Application = (props) => {
                 window: {
                     ...currentAppConfig.manifest?.window,
                 },
+                component: {
+                    temporary: undefined,
+                },
+                interop: {
+                    ...currentAppConfig.manifest?.interop,
+                },
             },
             name: data.name,
             description: data.description,
             appId: currentAppID,
             appName: data.name,
         };
-        delete appConfig.manifest.temporary;
+        delete appConfig.manifest.component.temporary;
         if (data.appType == "native") {
             appConfig.manifest.window.windowType = "assimilation";
             appConfig.manifest.window.path = data.path;
@@ -90,6 +99,7 @@ export const Application = (props) => {
         }
         appConfig.manifest.window.width = data.width;
         appConfig.manifest.window.height = data.height;
+        appConfig.manifest.interop.selectConnect = data.rules;
         props.deleteApp(currentAppID).then(({ err }) => {
             if (err) {
                 alert(err);
@@ -154,7 +164,7 @@ export const Application = (props) => {
             },
             onClickBackButton,
             onSaveData,
-        } })) : (React.createElement(ApplicationSetup, { id: currentAppID, data: appConfigToAppData(currentAppConfig), apps: props.apps, backFunction: () => {
+        }, isInboundInteropAuthorized: props.isInboundInteropAuthorized, isOutboundInteropAuthorized: props.isOutboundInteropAuthorized, updateApp: props.updateApp })) : (React.createElement(ApplicationSetup, { id: currentAppID, data: appConfigToAppData(currentAppConfig), apps: props.apps, backFunction: () => {
             setCurrentSetupType(null);
         }, ...{
             setCurrentSetupType,
@@ -169,6 +179,6 @@ export const Application = (props) => {
             },
             onClickBackButton,
             onSaveData,
-        } }))));
+        }, isInboundInteropAuthorized: props.isInboundInteropAuthorized, isOutboundInteropAuthorized: props.isOutboundInteropAuthorized, updateApp: props.updateApp }))));
 };
 //# sourceMappingURL=Application.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Application.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 from \"react\";\r\nimport { useSelector, useDispatch } from \"../../store\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ApplicationEdit } from \"./ApplicationEdit\";\r\nimport { ApplicationSetup } from \"./ApplicationSetup\";\r\n\r\nimport * as Types from \"../../types/smartDesktopDesignerTypes\";\r\n\r\nimport { ButtonTile } from \"../common/ButtonTile\";\r\nimport { CircularLoadingSpinner } from \"../common/LoadingSpinner\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ApplicationSetupType } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nexport function appConfigToAppData(appConfig: any): Types.ApplicationSaveData {\r\n\treturn {\r\n\t\tname: appConfig.name || appConfig?.component?.displayName,\r\n\t\tdescription: appConfig.description,\r\n\t\turl: appConfig.manifest?.window.url,\r\n\t\tpath: appConfig.manifest?.window.path,\r\n\t\twidth: appConfig.manifest?.window.width,\r\n\t\theight: appConfig.manifest?.window.height,\r\n\t};\r\n}\r\n\r\nexport enum ApplicationCloseReason {\r\n\tSUCCESS,\r\n\tCANCEL,\r\n\tNEW,\r\n}\r\n\r\nexport type ApplicationProps = {\r\n\tid: string;\r\n\tapps: AppDConfig[];\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\tonClose: (reason: ApplicationCloseReason) => void;\r\n\tsetCurrentAppID: (id: string | null) => void;\r\n};\r\n\r\nexport const Application = (props: ApplicationProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst currentAppID = props.id;\r\n\r\n\tconst currentAppConfig = useSelector((state: RootState) =>\r\n\t\tstate.smartDesktopDesigner.apps.find((app: AppDConfig) => app.appId === currentAppID)\r\n\t);\r\n\r\n\tconst currentSetupType = useSelector((state: RootState) => state.smartDesktopDesigner.currentAppSetupType);\r\n\r\n\tconst isGettingStarted = useSelector((state: RootState) => state.smartDesktopDesigner.isGettingStarted);\r\n\r\n\tif (!currentAppConfig) {\r\n\t\tprops.getAppConfigTemplate().then((response) => {\r\n\t\t\tprops.deleteApp(currentAppID).then(({ err }: { err: string }) => {\r\n\t\t\t\tconst config = {\r\n\t\t\t\t\t...response.config,\r\n\t\t\t\t\tappId: currentAppID,\r\n\t\t\t\t\tname: undefined,\r\n\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t...response.config.manifest,\r\n\t\t\t\t\t\ttemporary: true,\r\n\t\t\t\t\t},\r\n\t\t\t\t};\r\n\r\n\t\t\t\tprops.addApp(currentAppID, config).then(() => {\r\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.update_app(config));\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<div style={{ overflow: \"hidden\" }}>\r\n\t\t\t\t\t<div style={{ marginTop: \"43vh\" }}>\r\n\t\t\t\t\t\t<CircularLoadingSpinner />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\tconst isEditMode =\r\n\t\tcurrentSetupType === ApplicationSetupType.APP_EDIT_ADVANCED ||\r\n\t\tcurrentSetupType === ApplicationSetupType.APP_EDIT_SIMPLE;\r\n\r\n\tconst onSaveData = (data: Types.ApplicationSaveData) =>\r\n\t\tnew Promise<any>((resolve, reject) => {\r\n\t\t\tif (!currentAppID) {\r\n\t\t\t\treturn reject(new Error(\"no app ID specified\"));\r\n\t\t\t}\r\n\r\n\t\t\tconst appConfig = {\r\n\t\t\t\t...currentAppConfig,\r\n\t\t\t\tmanifest: {\r\n\t\t\t\t\t...currentAppConfig.manifest,\r\n\t\t\t\t\twindow: {\r\n\t\t\t\t\t\t...currentAppConfig.manifest?.window,\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t\tname: data.name,\r\n\t\t\t\tdescription: data.description,\r\n\t\t\t\tappId: currentAppID,\r\n\t\t\t\tappName: data.name,\r\n\t\t\t};\r\n\t\t\tdelete appConfig.manifest.temporary;\r\n\r\n\t\t\tif (data.appType == \"native\") {\r\n\t\t\t\tappConfig.manifest.window.windowType = \"assimilation\";\r\n\t\t\t\tappConfig.manifest.window.path = data.path;\r\n\t\t\t\tdelete appConfig.manifest.window.url;\r\n\t\t\t} else {\r\n\t\t\t\tdelete appConfig.manifest.window.windowType;\r\n\t\t\t\tdelete appConfig.manifest.window.path;\r\n\t\t\t\tappConfig.manifest.window.url = data.url;\r\n\t\t\t}\r\n\r\n\t\t\tappConfig.manifest.window.width = data.width;\r\n\t\t\tappConfig.manifest.window.height = data.height;\r\n\r\n\t\t\t// Always remove and replace component\r\n\t\t\tprops.deleteApp(currentAppID).then(({ err }: { err: string }) => {\r\n\t\t\t\tif (err) {\r\n\t\t\t\t\t// @todo : add error handling.  Maybe react-toast-notify?\r\n\t\t\t\t\talert(err);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tprops\r\n\t\t\t\t\t.addApp(currentAppID, appConfig)\r\n\t\t\t\t\t.then((response) => {\r\n\t\t\t\t\t\tresolve(response);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((e) => {\r\n\t\t\t\t\t\treject(e);\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\tconst onClickBackButton = () => {\r\n\t\tif (!isEditMode) {\r\n\t\t\tif (currentSetupType === null) {\r\n\t\t\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\t\t\t} else {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_current_app_setup_type(null));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\t\t}\r\n\t};\r\n\r\n\tconst setCurrentSetupType = (type: ApplicationSetupType | null) => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_current_app_setup_type(type));\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{currentSetupType === null ? (\r\n\t\t\t\t<div className=\"setup-type-container\">\r\n\t\t\t\t\t<View>\r\n\t\t\t\t\t\t<Header\r\n\t\t\t\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\t\t\t\tlaunchTutorialLink(\"adding-applications\");\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tbackFunction={() => {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\r\n\t\t\t\t\t\t\t\tif (isGettingStarted) {\r\n\t\t\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"getting-started\"));\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\tAdd an app\r\n\t\t\t\t\t\t</Header>\r\n\r\n\t\t\t\t\t\t<Content>\r\n\t\t\t\t\t\t\t<h2 className=\"setup-type-heading\">Choose a method to add an app</h2>\r\n\t\t\t\t\t\t\t<div className=\"tile-type-buttons\">\r\n\t\t\t\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-wizard\"\r\n\t\t\t\t\t\t\t\t\ticon=\"magic\"\r\n\t\t\t\t\t\t\t\t\ttext=\"App wizard\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tdispatch(\r\n\t\t\t\t\t\t\t\t\t\t\tSmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_SIMPLE)\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\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-manual\"\r\n\t\t\t\t\t\t\t\t\ticon=\"tools\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Manual setup (advanced)\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tdispatch(\r\n\t\t\t\t\t\t\t\t\t\t\tSmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_ADVANCED)\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</Content>\r\n\t\t\t\t\t</View>\r\n\t\t\t\t</div>\r\n\t\t\t) : currentSetupType === ApplicationSetupType.APP_EDIT_ADVANCED ||\r\n\t\t\t  currentSetupType === ApplicationSetupType.APP_ADD_ADVANCED ? (\r\n\t\t\t\t<ApplicationEdit\r\n\t\t\t\t\tid={currentAppID}\r\n\t\t\t\t\tdata={appConfigToAppData(currentAppConfig) as Types.ApplicationSaveData}\r\n\t\t\t\t\tapps={props.apps}\r\n\t\t\t\t\tisSetupWizard={false}\r\n\t\t\t\t\t{...{\r\n\t\t\t\t\t\tcurrentSetupType,\r\n\t\t\t\t\t\tisEditMode,\r\n\t\t\t\t\t\tsetCurrentSetupType,\r\n\t\t\t\t\t\tremoveAppID: props.deleteApp,\r\n\t\t\t\t\t\tsetCurrentComponentID: (id: string | null) => {\r\n\t\t\t\t\t\t\tif (id === \"new\") {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.NEW);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.SUCCESS);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tonClickBackButton,\r\n\t\t\t\t\t\tonSaveData,\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ApplicationEdit>\r\n\t\t\t) : (\r\n\t\t\t\t// else \"application setup wizard\"\r\n\t\t\t\t<ApplicationSetup\r\n\t\t\t\t\tid={currentAppID}\r\n\t\t\t\t\tdata={appConfigToAppData(currentAppConfig) as Types.ApplicationSaveData}\r\n\t\t\t\t\tapps={props.apps}\r\n\t\t\t\t\tbackFunction={() => {\r\n\t\t\t\t\t\tsetCurrentSetupType(null);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t{...{\r\n\t\t\t\t\t\tsetCurrentSetupType,\r\n\t\t\t\t\t\tremoveAppID: props.deleteApp,\r\n\t\t\t\t\t\tsetCurrentComponentID: (id: string | null) => {\r\n\t\t\t\t\t\t\tif (id === \"new\") {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.NEW);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.SUCCESS);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tonClickBackButton,\r\n\t\t\t\t\t\tonSaveData,\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ApplicationSetup>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Application.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 from \"react\";\r\nimport { useSelector, useDispatch } from \"../../store\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ApplicationEdit } from \"./ApplicationEdit\";\r\nimport { ApplicationSetup } from \"./ApplicationSetup\";\r\n\r\nimport * as Types from \"../../types/smartDesktopDesignerTypes\";\r\n\r\nimport { ButtonTile } from \"../common/ButtonTile\";\r\nimport { CircularLoadingSpinner } from \"../common/LoadingSpinner\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ApplicationSetupType } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport { AppDefinition } from \"services/Interop/types\";\r\n\r\nexport function appConfigToAppData(appConfig: AppDefinition): Types.ApplicationSaveData {\r\n\treturn {\r\n\t\tname: appConfig.name || appConfig.manifest?.component?.displayName,\r\n\t\tdescription: appConfig.description || \"\",\r\n\t\turl: appConfig.manifest?.window?.url,\r\n\t\tpath: appConfig.manifest?.window?.path,\r\n\t\twidth: appConfig.manifest?.window?.width,\r\n\t\theight: appConfig.manifest?.window?.height,\r\n\t\trules: appConfig.manifest?.interop?.selectConnect,\r\n\t};\r\n}\r\n\r\nexport enum ApplicationCloseReason {\r\n\tSUCCESS,\r\n\tCANCEL,\r\n\tNEW,\r\n}\r\n\r\nexport type ApplicationProps = {\r\n\tid: string;\r\n\tapps: AppDConfig[];\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\tonClose: (reason: ApplicationCloseReason) => void;\r\n\tsetCurrentAppID: (id: string | null) => void;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n};\r\n\r\nexport const Application = (props: ApplicationProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst currentAppID = props.id;\r\n\r\n\tconst currentAppConfig = useSelector((state: RootState) =>\r\n\t\tstate.smartDesktopDesigner.apps.find((app: AppDConfig) => app.appId === currentAppID)\r\n\t);\r\n\r\n\tconst currentSetupType = useSelector((state: RootState) => state.smartDesktopDesigner.currentAppSetupType);\r\n\r\n\tconst isGettingStarted = useSelector((state: RootState) => state.smartDesktopDesigner.isGettingStarted);\r\n\r\n\tif (!currentAppConfig) {\r\n\t\tprops.getAppConfigTemplate().then((response) => {\r\n\t\t\tprops.deleteApp(currentAppID).then(({ err }: { err: string }) => {\r\n\t\t\t\tconst config: AppDefinition = {\r\n\t\t\t\t\t...response.config,\r\n\t\t\t\t\tappId: currentAppID,\r\n\t\t\t\t\tname: undefined,\r\n\t\t\t\t\tmanifest: {\r\n\t\t\t\t\t\t...response.config.manifest,\r\n\t\t\t\t\t\tcomponent: {\r\n\t\t\t\t\t\t\ttemporary: true,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t};\r\n\r\n\t\t\t\tprops.addApp(currentAppID, config).then(() => {\r\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.update_app(config));\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<div style={{ overflow: \"hidden\" }}>\r\n\t\t\t\t\t<div style={{ marginTop: \"43vh\" }}>\r\n\t\t\t\t\t\t<CircularLoadingSpinner />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\tconst isEditMode =\r\n\t\tcurrentSetupType === ApplicationSetupType.APP_EDIT_ADVANCED ||\r\n\t\tcurrentSetupType === ApplicationSetupType.APP_EDIT_SIMPLE;\r\n\r\n\tconst onSaveData = (data: Types.ApplicationSaveData) =>\r\n\t\tnew Promise<any>((resolve, reject) => {\r\n\t\t\tif (!currentAppID) {\r\n\t\t\t\treturn reject(new Error(\"no app ID specified\"));\r\n\t\t\t}\r\n\r\n\t\t\tconst appConfig = {\r\n\t\t\t\t...currentAppConfig,\r\n\t\t\t\tmanifest: {\r\n\t\t\t\t\t...currentAppConfig.manifest,\r\n\t\t\t\t\twindow: {\r\n\t\t\t\t\t\t...currentAppConfig.manifest?.window,\r\n\t\t\t\t\t},\r\n\t\t\t\t\tcomponent: {\r\n\t\t\t\t\t\ttemporary: undefined,\r\n\t\t\t\t\t},\r\n\t\t\t\t\tinterop: {\r\n\t\t\t\t\t\t...currentAppConfig.manifest?.interop,\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t\tname: data.name,\r\n\t\t\t\tdescription: data.description,\r\n\t\t\t\tappId: currentAppID,\r\n\t\t\t\tappName: data.name,\r\n\t\t\t};\r\n\t\t\tdelete appConfig.manifest.component.temporary;\r\n\r\n\t\t\tif (data.appType == \"native\") {\r\n\t\t\t\tappConfig.manifest.window.windowType = \"assimilation\";\r\n\t\t\t\tappConfig.manifest.window.path = data.path;\r\n\t\t\t\tdelete appConfig.manifest.window.url;\r\n\t\t\t} else {\r\n\t\t\t\tdelete appConfig.manifest.window.windowType;\r\n\t\t\t\tdelete appConfig.manifest.window.path;\r\n\t\t\t\tappConfig.manifest.window.url = data.url;\r\n\t\t\t}\r\n\r\n\t\t\tappConfig.manifest.window.width = data.width;\r\n\t\t\tappConfig.manifest.window.height = data.height;\r\n\t\t\tappConfig.manifest.interop.selectConnect = data.rules;\r\n\r\n\t\t\t// Always remove and replace component\r\n\t\t\tprops.deleteApp(currentAppID).then(({ err }: { err: string }) => {\r\n\t\t\t\tif (err) {\r\n\t\t\t\t\t// @todo : add error handling.  Maybe react-toast-notify?\r\n\t\t\t\t\talert(err);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tprops\r\n\t\t\t\t\t.addApp(currentAppID, appConfig)\r\n\t\t\t\t\t.then((response) => {\r\n\t\t\t\t\t\tresolve(response);\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((e) => {\r\n\t\t\t\t\t\treject(e);\r\n\t\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\tconst onClickBackButton = () => {\r\n\t\tif (!isEditMode) {\r\n\t\t\tif (currentSetupType === null) {\r\n\t\t\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\t\t\t} else {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_current_app_setup_type(null));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\t\t}\r\n\t};\r\n\r\n\tconst setCurrentSetupType = (type: ApplicationSetupType | null) => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_current_app_setup_type(type));\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{currentSetupType === null ? (\r\n\t\t\t\t<div className=\"setup-type-container\">\r\n\t\t\t\t\t<View>\r\n\t\t\t\t\t\t<Header\r\n\t\t\t\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\t\t\t\tlaunchTutorialLink(\"adding-applications\");\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tbackFunction={() => {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.CANCEL);\r\n\r\n\t\t\t\t\t\t\t\tif (isGettingStarted) {\r\n\t\t\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"getting-started\"));\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\tAdd an app\r\n\t\t\t\t\t\t</Header>\r\n\r\n\t\t\t\t\t\t<Content>\r\n\t\t\t\t\t\t\t<h2 className=\"setup-type-heading\">Choose a method to add an app</h2>\r\n\t\t\t\t\t\t\t<div className=\"tile-type-buttons\">\r\n\t\t\t\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-wizard\"\r\n\t\t\t\t\t\t\t\t\ticon=\"magic\"\r\n\t\t\t\t\t\t\t\t\ttext=\"App wizard\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tdispatch(\r\n\t\t\t\t\t\t\t\t\t\t\tSmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_SIMPLE)\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\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-manual\"\r\n\t\t\t\t\t\t\t\t\ticon=\"tools\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Manual setup (advanced)\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tdispatch(\r\n\t\t\t\t\t\t\t\t\t\t\tSmartDesktopDesignerActions.set_current_app_setup_type(ApplicationSetupType.APP_ADD_ADVANCED)\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</Content>\r\n\t\t\t\t\t</View>\r\n\t\t\t\t</div>\r\n\t\t\t) : currentSetupType === ApplicationSetupType.APP_EDIT_ADVANCED ||\r\n\t\t\t  currentSetupType === ApplicationSetupType.APP_ADD_ADVANCED ? (\r\n\t\t\t\t<ApplicationEdit\r\n\t\t\t\t\tid={currentAppID}\r\n\t\t\t\t\tdata={appConfigToAppData(currentAppConfig) as Types.ApplicationSaveData}\r\n\t\t\t\t\tapps={props.apps}\r\n\t\t\t\t\tisSetupWizard={false}\r\n\t\t\t\t\t{...{\r\n\t\t\t\t\t\tcurrentSetupType,\r\n\t\t\t\t\t\tisEditMode,\r\n\t\t\t\t\t\tsetCurrentSetupType,\r\n\t\t\t\t\t\tremoveAppID: props.deleteApp,\r\n\t\t\t\t\t\tsetCurrentComponentID: (id: string | null) => {\r\n\t\t\t\t\t\t\tif (id === \"new\") {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.NEW);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.SUCCESS);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tonClickBackButton,\r\n\t\t\t\t\t\tonSaveData,\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\tupdateApp={props.updateApp}\r\n\t\t\t\t></ApplicationEdit>\r\n\t\t\t) : (\r\n\t\t\t\t// else \"application setup wizard\"\r\n\t\t\t\t<ApplicationSetup\r\n\t\t\t\t\tid={currentAppID}\r\n\t\t\t\t\tdata={appConfigToAppData(currentAppConfig) as Types.ApplicationSaveData}\r\n\t\t\t\t\tapps={props.apps}\r\n\t\t\t\t\tbackFunction={() => {\r\n\t\t\t\t\t\tsetCurrentSetupType(null);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t{...{\r\n\t\t\t\t\t\tsetCurrentSetupType,\r\n\t\t\t\t\t\tremoveAppID: props.deleteApp,\r\n\t\t\t\t\t\tsetCurrentComponentID: (id: string | null) => {\r\n\t\t\t\t\t\t\tif (id === \"new\") {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.NEW);\r\n\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\tprops.onClose(ApplicationCloseReason.SUCCESS);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tonClickBackButton,\r\n\t\t\t\t\t\tonSaveData,\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\tupdateApp={props.updateApp}\r\n\t\t\t\t></ApplicationSetup>\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}

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

@@ -15,5 +15,8 @@ export declare type ApplicationEditProps = {
     onSaveData: (data: ApplicationSaveData) => Promise<any>;
     apps: object[];
     data: ApplicationSaveData;
+    isInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;
+    isOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;
+    updateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;
 };
 export declare const ApplicationEdit: (props: ApplicationEditProps) => JSX.Element;

package/react/components/smartDesktopDesigner/ApplicationEdit.js

@@ -38,7 +38,7 @@ export const ApplicationEdit = (props) => {
                                             }
                                         },
                                     }) }, props.isEditMode ? "Edit App" : "Add an app")),
-                        React.createElement(Content, null, !setupComplete ? (React.createElement(AppEditPage, { startingDisplayName: displayName, isSetupWizard: props.isSetupWizard, isEditMode: props.isEditMode, startingAppType: currentAppType, startingWindowURL: windowURL, startingNativePath: nativePath, startingDescription: props?.data?.description || "", validateURL: (url) => FSBL.Clients.SmartDesktopClient.checkValidURL(url), startingWidth: props.data.width || 0, startingHeight: props.data.height || 0, removeApplicationFn: () => {
+                        React.createElement(Content, null, !setupComplete ? (React.createElement(AppEditPage, { startingDisplayName: displayName, isSetupWizard: props.isSetupWizard, isEditMode: props.isEditMode, startingAppType: currentAppType, startingWindowURL: windowURL, startingNativePath: nativePath, startingDescription: props?.data?.description || "", validateURL: (url) => FSBL.Clients.SmartDesktopClient.checkValidURL(url), startingWidth: props.data.width || 0, startingHeight: props.data.height || 0, startingRules: props.data.rules || [], removeApplicationFn: () => {
                                 props.removeAppID(props.id);
                                 props.setCurrentComponentID("");
                             }, cancelFn: () => {
@@ -58,7 +58,7 @@ export const ApplicationEdit = (props) => {
                                         props?.setCurrentComponentID?.("");
                                     }
                                 });
-                            } })) : (React.createElement("div", { className: "app-edit-success" },
+                            }, isInboundInteropAuthorized: props.isInboundInteropAuthorized, isOutboundInteropAuthorized: props.isOutboundInteropAuthorized, updateApp: props.updateApp })) : (React.createElement("div", { className: "app-edit-success" },
                             React.createElement("h2", null, "Your application is added"),
                             React.createElement("div", { className: "app-edit-success-content" },
                                 React.createElement("div", { className: "app-trial-wrapper" },

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationEdit.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationEdit.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, { useState } from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { Button } from \"../common/Button\";\r\nimport { AppEditPage, SubmittedDataProps } from \"./AppEditPage\";\r\nimport { generateDefaultConfig } from \"./sdd_helpers\";\r\nimport { ApplicationSaveData } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nexport type ApplicationEditProps = {\r\n\tid: string;\r\n\tisEditMode: boolean;\r\n\tisSetupWizard: boolean;\r\n\tonClickBackButton?: (e: React.MouseEvent<HTMLElement>) => void;\r\n\tsetCurrentComponentID: (id: string | null) => void;\r\n\tremoveAppID: (id: string) => void;\r\n\tremoveComponentID?: (id: string) => void;\r\n\tonSaveData: (data: ApplicationSaveData) => Promise<any>;\r\n\tapps: object[];\r\n\tdata: ApplicationSaveData;\r\n};\r\n\r\nexport const ApplicationEdit = (props: ApplicationEditProps) => {\r\n\tconst [setupComplete, setSetupComplete] = useState(false);\r\n\tconst { displayName, windowURL, nativePath, currentAppType } = generateDefaultConfig(props.data);\r\n\r\n\treturn (\r\n\t\t<div className=\"app-edit\">\r\n\t\t\t<View>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<form onSubmit={(e) => e.preventDefault()}>\r\n\t\t\t\t\t\t<fieldset className=\"app-edit-fieldset\">\r\n\t\t\t\t\t\t\t<legend>\r\n\t\t\t\t\t\t\t\t<Header\r\n\t\t\t\t\t\t\t\t\thelpFunction={\r\n\t\t\t\t\t\t\t\t\t\tprops.isEditMode\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\t\t\tlaunchTutorialLink(\"editing-applications\");\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\t: () => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tlaunchTutorialLink(\"adding-applications\");\r\n\t\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\t{\r\n\t\t\t\t\t\t\t\t\t\t// Only display the back button during setup. Once setup is complete, hide the back button.\r\n\t\t\t\t\t\t\t\t\t\t...(setupComplete\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\t: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackFunction: (e: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSetupComplete(false);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (!props.isEditMode) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.removeAppID(props.id);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (typeof props.onClickBackButton === \"function\") {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// we're a child of of ApplicationSetup\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn props.onClickBackButton(e);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\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\t\t{props.isEditMode ? \"Edit App\" : \"Add an app\"}\r\n\t\t\t\t\t\t\t\t</Header>\r\n\t\t\t\t\t\t\t</legend>\r\n\r\n\t\t\t\t\t\t\t<Content>\r\n\t\t\t\t\t\t\t\t{!setupComplete ? (\r\n\t\t\t\t\t\t\t\t\t<AppEditPage\r\n\t\t\t\t\t\t\t\t\t\tstartingDisplayName={displayName}\r\n\t\t\t\t\t\t\t\t\t\tisSetupWizard={props.isSetupWizard}\r\n\t\t\t\t\t\t\t\t\t\tisEditMode={props.isEditMode}\r\n\t\t\t\t\t\t\t\t\t\tstartingAppType={currentAppType}\r\n\t\t\t\t\t\t\t\t\t\tstartingWindowURL={windowURL}\r\n\t\t\t\t\t\t\t\t\t\tstartingNativePath={nativePath}\r\n\t\t\t\t\t\t\t\t\t\tstartingDescription={props?.data?.description || \"\"}\r\n\t\t\t\t\t\t\t\t\t\tvalidateURL={(url: string) => FSBL.Clients.SmartDesktopClient.checkValidURL(url)}\r\n\t\t\t\t\t\t\t\t\t\tstartingWidth={props.data.width || 0}\r\n\t\t\t\t\t\t\t\t\t\tstartingHeight={props.data.height || 0}\r\n\t\t\t\t\t\t\t\t\t\tremoveApplicationFn={() => {\r\n\t\t\t\t\t\t\t\t\t\t\tprops.removeAppID(props.id);\r\n\t\t\t\t\t\t\t\t\t\t\tprops.setCurrentComponentID(\"\");\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tcancelFn={() => {\r\n\t\t\t\t\t\t\t\t\t\t\tif (!props.isEditMode) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tprops.removeAppID(props.id);\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tprops.setCurrentComponentID(null);\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tsubmitFn={(data: SubmittedDataProps) => {\r\n\t\t\t\t\t\t\t\t\t\t\tprops\r\n\t\t\t\t\t\t\t\t\t\t\t\t?.onSaveData?.({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t...data,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttags: props.data.tags,\r\n\t\t\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t\t\t.then(() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSetupComplete(true);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (props?.isEditMode) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops?.setCurrentComponentID?.(\"\");\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\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) : (\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-edit-success\">\r\n\t\t\t\t\t\t\t\t\t\t<h2>Your application is added</h2>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"app-edit-success-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-trial-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Want to test it out?</p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfashion=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttext=\"See it Now\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tFSBL.Clients.LauncherClient.spawn(props.id, {}, (err: any, response: any) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (err) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tFSBL.Clients.Logger.error(\"ApplicationEdit spawn error:\", err);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tFSBL.Clients.Logger.log(\"ApplicationEdit spawn response:\", response);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<p>Your application is now available to be launched in the toolbar under “Apps”.</p>\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-edit-success-actions\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Add Another Application\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.setCurrentComponentID(\"new\");\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Return to List\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.setCurrentComponentID(\"\");\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</Content>\r\n\t\t\t\t\t\t</fieldset>\r\n\t\t\t\t\t</form>\r\n\t\t\t\t</div>\r\n\t\t\t</View>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ApplicationEdit.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationEdit.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, { useState } from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { Button } from \"../common/Button\";\r\nimport { AppEditPage, SubmittedDataProps } from \"./AppEditPage\";\r\nimport { generateDefaultConfig } from \"./sdd_helpers\";\r\nimport { ApplicationSaveData } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nexport type ApplicationEditProps = {\r\n\tid: string;\r\n\tisEditMode: boolean;\r\n\tisSetupWizard: boolean;\r\n\tonClickBackButton?: (e: React.MouseEvent<HTMLElement>) => void;\r\n\tsetCurrentComponentID: (id: string | null) => void;\r\n\tremoveAppID: (id: string) => void;\r\n\tremoveComponentID?: (id: string) => void;\r\n\tonSaveData: (data: ApplicationSaveData) => Promise<any>;\r\n\tapps: object[];\r\n\tdata: ApplicationSaveData;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n\tupdateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;\r\n};\r\n\r\nexport const ApplicationEdit = (props: ApplicationEditProps) => {\r\n\tconst [setupComplete, setSetupComplete] = useState(false);\r\n\tconst { displayName, windowURL, nativePath, currentAppType } = generateDefaultConfig(props.data);\r\n\r\n\treturn (\r\n\t\t<div className=\"app-edit\">\r\n\t\t\t<View>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<form onSubmit={(e) => e.preventDefault()}>\r\n\t\t\t\t\t\t<fieldset className=\"app-edit-fieldset\">\r\n\t\t\t\t\t\t\t<legend>\r\n\t\t\t\t\t\t\t\t<Header\r\n\t\t\t\t\t\t\t\t\thelpFunction={\r\n\t\t\t\t\t\t\t\t\t\tprops.isEditMode\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\t\t\tlaunchTutorialLink(\"editing-applications\");\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\t: () => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tlaunchTutorialLink(\"adding-applications\");\r\n\t\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\t{\r\n\t\t\t\t\t\t\t\t\t\t// Only display the back button during setup. Once setup is complete, hide the back button.\r\n\t\t\t\t\t\t\t\t\t\t...(setupComplete\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\t: {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackFunction: (e: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetSetupComplete(false);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (!props.isEditMode) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.removeAppID(props.id);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (typeof props.onClickBackButton === \"function\") {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// we're a child of of ApplicationSetup\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn props.onClickBackButton(e);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\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\t\t{props.isEditMode ? \"Edit App\" : \"Add an app\"}\r\n\t\t\t\t\t\t\t\t</Header>\r\n\t\t\t\t\t\t\t</legend>\r\n\r\n\t\t\t\t\t\t\t<Content>\r\n\t\t\t\t\t\t\t\t{!setupComplete ? (\r\n\t\t\t\t\t\t\t\t\t<AppEditPage\r\n\t\t\t\t\t\t\t\t\t\tstartingDisplayName={displayName}\r\n\t\t\t\t\t\t\t\t\t\tisSetupWizard={props.isSetupWizard}\r\n\t\t\t\t\t\t\t\t\t\tisEditMode={props.isEditMode}\r\n\t\t\t\t\t\t\t\t\t\tstartingAppType={currentAppType}\r\n\t\t\t\t\t\t\t\t\t\tstartingWindowURL={windowURL}\r\n\t\t\t\t\t\t\t\t\t\tstartingNativePath={nativePath}\r\n\t\t\t\t\t\t\t\t\t\tstartingDescription={props?.data?.description || \"\"}\r\n\t\t\t\t\t\t\t\t\t\tvalidateURL={(url: string) => FSBL.Clients.SmartDesktopClient.checkValidURL(url)}\r\n\t\t\t\t\t\t\t\t\t\tstartingWidth={props.data.width || 0}\r\n\t\t\t\t\t\t\t\t\t\tstartingHeight={props.data.height || 0}\r\n\t\t\t\t\t\t\t\t\t\tstartingRules={props.data.rules || []}\r\n\t\t\t\t\t\t\t\t\t\tremoveApplicationFn={() => {\r\n\t\t\t\t\t\t\t\t\t\t\tprops.removeAppID(props.id);\r\n\t\t\t\t\t\t\t\t\t\t\tprops.setCurrentComponentID(\"\");\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tcancelFn={() => {\r\n\t\t\t\t\t\t\t\t\t\t\tif (!props.isEditMode) {\r\n\t\t\t\t\t\t\t\t\t\t\t\tprops.removeAppID(props.id);\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\tprops.setCurrentComponentID(null);\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tsubmitFn={(data: SubmittedDataProps) => {\r\n\t\t\t\t\t\t\t\t\t\t\tprops\r\n\t\t\t\t\t\t\t\t\t\t\t\t?.onSaveData?.({\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t...data,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttags: props.data.tags,\r\n\t\t\t\t\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t\t\t\t\t.then(() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetSetupComplete(true);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (props?.isEditMode) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops?.setCurrentComponentID?.(\"\");\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\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\tisInboundInteropAuthorized={props.isInboundInteropAuthorized}\r\n\t\t\t\t\t\t\t\t\t\tisOutboundInteropAuthorized={props.isOutboundInteropAuthorized}\r\n\t\t\t\t\t\t\t\t\t\tupdateApp={props.updateApp}\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\t<div className=\"app-edit-success\">\r\n\t\t\t\t\t\t\t\t\t\t<h2>Your application is added</h2>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"app-edit-success-content\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-trial-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<p>Want to test it out?</p>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfashion=\"primary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttext=\"See it Now\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={(e: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tFSBL.Clients.LauncherClient.spawn(props.id, {}, (err: any, response: any) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (err) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tFSBL.Clients.Logger.error(\"ApplicationEdit spawn error:\", err);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tFSBL.Clients.Logger.log(\"ApplicationEdit spawn response:\", response);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<p>Your application is now available to be launched in the toolbar under “Apps”.</p>\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-edit-success-actions\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Add Another Application\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.setCurrentComponentID(\"new\");\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Return to List\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.setCurrentComponentID(\"\");\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t</Content>\r\n\t\t\t\t\t\t</fieldset>\r\n\t\t\t\t\t</form>\r\n\t\t\t\t</div>\r\n\t\t\t</View>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}