@finsemble/finsemble-ui 7.3.9 → 7.3.10

package/react/components/sdd/Dashboard.js

@@ -0,0 +1,103 @@
+import React, { useEffect, useState } from "react";
+import { Header } from "../common/Header";
+import { Content } from "./Content";
+import { Export } from "./Export";
+import { ProjectMasonry } from "./ProjectMasonry";
+import { View } from "./View";
+import { useDispatch, useSelector } from "../../store";
+import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
+import { FEAGlobals } from "../../../common/Globals";
+import "./Dashboard.css";
+import { Button } from "../common/Button";
+const isOutdated = (oldSemver, latestSemver) => {
+    const [oldMajor, oldMinor, oldPatch] = oldSemver.split(".");
+    const [latestMajor, latestMinor, latestPatch] = latestSemver.split(".");
+    if (+oldMajor < +latestMajor) {
+        return true;
+    }
+    if (+oldMinor < +latestMinor) {
+        return true;
+    }
+    return !!(+oldPatch < +latestPatch || oldPatch < latestPatch);
+};
+export const Dashboard = (props) => {
+    const dispatch = useDispatch();
+    const project = useSelector((state) => state.smartDesktopDesigner.projectInfo);
+    const version = useSelector((state) => state.smartDesktopDesigner.fsblVersion);
+    const [isEditing, setIsEditing] = useState(false);
+    const [projectNames, setProjectNames] = useState([]);
+    const [outdatedProjects, setOutdatedProjects] = useState([]);
+    const refreshProjectList = async () => {
+        const { details } = await props.getProjects();
+        setProjectNames(details.projects.map((projectStatus) => projectStatus.name));
+        dispatch(SmartDesktopDesignerActions.set_project_info(Object.assign(Object.assign({}, project), { name: details.activeProject })));
+        const outdatedProjectList = details.projects.filter((projectInfo) => { var _a; return isOutdated((_a = projectInfo.finsembleCoreVersion) !== null && _a !== void 0 ? _a : "0.0.0", version); });
+        setOutdatedProjects(outdatedProjectList.map((projectInfo) => projectInfo.name));
+    };
+    const addNewProjectFn = (cloneCurrent = false, cb) => {
+        FEAGlobals.FSBL.Clients.DialogManager.open("singleInput", {
+            title: "New project",
+            inputLabel: "Enter a name for your new project.",
+            affirmativeResponseLabel: "Confirm",
+            showCancelButton: true,
+            showNegativeButton: false,
+        }, async (err, response) => {
+            if (err || response.choice !== "affirmative") {
+                cb === null || cb === void 0 ? void 0 : cb();
+                return;
+            }
+            await props.updateProjectDetails({
+                oldName: "",
+                newName: response.value,
+                cloneCurrent,
+            });
+            refreshProjectList();
+            cb === null || cb === void 0 ? void 0 : cb();
+        });
+    };
+    const drillInProjectFn = async (projectName) => {
+        if (projectName !== project.name) {
+            FEAGlobals.FSBL.Clients.DialogManager.open("yesNo", {
+                title: "Switch projects",
+                question: `Switching to project ${projectName} will require Finsemble to restart. Are you sure you want to proceed?`,
+                affirmativeResponseLabel: "Yes",
+                negativeResponseLabel: "No",
+                showCancelButton: false,
+                showNegativeButton: true,
+            }, async (err, response) => {
+                if (err || response.choice !== "affirmative") {
+                    return;
+                }
+                props.setActiveProject(projectName);
+            });
+            refreshProjectList();
+        }
+        else {
+            setIsEditing(true);
+        }
+    };
+    useEffect(() => {
+        refreshProjectList();
+    }, []);
+    return isEditing ? (React.createElement(View, null,
+        React.createElement(Header, null, "Manage project"),
+        React.createElement(Export, Object.assign({}, props.export, { cancelEditing: () => {
+                setIsEditing(false);
+                refreshProjectList();
+            }, addNewProjectFn: addNewProjectFn, isOutdated: outdatedProjects.includes(project.name) })))) : (React.createElement(View, null,
+        React.createElement(Header, null, "Projects"),
+        React.createElement(Content, null,
+            React.createElement(ProjectMasonry, { projects: projectNames, activeProject: project.name, outdatedProjects: outdatedProjects, addNewProjectFn: addNewProjectFn, drillInProjectFn: drillInProjectFn, deleteProject: async (projectName) => {
+                    const { err } = await props.deleteProject(projectName);
+                    if (!err) {
+                        refreshProjectList();
+                    }
+                    return { err };
+                } }),
+            React.createElement("div", { className: "footer" },
+                React.createElement(Button, { fashion: "hollow", text: "Import existing project", onClick: async () => {
+                        await props.importProjectFolder();
+                        refreshProjectList();
+                    } })))));
+};
+//# sourceMappingURL=Dashboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/Dashboard.tsx"],"names":[],"mappings":"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"}

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

@@ -12,6 +12,13 @@ export declare type ExportProps = {
     publishToCosaicCloud: typeof SmartDesktopClient.publishToCosaicCloud;
     getPublishProgress: typeof SmartDesktopClient.getPublishProgress;
     copyProjectFiles: typeof SmartDesktopClient.copyProjectFiles;
+    moveProjectFiles: typeof SmartDesktopClient.moveProjectFiles;
     updateProjectSettings: typeof SmartDesktopClient.updateProjectSettings;
+    cancelEditing?: () => void;
+    addNewProjectFn?: (clone?: boolean, cb?: () => void) => void;
+    resetProject: typeof SmartDesktopClient.resetProject;
+    updateFinsembleCoreVersion: typeof SmartDesktopClient.updateFinsembleCoreVersion;
+    isOutdated: boolean;
 };
 export declare const Export: (props: ExportProps) => JSX.Element;
+//# sourceMappingURL=Export.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Export.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/Export.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAcH,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,kBAAkB,CAAC;AAE1B,oBAAY,WAAW,GAAG;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gBAAgB,EAAE,OAAO,kBAAkB,CAAC,aAAa,CAAC;IAC1D,gBAAgB,EAAE,OAAO,kBAAkB,CAAC,gBAAgB,CAAC;IAC7D,oBAAoB,EAAE,OAAO,kBAAkB,CAAC,oBAAoB,CAAC;IACrE,kBAAkB,EAAE,OAAO,kBAAkB,CAAC,kBAAkB,CAAC;IACjE,gBAAgB,EAAE,OAAO,kBAAkB,CAAC,gBAAgB,CAAC;IAC7D,gBAAgB,EAAE,OAAO,kBAAkB,CAAC,gBAAgB,CAAC;IAC7D,qBAAqB,EAAE,OAAO,kBAAkB,CAAC,qBAAqB,CAAC;IACvE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC7D,YAAY,EAAE,OAAO,kBAAkB,CAAC,YAAY,CAAC;IACrD,0BAA0B,EAAE,OAAO,kBAAkB,CAAC,0BAA0B,CAAC;IACjF,UAAU,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM,UAAW,WAAW,gBAyMxC,CAAC"}

package/react/components/sdd/Export.js

@@ -4,7 +4,6 @@
  */
 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";
@@ -12,54 +11,123 @@ 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 { FEAGlobals } from "../../../common/Globals";
 import { SmartDesktopClient } from "./smartDesktopClient";
+import { Button } from "../common/Button";
+import { ButtonIcon } from "../common/ButtonIcon";
 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 version = useSelector((state) => state.smartDesktopDesigner.fsblVersion);
     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 [isEditingPath, setIsEditingPath] = useState(false);
     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)}`);
+                FEAGlobals.FSBL.Clients.Logger.system.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);
             }
             else {
                 setProject(Object.assign(Object.assign({}, project), { name }));
             }
         });
     };
+    const updateProject = () => {
+        FEAGlobals.FSBL.Clients.DialogManager.open("yesNo", {
+            title: "Update project",
+            question: `Updating project ${project === null || project === void 0 ? void 0 : project.name} will require Finsemble to restart. Are you sure you want to proceed?`,
+            affirmativeResponseLabel: "Yes",
+            negativeResponseLabel: "No",
+            showCancelButton: false,
+            showNegativeButton: true,
+        }, async (error, response) => {
+            if (error || response.choice !== "affirmative") {
+                return;
+            }
+            const { err } = await props.updateFinsembleCoreVersion(project === null || project === void 0 ? void 0 : project.name, version);
+            if (err) {
+                FEAGlobals.FSBL.Clients.DialogManager.open("YesNoDialog", {
+                    title: "Error",
+                    question: `There was an error when trying to update the Finsemble version: ${err}`,
+                    affirmativeResponseLabel: "OK",
+                    showCancelButton: false,
+                    showNegativeButton: false,
+                }, () => { });
+            }
+            FEAGlobals.FSBL.restartApplication();
+        });
+    };
+    const onSaveProjectPath = (path) => {
+        props.updateProjectSettings(Object.assign(Object.assign({}, project), { path })).then(({ err }) => {
+            if (err) {
+                FEAGlobals.FSBL.Clients.Logger.system.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);
+            }
+            else {
+                setProject(Object.assign(Object.assign({}, project), { path }));
+            }
+        });
+    };
     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"),
+            props.isOutdated && (React.createElement("div", { className: "update-block" },
+                React.createElement(Button, { fashion: "hollow", text: "Update project", onClick: updateProject, iconBefore: "exclamation-circle" }))),
+            React.createElement("div", { className: "export-label" },
+                React.createElement("label", { htmlFor: "project-name" }, "Project name")),
             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-label" },
+                React.createElement("label", { htmlFor: "project-location" }, "File location")),
+            React.createElement("div", { className: "export-file-location" },
+                React.createElement("input", { id: "project-location", className: "project-name-field", type: "text", disabled: true, value: isEditingPath ? "..." : project.path }),
+                React.createElement(ButtonIcon, { icon: "search", text: "Select folder location", onClick: async () => {
+                        setIsEditingPath(true);
+                        try {
+                            const { data } = await props.moveProjectFiles(project.name);
+                            if (data) {
+                                onSaveProjectPath(data);
+                            }
                         }
+                        catch (err) { }
+                        setIsEditingPath(false);
                     } })),
-            React.createElement("div", { className: "export-methods" },
-                React.createElement(ExportCloud, Object.assign({}, props, { valid: isProjectNameValid })),
-                React.createElement(ExportZip, Object.assign({}, props, { valid: isProjectNameValid }))),
+            React.createElement("div", { className: "button-row" },
+                React.createElement("div", { className: "button-row-left" },
+                    React.createElement(Button, { fashion: "danger", text: "Reset project", onClick: () => {
+                            props.resetProject();
+                        } })),
+                React.createElement("div", { className: "button-row-right" },
+                    props.addNewProjectFn && (React.createElement(Button, { fashion: "hollow", iconBefore: "copy", text: "Clone project", onClick: () => {
+                            var _a;
+                            (_a = props.addNewProjectFn) === null || _a === void 0 ? void 0 : _a.call(props, true, props.cancelEditing);
+                        } })),
+                    React.createElement(Button, { fashion: "hollow", text: "Cancel", onClick: () => {
+                            var _a;
+                            (_a = props.cancelEditing) === null || _a === void 0 ? void 0 : _a.call(props);
+                        } }),
+                    React.createElement(Button, { className: "project-save", fashion: "secondary", text: "Save", onClick: async () => {
+                            var _a;
+                            onSaveProjectName(tmpProjectName);
+                            (_a = props.cancelEditing) === null || _a === void 0 ? void 0 : _a.call(props);
+                        } }))),
+            React.createElement("div", { className: "hr" }, "\u00A0"),
+            React.createElement("h2", null, "Publish to Cosaic Cloud"),
+            React.createElement(ExportCloud, 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)))))))));
+                    React.createElement(ExportDeployInfo, null)))),
+            React.createElement(ExportZip, Object.assign({}, props, { valid: isProjectNameValid })))))));
 };
 //# sourceMappingURL=Export.js.map

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

@@ -1 +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"]}
+{"version":3,"file":"Export.js","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/Export.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAGxF,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,kBAAkB,CAAC;AAkB1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACvG,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACnG,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAC1F,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAC1F,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,MAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IACvG,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC;IACpF,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;QAC7C,QAAQ,CAAC,2BAA2B,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;QAC1C,KAAK,CAAC,qBAAqB,iCAAM,OAAO,KAAE,IAAI,EAAE,IAAI,IAAG,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;YACxE,IAAI,GAAG,EAAE;gBACR,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,gCAAgC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;aACnG;iBAAM;gBACN,UAAU,iCACN,OAAO,KACV,IAAI,IACH,CAAC;aACH;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QAC1B,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CACzC,OAAO,EACP;YACC,KAAK,EAAE,gBAAgB;YACvB,QAAQ,EAAE,oBAAoB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,uEAAuE;YAClH,wBAAwB,EAAE,KAAK;YAC/B,qBAAqB,EAAE,IAAI;YAC3B,gBAAgB,EAAE,KAAK;YACvB,kBAAkB,EAAE,IAAI;SACxB,EACD,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YACzB,IAAI,KAAK,IAAI,QAAQ,CAAC,MAAM,KAAK,aAAa,EAAE;gBAC/C,OAAO;aACP;YACD,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,KAAK,CAAC,0BAA0B,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE,OAAO,CAAC,CAAC;YAC/E,IAAI,GAAG,EAAE;gBACR,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CACzC,aAAa,EACb;oBACC,KAAK,EAAE,OAAO;oBACd,QAAQ,EAAE,mEAAmE,GAAG,EAAE;oBAClF,wBAAwB,EAAE,IAAI;oBAC9B,gBAAgB,EAAE,KAAK;oBACvB,kBAAkB,EAAE,KAAK;iBACzB,EACD,GAAG,EAAE,GAAE,CAAC,CACR,CAAC;aACF;YACD,UAAU,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACtC,CAAC,CACD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;QAC1C,KAAK,CAAC,qBAAqB,iCAAM,OAAO,KAAE,IAAI,IAAG,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;YAClE,IAAI,GAAG,EAAE;gBACR,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,gCAAgC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;aACnG;iBAAM;gBACN,UAAU,iCACN,OAAO,KACV,IAAI,IACH,CAAC;aACH;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,OAAO,QACN,YAAY,CAAC,CAAC,CAAC,CACf,oBAAC,OAAO,oBAAK,KAAK,EAAI,CACtB,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,cAAc;YAC3B,KAAK,CAAC,UAAU,IAAI,CACpB,6BAAK,SAAS,EAAC,cAAc;gBAC5B,oBAAC,MAAM,IACN,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,aAAa,EACtB,UAAU,EAAC,oBAAoB,GAC9B,CACG,CACN;YACD,6BAAK,SAAS,EAAC,cAAc;gBAC5B,+BAAO,OAAO,EAAC,cAAc,mBAAqB,CAC7C;YACN,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,+BACC,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,oBAAoB,EAC9B,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,UAAU,kBACR,CAAC,kBAAkB,EACjC,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EACvB,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;wBACnD,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACnC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wBAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;4BACtB,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;yBACvB;oBACF,CAAC,GACA,CACG;YACN,6BAAK,SAAS,EAAC,cAAc;gBAC5B,+BAAO,OAAO,EAAC,kBAAkB,oBAAsB,CAClD;YACN,6BAAK,SAAS,EAAC,sBAAsB;gBACpC,+BACC,EAAE,EAAC,kBAAkB,EACrB,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,GAC1C;gBACF,oBAAC,UAAU,IACV,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,wBAAwB,EAC7B,OAAO,EAAE,KAAK,IAAI,EAAE;wBACnB,gBAAgB,CAAC,IAAI,CAAC,CAAC;wBACvB,IAAI;4BACH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;4BAC5D,IAAI,IAAI,EAAE;gCACT,iBAAiB,CAAC,IAAI,CAAC,CAAC;6BACxB;yBACD;wBAAC,OAAO,GAAG,EAAE,GAAE;wBAChB,gBAAgB,CAAC,KAAK,CAAC,CAAC;oBACzB,CAAC,GACA,CACG;YAEN,6BAAK,SAAS,EAAC,YAAY;gBAC1B,6BAAK,SAAS,EAAC,iBAAiB;oBAC/B,oBAAC,MAAM,IACN,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EAAE;4BACb,KAAK,CAAC,YAAY,EAAE,CAAC;wBACtB,CAAC,GACA,CACG;gBACN,6BAAK,SAAS,EAAC,kBAAkB;oBAC/B,KAAK,CAAC,eAAe,IAAI,CACzB,oBAAC,MAAM,IACN,OAAO,EAAC,QAAQ,EAChB,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EAAE;;4BACb,MAAA,KAAK,CAAC,eAAe,sDAAG,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;wBACpD,CAAC,GACA,CACF;oBACD,oBAAC,MAAM,IACN,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;;4BACb,MAAA,KAAK,CAAC,aAAa,qDAAI,CAAC;wBACzB,CAAC,GACA;oBACF,oBAAC,MAAM,IACN,SAAS,EAAC,cAAc,EACxB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,KAAK,IAAI,EAAE;;4BACnB,iBAAiB,CAAC,cAAc,CAAC,CAAC;4BAClC,MAAA,KAAK,CAAC,aAAa,qDAAI,CAAC;wBACzB,CAAC,GACA,CACG,CACD;YAEN,6BAAK,SAAS,EAAC,IAAI,aAAa;YAEhC,0DAAgC;YAEhC,oBAAC,WAAW,oBAAK,KAAK,IAAE,KAAK,EAAE,kBAAkB,IAAI;YACpD,UAAU,IAAI,CACd,6BAAK,SAAS,EAAC,qBAAqB;gBACnC;oBACC,yDAA8B;oBAC9B,oBAAC,gBAAgB,OAAG,CACf,CACD,CACN;YAED,oBAAC,SAAS,oBAAK,KAAK,IAAE,KAAK,EAAE,kBAAkB,IAAI,CAC9C,CACN,CACQ,CACJ,CACP,CAAC;AACH,CAAC,CAAC"}

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

@@ -4,3 +4,4 @@ export declare type ExportCloudProps = ExportProps & {
     valid: boolean;
 };
 export declare const ExportCloud: (props: ExportCloudProps) => JSX.Element;
+//# sourceMappingURL=ExportCloud.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExportCloud.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/ExportCloud.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,oBAAY,gBAAgB,GAAG,WAAW,GAAG;IAC5C,KAAK,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAyDlD,CAAC"}

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

@@ -1 +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"]}
+{"version":3,"file":"ExportCloud.js","sourceRoot":"","sources":["../../../../../src/ui/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"}

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

@@ -1,2 +1,3 @@
 /// <reference types="react" />
 export declare const ExportDeployInfo: () => JSX.Element;
+//# sourceMappingURL=ExportDeployInfo.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExportDeployInfo.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/ExportDeployInfo.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,gBAAgB,mBAsB5B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ExportDeployInfo.js","sourceRoot":"","sources":["../../../src/components/sdd/ExportDeployInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACpC,MAAM,aAAa,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAEnG,OAAO,CACN,6BAAK,SAAS,EAAC,oBAAoB;QAClC,6CAAkB,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,QAAC,KAAK,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAI;QAC5G,oBAAC,UAAU,IACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE;gBACb,MAAM,KAAK,GAAG,aAAa,CAAC,OAA2B,CAAC;gBACxD,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACvB,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,KAAK,CAAC,MAAM,EAAE,CAAC;gBACf,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC7B,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;YACvB,CAAC,GACA,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useRef } from \"react\";\nimport { ButtonIcon } from \"../common/ButtonIcon\";\nimport { useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\n\nexport const ExportDeployInfo = () => {\n\tconst publishURLRef = useRef<HTMLInputElement | null>(null);\n\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\n\n\treturn (\n\t\t<div className=\"export-publish-url\">\n\t\t\t<input aria-label=\"Publish URL\" type=\"text\" disabled value={deployInfo?.installerURL} ref={publishURLRef} />\n\t\t\t<ButtonIcon\n\t\t\t\ttext=\"Copy\"\n\t\t\t\ticon=\"copy\"\n\t\t\t\tonClick={() => {\n\t\t\t\t\tconst input = publishURLRef.current as HTMLInputElement;\n\t\t\t\t\tinput.disabled = false;\n\t\t\t\t\tinput.focus();\n\t\t\t\t\tinput.select();\n\t\t\t\t\tdocument.execCommand(\"copy\");\n\t\t\t\t\tinput.disabled = true;\n\t\t\t\t}}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n"]}
+{"version":3,"file":"ExportDeployInfo.js","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/ExportDeployInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACpC,MAAM,aAAa,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAEnG,OAAO,CACN,6BAAK,SAAS,EAAC,oBAAoB;QAClC,6CAAkB,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,QAAC,KAAK,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,EAAE,GAAG,EAAE,aAAa,GAAI;QAC5G,oBAAC,UAAU,IACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE;gBACb,MAAM,KAAK,GAAG,aAAa,CAAC,OAA2B,CAAC;gBACxD,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACvB,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,KAAK,CAAC,MAAM,EAAE,CAAC;gBACf,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBAC7B,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;YACvB,CAAC,GACA,CACG,CACN,CAAC;AACH,CAAC,CAAC"}

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

@@ -4,3 +4,4 @@ export declare type ExportZipProps = ExportProps & {
     valid: boolean;
 };
 export declare const ExportZip: (props: ExportZipProps) => JSX.Element;
+//# sourceMappingURL=ExportZip.d.ts.map

package/react/components/sdd/ExportZip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportZip.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/ExportZip.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,oBAAY,cAAc,GAAG,WAAW,GAAG;IAC1C,KAAK,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,cAAc,gBAoE9C,CAAC"}

package/react/components/sdd/ExportZip.js

@@ -1,47 +1,42 @@
 import React, { useState } from "react";
 import { useSelector } from "../../store";
-import { FinsembleIcon } from "../common/FinsembleIcon";
 import { Button } from "../common/Button";
-import { Checkbox } from "../common/Checkbox";
+import { FinsembleLink } from "../common/FinsembleLink";
+import { faCheck } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 export const ExportZip = (props) => {
     const projectSettings = useSelector((store) => store.smartDesktopDesigner.projectInfo);
     const projectErrors = useSelector((store) => store.smartDesktopDesigner.errors);
     const [isCopying, setIsCopying] = useState(false);
-    const [lastExportCount, setLastExportCount] = useState(0);
+    const [exportComplete, setExportComplete] = useState(false);
     const [lastExportTime, setLastExportTime] = useState(null);
     const [lastExportError, setLastExportError] = useState(null);
-    const [iUnderstand, setIUnderstand] = useState(false);
     return (React.createElement("div", { className: "export-method" },
         React.createElement("div", null,
-            React.createElement("h2", null, "Package project"),
-            React.createElement("p", null, "Many Finsemble features can't be configured by using SDD. Share your project with developers or IT to take it further."),
-            React.createElement(Checkbox, { label: "I understand that packaging a project is a one-time only operation. A packaged .zip file can\u2019t be imported back into SDD.", checked: iUnderstand, onClick: () => {
-                    setIUnderstand(!iUnderstand);
-                } })),
+            React.createElement("h2", null, "Create deployment zip"),
+            React.createElement("p", null, "You can host your smart desktop in your own infrastructure. A zip file will be generated which can be provided to your IT department. It will contain a README.md file that contains deployment instructions."),
+            React.createElement("p", null,
+                "For advanced deployment topics such as CI, automation, sharing, and source control, see",
+                React.createElement(FinsembleLink, { url: "https://documentation.finsemble.com/docs/smart-desktop-designer/SDD-10-Finish", text: "documentation" }),
+                ".")),
         React.createElement("div", { className: "export-method-actions" },
-            !isCopying ? (React.createElement(Button, { className: "export-method-button", disabled: projectErrors.length > 0 || !props.valid || !iUnderstand, fashion: "secondary", text: "Package", buttonAttributes: { "data-target-upload-path": "" }, onClick: (e) => {
+            !isCopying ? (React.createElement(Button, { className: "export-method-button", disabled: projectErrors.length > 0 || !props.valid, fashion: "secondary", text: "Create zip", buttonAttributes: { "data-target-upload-path": "" }, onClick: (e) => {
                     setIsCopying(true);
                     setLastExportError(null);
                     props
                         .copyProjectFiles(projectSettings.name, e.currentTarget.dataset.targetUploadPath)
-                        .catch((error) => {
-                        setLastExportError(error);
-                    })
-                        .then((files) => {
+                        .then(() => {
                         setLastExportTime(new Date().toLocaleTimeString());
-                        if (files) {
-                            setLastExportCount(files.length);
-                        }
-                    })
-                        .finally(() => {
+                        setExportComplete(true);
                         setIsCopying(false);
+                    })
+                        .catch((error) => {
+                        setLastExportError(error);
                     });
-                } })) : (React.createElement("div", null, "Exporting to seed project...")),
-            lastExportTime !== null && lastExportCount > 0 && (React.createElement("span", { className: "last-export-time" },
-                React.createElement(FinsembleIcon, { className: "last-export-time-icon", icon: "check" }),
-                "Exported ",
-                lastExportCount,
-                " files at ",
+                } })) : (React.createElement("div", null, "Exporting project...")),
+            lastExportTime !== null && exportComplete && (React.createElement("span", { className: "last-export-time" },
+                React.createElement(FontAwesomeIcon, { icon: faCheck }),
+                "Exporting complete at ",
                 lastExportTime)),
             lastExportError !== null && React.createElement("span", { className: "last-export-error" }, lastExportError))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ExportZip.js","sourceRoot":"","sources":["../../../src/components/sdd/ExportZip.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { useSelector } from \"../../store\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\nimport { ExportProps } from \"./Export\";\nimport { Button } from \"../common/Button\";\nimport { Checkbox } from \"../common/Checkbox\";\n\nexport type ExportZipProps = ExportProps & {\n\tvalid: boolean;\n};\n\nexport const ExportZip = (props: ExportZipProps) => {\n\tconst projectSettings = useSelector((store: RootState) => store.smartDesktopDesigner.projectInfo);\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\n\n\tconst [isCopying, setIsCopying] = useState(false);\n\tconst [lastExportCount, setLastExportCount] = useState<number>(0);\n\tconst [lastExportTime, setLastExportTime] = useState<null | string>(null);\n\tconst [lastExportError, setLastExportError] = useState<null | string>(null);\n\tconst [iUnderstand, setIUnderstand] = useState(false);\n\n\treturn (\n\t\t<div className=\"export-method\">\n\t\t\t<div>\n\t\t\t\t<h2>Package project</h2>\n\n\t\t\t\t<p>\n\t\t\t\t\tMany Finsemble features can&apos;t be configured by using SDD. Share your project with developers or IT to\n\t\t\t\t\ttake it further.\n\t\t\t\t</p>\n\n\t\t\t\t<Checkbox\n\t\t\t\t\tlabel=\"I understand that packaging a project is a one-time only operation. A packaged .zip file can’t be imported back into SDD.\"\n\t\t\t\t\tchecked={iUnderstand}\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetIUnderstand(!iUnderstand);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\n\t\t\t<div className=\"export-method-actions\">\n\t\t\t\t{!isCopying ? (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"export-method-button\"\n\t\t\t\t\t\tdisabled={projectErrors.length > 0 || !props.valid || !iUnderstand}\n\t\t\t\t\t\tfashion=\"secondary\"\n\t\t\t\t\t\ttext=\"Package\"\n\t\t\t\t\t\tbuttonAttributes={{ \"data-target-upload-path\": \"\" }}\n\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\tsetIsCopying(true);\n\t\t\t\t\t\t\tsetLastExportError(null);\n\n\t\t\t\t\t\t\tprops\n\t\t\t\t\t\t\t\t.copyProjectFiles(projectSettings.name, e.currentTarget.dataset.targetUploadPath)\n\t\t\t\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\t\t\t\tsetLastExportError(error);\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t.then((files) => {\n\t\t\t\t\t\t\t\t\tsetLastExportTime(new Date().toLocaleTimeString());\n\n\t\t\t\t\t\t\t\t\tif (files) {\n\t\t\t\t\t\t\t\t\t\tsetLastExportCount(files.length);\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.finally(() => {\n\t\t\t\t\t\t\t\t\tsetIsCopying(false);\n\t\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) : (\n\t\t\t\t\t<div>Exporting to seed project...</div>\n\t\t\t\t)}\n\t\t\t\t{lastExportTime !== null && lastExportCount > 0 && (\n\t\t\t\t\t<span className=\"last-export-time\">\n\t\t\t\t\t\t<FinsembleIcon className=\"last-export-time-icon\" icon=\"check\"></FinsembleIcon>\n\t\t\t\t\t\tExported {lastExportCount} files at {lastExportTime}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t{lastExportError !== null && <span className=\"last-export-error\">{lastExportError}</span>}\n\t\t\t\t{/* <button type=\"submit\">Share to Github</button> */}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}
+{"version":3,"file":"ExportZip.js","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/ExportZip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAMjE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAClD,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAClG,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAE3F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE5E,OAAO,CACN,6BAAK,SAAS,EAAC,eAAe;QAC7B;YACC,wDAA8B;YAE9B,+OAGI;YAEJ;;gBAEC,oBAAC,aAAa,IACb,GAAG,EAAC,+EAA+E,EACnF,IAAI,EAAC,eAAe,GACnB;oBAEC,CACC;QAEN,6BAAK,SAAS,EAAC,uBAAuB;YACpC,CAAC,SAAS,CAAC,CAAC,CAAC,CACb,oBAAC,MAAM,IACN,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAClD,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,YAAY,EACjB,gBAAgB,EAAE,EAAE,yBAAyB,EAAE,EAAE,EAAE,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,YAAY,CAAC,IAAI,CAAC,CAAC;oBACnB,kBAAkB,CAAC,IAAI,CAAC,CAAC;oBAEzB,KAAK;yBACH,gBAAgB,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC;yBAChF,IAAI,CAAC,GAAG,EAAE;wBACV,iBAAiB,CAAC,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC;wBAEnD,iBAAiB,CAAC,IAAI,CAAC,CAAC;wBACxB,YAAY,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,CAAC;yBACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;wBAChB,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC3B,CAAC,CAAC,CAAC;gBACL,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,wDAA+B,CAC/B;YACA,cAAc,KAAK,IAAI,IAAI,cAAc,IAAI,CAC7C,8BAAM,SAAS,EAAC,kBAAkB;gBACjC,oBAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI;;gBACX,cAAc,CAC/B,CACP;YACA,eAAe,KAAK,IAAI,IAAI,8BAAM,SAAS,EAAC,mBAAmB,IAAE,eAAe,CAAQ,CAEpF,CACD,CACN,CAAC;AACH,CAAC,CAAC"}

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

@@ -9,3 +9,4 @@ export declare type ProjectErrorsProps = {
     errors: ProjectError[];
 };
 export declare const ProjectErrors: (props: ProjectErrorsProps) => JSX.Element;
+//# sourceMappingURL=ProjectErrors.d.ts.map

package/react/components/sdd/ProjectErrors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectErrors.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/ProjectErrors.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAMH,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAIrE,OAAO,0BAA0B,CAAC;AAElC,oBAAY,kBAAkB,GAAG;IAChC,MAAM,EAAE,YAAY,EAAE,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBA4BtD,CAAC"}

package/react/components/sdd/ProjectErrors.js

@@ -5,7 +5,8 @@
 import React, { useEffect } from "react";
 import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
 import { useDispatch, useSelector } from "../../store";
-import { FinsembleIcon } from "../common/FinsembleIcon";
+import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import "./css/project-errors.css";
 export const ProjectErrors = (props) => {
     const dispatch = useDispatch();
@@ -19,7 +20,7 @@ export const ProjectErrors = (props) => {
     return (React.createElement("div", { className: "project-errors-container" }, errors.map((error, index) => (React.createElement("div", { key: index, className: "project-error", onClick: () => {
             dispatch(SmartDesktopDesignerActions.change_view(error.viewId));
         } },
-        React.createElement(FinsembleIcon, { className: "project-error-icon", icon: "exclamation-circle", label: "Error" }),
+        React.createElement(FontAwesomeIcon, { icon: faExclamationCircle }),
         error.message)))));
 };
 //# sourceMappingURL=ProjectErrors.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectErrors.js","sourceRoot":"","sources":["../../../src/components/sdd/ProjectErrors.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,0BAA0B,CAAC;AAMlC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC1D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAE1G,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,iBAAiB,EAAE;YACvB,QAAQ,CAAC,2BAA2B,CAAC,4BAA4B,CAAC,IAAI,CAAC,CAAC,CAAC;SACzE;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,0BAA0B,IACvC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,6BACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,GAAG,EAAE;YACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QACjE,CAAC;QAED,oBAAC,aAAa,IAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,oBAAoB,EAAC,KAAK,EAAC,OAAO,GAAiB;QACrG,KAAK,CAAC,OAAO,CACT,CACN,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useEffect } from \"react\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { useDispatch, useSelector } from \"../../store\";\nimport { ProjectError } from \"../../types/smartDesktopDesignerTypes\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\n\nimport \"./css/project-errors.css\";\n\nexport type ProjectErrorsProps = {\n\terrors: ProjectError[];\n};\n\nexport const ProjectErrors = (props: ProjectErrorsProps) => {\n\tconst dispatch = useDispatch();\n\tconst { errors } = props;\n\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\n\n\tuseEffect(() => {\n\t\tif (!isReviewingErrors) {\n\t\t\tdispatch(SmartDesktopDesignerActions.set_reviewing_project_errors(true));\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div className=\"project-errors-container\">\n\t\t\t{errors.map((error, index) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={index}\n\t\t\t\t\tclassName=\"project-error\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(error.viewId));\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<FinsembleIcon className=\"project-error-icon\" icon=\"exclamation-circle\" label=\"Error\"></FinsembleIcon>\n\t\t\t\t\t{error.message}\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n};\n"]}
+{"version":3,"file":"ProjectErrors.js","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/ProjectErrors.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,0BAA0B,CAAC;AAMlC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAC1D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAE1G,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,iBAAiB,EAAE;YACvB,QAAQ,CAAC,2BAA2B,CAAC,4BAA4B,CAAC,IAAI,CAAC,CAAC,CAAC;SACzE;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,6BAAK,SAAS,EAAC,0BAA0B,IACvC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,6BACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,eAAe,EACzB,OAAO,EAAE,GAAG,EAAE;YACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QACjE,CAAC;QAED,oBAAC,eAAe,IAAC,IAAI,EAAE,mBAAmB,GAAI;QAC7C,KAAK,CAAC,OAAO,CACT,CACN,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,13 @@
+import React from "react";
+import "./Dashboard.css";
+import type { SmartDesktopClient } from "./smartDesktopClient";
+export interface ProjectMasonryProps {
+    projects: string[];
+    activeProject: string;
+    addNewProjectFn: () => void;
+    drillInProjectFn: (projectName: string) => void;
+    deleteProject: typeof SmartDesktopClient.deleteProject;
+    outdatedProjects?: string[];
+}
+export declare const ProjectMasonry: React.FunctionComponent<ProjectMasonryProps>;
+//# sourceMappingURL=ProjectMasonry.d.ts.map

package/react/components/sdd/ProjectMasonry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectMasonry.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/ProjectMasonry.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAqD/D,MAAM,WAAW,mBAAmB;IACnC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,gBAAgB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,OAAO,kBAAkB,CAAC,aAAa,CAAC;IACvD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CA0BvE,CAAC"}

package/react/components/sdd/ProjectMasonry.js

@@ -0,0 +1,22 @@
+import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { ButtonIcon } from "../common/ButtonIcon";
+import "./Dashboard.css";
+const TileCenter = ({ text = " " }) => (React.createElement("span", { className: "project-tile-letter" }, text.substring(0, 1).toUpperCase()));
+const ProjectTile = ({ title, icon, clickEvent, active = false, deleteProject, outdated = false, }) => (React.createElement("div", { className: `project-tile ${active ? "active-tile" : "inactive-tile"} ${icon ? "has-icon" : ""}` },
+    React.createElement("button", { "aria-label": title, className: "project-tile-tile", onClick: () => {
+            clickEvent(title);
+        } },
+        React.createElement(TileCenter, { text: icon ? "+" : title }),
+        outdated && (React.createElement("div", { className: "tileBadge", title: "Out of date" },
+            React.createElement(FontAwesomeIcon, { icon: faExclamationCircle })))),
+    React.createElement("div", { className: "project-tile-name" }, title),
+    deleteProject && (React.createElement("div", { className: "buttonRaft" },
+        React.createElement(ButtonIcon, { icon: "trash", text: `Delete ${title}`, onClick: () => {
+                deleteProject(title);
+            } })))));
+export const ProjectMasonry = ({ projects, activeProject, addNewProjectFn, drillInProjectFn, deleteProject, outdatedProjects, }) => (React.createElement("div", { className: "project-tile-masonry" },
+    React.createElement(ProjectTile, { active: false, title: "Create new project", icon: React.createElement("span", { className: "icon-plus-circle" }), clickEvent: addNewProjectFn }),
+    projects.map((projectName, index) => (React.createElement(ProjectTile, Object.assign({ key: `project-tile-${index}`, active: activeProject === projectName, title: projectName, clickEvent: drillInProjectFn, outdated: outdatedProjects === null || outdatedProjects === void 0 ? void 0 : outdatedProjects.includes(projectName) }, (projectName === activeProject ? {} : { deleteProject })))))));
+//# sourceMappingURL=ProjectMasonry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectMasonry.js","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/ProjectMasonry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,iBAAiB,CAAC;AAYzB,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,CAAC,CACtC,8BAAM,SAAS,EAAC,qBAAqB,IAAE,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAQ,CACjF,CAAC;AAEF,MAAM,WAAW,GAA8C,CAAC,EAC/D,KAAK,EACL,IAAI,EACJ,UAAU,EACV,MAAM,GAAG,KAAK,EACd,aAAa,EACb,QAAQ,GAAG,KAAK,GAChB,EAAE,EAAE,CAAC,CACL,6BAAK,SAAS,EAAE,gBAAgB,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE;IACnG,8CACa,KAAK,EACjB,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,GAAG,EAAE;YACb,UAAU,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;QAED,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAI;QACvC,QAAQ,IAAI,CACZ,6BAAK,SAAS,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa;YAC7C,oBAAC,eAAe,IAAC,IAAI,EAAE,mBAAmB,GAAI,CACzC,CACN,CACO;IACT,6BAAK,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAO;IAC/C,aAAa,IAAI,CACjB,6BAAK,SAAS,EAAC,YAAY;QAC1B,oBAAC,UAAU,IACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,UAAU,KAAK,EAAE,EACvB,OAAO,EAAE,GAAG,EAAE;gBACb,aAAa,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,GACA,CACG,CACN,CACI,CACN,CAAC;AAWF,MAAM,CAAC,MAAM,cAAc,GAAiD,CAAC,EAC5E,QAAQ,EACR,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,gBAAgB,GAChB,EAAE,EAAE,CAAC,CACL,6BAAK,SAAS,EAAC,sBAAsB;IACpC,oBAAC,WAAW,IACX,MAAM,EAAE,KAAK,EACb,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAE,8BAAM,SAAS,EAAC,kBAAkB,GAAQ,EAChD,UAAU,EAAE,eAAe,GAC1B;IACD,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,oBAAC,WAAW,kBACX,GAAG,EAAE,gBAAgB,KAAK,EAAE,EAC5B,MAAM,EAAE,aAAa,KAAK,WAAW,EACrC,KAAK,EAAE,WAAW,EAClB,UAAU,EAAE,gBAAgB,EAC5B,QAAQ,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,QAAQ,CAAC,WAAW,CAAC,IAC7C,CAAC,WAAW,KAAK,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,EAC3D,CACF,CAAC,CACG,CACN,CAAC"}

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

@@ -6,3 +6,4 @@
 import { ExportProps } from "./Export";
 export declare type PublishProps = ExportProps;
 export declare const Publish: (props: PublishProps) => JSX.Element;
+//# sourceMappingURL=Publish.d.ts.map

package/react/components/sdd/Publish.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Publish.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/sdd/Publish.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAUH,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAKvC,oBAAY,YAAY,GAAG,WAAW,CAAC;AAEvC,eAAO,MAAM,OAAO,UAAW,YAAY,gBAiK1C,CAAC"}

package/react/components/sdd/Publish.js

@@ -9,7 +9,8 @@ import { Button } from "../common/Button";
 import { useDispatch, useSelector } from "../../store";
 import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
 import { ProgressState } from "../../types/smartDesktopDesignerTypes";
-import { FinsembleIcon } from "../common/FinsembleIcon";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faCheck, faXmark } from "@fortawesome/free-solid-svg-icons";
 export const Publish = (props) => {
     const dispatch = useDispatch();
     const [currentStep, setCurrentStep] = useState("");
@@ -100,8 +101,8 @@ export const Publish = (props) => {
                     currentStep === step.name ? "publish-current-step" : "",
                 ].join(" ") },
                 React.createElement("div", { className: "publish-progress-icon" }, data.state === ProgressState.Started ? (React.createElement(PublishProgress, Object.assign({}, data))) : data.state === ProgressState.NotStarted ? (React.createElement("div", { className: "publish-progress-pending" })) : data.state === ProgressState.Error ? (React.createElement("div", { className: "publish-progress-error" },
-                    React.createElement(FinsembleIcon, { className: "publish-progress-error-icon", icon: "times", label: "Error" }))) : (React.createElement("div", { className: "publish-progress-success" },
-                    React.createElement(FinsembleIcon, { className: "publish-progress-success-icon", icon: "check", label: "Success" })))),
+                    React.createElement(FontAwesomeIcon, { icon: faXmark, className: "publish-progress-error-icon", "aria-aria-label": "Error" }))) : (React.createElement("div", { className: "publish-progress-success" },
+                    React.createElement(FontAwesomeIcon, { icon: faCheck, className: "publish-progress-success-icon", "aria-label": "Success" })))),
                 React.createElement("div", { className: "publish-progress-text" }, data.error ? step.error : step.description))));
         })),
         deployInfo && (React.createElement("div", { className: "export-publish-uploaded" },