@finsemble/finsemble-ui 7.3.1 → 8.0.0-alpha-3

package/react/components/sdd/AppEditPage.js

@@ -1,421 +0,0 @@
-/*!
- * Copyright 2017 - 2020 by ChartIQ, Inc.
- * All rights reserved.
- */
-import React, { useState } from "react";
-import { FileInput } from "../common/FileInput";
-import { Button } from "../common/Button";
-import { validateFilename, VALID_APP_EXTENSIONS } from "../common/file_helpers";
-import { Tooltip } from "../common/Tooltip";
-import { Accordion } from "../common/Accordion";
-import { Checkbox } from "../common/Checkbox";
-import DefaultDropdownButton from "../shared/DefaultDropdownButton";
-import "../common/css/application-edit-page.css";
-import { AppEditPage_DebugToolkit } from "./appEditPage/DebugToolkit";
-import { AppEditPage_SelectConnect } from "./appEditPage/SelectConnect";
-import { AppEditPage_Preloads } from "./appEditPage/Preloads";
-import { AppEditPage_Position } from "./appEditPage/Position";
-import { AppEditPage_Behavior } from "./appEditPage/Behavior";
-import { AppEditPage_Interop } from "./appEditPage/Interop";
-import { AppEditPage_Component } from "./appEditPage/Component";
-import { AppEditPage_Workspace } from "./appEditPage/Workspace";
-const DEFAULT_WINDOW_WIDTH = 1280;
-const DEFAULT_WINDOW_HEIGHT = 600;
-const MINIMUM_WINDOW_WIDTH = 0;
-const MINIMUM_WINDOW_HEIGHT = 0;
-const SELECTABLE_BOOT_PHASE_STAGES = ["preuser", "preuser2", "preuser3", "preuser4", "earlyuser", "user"];
-export const defaultAppData = {
-    name: "",
-    abstractPosition: 0,
-    addToWorkspace: true,
-    alias: "",
-    allowAutoArrange: true,
-    allowGrouping: true,
-    allowMinimize: true,
-    allowMaximize: true,
-    allowSnapping: true,
-    allowTabbing: true,
-    allowTiling: true,
-    alwaysOnTop: false,
-    appArguments: "",
-    appType: "WEB",
-    autoConnect: false,
-    description: "",
-    enableAffinity: true,
-    enableAOT: false,
-    enableTitleBar: true,
-    height: DEFAULT_WINDOW_HEIGHT,
-    hideClose: false,
-    hideMaximize: false,
-    hideMinimize: false,
-    iconURL: "",
-    intents: [],
-    isEvergreen: false,
-    launchableByUser: true,
-    native_windowSpawnTimeout: 30,
-    opacity: 1,
-    path: "",
-    persistPath: true,
-    persistURL: true,
-    preloads: [],
-    resizable: true,
-    rules: [],
-    security: "trusted",
-    singleton: false,
-    spawnOnStartup: false,
-    tags: [],
-    titlebarType: "injected",
-    url: "",
-    width: DEFAULT_WINDOW_WIDTH,
-    bootPhase: "preuser",
-    waitForInitialization: true,
-    serviceVisible: false,
-    devConsole: false,
-};
-const convertIntentData = (intentArray) => intentArray.slice(0, -1).map(([name, displayName, contexts]) => {
-    return { name, displayName, contexts: contexts.split(",") };
-});
-const appTypeDisplayNameMap = {
-    web: "Web",
-    native: "Native",
-    assimilation: "Native",
-    citrix: "Virtual",
-};
-export const AppEditPage = ({ startingDisplayName = "", startingAppType = "web", startingWindowURL = "", startingNativePath = "", appData = defaultAppData, validateURL, removeApplicationFn = () => { }, cancelFn = () => { }, submitFn, addApp, isInboundInteropAuthorized, isOutboundInteropAuthorized, preloadAliasList = [], appService = false, }) => {
-    var _a;
-    const [displayName, setDisplayName] = useState(startingDisplayName);
-    const [currentAppType, setCurrentAppType] = useState(startingAppType);
-    const [windowURL, setWindowURL] = useState(startingWindowURL);
-    const [nativePath, setNativePath] = useState(startingNativePath);
-    const [abstractPosition, setAbstractPosition] = useState(appData.abstractPosition);
-    const [addToWorkspace, setAddToWorkspace] = useState(appData.addToWorkspace);
-    const [enableAffinity, setEnableAffinity] = useState(appData.enableAffinity);
-    const [alias, setAlias] = useState(appData.alias);
-    const [allowAutoArrange, setAllowAutoArrange] = useState(appData.allowAutoArrange);
-    const [allowGrouping, setAllowGrouping] = useState(appData.allowGrouping);
-    const [allowMinimize, setAllowMinimize] = useState(appData.allowMinimize);
-    const [allowMaximize, setAllowMaximize] = useState(appData.allowMaximize);
-    const [allowSnapping, setAllowSnapping] = useState(appData.allowSnapping);
-    const [allowTabbing, setAllowTabbing] = useState(appData.allowTabbing);
-    const [allowTiling, setAllowTiling] = useState(appData.allowTiling);
-    const [aot, setAot] = useState(appData.alwaysOnTop);
-    const [appArguments, setAppArguments] = useState(appData.appArguments);
-    const [autoConnect, setAutoConnect] = useState(appData.autoConnect);
-    const [componentDescription, setComponentDescription] = useState(appData.description);
-    const [enableAOT, setEnableAOT] = useState(appData.enableAOT);
-    const [enableTitleBar, setEnableTitleBar] = useState(appData.enableTitleBar);
-    const [hideClose, setHideClose] = useState(appData.hideClose);
-    const [hideMaximize, setHideMaximize] = useState(appData.hideMaximize);
-    const [hideMinimize, setHideMinimize] = useState(appData.hideMinimize);
-    const [iconURL, setIconURL] = useState(appData.iconURL);
-    const [isEvergreen, setIsEvergreen] = useState(appData.isEvergreen);
-    const [launchableByUser, setLaunchableByUser] = useState(appData.launchableByUser);
-    const [native_windowSpawnTimeout, setNative_windowSpawnTimeout] = useState(appData.native_windowSpawnTimeout);
-    const [opacity, setOpacity] = useState(appData.opacity);
-    const [persistPath, setPersistPath] = useState(appData.persistPath);
-    const [persistURL, setPersistURL] = useState(appData.persistURL);
-    const [preloads, setPreloads] = useState(appData.preloads);
-    const [resizable, setResizable] = useState(appData.resizable);
-    const [rules, setRules] = useState(appData.rules);
-    const [security, setSecurity] = useState(appData.security);
-    const [singleton, setSingleton] = useState(appData.singleton);
-    const [spawnOnStartup, setSpawnOnStartup] = useState(appData.spawnOnStartup);
-    const [titlebarType, setTitlebarType] = useState(appData.titlebarType);
-    const [windowHeight, setWindowHeight] = useState(appData.height || DEFAULT_WINDOW_HEIGHT);
-    const [windowWidth, setWindowWidth] = useState(appData.width || DEFAULT_WINDOW_WIDTH);
-    const [selectConnectTrustAll, setSelectConnectTrustAll] = useState(!Array.isArray(appData.rules) || appData.rules.filter((rule) => "authorize" in rule).length === 0);
-    const [intentData, setIntentData] = useState((_a = appData.intents) === null || _a === void 0 ? void 0 : _a.map((intent) => { var _a, _b; return [intent.name, intent.displayName, (_b = (_a = intent.contexts) === null || _a === void 0 ? void 0 : _a.join(", ")) !== null && _b !== void 0 ? _b : ""]; }));
-    const [bootPhase, setBootPhase] = useState(appData.bootPhase);
-    const [waitForInitialization, setWaitForInitialization] = useState(appData.waitForInitialization);
-    const [serviceVisible, setServiceVisible] = useState(appData.serviceVisible);
-    const [devConsole, setDevConsole] = useState(appData.devConsole);
-    const isWindowURLValid = validateURL(windowURL);
-    const isHeightValid = !(typeof windowHeight !== "number" || windowHeight < MINIMUM_WINDOW_HEIGHT);
-    const isWidthValid = !(typeof windowWidth !== "number" || windowWidth < MINIMUM_WINDOW_WIDTH);
-    const isValidInput = () => {
-        // Confirm that the app's dimensions and displayName are valid
-        if (!isWidthValid || !isHeightValid || displayName === undefined || displayName === "") {
-            return false;
-        }
-        // App-specific validation checks
-        if (currentAppType === "web") {
-            // For web apps, confirm that the URL is valid
-            return isWindowURLValid && windowURL.length > 0;
-        }
-        else if (currentAppType === "Citrix") {
-            // For Citrix, there are no specific confirmations
-            return true;
-        }
-        else {
-            // For native/assimilated, make sure the path is fine
-            return !(!nativePath || (nativePath.length === 0 && validateFilename(VALID_APP_EXTENSIONS, nativePath)));
-        }
-    };
-    const disableSubmit = !isValidInput();
-    const clickSubmit = () => {
-        // Shouldn't be possible to get in a state where windowWith/windowHeight aren't numbers,
-        // but let's check anyway
-        if (!(typeof windowWidth === "number" && typeof windowHeight === "number")) {
-            return;
-        }
-        submitFn({
-            name: displayName,
-            url: windowURL,
-            path: nativePath,
-            appType: currentAppType,
-            appArguments: appArguments,
-            width: windowWidth,
-            height: windowHeight,
-            description: componentDescription,
-            iconURL,
-            rules: selectConnectTrustAll ? [] : rules,
-            intents: convertIntentData(intentData),
-            persistPath,
-            persistURL,
-            addToWorkspace,
-            alias,
-            allowAutoArrange,
-            allowGrouping,
-            allowMinimize,
-            allowMaximize,
-            allowSnapping,
-            allowTabbing,
-            allowTiling,
-            enableAOT,
-            enableTitleBar,
-            hideClose,
-            hideMinimize,
-            hideMaximize,
-            autoConnect,
-            abstractPosition,
-            resizable,
-            alwaysOnTop: aot,
-            opacity,
-            singleton,
-            spawnOnStartup,
-            launchableByUser,
-            security,
-            isEvergreen,
-            native_windowSpawnTimeout,
-            preloads,
-            titlebarType,
-            bootPhase,
-            waitForInitialization,
-            serviceVisible,
-            devConsole,
-        });
-    };
-    // When we try to use the form/type=submit interaction, it acts like we pressed the back button, rather than the submit button
-    const submitOnEnter = (e) => {
-        if (e.key !== "Enter") {
-            return;
-        }
-        e.preventDefault();
-        if (!disableSubmit) {
-            clickSubmit();
-        }
-    };
-    const bootPhaseOptions = SELECTABLE_BOOT_PHASE_STAGES.map((optionLabel) => {
-        return {
-            optionLabel,
-            clickHandler: () => {
-                setBootPhase(optionLabel);
-            },
-        };
-    });
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "app-edit-field" },
-            React.createElement("h2", { className: "app-edit-app-name" },
-                iconURL !== "" && iconURL !== undefined && React.createElement("img", { src: iconURL, className: "app-icon" }),
-                displayName)),
-        React.createElement("div", { className: "app-edit-field" },
-            React.createElement("table", { role: "presentation", className: "always-present accordion-edit-block" },
-                React.createElement("tbody", null,
-                    React.createElement("tr", null,
-                        React.createElement("td", { className: "label-col" },
-                            React.createElement("label", null, "App type")),
-                        React.createElement("td", { className: "content-col" },
-                            React.createElement("div", { className: "app-edit-type-field" }, appTypeDisplayNameMap[currentAppType.toLowerCase()]))),
-                    React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("label", { htmlFor: "app-name" }, "Name")),
-                        React.createElement("td", null,
-                            React.createElement("input", { type: "text", id: "app-name", value: displayName, placeholder: "Untitled Application", onKeyDown: submitOnEnter, onChange: (e) => {
-                                    setDisplayName(e.target.value);
-                                } }))),
-                    currentAppType === "Citrix" && (React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("label", { htmlFor: "app-alias" }, "Virtual app name")),
-                        React.createElement("td", null,
-                            React.createElement("input", { type: "text", id: "app-alias", value: alias, placeholder: "Virtual application name", onKeyDown: submitOnEnter, onChange: (e) => {
-                                    setAlias(e.target.value);
-                                } })))),
-                    !appService && (React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("label", { htmlFor: "app-icon-url" }, "Icon URL")),
-                        React.createElement("td", null,
-                            React.createElement("input", { type: "text", id: "app-icon-url", value: iconURL, onKeyDown: submitOnEnter, onChange: (e) => {
-                                    setIconURL(e.target.value);
-                                } })))),
-                    currentAppType !== "web" && currentAppType !== "Citrix" && (React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("label", { id: "api-access-label" }, "API access")),
-                        React.createElement("td", null,
-                            React.createElement("div", { className: "app-edit-type-field" },
-                                React.createElement(Checkbox, { id: "api-access", label: "API access", showLabel: false, checked: currentAppType === "native", onClick: () => {
-                                        setCurrentAppType(currentAppType === "native" ? "assimilation" : "native");
-                                    } }))))),
-                    currentAppType === "web" && (React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("label", { htmlFor: "app-url" }, "App URL")),
-                        React.createElement("td", null,
-                            React.createElement("input", { type: "text", id: "app-url", placeholder: "https://...", value: windowURL, "aria-invalid": !isWindowURLValid, onKeyDown: submitOnEnter, onChange: (e) => {
-                                    setWindowURL(e.target.value);
-                                } })))),
-                    (currentAppType === "native" || currentAppType === "assimilation") && (React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("label", null, "File path")),
-                        React.createElement("td", null,
-                            React.createElement("div", { className: "app-file-input" },
-                                React.createElement(FileInput, { acceptTypes: VALID_APP_EXTENSIONS, shouldUpload: false, value: nativePath, onSetValue: (value) => {
-                                        setNativePath(value);
-                                    }, textEditable: true }))))),
-                    currentAppType !== "web" && (React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("label", { htmlFor: "app-arguments" }, "Arguments")),
-                        React.createElement("td", null,
-                            React.createElement("input", { type: "text", id: "app-arguments", placeholder: "E.g: mode=a --type b", value: appArguments, onKeyDown: submitOnEnter, onChange: (e) => {
-                                    setAppArguments(e.target.value);
-                                } })),
-                        React.createElement("td", null,
-                            React.createElement(Tooltip, null, "If your app expects arguments on startup, specify them here.")))),
-                    !appService && (React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("label", { htmlFor: "app-description" }, "Description")),
-                        React.createElement("td", { className: "description" },
-                            React.createElement("textarea", { id: "app-description", onChange: (e) => {
-                                    setComponentDescription(e.target.value);
-                                }, value: componentDescription })))),
-                    appService && (React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("label", { htmlFor: "bootPhase" }, "Boot phase")),
-                        React.createElement("td", { className: "bootPhase-entry" },
-                            React.createElement(DefaultDropdownButton, { allowEmpty: false, caretLocation: "right", defaultSelection: bootPhaseOptions.find((opt) => opt.optionLabel === bootPhase), buttonOptions: bootPhaseOptions })))),
-                    appService && (React.createElement("tr", null,
-                        React.createElement("td", null,
-                            React.createElement("label", { htmlFor: "initialization" }, "Wait for initialization")),
-                        React.createElement("td", null,
-                            React.createElement(Checkbox, { checked: waitForInitialization, label: "Wait for initialization", showLabel: false, onClick: () => {
-                                    setWaitForInitialization(!waitForInitialization);
-                                } }))))))),
-        appService && (React.createElement(AppEditPage_DebugToolkit, Object.assign({}, {
-            serviceVisible,
-            setServiceVisible,
-            devConsole,
-            setDevConsole,
-        }))),
-        React.createElement("div", { className: "app-edit-field" },
-            React.createElement(Accordion, { id: "config", size: "medium", label: "Optional config settings" },
-                currentAppType !== "assimilation" && (React.createElement(AppEditPage_SelectConnect, Object.assign({ rules: appData.rules }, {
-                    selectConnectTrustAll,
-                    setSelectConnectTrustAll,
-                    displayName,
-                    setRules,
-                    isInboundInteropAuthorized,
-                    isOutboundInteropAuthorized,
-                    addApp,
-                }))),
-                currentAppType === "web" && (React.createElement(AppEditPage_Preloads, Object.assign({ preloads: appData.preloads }, {
-                    preloadAliasList,
-                    appData,
-                    setPreloads,
-                }))),
-                currentAppType !== "Citrix" && !appService && (React.createElement(AppEditPage_Position, Object.assign({}, {
-                    isWidthValid,
-                    windowWidth,
-                    setWindowHeight,
-                    isHeightValid,
-                    windowHeight,
-                    setWindowWidth,
-                    resizable,
-                    setResizable,
-                    abstractPosition,
-                    setAbstractPosition,
-                    opacity,
-                    setOpacity,
-                }))),
-                currentAppType === "web" && !appService && (React.createElement(AppEditPage_Behavior, Object.assign({}, {
-                    allowAutoArrange,
-                    setAllowAutoArrange,
-                    allowGrouping,
-                    setAllowGrouping,
-                    allowSnapping,
-                    setAllowSnapping,
-                    allowTabbing,
-                    setAllowTabbing,
-                    allowTiling,
-                    setAllowTiling,
-                    enableTitleBar,
-                    setEnableTitleBar,
-                    titlebarType,
-                    setTitlebarType,
-                    aot,
-                    setAot,
-                    enableAOT,
-                    setEnableAOT,
-                    allowMinimize,
-                    setAllowMinimize,
-                    hideMinimize,
-                    setHideMinimize,
-                    allowMaximize,
-                    setAllowMaximize,
-                    hideMaximize,
-                    setHideMaximize,
-                    hideClose,
-                    setHideClose,
-                }))),
-                currentAppType !== "assimilation" && (React.createElement(AppEditPage_Interop, Object.assign({}, {
-                    appService,
-                    autoConnect,
-                    setAutoConnect,
-                    intentData,
-                    setIntentData,
-                }))),
-                React.createElement(AppEditPage_Component, Object.assign({}, {
-                    currentAppType,
-                    security,
-                    setSecurity,
-                    native_windowSpawnTimeout,
-                    setNative_windowSpawnTimeout,
-                    appService,
-                    singleton,
-                    setSingleton,
-                    spawnOnStartup,
-                    setSpawnOnStartup,
-                    launchableByUser,
-                    setLaunchableByUser,
-                    isEvergreen,
-                    setIsEvergreen,
-                    enableAffinity,
-                    setEnableAffinity,
-                })),
-                currentAppType !== "Citrix" && !appService && (React.createElement(AppEditPage_Workspace, Object.assign({}, {
-                    currentAppType,
-                    addToWorkspace,
-                    setAddToWorkspace,
-                    persistURL,
-                    setPersistURL,
-                    persistPath,
-                    setPersistPath,
-                }))))),
-        React.createElement("div", { className: "app-edit-actions" },
-            React.createElement("div", null,
-                React.createElement(Button, { fashion: "danger", text: "Remove app", onClick: (e) => {
-                        removeApplicationFn();
-                        e.preventDefault();
-                    } })),
-            React.createElement("div", { className: "app-actions-right-wrapper" },
-                React.createElement(Button, { fashion: "ghost", text: "Cancel", onClick: cancelFn }),
-                React.createElement(Button, { fashion: "secondary", text: "Save", disabled: disableSubmit, onClick: clickSubmit })))));
-};
-//# sourceMappingURL=AppEditPage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AppEditPage.js","sourceRoot":"","sources":["../../../src/components/sdd/AppEditPage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useState } from \"react\";\nimport { BootStage } from \"@finsemble/finsemble-api/types/services/systemManager/types\";\nimport { FileInput } from \"../common/FileInput\";\nimport { Button } from \"../common/Button\";\nimport { validateFilename, VALID_APP_EXTENSIONS } from \"../common/file_helpers\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport { Accordion } from \"../common/Accordion\";\nimport { Checkbox } from \"../common/Checkbox\";\nimport * as Types from \"../../types/smartDesktopDesignerTypes\";\nimport DefaultDropdownButton from \"../shared/DefaultDropdownButton\";\nimport \"../common/css/application-edit-page.css\";\nimport { SmartDesktopClient } from \"./smartDesktopClient\";\nimport { AppEditPage_DebugToolkit } from \"./appEditPage/DebugToolkit\";\nimport { AppEditPage_SelectConnect } from \"./appEditPage/SelectConnect\";\nimport { AppEditPage_Preloads } from \"./appEditPage/Preloads\";\nimport { AppEditPage_Position } from \"./appEditPage/Position\";\nimport { AppEditPage_Behavior } from \"./appEditPage/Behavior\";\nimport { AppEditPage_Interop } from \"./appEditPage/Interop\";\nimport { AppEditPage_Component } from \"./appEditPage/Component\";\nimport { AppEditPage_Workspace } from \"./appEditPage/Workspace\";\n\nconst DEFAULT_WINDOW_WIDTH = 1280;\nconst DEFAULT_WINDOW_HEIGHT = 600;\nconst MINIMUM_WINDOW_WIDTH = 0;\nconst MINIMUM_WINDOW_HEIGHT = 0;\nconst SELECTABLE_BOOT_PHASE_STAGES: BootStage[] = [\"preuser\", \"preuser2\", \"preuser3\", \"preuser4\", \"earlyuser\", \"user\"];\n\nexport const defaultAppData = {\n\tname: \"\",\n\tabstractPosition: 0,\n\taddToWorkspace: true,\n\talias: \"\",\n\tallowAutoArrange: true,\n\tallowGrouping: true,\n\tallowMinimize: true,\n\tallowMaximize: true,\n\tallowSnapping: true,\n\tallowTabbing: true,\n\tallowTiling: true,\n\talwaysOnTop: false,\n\tappArguments: \"\",\n\tappType: \"WEB\",\n\tautoConnect: false,\n\tdescription: \"\",\n\tenableAffinity: true,\n\tenableAOT: false,\n\tenableTitleBar: true,\n\theight: DEFAULT_WINDOW_HEIGHT,\n\thideClose: false,\n\thideMaximize: false,\n\thideMinimize: false,\n\ticonURL: \"\",\n\tintents: [],\n\tisEvergreen: false,\n\tlaunchableByUser: true,\n\tnative_windowSpawnTimeout: 30,\n\topacity: 1,\n\tpath: \"\",\n\tpersistPath: true,\n\tpersistURL: true,\n\tpreloads: [],\n\tresizable: true,\n\trules: [],\n\tsecurity: \"trusted\",\n\tsingleton: false,\n\tspawnOnStartup: false,\n\ttags: [],\n\ttitlebarType: \"injected\",\n\turl: \"\",\n\twidth: DEFAULT_WINDOW_WIDTH,\n\tbootPhase: \"preuser\",\n\twaitForInitialization: true,\n\tserviceVisible: false,\n\tdevConsole: false,\n} as Types.ApplicationSaveData;\n\nconst convertIntentData = (intentArray: string[][]): Types.IntentEntry[] =>\n\tintentArray.slice(0, -1).map(([name, displayName, contexts]) => {\n\t\treturn { name, displayName, contexts: contexts.split(\",\") };\n\t});\n\nconst appTypeDisplayNameMap = {\n\tweb: \"Web\",\n\tnative: \"Native\",\n\tassimilation: \"Native\",\n\tcitrix: \"Virtual\",\n};\n\nexport type AppEditPageProps = {\n\tstartingDisplayName: string;\n\tstartingAppType: string;\n\tstartingWindowURL: string;\n\tstartingNativePath: string;\n\tappData?: Types.ApplicationSaveData;\n\tvalidateURL: (s: string) => boolean;\n\tremoveApplicationFn: () => void;\n\tcancelFn: () => void;\n\tsubmitFn: (data: Types.ApplicationSaveData) => void;\n\taddApp: typeof SmartDesktopClient.addApp;\n\tisInboundInteropAuthorized: typeof SmartDesktopClient.isInboundInteropAuthorized;\n\tisOutboundInteropAuthorized: typeof SmartDesktopClient.isOutboundInteropAuthorized;\n\tpreloadAliasList: string[];\n\tappService: boolean;\n};\n\nexport const AppEditPage = ({\n\tstartingDisplayName = \"\",\n\tstartingAppType = \"web\",\n\tstartingWindowURL = \"\",\n\tstartingNativePath = \"\",\n\tappData = defaultAppData,\n\tvalidateURL,\n\tremoveApplicationFn = () => {},\n\tcancelFn = () => {},\n\tsubmitFn,\n\taddApp,\n\tisInboundInteropAuthorized,\n\tisOutboundInteropAuthorized,\n\tpreloadAliasList = [],\n\tappService = false,\n}: AppEditPageProps) => {\n\tconst [displayName, setDisplayName] = useState(startingDisplayName);\n\tconst [currentAppType, setCurrentAppType] = useState(startingAppType);\n\tconst [windowURL, setWindowURL] = useState(startingWindowURL);\n\tconst [nativePath, setNativePath] = useState(startingNativePath);\n\n\tconst [abstractPosition, setAbstractPosition] = useState(appData.abstractPosition);\n\tconst [addToWorkspace, setAddToWorkspace] = useState(appData.addToWorkspace);\n\tconst [enableAffinity, setEnableAffinity] = useState(appData.enableAffinity);\n\tconst [alias, setAlias] = useState(appData.alias);\n\tconst [allowAutoArrange, setAllowAutoArrange] = useState(appData.allowAutoArrange);\n\tconst [allowGrouping, setAllowGrouping] = useState(appData.allowGrouping);\n\tconst [allowMinimize, setAllowMinimize] = useState(appData.allowMinimize);\n\tconst [allowMaximize, setAllowMaximize] = useState(appData.allowMaximize);\n\tconst [allowSnapping, setAllowSnapping] = useState(appData.allowSnapping);\n\tconst [allowTabbing, setAllowTabbing] = useState(appData.allowTabbing);\n\tconst [allowTiling, setAllowTiling] = useState(appData.allowTiling);\n\tconst [aot, setAot] = useState(appData.alwaysOnTop);\n\tconst [appArguments, setAppArguments] = useState(appData.appArguments);\n\tconst [autoConnect, setAutoConnect] = useState(appData.autoConnect);\n\tconst [componentDescription, setComponentDescription] = useState(appData.description);\n\tconst [enableAOT, setEnableAOT] = useState(appData.enableAOT);\n\tconst [enableTitleBar, setEnableTitleBar] = useState(appData.enableTitleBar);\n\tconst [hideClose, setHideClose] = useState(appData.hideClose);\n\tconst [hideMaximize, setHideMaximize] = useState(appData.hideMaximize);\n\tconst [hideMinimize, setHideMinimize] = useState(appData.hideMinimize);\n\tconst [iconURL, setIconURL] = useState(appData.iconURL);\n\tconst [isEvergreen, setIsEvergreen] = useState(appData.isEvergreen);\n\tconst [launchableByUser, setLaunchableByUser] = useState(appData.launchableByUser);\n\tconst [native_windowSpawnTimeout, setNative_windowSpawnTimeout] = useState(appData.native_windowSpawnTimeout);\n\tconst [opacity, setOpacity] = useState(appData.opacity);\n\tconst [persistPath, setPersistPath] = useState(appData.persistPath);\n\tconst [persistURL, setPersistURL] = useState(appData.persistURL);\n\tconst [preloads, setPreloads] = useState(appData.preloads);\n\tconst [resizable, setResizable] = useState(appData.resizable);\n\tconst [rules, setRules] = useState(appData.rules);\n\tconst [security, setSecurity] = useState(appData.security);\n\tconst [singleton, setSingleton] = useState(appData.singleton);\n\tconst [spawnOnStartup, setSpawnOnStartup] = useState(appData.spawnOnStartup);\n\tconst [titlebarType, setTitlebarType] = useState(appData.titlebarType);\n\tconst [windowHeight, setWindowHeight] = useState<number | string>(appData.height || DEFAULT_WINDOW_HEIGHT);\n\tconst [windowWidth, setWindowWidth] = useState<number | string>(appData.width || DEFAULT_WINDOW_WIDTH);\n\tconst [selectConnectTrustAll, setSelectConnectTrustAll] = useState(\n\t\t!Array.isArray(appData.rules) || appData.rules.filter((rule) => \"authorize\" in rule).length === 0\n\t);\n\tconst [intentData, setIntentData] = useState<string[][]>(\n\t\tappData.intents?.map((intent) => [intent.name, intent.displayName, intent.contexts?.join(\", \") ?? \"\"])\n\t);\n\tconst [bootPhase, setBootPhase] = useState<BootStage | undefined>(appData.bootPhase);\n\tconst [waitForInitialization, setWaitForInitialization] = useState(appData.waitForInitialization);\n\tconst [serviceVisible, setServiceVisible] = useState(appData.serviceVisible);\n\tconst [devConsole, setDevConsole] = useState(appData.devConsole);\n\n\tconst isWindowURLValid = validateURL(windowURL);\n\tconst isHeightValid = !(typeof windowHeight !== \"number\" || windowHeight < MINIMUM_WINDOW_HEIGHT);\n\tconst isWidthValid = !(typeof windowWidth !== \"number\" || windowWidth < MINIMUM_WINDOW_WIDTH);\n\n\tconst isValidInput = () => {\n\t\t// Confirm that the app's dimensions and displayName are valid\n\t\tif (!isWidthValid || !isHeightValid || displayName === undefined || displayName === \"\") {\n\t\t\treturn false;\n\t\t}\n\n\t\t// App-specific validation checks\n\t\tif (currentAppType === \"web\") {\n\t\t\t// For web apps, confirm that the URL is valid\n\t\t\treturn isWindowURLValid && windowURL.length > 0;\n\t\t} else if (currentAppType === \"Citrix\") {\n\t\t\t// For Citrix, there are no specific confirmations\n\t\t\treturn true;\n\t\t} else {\n\t\t\t// For native/assimilated, make sure the path is fine\n\t\t\treturn !(!nativePath || (nativePath.length === 0 && validateFilename(VALID_APP_EXTENSIONS, nativePath)));\n\t\t}\n\t};\n\n\tconst disableSubmit = !isValidInput();\n\n\tconst clickSubmit = () => {\n\t\t// Shouldn't be possible to get in a state where windowWith/windowHeight aren't numbers,\n\t\t// but let's check anyway\n\t\tif (!(typeof windowWidth === \"number\" && typeof windowHeight === \"number\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tsubmitFn({\n\t\t\tname: displayName,\n\t\t\turl: windowURL,\n\t\t\tpath: nativePath,\n\t\t\tappType: currentAppType,\n\t\t\tappArguments: appArguments,\n\t\t\twidth: windowWidth,\n\t\t\theight: windowHeight,\n\t\t\tdescription: componentDescription,\n\t\t\ticonURL,\n\t\t\trules: selectConnectTrustAll ? [] : rules,\n\t\t\tintents: convertIntentData(intentData),\n\t\t\tpersistPath,\n\t\t\tpersistURL,\n\t\t\taddToWorkspace,\n\t\t\talias,\n\t\t\tallowAutoArrange,\n\t\t\tallowGrouping,\n\t\t\tallowMinimize,\n\t\t\tallowMaximize,\n\t\t\tallowSnapping,\n\t\t\tallowTabbing,\n\t\t\tallowTiling,\n\t\t\tenableAOT,\n\t\t\tenableTitleBar,\n\t\t\thideClose,\n\t\t\thideMinimize,\n\t\t\thideMaximize,\n\t\t\tautoConnect,\n\t\t\tabstractPosition,\n\t\t\tresizable,\n\t\t\talwaysOnTop: aot,\n\t\t\topacity,\n\t\t\tsingleton,\n\t\t\tspawnOnStartup,\n\t\t\tlaunchableByUser,\n\t\t\tsecurity,\n\t\t\tisEvergreen,\n\t\t\tnative_windowSpawnTimeout,\n\t\t\tpreloads,\n\t\t\ttitlebarType,\n\t\t\tbootPhase,\n\t\t\twaitForInitialization,\n\t\t\tserviceVisible,\n\t\t\tdevConsole,\n\t\t});\n\t};\n\n\t// When we try to use the form/type=submit interaction, it acts like we pressed the back button, rather than the submit button\n\tconst submitOnEnter = (e: React.KeyboardEvent<HTMLInputElement>) => {\n\t\tif (e.key !== \"Enter\") {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\t\tif (!disableSubmit) {\n\t\t\tclickSubmit();\n\t\t}\n\t};\n\n\tconst bootPhaseOptions = SELECTABLE_BOOT_PHASE_STAGES.map((optionLabel) => {\n\t\treturn {\n\t\t\toptionLabel,\n\t\t\tclickHandler: () => {\n\t\t\t\tsetBootPhase(optionLabel);\n\t\t\t},\n\t\t};\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<h2 className=\"app-edit-app-name\">\n\t\t\t\t\t{iconURL !== \"\" && iconURL !== undefined && <img src={iconURL} className=\"app-icon\" />}\n\t\t\t\t\t{displayName}\n\t\t\t\t</h2>\n\t\t\t</div>\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<table role=\"presentation\" className=\"always-present accordion-edit-block\">\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td className=\"label-col\">\n\t\t\t\t\t\t\t\t<label>App type</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"content-col\">\n\t\t\t\t\t\t\t\t<div className=\"app-edit-type-field\">\n\t\t\t\t\t\t\t\t\t{appTypeDisplayNameMap[currentAppType.toLowerCase() as keyof typeof appTypeDisplayNameMap]}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<label htmlFor=\"app-name\">Name</label>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid=\"app-name\"\n\t\t\t\t\t\t\t\t\tvalue={displayName}\n\t\t\t\t\t\t\t\t\tplaceholder=\"Untitled Application\"\n\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayName(e.target.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t{currentAppType === \"Citrix\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-alias\">Virtual app name</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-alias\"\n\t\t\t\t\t\t\t\t\t\tvalue={alias}\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"Virtual application name\"\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetAlias(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-icon-url\">Icon URL</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-icon-url\"\n\t\t\t\t\t\t\t\t\t\tvalue={iconURL}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetIconURL(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAppType !== \"web\" && currentAppType !== \"Citrix\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label id=\"api-access-label\">API access</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<div className=\"app-edit-type-field\">\n\t\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\t\tid=\"api-access\"\n\t\t\t\t\t\t\t\t\t\t\tlabel=\"API access\"\n\t\t\t\t\t\t\t\t\t\t\tshowLabel={false}\n\t\t\t\t\t\t\t\t\t\t\tchecked={currentAppType === \"native\"}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetCurrentAppType(currentAppType === \"native\" ? \"assimilation\" : \"native\");\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAppType === \"web\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-url\">App URL</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-url\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"https://...\"\n\t\t\t\t\t\t\t\t\t\tvalue={windowURL}\n\t\t\t\t\t\t\t\t\t\taria-invalid={!isWindowURLValid}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetWindowURL(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{(currentAppType === \"native\" || currentAppType === \"assimilation\") && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label>File path</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<div className=\"app-file-input\">\n\t\t\t\t\t\t\t\t\t\t<FileInput\n\t\t\t\t\t\t\t\t\t\t\tacceptTypes={VALID_APP_EXTENSIONS}\n\t\t\t\t\t\t\t\t\t\t\tshouldUpload={false}\n\t\t\t\t\t\t\t\t\t\t\tvalue={nativePath}\n\t\t\t\t\t\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetNativePath(value);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\ttextEditable={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{currentAppType !== \"web\" && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-arguments\">Arguments</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tid=\"app-arguments\"\n\t\t\t\t\t\t\t\t\t\tplaceholder=\"E.g: mode=a --type b\"\n\t\t\t\t\t\t\t\t\t\tvalue={appArguments}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetAppArguments(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<Tooltip>If your app expects arguments on startup, specify them here.</Tooltip>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{!appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"app-description\">Description</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td className=\"description\">\n\t\t\t\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\t\t\t\tid=\"app-description\"\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetComponentDescription(e.target.value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tvalue={componentDescription}\n\t\t\t\t\t\t\t\t\t></textarea>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"bootPhase\">Boot phase</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td className=\"bootPhase-entry\">\n\t\t\t\t\t\t\t\t\t<DefaultDropdownButton\n\t\t\t\t\t\t\t\t\t\tallowEmpty={false}\n\t\t\t\t\t\t\t\t\t\tcaretLocation=\"right\"\n\t\t\t\t\t\t\t\t\t\tdefaultSelection={bootPhaseOptions.find((opt) => opt.optionLabel === bootPhase)}\n\t\t\t\t\t\t\t\t\t\tbuttonOptions={bootPhaseOptions}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{appService && (\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"initialization\">Wait for initialization</label>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\tchecked={waitForInitialization}\n\t\t\t\t\t\t\t\t\t\tlabel=\"Wait for initialization\"\n\t\t\t\t\t\t\t\t\t\tshowLabel={false}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tsetWaitForInitialization(!waitForInitialization);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\n\t\t\t{appService && (\n\t\t\t\t<AppEditPage_DebugToolkit\n\t\t\t\t\t{...{\n\t\t\t\t\t\tserviceVisible,\n\t\t\t\t\t\tsetServiceVisible,\n\t\t\t\t\t\tdevConsole,\n\t\t\t\t\t\tsetDevConsole,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<Accordion id=\"config\" size=\"medium\" label=\"Optional config settings\">\n\t\t\t\t\t{currentAppType !== \"assimilation\" && (\n\t\t\t\t\t\t<AppEditPage_SelectConnect\n\t\t\t\t\t\t\trules={appData.rules}\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tselectConnectTrustAll,\n\t\t\t\t\t\t\t\tsetSelectConnectTrustAll,\n\t\t\t\t\t\t\t\tdisplayName,\n\t\t\t\t\t\t\t\tsetRules,\n\t\t\t\t\t\t\t\tisInboundInteropAuthorized,\n\t\t\t\t\t\t\t\tisOutboundInteropAuthorized,\n\t\t\t\t\t\t\t\taddApp,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType === \"web\" && (\n\t\t\t\t\t\t<AppEditPage_Preloads\n\t\t\t\t\t\t\tpreloads={appData.preloads}\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tpreloadAliasList,\n\t\t\t\t\t\t\t\tappData,\n\t\t\t\t\t\t\t\tsetPreloads,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType !== \"Citrix\" && !appService && (\n\t\t\t\t\t\t<AppEditPage_Position\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tisWidthValid,\n\t\t\t\t\t\t\t\twindowWidth,\n\t\t\t\t\t\t\t\tsetWindowHeight,\n\t\t\t\t\t\t\t\tisHeightValid,\n\t\t\t\t\t\t\t\twindowHeight,\n\t\t\t\t\t\t\t\tsetWindowWidth,\n\t\t\t\t\t\t\t\tresizable,\n\t\t\t\t\t\t\t\tsetResizable,\n\t\t\t\t\t\t\t\tabstractPosition,\n\t\t\t\t\t\t\t\tsetAbstractPosition,\n\t\t\t\t\t\t\t\topacity,\n\t\t\t\t\t\t\t\tsetOpacity,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType === \"web\" && !appService && (\n\t\t\t\t\t\t<AppEditPage_Behavior\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tallowAutoArrange,\n\t\t\t\t\t\t\t\tsetAllowAutoArrange,\n\t\t\t\t\t\t\t\tallowGrouping,\n\t\t\t\t\t\t\t\tsetAllowGrouping,\n\t\t\t\t\t\t\t\tallowSnapping,\n\t\t\t\t\t\t\t\tsetAllowSnapping,\n\t\t\t\t\t\t\t\tallowTabbing,\n\t\t\t\t\t\t\t\tsetAllowTabbing,\n\t\t\t\t\t\t\t\tallowTiling,\n\t\t\t\t\t\t\t\tsetAllowTiling,\n\t\t\t\t\t\t\t\tenableTitleBar,\n\t\t\t\t\t\t\t\tsetEnableTitleBar,\n\t\t\t\t\t\t\t\ttitlebarType,\n\t\t\t\t\t\t\t\tsetTitlebarType,\n\t\t\t\t\t\t\t\taot,\n\t\t\t\t\t\t\t\tsetAot,\n\t\t\t\t\t\t\t\tenableAOT,\n\t\t\t\t\t\t\t\tsetEnableAOT,\n\t\t\t\t\t\t\t\tallowMinimize,\n\t\t\t\t\t\t\t\tsetAllowMinimize,\n\t\t\t\t\t\t\t\thideMinimize,\n\t\t\t\t\t\t\t\tsetHideMinimize,\n\t\t\t\t\t\t\t\tallowMaximize,\n\t\t\t\t\t\t\t\tsetAllowMaximize,\n\t\t\t\t\t\t\t\thideMaximize,\n\t\t\t\t\t\t\t\tsetHideMaximize,\n\t\t\t\t\t\t\t\thideClose,\n\t\t\t\t\t\t\t\tsetHideClose,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{currentAppType !== \"assimilation\" && (\n\t\t\t\t\t\t<AppEditPage_Interop\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tappService,\n\t\t\t\t\t\t\t\tautoConnect,\n\t\t\t\t\t\t\t\tsetAutoConnect,\n\t\t\t\t\t\t\t\tintentData,\n\t\t\t\t\t\t\t\tsetIntentData,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<AppEditPage_Component\n\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\tcurrentAppType,\n\t\t\t\t\t\t\tsecurity,\n\t\t\t\t\t\t\tsetSecurity,\n\t\t\t\t\t\t\tnative_windowSpawnTimeout,\n\t\t\t\t\t\t\tsetNative_windowSpawnTimeout,\n\t\t\t\t\t\t\tappService,\n\t\t\t\t\t\t\tsingleton,\n\t\t\t\t\t\t\tsetSingleton,\n\t\t\t\t\t\t\tspawnOnStartup,\n\t\t\t\t\t\t\tsetSpawnOnStartup,\n\t\t\t\t\t\t\tlaunchableByUser,\n\t\t\t\t\t\t\tsetLaunchableByUser,\n\t\t\t\t\t\t\tisEvergreen,\n\t\t\t\t\t\t\tsetIsEvergreen,\n\t\t\t\t\t\t\tenableAffinity,\n\t\t\t\t\t\t\tsetEnableAffinity,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t{currentAppType !== \"Citrix\" && !appService && (\n\t\t\t\t\t\t<AppEditPage_Workspace\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tcurrentAppType,\n\t\t\t\t\t\t\t\taddToWorkspace,\n\t\t\t\t\t\t\t\tsetAddToWorkspace,\n\t\t\t\t\t\t\t\tpersistURL,\n\t\t\t\t\t\t\t\tsetPersistURL,\n\t\t\t\t\t\t\t\tpersistPath,\n\t\t\t\t\t\t\t\tsetPersistPath,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Accordion>\n\t\t\t</div>\n\n\t\t\t<div className=\"app-edit-actions\">\n\t\t\t\t<div>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tfashion=\"danger\"\n\t\t\t\t\t\ttext=\"Remove app\"\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\tremoveApplicationFn();\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"app-actions-right-wrapper\">\n\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={cancelFn} />\n\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={disableSubmit} onClick={clickSubmit} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"]}

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import "./Appearance.css";
-import { ThemeBundle } from "./ThemePage";
-import { FileInputUploadCb } from "../common/FileInput";
-export declare type AppearanceProps = {
-    startTheme: ThemeBundle;
-    darkTheme: ThemeBundle;
-    lightTheme: ThemeBundle;
-    updateTheme: (theme: ThemeBundle) => void;
-    updateThemes: (id: string, newValue: string) => void;
-    areYouSure: (affirmativeCallback: () => void) => void;
-    updateSplashScreen: FileInputUploadCb;
-    updateToolbarIcon: FileInputUploadCb;
-    updateTaskbarIcon: FileInputUploadCb;
-    updateSystemTrayIcon: FileInputUploadCb;
-    updateInstallerIcon: FileInputUploadCb;
-};
-export declare const Appearance: ({ startTheme, darkTheme, lightTheme, updateTheme, updateThemes, areYouSure, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }: AppearanceProps) => JSX.Element;

package/react/components/sdd/Appearance.js

@@ -1,64 +0,0 @@
-import React, { useState, useRef, useLayoutEffect } from "react";
-import { Button } from "../common/Button";
-import { Header } from "../common/Header";
-import "./Appearance.css";
-import { AssetsPage } from "./AssetsPage";
-import { ThemePage } from "./ThemePage";
-import { clone } from "./Appearance.helpers";
-import { View } from "./View";
-import { Content } from "./Content";
-import { Tab } from "../common/Tab";
-import { launchTutorialLink } from "./common/fsbl_functions";
-export const Appearance = ({ startTheme, darkTheme, lightTheme, updateTheme, updateThemes, areYouSure, updateSplashScreen, updateToolbarIcon, updateTaskbarIcon, updateSystemTrayIcon, updateInstallerIcon, }) => {
-    const [theme, setTheme] = useState(startTheme);
-    const ref = useRef(null);
-    const applyTheme = (newTheme) => {
-        areYouSure(() => {
-            const clonedTheme = clone(newTheme);
-            setTheme(clonedTheme);
-            updateTheme(clonedTheme);
-        });
-    };
-    const applyDarkTheme = () => {
-        applyTheme(darkTheme);
-    };
-    const applyLightTheme = () => {
-        applyTheme(lightTheme);
-    };
-    useLayoutEffect(() => {
-        var _a;
-        // Allow for the tab panel content to look nice with its own scrollbar,
-        // which also keeps the heading/tab group at the top of the page.
-        // It feels like css flex should do this, but I could never get it to work.
-        if (ref.current !== null) {
-            ref.current.style.height = `${window.innerHeight - (((_a = ref.current.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.top) || 0) - 10}px`;
-        }
-    });
-    const onUpdateThemes = (id, newValue) => {
-        setTheme(Object.assign(Object.assign({}, theme), { [id]: newValue }));
-        updateThemes(id, newValue);
-    };
-    return (React.createElement(View, null,
-        React.createElement(Header, { helpFunction: () => {
-                launchTutorialLink("SDD-03-Theme");
-            } }, "Theme"),
-        React.createElement(Content, null,
-            React.createElement(Tab, null,
-                React.createElement("div", { "data-label": "Themes" },
-                    React.createElement("div", { className: "frontmatter" },
-                        "Use a template to set or reset your theme.",
-                        React.createElement("br", null),
-                        "Use either template to start building your own theme."),
-                    React.createElement("div", { className: "template-row" },
-                        React.createElement("label", null, "Templates:"),
-                        React.createElement(Button, { fashion: "primary", iconBefore: "moon", text: "Dark theme", onClick: applyDarkTheme }),
-                        React.createElement(Button, { fashion: "primary", iconBefore: "sun", text: "Light theme", onClick: applyLightTheme })),
-                    React.createElement(ThemePage, { theme: theme, updateThemes: onUpdateThemes })),
-                React.createElement("div", { "data-label": "Images" },
-                    React.createElement("div", { className: "frontmatter" },
-                        "Browse your computer for images to use in Finsemble.",
-                        React.createElement("br", null),
-                        "You can also drag and drop images into the fields below."),
-                    React.createElement(AssetsPage, { updateSplashScreen: updateSplashScreen, updateToolbarIcon: updateToolbarIcon, updateTaskbarIcon: updateTaskbarIcon, updateSystemTrayIcon: updateSystemTrayIcon, updateInstallerIcon: updateInstallerIcon }))))));
-};
-//# sourceMappingURL=Appearance.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Appearance.js","sourceRoot":"","sources":["../../../src/components/sdd/Appearance.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useRef, useLayoutEffect } from \"react\";\nimport { Button } from \"../common/Button\";\nimport { Header } from \"../common/Header\";\nimport \"./Appearance.css\";\nimport { AssetsPage } from \"./AssetsPage\";\nimport { ThemePage, ThemeBundle } from \"./ThemePage\";\nimport { clone } from \"./Appearance.helpers\";\nimport { FileInputUploadCb } from \"../common/FileInput\";\nimport { View } from \"./View\";\nimport { Content } from \"./Content\";\nimport { Tab } from \"../common/Tab\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\n\nexport type AppearanceProps = {\n\tstartTheme: ThemeBundle;\n\tdarkTheme: ThemeBundle;\n\tlightTheme: ThemeBundle;\n\tupdateTheme: (theme: ThemeBundle) => void;\n\tupdateThemes: (id: string, newValue: string) => void;\n\tareYouSure: (affirmativeCallback: () => void) => void;\n\tupdateSplashScreen: FileInputUploadCb;\n\tupdateToolbarIcon: FileInputUploadCb;\n\tupdateTaskbarIcon: FileInputUploadCb;\n\tupdateSystemTrayIcon: FileInputUploadCb;\n\tupdateInstallerIcon: FileInputUploadCb;\n};\n\nexport const Appearance = ({\n\tstartTheme,\n\tdarkTheme,\n\tlightTheme,\n\tupdateTheme,\n\tupdateThemes,\n\tareYouSure,\n\tupdateSplashScreen,\n\tupdateToolbarIcon,\n\tupdateTaskbarIcon,\n\tupdateSystemTrayIcon,\n\tupdateInstallerIcon,\n}: AppearanceProps) => {\n\tconst [theme, setTheme] = useState(startTheme);\n\tconst ref = useRef<HTMLDivElement>(null);\n\n\tconst applyTheme = (newTheme: ThemeBundle) => {\n\t\tareYouSure(() => {\n\t\t\tconst clonedTheme = clone(newTheme);\n\t\t\tsetTheme(clonedTheme);\n\t\t\tupdateTheme(clonedTheme);\n\t\t});\n\t};\n\n\tconst applyDarkTheme = () => {\n\t\tapplyTheme(darkTheme);\n\t};\n\n\tconst applyLightTheme = () => {\n\t\tapplyTheme(lightTheme);\n\t};\n\n\tuseLayoutEffect(() => {\n\t\t// Allow for the tab panel content to look nice with its own scrollbar,\n\t\t// which also keeps the heading/tab group at the top of the page.\n\t\t// It feels like css flex should do this, but I could never get it to work.\n\t\tif (ref.current !== null) {\n\t\t\tref.current.style.height = `${window.innerHeight - (ref.current.getBoundingClientRect()?.top || 0) - 10}px`;\n\t\t}\n\t});\n\n\tconst onUpdateThemes = (id: string, newValue: string) => {\n\t\tsetTheme({\n\t\t\t...theme,\n\t\t\t[id]: newValue,\n\t\t});\n\t\tupdateThemes(id, newValue);\n\t};\n\n\treturn (\n\t\t<View>\n\t\t\t<Header\n\t\t\t\thelpFunction={() => {\n\t\t\t\t\tlaunchTutorialLink(\"SDD-03-Theme\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tTheme\n\t\t\t</Header>\n\n\t\t\t<Content>\n\t\t\t\t<Tab>\n\t\t\t\t\t<div data-label=\"Themes\">\n\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\tUse a template to set or reset your theme.\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tUse either template to start building your own theme.\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div className=\"template-row\">\n\t\t\t\t\t\t\t<label>Templates:</label>\n\t\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"moon\" text=\"Dark theme\" onClick={applyDarkTheme} />\n\t\t\t\t\t\t\t<Button fashion=\"primary\" iconBefore=\"sun\" text=\"Light theme\" onClick={applyLightTheme} />\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<ThemePage theme={theme} updateThemes={onUpdateThemes} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div data-label=\"Images\">\n\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\tBrowse your computer for images to use in Finsemble.\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tYou can also drag and drop images into the fields below.\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<AssetsPage\n\t\t\t\t\t\t\tupdateSplashScreen={updateSplashScreen}\n\t\t\t\t\t\t\tupdateToolbarIcon={updateToolbarIcon}\n\t\t\t\t\t\t\tupdateTaskbarIcon={updateTaskbarIcon}\n\t\t\t\t\t\t\tupdateSystemTrayIcon={updateSystemTrayIcon}\n\t\t\t\t\t\t\tupdateInstallerIcon={updateInstallerIcon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Tab>\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}