@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/sdd/AuthenticationProviderConfig.js

@@ -0,0 +1,90 @@
+import React, { useRef, useState } from "react";
+import { Button } from "../common/Button";
+import { ButtonIcon } from "../common/ButtonIcon";
+import { FinsembleToggle } from "../common/FinsembleToggle";
+import { Tooltip } from "../common/Tooltip";
+import { FinsembleIcon } from "../common/FinsembleIcon";
+import { Accordion } from "../common/Accordion";
+import { SmartDesktopClient } from "./smartDesktopClient";
+export const AuthenticationProviderConfig = (props) => {
+    const provider = props.value;
+    const redirectURIField = useRef(null);
+    const [clientID, setClientID] = useState(provider.client_id || "");
+    const [endpointURL, setEndpointURL] = useState(provider.authorization_endpoint);
+    const [scope, setScope] = useState(provider.scope);
+    const [redirectURI, setRedirectURI] = useState(provider.redirect_uri);
+    const [nonce, setNonce] = useState(provider.nonce);
+    const [authError, setAuthError] = useState(null);
+    const [authSuccess, setAuthSuccess] = useState(false);
+    const checkValid = (stateValue, storeValue) => {
+        if (stateValue === storeValue) {
+            return true;
+        }
+        return stateValue.length > 0;
+    };
+    const clientIDValid = checkValid(clientID, provider.client_id || "");
+    const endpointURLValid = endpointURL && SmartDesktopClient.checkValidURL(endpointURL || "");
+    const save = () => {
+        const providerObject = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, provider), (clientIDValid ? { client_id: clientID } : {})), (endpointURLValid ? { authorization_endpoint: endpointURL } : {})), (redirectURI ? { redirect_uri: redirectURI } : {})), { scope }), { nonce });
+        setAuthSuccess(false);
+        setAuthError(null);
+        props
+            .testAuthenticationProvider(providerObject)
+            .then(() => {
+            setAuthSuccess(true);
+            props.onChange(providerObject);
+        })
+            .catch((err) => {
+            setAuthError(err);
+        });
+    };
+    if (!redirectURI) {
+        setRedirectURI(`https://cloud.finsemble.com/sso/oauth/response`);
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "auth-setup-field auth-setup-redirect" },
+                React.createElement("label", null, "Redirect URL"),
+                React.createElement("input", { className: "auth-setup-redirect-input", "aria-label": "Redirect URL", ref: redirectURIField, type: "text", value: redirectURI, readOnly: true }),
+                React.createElement(ButtonIcon, { className: "auth-setup-redirect-button", text: "Copy", icon: "copy", onClick: () => {
+                        const input = redirectURIField.current;
+                        input.focus();
+                        input.select();
+                        document.execCommand("copy");
+                    } })),
+            React.createElement("div", { className: "auth-setup-field auth-setup-endpoint-url" },
+                React.createElement("label", null, "Endpoint URL"),
+                React.createElement("input", { "aria-label": "Endpoint URL", type: "text", value: endpointURL, onChange: (e) => {
+                        setEndpointURL(e.target.value);
+                    }, "aria-invalid": !endpointURLValid }),
+                React.createElement(Tooltip, null, "OAuth API endpoint URL for your OAuth provider")),
+            React.createElement("div", { className: "auth-setup-field auth-setup-clientid" },
+                React.createElement("label", null, "Client ID"),
+                React.createElement("input", { "aria-label": "Client ID", type: "text", value: clientID, onChange: (e) => {
+                        setClientID(e.target.value);
+                    }, "aria-invalid": !clientIDValid }),
+                React.createElement(Tooltip, null, "The Client ID is generated by your OAuth provider"))),
+        React.createElement(Accordion, { id: "authentication-advanced", label: "Advanced", size: "medium" },
+            React.createElement("div", { className: "auth-setup-field auth-setup-scope" },
+                React.createElement("label", null, "Scope Parameter"),
+                React.createElement("input", { "aria-label": "Scope Parameter", type: "text", value: scope, onChange: (e) => {
+                        setScope(e.target.value);
+                    } }),
+                React.createElement(Tooltip, null, "The scope accepted by your OAuth provider")),
+            React.createElement("div", { className: "auth-setup-field auth-setup-nonce" },
+                React.createElement("label", null, "Require Nonce Parameter"),
+                React.createElement("div", { className: "auth-setup-nonce-wrapper" },
+                    React.createElement(FinsembleToggle, { label: "Require Nonce Parameter", checked: nonce, onChange: (value) => {
+                            setNonce(value);
+                        } })),
+                React.createElement(Tooltip, null, "If the `nonce` parameter is supported by your OAuth provider"))),
+        authError && React.createElement("div", { className: "auth-setup-error" },
+            "Error: ",
+            authError),
+        authSuccess && (React.createElement("div", { className: "auth-setup-success" },
+            React.createElement(FinsembleIcon, { icon: "check" }),
+            " Configuration Saved")),
+        React.createElement("div", { className: "auth-setup-actions" },
+            React.createElement(Button, { fashion: "secondary", text: "Test and save", onClick: save, disabled: !endpointURLValid }))));
+};
+//# sourceMappingURL=AuthenticationProviderConfig.js.map

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

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

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

@@ -0,0 +1,8 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+export declare const Content: (props: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/react/components/sdd/Content.js

@@ -0,0 +1,7 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+export const Content = (props) => React.createElement("div", { className: "view-content" }, props.children);
+//# sourceMappingURL=Content.js.map

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

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

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

@@ -0,0 +1,5 @@
+import React from "react";
+export interface HeaderProps {
+    name?: string;
+}
+export declare const ContentHeader: React.FunctionComponent<HeaderProps>;

package/react/components/sdd/ContentHeader.js

@@ -0,0 +1,10 @@
+import React from "react";
+export const ContentHeader = ({ name }) => {
+    name = !name || name == "default" ? "Untitled project" : name;
+    const letter = name.substr(0, 1).toUpperCase();
+    return (React.createElement("div", { className: "project-header" },
+        React.createElement("div", { className: "text-icon project-title-icon" },
+            React.createElement("span", null, letter)),
+        React.createElement("div", { className: "project-name" }, name)));
+};
+//# sourceMappingURL=ContentHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader.js","sourceRoot":"","sources":["../../../src/components/sdd/ContentHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,CAAC,MAAM,aAAa,GAAyC,CAAC,EAAE,IAAI,EAAe,EAAE,EAAE;IAC5F,IAAI,GAAG,CAAC,IAAI,IAAI,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAE/C,OAAO,CACN,6BAAK,SAAS,EAAC,gBAAgB;QAC9B,6BAAK,SAAS,EAAC,8BAA8B;YAC5C,kCAAO,MAAM,CAAQ,CAChB;QACN,6BAAK,SAAS,EAAC,cAAc,IAAE,IAAI,CAAO,CACrC,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\n\nexport interface HeaderProps {\n\tname?: string;\n}\n\nexport const ContentHeader: React.FunctionComponent<HeaderProps> = ({ name }: HeaderProps) => {\n\tname = !name || name == \"default\" ? \"Untitled project\" : name;\n\tconst letter = name.substr(0, 1).toUpperCase();\n\n\treturn (\n\t\t<div className=\"project-header\">\n\t\t\t<div className=\"text-icon project-title-icon\">\n\t\t\t\t<span>{letter}</span>\n\t\t\t</div>\n\t\t\t<div className=\"project-name\">{name}</div>\n\t\t</div>\n\t);\n};\n"]}

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

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/// <reference types="react" />
+import { ThemeConfig } from "./SmartDesktopDesigner";
+export declare type CurrentViewProps = {
+    theme: ThemeConfig;
+    views: any[];
+};
+export declare const CurrentView: ({ theme, views }: CurrentViewProps) => JSX.Element;

package/react/components/sdd/CurrentView.js

@@ -0,0 +1,14 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+import { useSelector } from "../../store";
+export const CurrentView = ({ theme, views }) => {
+    const currentViewId = useSelector((state) => state.smartDesktopDesigner.currentViewId);
+    const flatView = views.map((section) => section.views).flat();
+    const currentView = flatView.filter((view) => view.id === currentViewId)[0] || views[0];
+    let View = currentView.component;
+    return React.createElement(View, Object.assign({ theme: theme }, currentView.props));
+};
+//# sourceMappingURL=CurrentView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentView.js","sourceRoot":"","sources":["../../../src/components/sdd/CurrentView.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoB,EAAE,EAAE;IACjE,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC;IAElG,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;IAE9D,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;IAExF,IAAI,IAAI,GAAG,WAAW,CAAC,SAAS,CAAC;IAEjC,OAAO,oBAAC,IAAI,kBAAC,KAAK,EAAE,KAAK,IAAO,WAAW,CAAC,KAAa,EAAS,CAAC;AACpE,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { ThemeConfig } from \"./SmartDesktopDesigner\";\n\nexport type CurrentViewProps = {\n\ttheme: ThemeConfig;\n\tviews: any[];\n};\n\nexport const CurrentView = ({ theme, views }: CurrentViewProps) => {\n\tconst currentViewId = useSelector((state: RootState) => state.smartDesktopDesigner.currentViewId);\n\n\tconst flatView = views.map((section) => section.views).flat();\n\n\tconst currentView = flatView.filter((view) => view.id === currentViewId)[0] || views[0];\n\n\tlet View = currentView.component;\n\n\treturn <View theme={theme} {...(currentView.props as any)}></View>;\n};\n"]}

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

@@ -0,0 +1,13 @@
+import React from "react";
+import "../common/css/preload-edit-page.css";
+import { PreloadDetail } from "../../types/smartDesktopDesignerTypes";
+import { SmartDesktopClient } from "./smartDesktopClient";
+export interface EditPreloadProps {
+    alias: string;
+    cancel: () => void;
+    submit: (oldAlias: string | null, newAlias: string, detail: PreloadDetail) => Promise<void>;
+    getApps: typeof SmartDesktopClient.getApps;
+    updateApp: typeof SmartDesktopClient.updateApp;
+    deletePreload: typeof SmartDesktopClient.deletePreload;
+}
+export declare const EditPreload: React.FunctionComponent<EditPreloadProps>;

package/react/components/sdd/EditPreload.js

@@ -0,0 +1,183 @@
+import React, { useEffect, useState } from "react";
+import "../common/css/preload-edit-page.css";
+import { FinsembleSelect } from "../common/FinsembleSelect";
+import { Button } from "../common/Button";
+import { useSelector } from "../../store";
+const validAliasRegex = new RegExp("^[a-zA-Z0-9-]+$");
+const getAliasInvalidMessage = (alias, preloads, currentAlias) => {
+    if (alias === "") {
+        return "";
+    }
+    if (alias.match(validAliasRegex) === null) {
+        return "Name can only use letters, numbers, and dashes.";
+    }
+    if (alias !== currentAlias && alias in preloads) {
+        return "Name is already being used.";
+    }
+    return "";
+};
+const isUrlValid = (url) => {
+    let valid = true;
+    try {
+        new URL(url);
+    }
+    catch (e) {
+        valid = false;
+    }
+    return valid;
+};
+const breakOut = (apps) => {
+    const appNameList = [];
+    const appNameValues = [];
+    apps.forEach((app) => {
+        appNameList.push(app.name);
+        appNameValues.push(app.appId);
+    });
+    return {
+        appNameList,
+        appNameValues,
+    };
+};
+/**
+ * Preloads can be set in config as a string, array of strings or a boolean.
+ * This function converts any valid format to an array of string.
+ */
+const preloadAsArray = (currentPreload) => {
+    if (typeof currentPreload === "string") {
+        return [currentPreload];
+    }
+    if (typeof currentPreload === "boolean") {
+        return [];
+    }
+    return currentPreload !== null && currentPreload !== void 0 ? currentPreload : [];
+};
+export const EditPreload = (props) => {
+    var _a, _b, _c, _d;
+    const preloads = useSelector((state) => state.smartDesktopDesigner.preloads);
+    const [alias, setAlias] = useState(props.alias);
+    const aliasInvalidMessage = getAliasInvalidMessage(alias, preloads, props.alias);
+    const [url, setUrl] = useState((_b = (_a = preloads[alias]) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : "");
+    const urlValid = isUrlValid(url);
+    const disableSubmit = !(alias !== "" && aliasInvalidMessage === "" && urlValid);
+    const [usageType, setUsageType] = useState((_d = (_c = preloads[alias]) === null || _c === void 0 ? void 0 : _c.autoload) !== null && _d !== void 0 ? _d : "none");
+    const [appList, setAppList] = useState([]);
+    const { appNameList, appNameValues } = breakOut(appList);
+    const [selectedApps, setSelectedApps] = useState([]);
+    const [key, setKey] = useState(`${Date.now()}.${Math.random()}`);
+    const onRadioChange = (e) => {
+        setUsageType(e.target.value);
+    };
+    const selectChange = (selectedValues) => {
+        setSelectedApps(selectedValues);
+    };
+    const updateAppList = () => {
+        props.getApps().then(({ apps }) => {
+            setAppList(apps);
+            if (props.alias !== "") {
+                setSelectedApps(apps
+                    .filter((app) => { var _a, _b, _c; return (_c = preloadAsArray((_b = (_a = app.manifest) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.preload)) === null || _c === void 0 ? void 0 : _c.includes(props.alias); })
+                    .map((app) => app.appId));
+            }
+        });
+    };
+    const updateAppConfigs = async () => {
+        const isRenaming = props.alias !== alias;
+        const promises = appList.map((app) => {
+            var _a, _b;
+            app.manifest = (_a = app.manifest) !== null && _a !== void 0 ? _a : {};
+            app.manifest.component = (_b = app.manifest.component) !== null && _b !== void 0 ? _b : {};
+            app.manifest.component.preload = preloadAsArray(app.manifest.component.preload);
+            const index = app.manifest.component.preload.indexOf(props.alias);
+            const wasPreloadInThisApp = index >= 0;
+            const isPreloadInThisApp = selectedApps.includes(app.appId);
+            // This preload was assigned to this app, but is no longer
+            if (wasPreloadInThisApp && !isPreloadInThisApp) {
+                app.manifest.component.preload.splice(index, 1);
+                return props.updateApp(app.appId, app);
+            }
+            // This preload was not assigned to this app, but now is
+            if (!wasPreloadInThisApp && isPreloadInThisApp) {
+                app.manifest.component.preload.push(alias);
+                return props.updateApp(app.appId, app);
+            }
+            // This preload continues to be assigned, but has been renamed
+            if (wasPreloadInThisApp && isPreloadInThisApp && isRenaming) {
+                app.manifest.component.preload.splice(index, 1);
+                app.manifest.component.preload.push(alias);
+                return props.updateApp(app.appId, app);
+            }
+            // No change to this app
+            return new Promise((resolve) => {
+                resolve({ err: null });
+            });
+        });
+        return Promise.all(promises);
+    };
+    useEffect(() => {
+        updateAppList();
+    }, []);
+    // Using `key` is a sort of hack to help re-generate FinsembleSelect, after updating appList
+    // @todo - Get FinsembleSelect to respect props changes. At that point, this key hack will be unnecessary
+    useEffect(() => {
+        setKey(`${Date.now()}.${Math.random()}`);
+    }, [appList, selectedApps]);
+    return (React.createElement("div", { className: "preload-edit-container" },
+        React.createElement("h2", null, alias || "Untitled preload"),
+        React.createElement("div", { className: "app-edit-field" },
+            React.createElement("table", { role: "presentation", className: "preload-edit-table" },
+                React.createElement("tbody", null,
+                    React.createElement("tr", null,
+                        React.createElement("th", null,
+                            React.createElement("label", { htmlFor: "preload-alias" }, "Name")),
+                        React.createElement("td", { className: "edit-field" },
+                            React.createElement("input", { type: "text", id: "preload-alias", value: alias, "aria-invalid": alias !== "" && aliasInvalidMessage !== "", "aria-errormessage": "preload-alias-error-message", placeholder: "Untitled preload", onChange: (e) => {
+                                    setAlias(e.target.value);
+                                } }),
+                            aliasInvalidMessage && (React.createElement("div", { id: "preload-alias-error-message", className: "invalid-message" }, aliasInvalidMessage)))),
+                    React.createElement("tr", null,
+                        React.createElement("th", null,
+                            React.createElement("label", { htmlFor: "preload-url" }, "Web URL")),
+                        React.createElement("td", { className: "edit-field" },
+                            React.createElement("input", { type: "text", id: "preload-url", value: url, "aria-invalid": url !== "" && !urlValid, "aria-errormessage": "preload-url-error-message", onChange: (e) => {
+                                    setUrl(e.target.value);
+                                } }),
+                            url !== "" && !urlValid && (React.createElement("div", { id: "preload-url-error-message", className: "invalid-message" }, "URL must be valid (e.g., https://cosaic.io/). Only http and https prototcols are supported.")))),
+                    React.createElement("tr", null,
+                        React.createElement("th", { className: "table-header__top-label", id: "load-label" }, "Load for"),
+                        React.createElement("td", null,
+                            React.createElement("div", { className: "load-option" },
+                                React.createElement("label", null,
+                                    React.createElement("input", { type: "radio", name: "preload-usage", "aria-labelledby": "load-label load-label-launchable", value: "launchable", "aria-posinset": 1, "aria-setsize": 3, checked: usageType === "launchable", onChange: onRadioChange }),
+                                    " ",
+                                    React.createElement("span", { id: "load-label-launchable" }, "Apps launched by users"))),
+                            React.createElement("div", { className: "load-option" },
+                                React.createElement("label", null,
+                                    React.createElement("input", { type: "radio", name: "preload-usage", "aria-labelledby": "load-label load-label-all", value: "all", "aria-posinset": 2, "aria-setsize": 3, checked: usageType === "all", onChange: onRadioChange }),
+                                    " ",
+                                    React.createElement("span", { id: "load-label-all" }, "All apps"))),
+                            React.createElement("div", { className: "load-option" },
+                                React.createElement("label", null,
+                                    React.createElement("input", { type: "radio", name: "preload-usage", "aria-labelledby": "load-label load-label-select", value: "none", "aria-posinset": 3, "aria-setsize": 3, checked: usageType === "none", onChange: onRadioChange }),
+                                    " ",
+                                    React.createElement("span", { id: "load-label-select" }, "Select apps"))),
+                            usageType === "none" && (React.createElement(FinsembleSelect, { key: key, options: appNameList, values: appNameValues, selected: selectedApps, updateCallback: selectChange, showSearch: true }))))))),
+        React.createElement("div", { className: "preload-edit-actions" },
+            React.createElement("div", null, props.alias && (React.createElement(Button, { fashion: "danger", text: "Remove preload", onClick: async (e) => {
+                    e.preventDefault();
+                    await props.deletePreload(props.alias);
+                    props.cancel();
+                } }))),
+            React.createElement("div", { className: "app-actions-right-wrapper" },
+                React.createElement(Button, { fashion: "ghost", text: "Cancel", onClick: () => {
+                        props.cancel();
+                    } }),
+                React.createElement(Button, { fashion: "secondary", text: "Save", disabled: disableSubmit, onClick: async () => {
+                        await props.submit(props.alias, alias, {
+                            url,
+                            autoload: usageType,
+                        });
+                        await updateAppConfigs();
+                        props.cancel();
+                    } })))));
+};
+//# sourceMappingURL=EditPreload.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditPreload.js","sourceRoot":"","sources":["../../../src/components/sdd/EditPreload.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ChangeEvent, useEffect, useState } from \"react\";\nimport \"../common/css/preload-edit-page.css\";\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\nimport { Button } from \"../common/Button\";\nimport { PreloadDetail, PreloadMap, preloadUsageType } from \"../../types/smartDesktopDesignerTypes\";\nimport { useSelector } from \"../../store\";\nimport { AppDefinition } from \"./Application\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { SmartDesktopClient } from \"./smartDesktopClient\";\n\nexport interface EditPreloadProps {\n\talias: string;\n\tcancel: () => void;\n\tsubmit: (oldAlias: string | null, newAlias: string, detail: PreloadDetail) => Promise<void>;\n\tgetApps: typeof SmartDesktopClient.getApps;\n\tupdateApp: typeof SmartDesktopClient.updateApp;\n\tdeletePreload: typeof SmartDesktopClient.deletePreload;\n}\n\nconst validAliasRegex = new RegExp(\"^[a-zA-Z0-9-]+$\");\n\nconst getAliasInvalidMessage = (alias: string, preloads: PreloadMap, currentAlias: string): string => {\n\tif (alias === \"\") {\n\t\treturn \"\";\n\t}\n\n\tif (alias.match(validAliasRegex) === null) {\n\t\treturn \"Name can only use letters, numbers, and dashes.\";\n\t}\n\n\tif (alias !== currentAlias && alias in preloads) {\n\t\treturn \"Name is already being used.\";\n\t}\n\n\treturn \"\";\n};\n\nconst isUrlValid = (url: string) => {\n\tlet valid = true;\n\ttry {\n\t\tnew URL(url);\n\t} catch (e) {\n\t\tvalid = false;\n\t}\n\treturn valid;\n};\n\nconst breakOut = (apps: AppDefinition[]) => {\n\tconst appNameList: string[] = [];\n\tconst appNameValues: string[] = [];\n\n\tapps.forEach((app: AppDefinition) => {\n\t\tappNameList.push(app.name);\n\t\tappNameValues.push(app.appId);\n\t});\n\n\treturn {\n\t\tappNameList,\n\t\tappNameValues,\n\t};\n};\n\n/**\n * Preloads can be set in config as a string, array of strings or a boolean.\n * This function converts any valid format to an array of string.\n */\nconst preloadAsArray = (currentPreload: boolean | string | string[]): string[] => {\n\tif (typeof currentPreload === \"string\") {\n\t\treturn [currentPreload];\n\t}\n\tif (typeof currentPreload === \"boolean\") {\n\t\treturn [];\n\t}\n\treturn currentPreload ?? [];\n};\n\nexport const EditPreload: React.FunctionComponent<EditPreloadProps> = (props) => {\n\tconst preloads = useSelector((state: RootState) => state.smartDesktopDesigner.preloads);\n\n\tconst [alias, setAlias] = useState(props.alias);\n\tconst aliasInvalidMessage = getAliasInvalidMessage(alias, preloads, props.alias);\n\tconst [url, setUrl] = useState(preloads[alias]?.url ?? \"\");\n\tconst urlValid = isUrlValid(url);\n\n\tconst disableSubmit = !(alias !== \"\" && aliasInvalidMessage === \"\" && urlValid);\n\n\tconst [usageType, setUsageType] = useState<preloadUsageType>(preloads[alias]?.autoload ?? \"none\");\n\tconst [appList, setAppList] = useState<AppDefinition[]>([]);\n\tconst { appNameList, appNameValues } = breakOut(appList);\n\tconst [selectedApps, setSelectedApps] = useState<string[]>([]);\n\tconst [key, setKey] = useState(`${Date.now()}.${Math.random()}`);\n\n\tconst onRadioChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tsetUsageType(e.target.value as preloadUsageType);\n\t};\n\n\tconst selectChange = (selectedValues: string[]) => {\n\t\tsetSelectedApps(selectedValues);\n\t};\n\n\tconst updateAppList = () => {\n\t\tprops.getApps().then(({ apps }: { apps: AppDefinition[] }) => {\n\t\t\tsetAppList(apps);\n\t\t\tif (props.alias !== \"\") {\n\t\t\t\tsetSelectedApps(\n\t\t\t\t\tapps\n\t\t\t\t\t\t.filter((app) => preloadAsArray(app.manifest?.component?.preload)?.includes(props.alias))\n\t\t\t\t\t\t.map((app) => app.appId)\n\t\t\t\t);\n\t\t\t}\n\t\t});\n\t};\n\n\tconst updateAppConfigs = async () => {\n\t\tconst isRenaming = props.alias !== alias;\n\t\tconst promises: Promise<any>[] = appList.map((app) => {\n\t\t\tapp.manifest = app.manifest ?? {};\n\t\t\tapp.manifest.component = app.manifest.component ?? {};\n\t\t\tapp.manifest.component.preload = preloadAsArray(app.manifest.component.preload);\n\t\t\tconst index = app.manifest.component.preload.indexOf(props.alias);\n\t\t\tconst wasPreloadInThisApp = index >= 0;\n\t\t\tconst isPreloadInThisApp = selectedApps.includes(app.appId);\n\n\t\t\t// This preload was assigned to this app, but is no longer\n\t\t\tif (wasPreloadInThisApp && !isPreloadInThisApp) {\n\t\t\t\tapp.manifest.component.preload.splice(index, 1);\n\t\t\t\treturn props.updateApp(app.appId, app);\n\t\t\t}\n\n\t\t\t// This preload was not assigned to this app, but now is\n\t\t\tif (!wasPreloadInThisApp && isPreloadInThisApp) {\n\t\t\t\tapp.manifest.component.preload.push(alias);\n\t\t\t\treturn props.updateApp(app.appId, app);\n\t\t\t}\n\n\t\t\t// This preload continues to be assigned, but has been renamed\n\t\t\tif (wasPreloadInThisApp && isPreloadInThisApp && isRenaming) {\n\t\t\t\tapp.manifest.component.preload.splice(index, 1);\n\t\t\t\tapp.manifest.component.preload.push(alias);\n\t\t\t\treturn props.updateApp(app.appId, app);\n\t\t\t}\n\n\t\t\t// No change to this app\n\t\t\treturn new Promise((resolve) => {\n\t\t\t\tresolve({ err: null });\n\t\t\t});\n\t\t});\n\n\t\treturn Promise.all(promises);\n\t};\n\n\tuseEffect(() => {\n\t\tupdateAppList();\n\t}, []);\n\n\t// Using `key` is a sort of hack to help re-generate FinsembleSelect, after updating appList\n\t// @todo - Get FinsembleSelect to respect props changes. At that point, this key hack will be unnecessary\n\tuseEffect(() => {\n\t\tsetKey(`${Date.now()}.${Math.random()}`);\n\t}, [appList, selectedApps]);\n\n\treturn (\n\t\t<div className=\"preload-edit-container\">\n\t\t\t<h2>{alias || \"Untitled preload\"}</h2>\n\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<table role=\"presentation\" className=\"preload-edit-table\">\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>\n\t\t\t\t\t\t\t\t<label htmlFor=\"preload-alias\">Name</label>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t<td className=\"edit-field\">\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=\"preload-alias\"\n\t\t\t\t\t\t\t\t\tvalue={alias}\n\t\t\t\t\t\t\t\t\taria-invalid={alias !== \"\" && aliasInvalidMessage !== \"\"}\n\t\t\t\t\t\t\t\t\taria-errormessage=\"preload-alias-error-message\"\n\t\t\t\t\t\t\t\t\tplaceholder=\"Untitled preload\"\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetAlias(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\t{aliasInvalidMessage && (\n\t\t\t\t\t\t\t\t\t<div id=\"preload-alias-error-message\" className=\"invalid-message\">\n\t\t\t\t\t\t\t\t\t\t{aliasInvalidMessage}\n\t\t\t\t\t\t\t\t\t</div>\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<tr>\n\t\t\t\t\t\t\t<th>\n\t\t\t\t\t\t\t\t<label htmlFor=\"preload-url\">Web URL</label>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t<td className=\"edit-field\">\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=\"preload-url\"\n\t\t\t\t\t\t\t\t\tvalue={url}\n\t\t\t\t\t\t\t\t\taria-invalid={url !== \"\" && !urlValid}\n\t\t\t\t\t\t\t\t\taria-errormessage=\"preload-url-error-message\"\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetUrl(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\t{url !== \"\" && !urlValid && (\n\t\t\t\t\t\t\t\t\t<div id=\"preload-url-error-message\" className=\"invalid-message\">\n\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.\n\t\t\t\t\t\t\t\t\t</div>\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<tr>\n\t\t\t\t\t\t\t<th className=\"table-header__top-label\" id=\"load-label\">\n\t\t\t\t\t\t\t\tLoad for\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<div className=\"load-option\">\n\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\tname=\"preload-usage\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"load-label load-label-launchable\"\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"launchable\"\n\t\t\t\t\t\t\t\t\t\t\taria-posinset={1}\n\t\t\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\t\t\tchecked={usageType === \"launchable\"}\n\t\t\t\t\t\t\t\t\t\t\tonChange={onRadioChange}\n\t\t\t\t\t\t\t\t\t\t/>{\" \"}\n\t\t\t\t\t\t\t\t\t\t<span id=\"load-label-launchable\">Apps launched by users</span>\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"load-option\">\n\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\tname=\"preload-usage\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"load-label load-label-all\"\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"all\"\n\t\t\t\t\t\t\t\t\t\t\taria-posinset={2}\n\t\t\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\t\t\tchecked={usageType === \"all\"}\n\t\t\t\t\t\t\t\t\t\t\tonChange={onRadioChange}\n\t\t\t\t\t\t\t\t\t\t/>{\" \"}\n\t\t\t\t\t\t\t\t\t\t<span id=\"load-label-all\">All apps</span>\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"load-option\">\n\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\tname=\"preload-usage\"\n\t\t\t\t\t\t\t\t\t\t\taria-labelledby=\"load-label load-label-select\"\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"none\"\n\t\t\t\t\t\t\t\t\t\t\taria-posinset={3}\n\t\t\t\t\t\t\t\t\t\t\taria-setsize={3}\n\t\t\t\t\t\t\t\t\t\t\tchecked={usageType === \"none\"}\n\t\t\t\t\t\t\t\t\t\t\tonChange={onRadioChange}\n\t\t\t\t\t\t\t\t\t\t/>{\" \"}\n\t\t\t\t\t\t\t\t\t\t<span id=\"load-label-select\">Select apps</span>\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{usageType === \"none\" && (\n\t\t\t\t\t\t\t\t\t<FinsembleSelect\n\t\t\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\t\t\toptions={appNameList}\n\t\t\t\t\t\t\t\t\t\tvalues={appNameValues}\n\t\t\t\t\t\t\t\t\t\tselected={selectedApps}\n\t\t\t\t\t\t\t\t\t\tupdateCallback={selectChange}\n\t\t\t\t\t\t\t\t\t\tshowSearch={true}\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</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\t\t\t<div className=\"preload-edit-actions\">\n\t\t\t\t<div>\n\t\t\t\t\t{props.alias && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tfashion=\"danger\"\n\t\t\t\t\t\t\ttext=\"Remove preload\"\n\t\t\t\t\t\t\tonClick={async (e) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tawait props.deletePreload(props.alias);\n\t\t\t\t\t\t\t\tprops.cancel();\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</div>\n\n\t\t\t\t<div className=\"app-actions-right-wrapper\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tfashion=\"ghost\"\n\t\t\t\t\t\ttext=\"Cancel\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tprops.cancel();\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tfashion=\"secondary\"\n\t\t\t\t\t\ttext=\"Save\"\n\t\t\t\t\t\tdisabled={disableSubmit}\n\t\t\t\t\t\tonClick={async () => {\n\t\t\t\t\t\t\tawait props.submit(props.alias, alias, {\n\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\tautoload: usageType,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tawait updateAppConfigs();\n\t\t\t\t\t\t\tprops.cancel();\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}

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

@@ -0,0 +1,17 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+/// <reference types="react" />
+import { SmartDesktopClient } from "./smartDesktopClient";
+import "./css/export.css";
+export declare type ExportProps = {
+    progressCheckInterval: number;
+    getProjectConfig: typeof SmartDesktopClient.projectConfig;
+    createProjectZip: typeof SmartDesktopClient.createProjectZip;
+    publishToCosaicCloud: typeof SmartDesktopClient.publishToCosaicCloud;
+    getPublishProgress: typeof SmartDesktopClient.getPublishProgress;
+    copyProjectFiles: typeof SmartDesktopClient.copyProjectFiles;
+    updateProjectSettings: typeof SmartDesktopClient.updateProjectSettings;
+};
+export declare const Export: (props: ExportProps) => JSX.Element;

package/react/components/sdd/Export.js

@@ -0,0 +1,65 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React, { useState } from "react";
+import { View } from "./View";
+import { Header } from "../common/Header";
+import { Content } from "./Content";
+import { ExportCloud } from "./ExportCloud";
+import { ExportZip } from "./ExportZip";
+import { Publish } from "./Publish";
+import { ExportDeployInfo } from "./ExportDeployInfo";
+import { useSelector, useDispatch } from "../../store";
+import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
+import { launchTutorialLink } from "./common/fsbl_functions";
+import { SmartDesktopClient } from "./smartDesktopClient";
+import "./css/export.css";
+export const Export = (props) => {
+    const dispatch = useDispatch();
+    const isPublishing = useSelector((store) => store.smartDesktopDesigner.export.isPublishing);
+    const deployInfo = useSelector((store) => store.smartDesktopDesigner.export.deployInfo);
+    const project = useSelector((state) => state.smartDesktopDesigner.projectInfo);
+    const [tmpProjectName, setTmpProjectName] = useState((project === null || project === void 0 ? void 0 : project.name) === "default" ? "" : project === null || project === void 0 ? void 0 : project.name);
+    const isProjectNameValid = SmartDesktopClient.checkValidProjectName(tmpProjectName);
+    const setProject = (value) => {
+        dispatch(SmartDesktopDesignerActions.set_project_info(value));
+    };
+    const onSaveProjectName = (name) => {
+        props.updateProjectSettings(Object.assign(Object.assign({}, project), { name: name })).then(({ err }) => {
+            if (err) {
+                FSBL.Clients.Logger.system.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);
+            }
+            else {
+                setProject(Object.assign(Object.assign({}, project), { name }));
+            }
+        });
+    };
+    return (React.createElement(View, null,
+        React.createElement(Header, { helpFunction: () => {
+                launchTutorialLink("SDD-10-Finish");
+            } }, "Publish project"),
+        React.createElement(Content, null, isPublishing ? (React.createElement(Publish, Object.assign({}, props))) : (React.createElement("div", { className: "export-block" },
+            React.createElement("h2", null, "Desktop project"),
+            React.createElement("div", { className: "export-project-name" },
+                React.createElement("label", { htmlFor: "project-name" }, "Project name"),
+                React.createElement("input", { type: "text", className: "project-name-field", id: "project-name", name: "project-name", placeholder: "Untitled", "aria-invalid": !isProjectNameValid, value: tmpProjectName, style: { fontSize: 14 }, onInput: (e) => {
+                        setTmpProjectName(e.target.value);
+                    }, onKeyDown: (e) => {
+                        if (e.key === "Enter") {
+                            e.currentTarget.blur();
+                        }
+                    }, onBlur: () => {
+                        if (isProjectNameValid) {
+                            onSaveProjectName(tmpProjectName);
+                        }
+                    } })),
+            React.createElement("div", { className: "export-methods" },
+                React.createElement(ExportCloud, Object.assign({}, props, { valid: isProjectNameValid })),
+                React.createElement(ExportZip, Object.assign({}, props, { valid: isProjectNameValid }))),
+            deployInfo && (React.createElement("div", { className: "deployInfoContainer" },
+                React.createElement("div", null,
+                    React.createElement("p", null, "Project installer link:"),
+                    React.createElement(ExportDeployInfo, null)))))))));
+};
+//# sourceMappingURL=Export.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Export.js","sourceRoot":"","sources":["../../../src/components/sdd/Export.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 { View } from \"./View\";\nimport { Header } from \"../common/Header\";\nimport { Content } from \"./Content\";\nimport { ExportCloud } from \"./ExportCloud\";\nimport { ExportZip } from \"./ExportZip\";\nimport { Publish } from \"./Publish\";\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\nimport { useSelector, useDispatch } from \"../../store\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { ProjectSaveData } from \"../../types/smartDesktopDesignerTypes\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\nimport { SmartDesktopClient } from \"./smartDesktopClient\";\n\nimport \"./css/export.css\";\n\nexport type ExportProps = {\n\tprogressCheckInterval: number;\n\tgetProjectConfig: typeof SmartDesktopClient.projectConfig;\n\tcreateProjectZip: typeof SmartDesktopClient.createProjectZip;\n\tpublishToCosaicCloud: typeof SmartDesktopClient.publishToCosaicCloud;\n\tgetPublishProgress: typeof SmartDesktopClient.getPublishProgress;\n\tcopyProjectFiles: typeof SmartDesktopClient.copyProjectFiles;\n\tupdateProjectSettings: typeof SmartDesktopClient.updateProjectSettings;\n};\n\nexport const Export = (props: ExportProps) => {\n\tconst dispatch = useDispatch();\n\n\tconst isPublishing = useSelector((store: RootState) => store.smartDesktopDesigner.export.isPublishing);\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\n\tconst project = useSelector((state: RootState) => state.smartDesktopDesigner.projectInfo);\n\tconst [tmpProjectName, setTmpProjectName] = useState(project?.name === \"default\" ? \"\" : project?.name);\n\tconst isProjectNameValid = SmartDesktopClient.checkValidProjectName(tmpProjectName);\n\tconst setProject = (value: ProjectSaveData) => {\n\t\tdispatch(SmartDesktopDesignerActions.set_project_info(value));\n\t};\n\n\tconst onSaveProjectName = (name: string) => {\n\t\tprops.updateProjectSettings({ ...project, name: name }).then(({ err }) => {\n\t\t\tif (err) {\n\t\t\t\tFSBL.Clients.Logger.system.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);\n\t\t\t} else {\n\t\t\t\tsetProject({\n\t\t\t\t\t...project,\n\t\t\t\t\tname,\n\t\t\t\t});\n\t\t\t}\n\t\t});\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-10-Finish\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tPublish project\n\t\t\t</Header>\n\n\t\t\t<Content>\n\t\t\t\t{isPublishing ? (\n\t\t\t\t\t<Publish {...props} />\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"export-block\">\n\t\t\t\t\t\t<h2>Desktop project</h2>\n\t\t\t\t\t\t<div className=\"export-project-name\">\n\t\t\t\t\t\t\t<label htmlFor=\"project-name\">Project name</label>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tclassName=\"project-name-field\"\n\t\t\t\t\t\t\t\tid=\"project-name\"\n\t\t\t\t\t\t\t\tname=\"project-name\"\n\t\t\t\t\t\t\t\tplaceholder=\"Untitled\"\n\t\t\t\t\t\t\t\taria-invalid={!isProjectNameValid}\n\t\t\t\t\t\t\t\tvalue={tmpProjectName}\n\t\t\t\t\t\t\t\tstyle={{ fontSize: 14 }}\n\t\t\t\t\t\t\t\tonInput={(e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\t\t\t\t\t\t\tsetTmpProjectName(e.target.value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\t\t\t\t\te.currentTarget.blur();\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\tonBlur={() => {\n\t\t\t\t\t\t\t\t\tif (isProjectNameValid) {\n\t\t\t\t\t\t\t\t\t\tonSaveProjectName(tmpProjectName);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"export-methods\">\n\t\t\t\t\t\t\t<ExportCloud {...props} valid={isProjectNameValid} />\n\t\t\t\t\t\t\t<ExportZip {...props} valid={isProjectNameValid} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{deployInfo && (\n\t\t\t\t\t\t\t<div className=\"deployInfoContainer\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<p>Project installer link:</p>\n\t\t\t\t\t\t\t\t\t<ExportDeployInfo />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ExportProps } from "./Export";
+export declare type ExportCloudProps = ExportProps & {
+    valid: boolean;
+};
+export declare const ExportCloud: (props: ExportCloudProps) => JSX.Element;

package/react/components/sdd/ExportCloud.js

@@ -0,0 +1,38 @@
+import React, { useEffect } from "react";
+import { Button } from "../common/Button";
+import { useDispatch, useSelector } from "../../store";
+import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
+import { ProjectErrors } from "./ProjectErrors";
+export const ExportCloud = (props) => {
+    const dispatch = useDispatch();
+    const deployInfo = useSelector((store) => store.smartDesktopDesigner.export.deployInfo);
+    const projectErrors = useSelector((store) => store.smartDesktopDesigner.errors);
+    /**
+     * This will run once. We'll check to see if there's a current deployInfo for our
+     * project, in other words has it already been published.
+     */
+    useEffect(() => {
+        const getProjectConfig = async () => {
+            const projectConfig = await props.getProjectConfig();
+            const currentDeployInfo = projectConfig === null || projectConfig === void 0 ? void 0 : projectConfig.deployInfo;
+            if (currentDeployInfo) {
+                dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo));
+            }
+        };
+        getProjectConfig();
+    }, []);
+    return (React.createElement("div", { className: "export-method package-project" },
+        deployInfo ? (React.createElement("div", null,
+            React.createElement("p", null, "Publish your project to share it with your users. Click Publish to create a project installer. Please be patient, it can take up to 20 minutes."))) : (React.createElement("div", null,
+            React.createElement("p", null, "You can continue working on your desktop project after you publish it. To update the project, republish it. Users will see the changes when they restart their desktop."))),
+        React.createElement(ProjectErrors, { errors: projectErrors }),
+        React.createElement("div", { className: "export-method-actions" },
+            React.createElement(Button, { disabled: projectErrors.length > 0 || !props.valid, fashion: "secondary", text: "Publish", onClick: () => {
+                    dispatch(SmartDesktopDesignerActions.set_is_publishing(true));
+                    props
+                        .publishToCosaicCloud()
+                        .then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))
+                        .catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));
+                } }))));
+};
+//# sourceMappingURL=ExportCloud.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExportCloud.js","sourceRoot":"","sources":["../../../src/components/sdd/ExportCloud.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMhD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACtD,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACnG,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAE3F;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;YACnC,MAAM,aAAa,GAAG,MAAM,KAAK,CAAC,gBAAgB,EAAE,CAAC;YACrD,MAAM,iBAAiB,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,UAAU,CAAC;YAEpD,IAAI,iBAAiB,EAAE;gBACtB,QAAQ,CAAC,2BAA2B,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;aACzE;QACF,CAAC,CAAC;QACF,gBAAgB,EAAE,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,UAAU,CAAC,CAAC,CAAC,CACb;YACC,iLAGI,CACC,CACN,CAAC,CAAC,CAAC,CACH;YACC,yMAGI,CACC,CACN;QAED,oBAAC,aAAa,IAAC,MAAM,EAAE,aAAa,GAAkB;QAEtD,6BAAK,SAAS,EAAC,uBAAuB;YACrC,oBAAC,MAAM,IACN,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAClD,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE;oBACb,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;oBAC9D,KAAK;yBACH,oBAAoB,EAAE;yBACtB,IAAI,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC,CAAC;yBACrG,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACpF,CAAC,GACA,CACG,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Button } from \"../common/Button\";\nimport { useDispatch, useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { ExportProps } from \"./Export\";\nimport { ProjectErrors } from \"./ProjectErrors\";\n\nexport type ExportCloudProps = ExportProps & {\n\tvalid: boolean;\n};\n\nexport const ExportCloud = (props: ExportCloudProps) => {\n\tconst dispatch = useDispatch();\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\n\n\t/**\n\t * This will run once. We'll check to see if there's a current deployInfo for our\n\t * project, in other words has it already been published.\n\t */\n\tuseEffect(() => {\n\t\tconst getProjectConfig = async () => {\n\t\t\tconst projectConfig = await props.getProjectConfig();\n\t\t\tconst currentDeployInfo = projectConfig?.deployInfo;\n\n\t\t\tif (currentDeployInfo) {\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo));\n\t\t\t}\n\t\t};\n\t\tgetProjectConfig();\n\t}, []);\n\n\treturn (\n\t\t<div className=\"export-method package-project\">\n\t\t\t{deployInfo ? (\n\t\t\t\t<div>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tPublish your project to share it with your users. Click Publish to create a project installer. Please be\n\t\t\t\t\t\tpatient, it can take up to 20 minutes.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<div>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tYou can continue working on your desktop project after you publish it. To update the project, republish it.\n\t\t\t\t\t\tUsers will see the changes when they restart their desktop.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<ProjectErrors errors={projectErrors}></ProjectErrors>\n\n\t\t\t<div className=\"export-method-actions\">\n\t\t\t\t<Button\n\t\t\t\t\tdisabled={projectErrors.length > 0 || !props.valid}\n\t\t\t\t\tfashion=\"secondary\"\n\t\t\t\t\ttext=\"Publish\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_is_publishing(true));\n\t\t\t\t\t\tprops\n\t\t\t\t\t\t\t.publishToCosaicCloud()\n\t\t\t\t\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\n\t\t\t\t\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ExportDeployInfo: () => JSX.Element;