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

package/react/components/smartDesktopDesigner/ApplicationEdit.js

@@ -11,69 +11,86 @@ import { AppEditPage } from "./AppEditPage";
 import { generateDefaultConfig } from "./sdd_helpers";
 import { launchTutorialLink } from "./common/fsbl_functions";
 export const ApplicationEdit = (props) => {
+    var _a;
     const [setupComplete, setSetupComplete] = useState(false);
     const { displayName, windowURL, nativePath, currentAppType } = generateDefaultConfig(props.data);
+    const submitFn = (data) => {
+        var _a;
+        (_a = props === null || props === void 0 ? void 0 : props.onSaveData) === null || _a === void 0 ? void 0 : _a.call(props, Object.assign(Object.assign({}, data), { tags: props.data.tags })).then(() => {
+            var _a;
+            setSetupComplete(true);
+            if (props === null || props === void 0 ? void 0 : props.isEditMode) {
+                (_a = props === null || props === void 0 ? void 0 : props.setCurrentComponentID) === null || _a === void 0 ? void 0 : _a.call(props, "");
+            }
+        });
+    };
+    const cancelFn = () => {
+        if (!props.isEditMode) {
+            props.removeAppID(props.id);
+        }
+        props.setCurrentComponentID(null);
+    };
+    const removeApplicationFn = () => {
+        props.removeAppID(props.id);
+        props.setCurrentComponentID("");
+    };
+    const validateURL = (url) => FSBL.Clients.SmartDesktopClient.checkValidURL(url);
+    const seeItNow = (e) => {
+        FSBL.Clients.LauncherClient.spawn(props.id, {}, (err, response) => {
+            if (err) {
+                FSBL.Clients.Logger.error("ApplicationEdit spawn error:", err);
+            }
+            else {
+                FSBL.Clients.Logger.log("ApplicationEdit spawn response:", response);
+            }
+        });
+        e.preventDefault();
+    };
+    const backFunction = (e) => {
+        setSetupComplete(false);
+        if (!props.isEditMode) {
+            props.removeAppID(props.id);
+        }
+        if (typeof props.onClickBackButton === "function") {
+            return props.onClickBackButton(e);
+        }
+    };
+    const helpFunction = () => {
+        const helpLink = props.isEditMode ? "editing-applications" : "adding-applications";
+        launchTutorialLink(helpLink);
+    };
+    const appEditPageProps = {
+        startingDisplayName: displayName,
+        isSetupWizard: props.isSetupWizard,
+        isEditMode: props.isEditMode,
+        startingAppType: currentAppType,
+        startingWindowURL: windowURL,
+        startingNativePath: nativePath,
+        startingDescription: ((_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.description) || "",
+        validateURL,
+        startingWidth: props.data.width || 0,
+        startingHeight: props.data.height || 0,
+        startingRules: props.data.rules || [],
+        removeApplicationFn,
+        cancelFn,
+        submitFn,
+        addApp: props.addApp,
+        isInboundInteropAuthorized: props.isInboundInteropAuthorized,
+        isOutboundInteropAuthorized: props.isOutboundInteropAuthorized,
+    };
     return (React.createElement("div", { className: "app-edit" },
         React.createElement(View, null,
             React.createElement("div", null,
                 React.createElement("form", { onSubmit: (e) => e.preventDefault() },
                     React.createElement("fieldset", { className: "app-edit-fieldset" },
                         React.createElement("legend", null,
-                            React.createElement(Header, { helpFunction: props.isEditMode
-                                    ? () => {
-                                        launchTutorialLink("editing-applications");
-                                    }
-                                    : () => {
-                                        launchTutorialLink("adding-applications");
-                                    }, ...(setupComplete
-                                    ? {}
-                                    : {
-                                        backFunction: (e) => {
-                                            setSetupComplete(false);
-                                            if (!props.isEditMode) {
-                                                props.removeAppID(props.id);
-                                            }
-                                            if (typeof props.onClickBackButton === "function") {
-                                                return props.onClickBackButton(e);
-                                            }
-                                        },
-                                    }) }, 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, startingRules: props.data.rules || [], removeApplicationFn: () => {
-                                props.removeAppID(props.id);
-                                props.setCurrentComponentID("");
-                            }, cancelFn: () => {
-                                if (!props.isEditMode) {
-                                    props.removeAppID(props.id);
-                                }
-                                props.setCurrentComponentID(null);
-                            }, submitFn: (data) => {
-                                props
-                                    ?.onSaveData?.({
-                                    ...data,
-                                    tags: props.data.tags,
-                                })
-                                    .then(() => {
-                                    setSetupComplete(true);
-                                    if (props?.isEditMode) {
-                                        props?.setCurrentComponentID?.("");
-                                    }
-                                });
-                            }, isInboundInteropAuthorized: props.isInboundInteropAuthorized, isOutboundInteropAuthorized: props.isOutboundInteropAuthorized, updateApp: props.updateApp })) : (React.createElement("div", { className: "app-edit-success" },
+                            React.createElement(Header, Object.assign({ helpFunction: helpFunction }, (setupComplete ? {} : { backFunction: backFunction })), props.isEditMode ? "Edit App" : "Add an app")),
+                        React.createElement(Content, null, !setupComplete ? (React.createElement(AppEditPage, Object.assign({}, appEditPageProps))) : (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" },
                                     React.createElement("p", null, "Want to test it out?"),
-                                    React.createElement(Button, { fashion: "primary", text: "See it Now", onClick: (e) => {
-                                            FSBL.Clients.LauncherClient.spawn(props.id, {}, (err, response) => {
-                                                if (err) {
-                                                    FSBL.Clients.Logger.error("ApplicationEdit spawn error:", err);
-                                                }
-                                                else {
-                                                    FSBL.Clients.Logger.log("ApplicationEdit spawn response:", response);
-                                                }
-                                            });
-                                            e.preventDefault();
-                                        } })),
+                                    React.createElement(Button, { fashion: "primary", text: "See it Now", onClick: seeItNow })),
                                 React.createElement("p", null, "Your application is now available to be launched in the toolbar under \u201CApps\u201D."),
                                 React.createElement("div", { className: "app-edit-success-actions" },
                                     React.createElement(Button, { fashion: "secondary", text: "Add Another Application", onClick: () => {

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\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"]}
+{"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\nimport { AppEditPageProps } from \"./AppEditPage\";\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\taddApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\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\tconst submitFn = (data: SubmittedDataProps) => {\r\n\t\tprops\r\n\t\t\t?.onSaveData?.({\r\n\t\t\t\t...data,\r\n\t\t\t\ttags: props.data.tags,\r\n\t\t\t})\r\n\t\t\t.then(() => {\r\n\t\t\t\tsetSetupComplete(true);\r\n\r\n\t\t\t\tif (props?.isEditMode) {\r\n\t\t\t\t\tprops?.setCurrentComponentID?.(\"\");\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t};\r\n\r\n\tconst cancelFn = () => {\r\n\t\tif (!props.isEditMode) {\r\n\t\t\tprops.removeAppID(props.id);\r\n\t\t}\r\n\r\n\t\tprops.setCurrentComponentID(null);\r\n\t};\r\n\r\n\tconst removeApplicationFn = () => {\r\n\t\tprops.removeAppID(props.id);\r\n\t\tprops.setCurrentComponentID(\"\");\r\n\t};\r\n\r\n\tconst validateURL = (url: string) => FSBL.Clients.SmartDesktopClient.checkValidURL(url);\r\n\r\n\tconst seeItNow = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\tFSBL.Clients.LauncherClient.spawn(props.id, {}, (err: any, response: any) => {\r\n\t\t\tif (err) {\r\n\t\t\t\tFSBL.Clients.Logger.error(\"ApplicationEdit spawn error:\", err);\r\n\t\t\t} else {\r\n\t\t\t\tFSBL.Clients.Logger.log(\"ApplicationEdit spawn response:\", response);\r\n\t\t\t}\r\n\t\t});\r\n\t\te.preventDefault();\r\n\t};\r\n\r\n\tconst backFunction = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n\t\tsetSetupComplete(false);\r\n\r\n\t\tif (!props.isEditMode) {\r\n\t\t\tprops.removeAppID(props.id);\r\n\t\t}\r\n\r\n\t\tif (typeof props.onClickBackButton === \"function\") {\r\n\t\t\t// we're a child of of ApplicationSetup\r\n\t\t\treturn props.onClickBackButton(e);\r\n\t\t}\r\n\t};\r\n\r\n\tconst helpFunction = () => {\r\n\t\tconst helpLink = props.isEditMode ? \"editing-applications\" : \"adding-applications\";\r\n\t\tlaunchTutorialLink(helpLink);\r\n\t};\r\n\r\n\tconst appEditPageProps: AppEditPageProps = {\r\n\t\tstartingDisplayName: displayName,\r\n\t\tisSetupWizard: props.isSetupWizard,\r\n\t\tisEditMode: props.isEditMode,\r\n\t\tstartingAppType: currentAppType,\r\n\t\tstartingWindowURL: windowURL,\r\n\t\tstartingNativePath: nativePath,\r\n\t\tstartingDescription: props?.data?.description || \"\",\r\n\t\tvalidateURL,\r\n\t\tstartingWidth: props.data.width || 0,\r\n\t\tstartingHeight: props.data.height || 0,\r\n\t\tstartingRules: props.data.rules || [],\r\n\t\tremoveApplicationFn,\r\n\t\tcancelFn,\r\n\t\tsubmitFn,\r\n\t\taddApp: props.addApp,\r\n\t\tisInboundInteropAuthorized: props.isInboundInteropAuthorized,\r\n\t\tisOutboundInteropAuthorized: props.isOutboundInteropAuthorized,\r\n\t};\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={helpFunction}\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 ? {} : { backFunction: backFunction })\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 {...appEditPageProps} />\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 fashion=\"primary\" text=\"See it Now\" onClick={seeItNow} />\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"]}

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

@@ -2,12 +2,14 @@
  * Copyright 2017 - 2020 by ChartIQ, Inc.
  * All rights reserved.
  */
-/// <reference types="finsemble-core" />
 /// <reference types="react" />
 import "../common/css/application-list.css";
+import { services } from "@finsemble/finsemble-core";
+declare type AppDefinition = services.Interop.types.AppDefinition;
 export declare type ApplicationListProps = {
-    apps: AppDConfig[];
+    apps: AppDefinition[];
     clickApp: (s: string) => void;
     deleteApp: (s: string) => void;
 };
 export declare const ApplicationList: ({ apps, clickApp, deleteApp }: ApplicationListProps) => JSX.Element;
+export {};

package/react/components/smartDesktopDesigner/ApplicationList.js

@@ -19,35 +19,38 @@ export const ApplicationList = ({ apps, clickApp, deleteApp }) => (React.createE
     }
     return 0;
 })
-    .map((data) => {
-    const appID = data.appId;
+    .map((appDEntry) => {
+    var _a, _b;
+    const appID = appDEntry.appId;
     const openAppEventHandler = (e) => {
         clickApp(appID);
         e.preventDefault();
     };
     const deleteAppEventHandler = (e) => {
         e.stopPropagation();
-        deleteApp(data.component?.displayName || appID);
+        deleteApp(appID);
     };
-    return (React.createElement("div", { key: appID, id: `app-list-row-${appID}`, className: "app-list-row", role: "listitem", tabIndex: 0, onClick: openAppEventHandler, onKeyDown: (e) => {
-            switch (e.key) {
-                case "Enter": {
-                }
-                case " ": {
-                    openAppEventHandler(e);
-                    break;
-                }
-                case "Delete": {
-                    deleteAppEventHandler(e);
-                    break;
-                }
-                default: {
-                }
+    const keyDownHandler = (e) => {
+        switch (e.key) {
+            case "Enter": {
             }
-        } },
-        React.createElement("span", { className: "app-name" }, data.component?.displayName || data.appName || data.name || appID),
+            case " ": {
+                openAppEventHandler(e);
+                break;
+            }
+            case "Delete": {
+                deleteAppEventHandler(e);
+                break;
+            }
+            default: {
+            }
+        }
+    };
+    const displayName = ((_b = (_a = appDEntry.manifest) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.displayName) || appDEntry.name || appID;
+    return (React.createElement("div", { key: appID, id: `app-list-row-${appID}`, className: "app-list-row", role: "listitem", tabIndex: 0, onClick: openAppEventHandler, onKeyDown: keyDownHandler },
+        React.createElement("span", { className: "app-name" }, displayName),
         React.createElement("div", { className: "icon-bar" },
-            data.icon ? (React.createElement(Tooltip, { altClassName: "icon-warning", position: "left" }, "This app group is empty.")) : (""),
+            appDEntry.icons ? (React.createElement(Tooltip, { altClassName: "icon-warning", position: "left" }, "This app group is empty.")) : (""),
             React.createElement(ButtonIcon, { tabIndex: -1, className: "icon-delete", icon: "trash", text: "Delete", onClick: deleteAppEventHandler }))));
 })))));
 //# sourceMappingURL=ApplicationList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationList.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAoB5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAwB,EAAE,EAAE,CAAC,CACvF,0CACE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,6BAAK,SAAS,EAAC,gBAAgB;;IAE9B,+BAAM;wCAED,CACN,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,IACzC,IAAI;KACH,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACd,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE;QACpB,OAAO,CAAC,CAAC;KACT;SAAM,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE;QAC3B,OAAO,CAAC,CAAC,CAAC;KACV;IAED,OAAO,CAAC,CAAC;AACV,CAAC,CAAC;KACD,GAAG,CAAC,CAAC,IAAgB,EAAE,EAAE;IACzB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IAEzB,MAAM,mBAAmB,GAAG,CAAC,CAA2D,EAAE,EAAE;QAC3F,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC,CAAC,cAAc,EAAE,CAAC;IACpB,CAAC,CAAC;IACF,MAAM,qBAAqB,GAAG,CAAC,CAA2D,EAAE,EAAE;QAC7F,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW,IAAI,KAAK,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,CACN,6BACC,GAAG,EAAE,KAAK,EACV,EAAE,EAAE,gBAAgB,KAAK,EAAE,EAC3B,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,CAAC,CAAsC,EAAE,EAAE;YACrD,QAAQ,CAAC,CAAC,GAAG,EAAE;gBACd,KAAK,OAAO,CAAC,CAAC;iBACb;gBACD,KAAK,GAAG,CAAC,CAAC;oBACT,mBAAmB,CAAC,CAAC,CAAC,CAAC;oBACvB,MAAM;iBACN;gBACD,KAAK,QAAQ,CAAC,CAAC;oBACd,qBAAqB,CAAC,CAAC,CAAC,CAAC;oBACzB,MAAM;iBACN;gBACD,OAAO,CAAC,CAAC;iBACR;aACD;QACF,CAAC;QAED,8BAAM,SAAS,EAAC,UAAU,IAAE,IAAI,CAAC,SAAS,EAAE,WAAW,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,IAAI,KAAK,CAAQ;QACrG,6BAAK,SAAS,EAAC,UAAU;YACvB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACZ,oBAAC,OAAO,IAAC,YAAY,EAAC,cAAc,EAAC,QAAQ,EAAC,MAAM,+BAE1C,CACV,CAAC,CAAC,CAAC,CACH,EAAE,CACF;YACD,oBAAC,UAAU,IACV,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAC,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,qBAAqB,GAC7B,CACG,CACD,CACN,CAAC;AACH,CAAC,CAAC,CACE,CACN,CACC,CACH,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\nimport \"../common/css/application-list.css\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\n\r\nexport type ApplicationListProps = {\r\n\tapps: AppDConfig[];\r\n\tclickApp: (s: string) => void;\r\n\tdeleteApp: (s: string) => void;\r\n};\r\n\r\n/*\r\napps = [\r\n\t{\r\n\t\tappId: string\r\n\t\tcomponent: {\r\n\t\t\tdisplayName: string\r\n\t\t},\r\n\t\ticon?: string\r\n\t}, ...\r\n]\r\n*/\r\n\r\nexport const ApplicationList = ({ apps, clickApp, deleteApp }: ApplicationListProps) => (\r\n\t<>\r\n\t\t{apps.length < 1 ? (\r\n\t\t\t<div className=\"app-list-empty\">\r\n\t\t\t\tThere’s nothing here!\r\n\t\t\t\t<br />\r\n\t\t\t\tClick the Add button to add apps.\r\n\t\t\t</div>\r\n\t\t) : (\r\n\t\t\t<div className=\"app-list-table\" role=\"list\">\r\n\t\t\t\t{apps\r\n\t\t\t\t\t.sort((a, b) => {\r\n\t\t\t\t\t\tif (a.name > b.name) {\r\n\t\t\t\t\t\t\treturn 1;\r\n\t\t\t\t\t\t} else if (b.name > a.name) {\r\n\t\t\t\t\t\t\treturn -1;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn 0;\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.map((data: AppDConfig) => {\r\n\t\t\t\t\t\tconst appID = data.appId;\r\n\r\n\t\t\t\t\t\tconst openAppEventHandler = (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => {\r\n\t\t\t\t\t\t\tclickApp(appID);\r\n\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tconst deleteAppEventHandler = (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => {\r\n\t\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\t\tdeleteApp(data.component?.displayName || appID);\r\n\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tkey={appID}\r\n\t\t\t\t\t\t\t\tid={`app-list-row-${appID}`}\r\n\t\t\t\t\t\t\t\tclassName=\"app-list-row\"\r\n\t\t\t\t\t\t\t\trole=\"listitem\"\r\n\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\tonClick={openAppEventHandler}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\t\t\t\t\t\t\tswitch (e.key) {\r\n\t\t\t\t\t\t\t\t\t\tcase \"Enter\": {\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tcase \" \": {\r\n\t\t\t\t\t\t\t\t\t\t\topenAppEventHandler(e);\r\n\t\t\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tcase \"Delete\": {\r\n\t\t\t\t\t\t\t\t\t\t\tdeleteAppEventHandler(e);\r\n\t\t\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\tdefault: {\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\t<span className=\"app-name\">{data.component?.displayName || data.appName || data.name || appID}</span>\r\n\t\t\t\t\t\t\t\t<div className=\"icon-bar\">\r\n\t\t\t\t\t\t\t\t\t{data.icon ? (\r\n\t\t\t\t\t\t\t\t\t\t<Tooltip altClassName=\"icon-warning\" position=\"left\">\r\n\t\t\t\t\t\t\t\t\t\t\tThis app group is empty.\r\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\r\n\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\t<ButtonIcon\r\n\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"icon-delete\"\r\n\t\t\t\t\t\t\t\t\t\ticon=\"trash\"\r\n\t\t\t\t\t\t\t\t\t\ttext=\"Delete\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={deleteAppEventHandler}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t</div>\r\n\t\t)}\r\n\t</>\r\n);\r\n"]}
+{"version":3,"file":"ApplicationList.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,oCAAoC,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAW5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAwB,EAAE,EAAE,CAAC,CACvF,0CACE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,6BAAK,SAAS,EAAC,gBAAgB;;IAE9B,+BAAM;wCAED,CACN,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,MAAM,IACzC,IAAI;KACH,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACd,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE;QACpB,OAAO,CAAC,CAAC;KACT;SAAM,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE;QAC3B,OAAO,CAAC,CAAC,CAAC;KACV;IAED,OAAO,CAAC,CAAC;AACV,CAAC,CAAC;KACD,GAAG,CAAC,CAAC,SAAwB,EAAE,EAAE;;IACjC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;IAE9B,MAAM,mBAAmB,GAAG,CAAC,CAA2D,EAAE,EAAE;QAC3F,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,CAAC,CAAC,cAAc,EAAE,CAAC;IACpB,CAAC,CAAC;IACF,MAAM,qBAAqB,GAAG,CAAC,CAA2D,EAAE,EAAE;QAC7F,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,CAAsC,EAAE,EAAE;QACjE,QAAQ,CAAC,CAAC,GAAG,EAAE;YACd,KAAK,OAAO,CAAC,CAAC;aACb;YACD,KAAK,GAAG,CAAC,CAAC;gBACT,mBAAmB,CAAC,CAAC,CAAC,CAAC;gBACvB,MAAM;aACN;YACD,KAAK,QAAQ,CAAC,CAAC;gBACd,qBAAqB,CAAC,CAAC,CAAC,CAAC;gBACzB,MAAM;aACN;YACD,OAAO,CAAC,CAAC;aACR;SACD;IACF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAA,MAAA,MAAA,SAAS,CAAC,QAAQ,0CAAE,SAAS,0CAAE,WAAW,KAAI,SAAS,CAAC,IAAI,IAAI,KAAK,CAAC;IAE1F,OAAO,CACN,6BACC,GAAG,EAAE,KAAK,EACV,EAAE,EAAE,gBAAgB,KAAK,EAAE,EAC3B,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,cAAc;QAEzB,8BAAM,SAAS,EAAC,UAAU,IAAE,WAAW,CAAQ;QAC/C,6BAAK,SAAS,EAAC,UAAU;YACvB,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAClB,oBAAC,OAAO,IAAC,YAAY,EAAC,cAAc,EAAC,QAAQ,EAAC,MAAM,+BAE1C,CACV,CAAC,CAAC,CAAC,CACH,EAAE,CACF;YACD,oBAAC,UAAU,IACV,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAC,aAAa,EACvB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,qBAAqB,GAC7B,CACG,CACD,CACN,CAAC;AACH,CAAC,CAAC,CACE,CACN,CACC,CACH,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\nimport \"../common/css/application-list.css\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype AppDefinition = services.Interop.types.AppDefinition;\r\n\r\nexport type ApplicationListProps = {\r\n\tapps: AppDefinition[];\r\n\tclickApp: (s: string) => void;\r\n\tdeleteApp: (s: string) => void;\r\n};\r\n\r\nexport const ApplicationList = ({ apps, clickApp, deleteApp }: ApplicationListProps) => (\r\n\t<>\r\n\t\t{apps.length < 1 ? (\r\n\t\t\t<div className=\"app-list-empty\">\r\n\t\t\t\tThere’s nothing here!\r\n\t\t\t\t<br />\r\n\t\t\t\tClick the Add button to add apps.\r\n\t\t\t</div>\r\n\t\t) : (\r\n\t\t\t<div className=\"app-list-table\" role=\"list\">\r\n\t\t\t\t{apps\r\n\t\t\t\t\t.sort((a, b) => {\r\n\t\t\t\t\t\tif (a.name > b.name) {\r\n\t\t\t\t\t\t\treturn 1;\r\n\t\t\t\t\t\t} else if (b.name > a.name) {\r\n\t\t\t\t\t\t\treturn -1;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\treturn 0;\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.map((appDEntry: AppDefinition) => {\r\n\t\t\t\t\t\tconst appID = appDEntry.appId;\r\n\r\n\t\t\t\t\t\tconst openAppEventHandler = (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => {\r\n\t\t\t\t\t\t\tclickApp(appID);\r\n\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tconst deleteAppEventHandler = (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => {\r\n\t\t\t\t\t\t\te.stopPropagation();\r\n\t\t\t\t\t\t\tdeleteApp(appID);\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tconst keyDownHandler = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n\t\t\t\t\t\t\tswitch (e.key) {\r\n\t\t\t\t\t\t\t\tcase \"Enter\": {\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tcase \" \": {\r\n\t\t\t\t\t\t\t\t\topenAppEventHandler(e);\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tcase \"Delete\": {\r\n\t\t\t\t\t\t\t\t\tdeleteAppEventHandler(e);\r\n\t\t\t\t\t\t\t\t\tbreak;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tdefault: {\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\r\n\t\t\t\t\t\tconst displayName = appDEntry.manifest?.component?.displayName || appDEntry.name || appID;\r\n\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tkey={appID}\r\n\t\t\t\t\t\t\t\tid={`app-list-row-${appID}`}\r\n\t\t\t\t\t\t\t\tclassName=\"app-list-row\"\r\n\t\t\t\t\t\t\t\trole=\"listitem\"\r\n\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\tonClick={openAppEventHandler}\r\n\t\t\t\t\t\t\t\tonKeyDown={keyDownHandler}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span className=\"app-name\">{displayName}</span>\r\n\t\t\t\t\t\t\t\t<div className=\"icon-bar\">\r\n\t\t\t\t\t\t\t\t\t{appDEntry.icons ? (\r\n\t\t\t\t\t\t\t\t\t\t<Tooltip altClassName=\"icon-warning\" position=\"left\">\r\n\t\t\t\t\t\t\t\t\t\t\tThis app group is empty.\r\n\t\t\t\t\t\t\t\t\t\t</Tooltip>\r\n\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\t<ButtonIcon\r\n\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"icon-delete\"\r\n\t\t\t\t\t\t\t\t\t\ticon=\"trash\"\r\n\t\t\t\t\t\t\t\t\t\ttext=\"Delete\"\r\n\t\t\t\t\t\t\t\t\t\tonClick={deleteAppEventHandler}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t</div>\r\n\t\t)}\r\n\t</>\r\n);\r\n"]}

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

@@ -2,10 +2,10 @@
  * Copyright 2017 - 2020 by ChartIQ, Inc.
  * All rights reserved.
  */
-/// <reference types="finsemble-core" />
 /// <reference types="react" />
 import { ApplicationSaveData } from "../../types/smartDesktopDesignerTypes";
-import { AppDefinition } from "services/Interop/types";
+import { services } from "@finsemble/finsemble-core";
+declare type AppDefinition = services.Interop.types.AppDefinition;
 export declare type ApplicationSetupProps = {
     id: string;
     setCurrentComponentID: (id: string | null) => void;
@@ -15,8 +15,9 @@ export declare type ApplicationSetupProps = {
     backFunction: () => void;
     apps: AppDefinition[];
     data: ApplicationSaveData;
+    addApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;
     isInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;
     isOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;
-    updateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;
 };
 export declare const ApplicationSetup: (props: ApplicationSetupProps) => JSX.Element;
+export {};

package/react/components/smartDesktopDesigner/ApplicationSetup.js

@@ -31,6 +31,7 @@ export const ApplicationSetup = (props) => {
             return props.onClickBackButton();
         }
     };
+    const applicationEditProps = Object.assign(Object.assign({}, props), { isSetupWizard: true, isEditMode: false, onSaveData: props.onSaveData, apps: props.apps, data: Object.assign(Object.assign({}, props.data), { url: currentAppType === "web" ? currentAppPath : "", path: currentAppType === "native" ? currentAppPath : "" }), onClickBackButton });
     return (React.createElement("div", { className: "app-edit" },
         React.createElement(View, null,
             React.createElement(Header, { helpFunction: () => {
@@ -40,14 +41,14 @@ export const ApplicationSetup = (props) => {
                 React.createElement("h2", { className: "setup-type-heading" }, "Is your app web or native?"),
                 React.createElement("div", { className: `tile-type-buttons active-${currentAppType}` },
                     React.createElement(ButtonTile, { className: "icon-web", icon: "globe", text: "Web app", onClick: () => {
-                            setCurrentAppType?.("web");
-                            setCurrentAppPath?.(props.data.url || "");
-                            setSavedAppPath?.(false);
+                            setCurrentAppType === null || setCurrentAppType === void 0 ? void 0 : setCurrentAppType("web");
+                            setCurrentAppPath === null || setCurrentAppPath === void 0 ? void 0 : setCurrentAppPath(props.data.url || "");
+                            setSavedAppPath === null || setSavedAppPath === void 0 ? void 0 : setSavedAppPath(false);
                         } }),
                     React.createElement(ButtonTile, { className: "icon-native", icon: "hdd", text: "Native app", onClick: () => {
-                            setCurrentAppType?.("native");
-                            setCurrentAppPath?.(props.data.path || "");
-                            setSavedAppPath?.(false);
+                            setCurrentAppType === null || setCurrentAppType === void 0 ? void 0 : setCurrentAppType("native");
+                            setCurrentAppPath === null || setCurrentAppPath === void 0 ? void 0 : setCurrentAppPath(props.data.path || "");
+                            setSavedAppPath === null || setSavedAppPath === void 0 ? void 0 : setSavedAppPath(false);
                         } })),
                 currentAppType && !savedAppPath && (React.createElement(React.Fragment, null,
                     React.createElement("div", { className: "app-setup-url-field" },
@@ -67,19 +68,6 @@ export const ApplicationSetup = (props) => {
                             React.createElement(Button, { fashion: "secondary", text: "Next", disabled: disableNext, onClick: () => {
                                     setSavedAppPath(true);
                                 } }))))))) : (React.createElement(React.Fragment, null,
-                React.createElement(ApplicationEdit, { ...{
-                        ...props,
-                        isNew: true,
-                        isSetupWizard: true,
-                        isEditMode: false,
-                        onSaveData: props.onSaveData,
-                        apps: props.apps,
-                        data: {
-                            ...props.data,
-                            url: currentAppType === "web" ? currentAppPath : "",
-                            path: currentAppType === "native" ? currentAppPath : "",
-                        },
-                        onClickBackButton,
-                    } })))))));
+                React.createElement(ApplicationEdit, Object.assign({}, applicationEditProps))))))));
 };
 //# sourceMappingURL=ApplicationSetup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApplicationSetup.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationSetup.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, useEffect } from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ApplicationEdit } from \"./ApplicationEdit\";\r\nimport { FileInput } from \"../common/FileInput\";\r\nimport { Button } from \"../common/Button\";\r\nimport { ButtonTile } from \"../common/ButtonTile\";\r\nimport { ApplicationSaveData } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\r\nimport { AppDefinition } from \"services/Interop/types\";\r\n\r\nexport type ApplicationSetupProps = {\r\n\tid: string;\r\n\tsetCurrentComponentID: (id: string | null) => void;\r\n\tonClickBackButton?: () => void;\r\n\tremoveAppID: (id: string) => void;\r\n\tonSaveData: (data: ApplicationSaveData) => Promise<any>;\r\n\tbackFunction: () => void;\r\n\tapps: AppDefinition[];\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 ApplicationSetup = (props: ApplicationSetupProps) => {\r\n\tconst [currentAppType, setCurrentAppType] = useState(\"\");\r\n\tconst [currentAppPath, setCurrentAppPath] = useState(\"\");\r\n\tconst [savedAppPath, setSavedAppPath] = useState(false);\r\n\tconst [isAppPathValid, setIsAppPathValid] = useState(true);\r\n\r\n\tconst invalidWeb = currentAppType === \"web\" && (!isAppPathValid || currentAppPath.length === 0);\r\n\tconst invalidNative =\r\n\t\tcurrentAppType === \"native\" && (currentAppPath === \"\" || validateFilename(VALID_APP_EXTENSIONS, currentAppPath));\r\n\tconst disableNext = invalidWeb || invalidNative;\r\n\r\n\tuseEffect(() => {\r\n\t\tsetIsAppPathValid(FSBL.Clients.SmartDesktopClient.checkValidURL(currentAppPath));\r\n\t}, [currentAppPath]);\r\n\r\n\tconst onClickBackButton = () => {\r\n\t\t// setSavedAppCompatibility(false);\r\n\t\tif (savedAppPath) {\r\n\t\t\tsetSavedAppPath(false);\r\n\t\t} else if (typeof props.onClickBackButton === \"function\") {\r\n\t\t\t// we're a child of of Application\r\n\t\t\treturn props.onClickBackButton();\r\n\t\t}\r\n\t};\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<Header\r\n\t\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\t\tlaunchTutorialLink(\"adding-applications\");\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tbackFunction={onClickBackButton}\r\n\t\t\t\t>\r\n\t\t\t\t\tAdd an app\r\n\t\t\t\t</Header>\r\n\r\n\t\t\t\t<Content>\r\n\t\t\t\t\t{!savedAppPath ? (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<h2 className=\"setup-type-heading\">Is your app web or native?</h2>\r\n\r\n\t\t\t\t\t\t\t<div className={`tile-type-buttons active-${currentAppType}`}>\r\n\t\t\t\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-web\"\r\n\t\t\t\t\t\t\t\t\ticon=\"globe\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Web app\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppType?.(\"web\");\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath?.(props.data.url || \"\");\r\n\t\t\t\t\t\t\t\t\t\tsetSavedAppPath?.(false);\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-native\"\r\n\t\t\t\t\t\t\t\t\ticon=\"hdd\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Native app\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppType?.(\"native\");\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath?.(props.data.path || \"\");\r\n\t\t\t\t\t\t\t\t\t\tsetSavedAppPath?.(false);\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\r\n\t\t\t\t\t\t\t{currentAppType && !savedAppPath && (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-setup-url-field\">\r\n\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-url\">\r\n\t\t\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<>Enter the full URL of the application</>\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<>Choose your application</>\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</label>\r\n\t\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-url-container\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"https://...\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"app-url\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={currentAppPath}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-invalid={!isAppPathValid}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-errormessage=\"app-url-error-message\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(e.target.value);\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\tonKeyUp={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(e.currentTarget.value);\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{!isAppPathValid ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"app-url-error-message\" className=\"invalid-message\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tURL must be valid (e.g., https://cosaic.io/). Only http and https prototcols are supported.\r\n\t\t\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\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\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) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<FileInput\r\n\t\t\t\t\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\r\n\t\t\t\t\t\t\t\t\t\t\t\tshouldUpload={false}\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={currentAppPath}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(value);\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></FileInput>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-edit-actions\">\r\n\t\t\t\t\t\t\t\t\t\t<div></div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div>\r\n\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\tfashion=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Next\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disableNext}\r\n\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\tsetSavedAppPath(true);\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</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)}\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<ApplicationEdit\r\n\t\t\t\t\t\t\t\t{...{\r\n\t\t\t\t\t\t\t\t\t...props,\r\n\t\t\t\t\t\t\t\t\tisNew: true,\r\n\t\t\t\t\t\t\t\t\tisSetupWizard: true,\r\n\t\t\t\t\t\t\t\t\tisEditMode: false,\r\n\t\t\t\t\t\t\t\t\tonSaveData: props.onSaveData,\r\n\t\t\t\t\t\t\t\t\tapps: props.apps,\r\n\t\t\t\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\t\t\t\t...props.data,\r\n\t\t\t\t\t\t\t\t\t\turl: currentAppType === \"web\" ? currentAppPath : \"\",\r\n\t\t\t\t\t\t\t\t\t\tpath: currentAppType === \"native\" ? currentAppPath : \"\",\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\tonClickBackButton,\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t></ApplicationEdit>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Content>\r\n\t\t\t</View>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ApplicationSetup.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ApplicationSetup.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, useEffect } from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ApplicationEdit } from \"./ApplicationEdit\";\r\nimport { FileInput } from \"../common/FileInput\";\r\nimport { Button } from \"../common/Button\";\r\nimport { ButtonTile } from \"../common/ButtonTile\";\r\nimport { ApplicationSaveData } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\r\nimport { ApplicationEditProps } from \"./ApplicationEdit\";\r\nimport { services } from \"@finsemble/finsemble-core\";\r\n\r\ntype AppDefinition = services.Interop.types.AppDefinition;\r\n\r\nexport type ApplicationSetupProps = {\r\n\tid: string;\r\n\tsetCurrentComponentID: (id: string | null) => void;\r\n\tonClickBackButton?: () => void;\r\n\tremoveAppID: (id: string) => void;\r\n\tonSaveData: (data: ApplicationSaveData) => Promise<any>;\r\n\tbackFunction: () => void;\r\n\tapps: AppDefinition[];\r\n\tdata: ApplicationSaveData;\r\n\taddApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;\r\n\tisInboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isInboundInteropAuthorized;\r\n\tisOutboundInteropAuthorized: typeof FSBL.Clients.SmartDesktopClient.isOutboundInteropAuthorized;\r\n};\r\n\r\nexport const ApplicationSetup = (props: ApplicationSetupProps) => {\r\n\tconst [currentAppType, setCurrentAppType] = useState(\"\");\r\n\tconst [currentAppPath, setCurrentAppPath] = useState(\"\");\r\n\tconst [savedAppPath, setSavedAppPath] = useState(false);\r\n\tconst [isAppPathValid, setIsAppPathValid] = useState(true);\r\n\r\n\tconst invalidWeb = currentAppType === \"web\" && (!isAppPathValid || currentAppPath.length === 0);\r\n\tconst invalidNative =\r\n\t\tcurrentAppType === \"native\" && (currentAppPath === \"\" || validateFilename(VALID_APP_EXTENSIONS, currentAppPath));\r\n\tconst disableNext = invalidWeb || invalidNative;\r\n\r\n\tuseEffect(() => {\r\n\t\tsetIsAppPathValid(FSBL.Clients.SmartDesktopClient.checkValidURL(currentAppPath));\r\n\t}, [currentAppPath]);\r\n\r\n\tconst onClickBackButton = () => {\r\n\t\t// setSavedAppCompatibility(false);\r\n\t\tif (savedAppPath) {\r\n\t\t\tsetSavedAppPath(false);\r\n\t\t} else if (typeof props.onClickBackButton === \"function\") {\r\n\t\t\t// we're a child of of Application\r\n\t\t\treturn props.onClickBackButton();\r\n\t\t}\r\n\t};\r\n\r\n\tconst applicationEditProps: ApplicationEditProps = {\r\n\t\t...props,\r\n\t\tisSetupWizard: true,\r\n\t\tisEditMode: false,\r\n\t\tonSaveData: props.onSaveData,\r\n\t\tapps: props.apps,\r\n\t\tdata: {\r\n\t\t\t...props.data,\r\n\t\t\turl: currentAppType === \"web\" ? currentAppPath : \"\",\r\n\t\t\tpath: currentAppType === \"native\" ? currentAppPath : \"\",\r\n\t\t},\r\n\t\tonClickBackButton,\r\n\t};\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<Header\r\n\t\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\t\tlaunchTutorialLink(\"adding-applications\");\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tbackFunction={onClickBackButton}\r\n\t\t\t\t>\r\n\t\t\t\t\tAdd an app\r\n\t\t\t\t</Header>\r\n\r\n\t\t\t\t<Content>\r\n\t\t\t\t\t{!savedAppPath ? (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<h2 className=\"setup-type-heading\">Is your app web or native?</h2>\r\n\r\n\t\t\t\t\t\t\t<div className={`tile-type-buttons active-${currentAppType}`}>\r\n\t\t\t\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\t\t\t\tclassName=\"icon-web\"\r\n\t\t\t\t\t\t\t\t\ticon=\"globe\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Web app\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppType?.(\"web\");\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath?.(props.data.url || \"\");\r\n\t\t\t\t\t\t\t\t\t\tsetSavedAppPath?.(false);\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-native\"\r\n\t\t\t\t\t\t\t\t\ticon=\"hdd\"\r\n\t\t\t\t\t\t\t\t\ttext=\"Native app\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppType?.(\"native\");\r\n\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath?.(props.data.path || \"\");\r\n\t\t\t\t\t\t\t\t\t\tsetSavedAppPath?.(false);\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\r\n\t\t\t\t\t\t\t{currentAppType && !savedAppPath && (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-setup-url-field\">\r\n\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-url\">\r\n\t\t\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<>Enter the full URL of the application</>\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<>Choose your application</>\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</label>\r\n\t\t\t\t\t\t\t\t\t\t{currentAppType === \"web\" ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"app-url-container\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"https://...\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"app-url\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={currentAppPath}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-invalid={!isAppPathValid}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-errormessage=\"app-url-error-message\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(e.target.value);\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\tonKeyUp={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(e.currentTarget.value);\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{!isAppPathValid ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div id=\"app-url-error-message\" className=\"invalid-message\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tURL must be valid (e.g., https://cosaic.io/). Only http and https prototcols are supported.\r\n\t\t\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\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\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) : (\r\n\t\t\t\t\t\t\t\t\t\t\t<FileInput\r\n\t\t\t\t\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\r\n\t\t\t\t\t\t\t\t\t\t\t\tshouldUpload={false}\r\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={currentAppPath}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppPath(value);\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></FileInput>\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t\t<div className=\"app-edit-actions\">\r\n\t\t\t\t\t\t\t\t\t\t<div></div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div>\r\n\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\tfashion=\"secondary\"\r\n\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Next\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={disableNext}\r\n\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\tsetSavedAppPath(true);\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</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)}\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<ApplicationEdit {...applicationEditProps}></ApplicationEdit>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</Content>\r\n\t\t\t</View>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}

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

@@ -6,7 +6,6 @@
 export declare type ApplicationsProps = {
     getApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;
     addApp: typeof FSBL.Clients.SmartDesktopClient.prototype.addApp;
-    updateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;
     deleteApp: typeof FSBL.Clients.SmartDesktopClient.prototype.deleteApp;
     getAppConfigTemplate: typeof FSBL.Clients.SmartDesktopClient.prototype.getAppConfigTemplate;
     getMenus: typeof FSBL.Clients.SmartDesktopClient.prototype.getMenus;