@finsemble/finsemble-ui 6.4.0-beta.1 → 6.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"ExportDeployInfo.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/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\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\n\r\nexport const ExportDeployInfo = () => {\r\n\tconst publishURLRef = useRef<HTMLInputElement | null>(null);\r\n\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-publish-url\">\r\n\t\t\t<input aria-label=\"Publish URL\" type=\"text\" disabled value={deployInfo?.installerURL} ref={publishURLRef} />\r\n\t\t\t<ButtonIcon\r\n\t\t\t\ttext=\"Copy\"\r\n\t\t\t\ticon=\"copy\"\r\n\t\t\t\tonClick={() => {\r\n\t\t\t\t\tconst input = publishURLRef.current as HTMLInputElement;\r\n\t\t\t\t\tinput.disabled = false;\r\n\t\t\t\t\tinput.focus();\r\n\t\t\t\t\tinput.select();\r\n\t\t\t\t\tdocument.execCommand(\"copy\");\r\n\t\t\t\t\tinput.disabled = true;\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ExportDeployInfo.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/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"]}

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

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

package/react/components/smartDesktopDesigner/ExportZip.js

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import { useSelector } from "../../store";
 import { FinsembleIcon } from "../common/FinsembleIcon";
 import { Button } from "../common/Button";
+import { Checkbox } from "../common/Checkbox";
 export const ExportZip = (props) => {
     const projectSettings = useSelector((store) => store.smartDesktopDesigner.projectInfo);
     const projectErrors = useSelector((store) => store.smartDesktopDesigner.errors);
@@ -9,12 +10,16 @@ export const ExportZip = (props) => {
     const [lastExportCount, setLastExportCount] = useState(0);
     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, "Share"),
-            React.createElement("p", null, "Much more can be done to create powerful desktops. Share your design with your developer or IT team to take it further.")),
+            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("div", { className: "export-method-actions" },
-            !isCopying ? (React.createElement(Button, { className: "export-method-button", disabled: projectErrors.length > 0, fashion: "secondary", text: "Export", buttonAttributes: { "data-target-upload-path": "" }, onClick: (e) => {
+            !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) => {
                     setIsCopying(true);
                     setLastExportError(null);
                     props

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

@@ -1 +1 @@
-{"version":3,"file":"ExportZip.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ExportZip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAI1C,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,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAClE,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,wCAAc;YAEd,yJAGI,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,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,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,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;wBAChB,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC3B,CAAC,CAAC;yBACD,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;wBACf,iBAAiB,CAAC,IAAI,IAAI,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC;wBAEnD,IAAI,KAAK,EAAE;4BACV,kBAAkB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;yBACjC;oBACF,CAAC,CAAC;yBACD,OAAO,CAAC,GAAG,EAAE;wBACb,YAAY,CAAC,KAAK,CAAC,CAAC;oBACrB,CAAC,CAAC,CAAC;gBACL,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,gEAAuC,CACvC;YACA,cAAc,KAAK,IAAI,IAAI,eAAe,GAAG,CAAC,IAAI,CAClD,8BAAM,SAAS,EAAC,kBAAkB;gBACjC,oBAAC,aAAa,IAAC,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,GAAiB;;gBACpE,eAAe;;gBAAY,cAAc,CAC7C,CACP;YACA,eAAe,KAAK,IAAI,IAAI,8BAAM,SAAS,EAAC,mBAAmB,IAAE,eAAe,CAAQ,CAEpF,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useState } from \"react\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useSelector } from \"../../store\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\nimport { ExportProps } from \"./Export\";\r\nimport { Button } from \"../common/Button\";\r\n\r\nexport type ExportZipProps = ExportProps;\r\n\r\nexport const ExportZip = (props: ExportZipProps) => {\r\n\tconst projectSettings = useSelector((store: RootState) => store.smartDesktopDesigner.projectInfo);\r\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\r\n\r\n\tconst [isCopying, setIsCopying] = useState(false);\r\n\tconst [lastExportCount, setLastExportCount] = useState<number>(0);\r\n\tconst [lastExportTime, setLastExportTime] = useState<null | string>(null);\r\n\tconst [lastExportError, setLastExportError] = useState<null | string>(null);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-method\">\r\n\t\t\t<div>\r\n\t\t\t\t<h2>Share</h2>\r\n\r\n\t\t\t\t<p>\r\n\t\t\t\t\tMuch more can be done to create powerful desktops. Share your design with your developer or IT team to take it\r\n\t\t\t\t\tfurther.\r\n\t\t\t\t</p>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"export-method-actions\">\r\n\t\t\t\t{!isCopying ? (\r\n\t\t\t\t\t<Button\r\n\t\t\t\t\t\tclassName=\"export-method-button\"\r\n\t\t\t\t\t\tdisabled={projectErrors.length > 0}\r\n\t\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\t\ttext=\"Export\"\r\n\t\t\t\t\t\tbuttonAttributes={{ \"data-target-upload-path\": \"\" }}\r\n\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\tsetIsCopying(true);\r\n\t\t\t\t\t\t\tsetLastExportError(null);\r\n\r\n\t\t\t\t\t\t\tprops\r\n\t\t\t\t\t\t\t\t.copyProjectFiles(projectSettings.name, e.currentTarget.dataset.targetUploadPath)\r\n\t\t\t\t\t\t\t\t.catch((error) => {\r\n\t\t\t\t\t\t\t\t\tsetLastExportError(error);\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t.then((files) => {\r\n\t\t\t\t\t\t\t\t\tsetLastExportTime(new Date().toLocaleTimeString());\r\n\r\n\t\t\t\t\t\t\t\t\tif (files) {\r\n\t\t\t\t\t\t\t\t\t\tsetLastExportCount(files.length);\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t\t\t.finally(() => {\r\n\t\t\t\t\t\t\t\t\tsetIsCopying(false);\r\n\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div>Exporting to seed project...</div>\r\n\t\t\t\t)}\r\n\t\t\t\t{lastExportTime !== null && lastExportCount > 0 && (\r\n\t\t\t\t\t<span className=\"last-export-time\">\r\n\t\t\t\t\t\t<FinsembleIcon className=\"last-export-time-icon\" icon=\"check\"></FinsembleIcon>\r\n\t\t\t\t\t\tExported {lastExportCount} files at {lastExportTime}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\t\t\t\t{lastExportError !== null && <span className=\"last-export-error\">{lastExportError}</span>}\r\n\t\t\t\t{/* <button type=\"submit\">Share to Github</button> */}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ExportZip.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/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"]}

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

@@ -3,5 +3,6 @@
  * All rights reserved.
  */
 /// <reference types="react" />
+import "./css/getting-started.css";
 export declare type GettingStartedProps = {};
 export declare const GettingStarted: () => JSX.Element;

package/react/components/smartDesktopDesigner/GettingStarted.js

@@ -5,32 +5,21 @@
 import React from "react";
 import { useDispatch } from "../../store";
 import { Header } from "../common/Header";
-import { ButtonTile } from "../common/ButtonTile";
 import { View } from "./View";
 import { Content } from "./Content";
 import { launchTutorialLink } from "./common/fsbl_functions";
-import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
+import "./css/getting-started.css";
 export const GettingStarted = () => {
     const dispatch = useDispatch();
-    return (React.createElement(View, null,
-        React.createElement(Header, { helpFunction: () => {
-                launchTutorialLink("building-a-desktop");
-            } }, "Begin"),
-        React.createElement(Content, null,
-            React.createElement("p", null, "Use these tools to quickly create a smart desktop for your end users. Add apps and customize the user experience."),
-            React.createElement("p", null, "After you design your desktop, you can publish it to your desktop and share it with others. You can also export the project for additional development by a technical team."),
-            React.createElement("div", { className: "getting-started-actions" },
-                React.createElement(ButtonTile, { className: "icon-application", icon: "window", text: "Add apps", onClick: () => {
-                        dispatch(SmartDesktopDesignerActions.change_view("applications"));
-                    } }),
-                React.createElement(ButtonTile, { className: "icon-theme", icon: "paint-roller", text: "Edit theme", onClick: () => {
-                        dispatch(SmartDesktopDesignerActions.change_view("themes"));
-                    } }),
-                React.createElement(ButtonTile, { className: "icon-publish", icon: "upload", text: "Publish desktop", onClick: () => {
-                        dispatch(SmartDesktopDesignerActions.change_view("export"));
-                    } }),
-                React.createElement(ButtonTile, { className: "icon-authentication", icon: "key", text: "Set up authentication", onClick: () => {
-                        dispatch(SmartDesktopDesignerActions.change_view("authentication"));
-                    } })))));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "getting-started-gray-back" }),
+        React.createElement(View, null,
+            React.createElement(Header, { helpFunction: () => {
+                    launchTutorialLink("SDD-01-Welcome");
+                } }, "Your Smart Desktop Designer"),
+            React.createElement(Content, null,
+                React.createElement("p", null, "Design a desktop for your users. Add, manage, and remove apps, configure the desktop look to follow your branding, and arrange workspaces. When you\u2019re done, you can publish your desktop to share with others or package it for further development."),
+                React.createElement("div", { className: "hero" },
+                    React.createElement("img", { src: "/build/assets/img/finsemble-display.png", width: "436px", height: "354px" }))))));
 };
 //# sourceMappingURL=GettingStarted.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GettingStarted.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/GettingStarted.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAIxF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAClC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;YAC1C,CAAC,YAGO;QAET,oBAAC,OAAO;YACP,mJAGI;YAEJ,6MAGI;YAEJ,6BAAK,SAAS,EAAC,yBAAyB;gBACvC,oBAAC,UAAU,IACV,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;oBACnE,CAAC,GACA;gBAEF,oBAAC,UAAU,IACV,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;oBAC7D,CAAC,GACA;gBAEF,oBAAC,UAAU,IACV,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,iBAAiB,EACtB,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;oBAC7D,CAAC,GACA;gBAEF,oBAAC,UAAU,IACV,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,uBAAuB,EAC5B,OAAO,EAAE,GAAG,EAAE;wBACb,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;oBACrE,CAAC,GACA,CACG,CACG,CACJ,CACP,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { useDispatch } from \"../../store\";\r\nimport { Header } from \"../common/Header\";\r\nimport { ButtonTile } from \"../common/ButtonTile\";\r\nimport { View } from \"./View\";\r\nimport { Content } from \"./Content\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\n\r\nexport type GettingStartedProps = {};\r\n\r\nexport const GettingStarted = () => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\treturn (\r\n\t\t<View>\r\n\t\t\t<Header\r\n\t\t\t\thelpFunction={() => {\r\n\t\t\t\t\tlaunchTutorialLink(\"building-a-desktop\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tBegin\r\n\t\t\t</Header>\r\n\r\n\t\t\t<Content>\r\n\t\t\t\t<p>\r\n\t\t\t\t\tUse these tools to quickly create a smart desktop for your end users. Add apps and customize the user\r\n\t\t\t\t\texperience.\r\n\t\t\t\t</p>\r\n\r\n\t\t\t\t<p>\r\n\t\t\t\t\tAfter you design your desktop, you can publish it to your desktop and share it with others. You can also\r\n\t\t\t\t\texport the project for additional development by a technical team.\r\n\t\t\t\t</p>\r\n\r\n\t\t\t\t<div className=\"getting-started-actions\">\r\n\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\tclassName=\"icon-application\"\r\n\t\t\t\t\t\ticon=\"window\"\r\n\t\t\t\t\t\ttext=\"Add apps\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"applications\"));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\tclassName=\"icon-theme\"\r\n\t\t\t\t\t\ticon=\"paint-roller\"\r\n\t\t\t\t\t\ttext=\"Edit theme\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"themes\"));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\tclassName=\"icon-publish\"\r\n\t\t\t\t\t\ticon=\"upload\"\r\n\t\t\t\t\t\ttext=\"Publish desktop\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"export\"));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<ButtonTile\r\n\t\t\t\t\t\tclassName=\"icon-authentication\"\r\n\t\t\t\t\t\ticon=\"key\"\r\n\t\t\t\t\t\ttext=\"Set up authentication\"\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"authentication\"));\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</Content>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"GettingStarted.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/GettingStarted.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAI7D,OAAO,2BAA2B,CAAC;AAInC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IAClC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACN;QACC,6BAAK,SAAS,EAAC,2BAA2B,GAAG;QAC7C,oBAAC,IAAI;YACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;oBAClB,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;gBACtC,CAAC,kCAGO;YAET,oBAAC,OAAO;gBACP,4RAII;gBAEJ,6BAAK,SAAS,EAAC,MAAM;oBACpB,6BAAK,GAAG,EAAC,yCAAyC,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,GAAG,CAC7E,CACG,CACJ,CACL,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { useDispatch } from \"../../store\";\nimport { Header } from \"../common/Header\";\nimport { ButtonTile } from \"../common/ButtonTile\";\nimport { View } from \"./View\";\nimport { Content } from \"./Content\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\n\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\n\nimport \"./css/getting-started.css\";\n\nexport type GettingStartedProps = {};\n\nexport const GettingStarted = () => {\n\tconst dispatch = useDispatch();\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"getting-started-gray-back\" />\n\t\t\t<View>\n\t\t\t\t<Header\n\t\t\t\t\thelpFunction={() => {\n\t\t\t\t\t\tlaunchTutorialLink(\"SDD-01-Welcome\");\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tYour Smart Desktop Designer\n\t\t\t\t</Header>\n\n\t\t\t\t<Content>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tDesign a desktop for your users. Add, manage, and remove apps, configure the desktop look to follow your\n\t\t\t\t\t\tbranding, and arrange workspaces. When you’re done, you can publish your desktop to share with others or\n\t\t\t\t\t\tpackage it for further development.\n\t\t\t\t\t</p>\n\n\t\t\t\t\t<div className=\"hero\">\n\t\t\t\t\t\t<img src=\"/build/assets/img/finsemble-display.png\" width=\"436px\" height=\"354px\" />\n\t\t\t\t\t</div>\n\t\t\t\t</Content>\n\t\t\t</View>\n\t\t</>\n\t);\n};\n"]}

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

@@ -0,0 +1,17 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import { ReactNode } from "react";
+import "../common/css/application-list.css";
+export declare type ItemListProps = {
+    items: any[];
+    getItemId?: (item: any) => string;
+    getItemDisplayName?: (item: any) => string;
+    clickItem: (s: string) => void;
+    deleteItem: (s: string) => void;
+    editItem?: (s: string) => void;
+    emptyListMessage?: ReactNode;
+    className?: string;
+};
+export declare const ItemList: ({ items, clickItem, deleteItem, editItem, getItemId, getItemDisplayName, emptyListMessage, className, }: ItemListProps) => JSX.Element;

package/react/components/smartDesktopDesigner/ItemList.js

@@ -0,0 +1,58 @@
+/*!
+ * Copyright 2017 - 2020 by ChartIQ, Inc.
+ * All rights reserved.
+ */
+import React from "react";
+import { ButtonIcon } from "../common/ButtonIcon";
+import "../common/css/application-list.css";
+export const ItemList = ({ items, clickItem, deleteItem, editItem, getItemId = (item) => item.appId, getItemDisplayName = (item) => { var _a, _b; return ((_b = (_a = item.manifest) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.displayName) || item.name || item.appId; }, emptyListMessage = (React.createElement(React.Fragment, null,
+    "There\u2019s nothing here!",
+    React.createElement("br", null),
+    "Click the Add button to add apps.")), className = "", }) => (React.createElement(React.Fragment, null, items.length < 1 ? (React.createElement("div", { className: `app-list-empty ${className}` }, emptyListMessage)) : (React.createElement("div", { className: `app-list-table ${className}`, role: "list" }, items
+    .sort((a, b) => {
+    if (getItemDisplayName(a) > getItemDisplayName(b)) {
+        return 1;
+    }
+    else if (getItemDisplayName(b) > getItemDisplayName(a)) {
+        return -1;
+    }
+    return 0;
+})
+    .map((item) => {
+    const appID = getItemId(item);
+    const openItemEventHandler = (e) => {
+        clickItem(appID);
+        e.preventDefault();
+    };
+    const editItemEventHandler = (e) => {
+        e.stopPropagation();
+        editItem === null || editItem === void 0 ? void 0 : editItem(appID);
+        e.preventDefault();
+    };
+    const deleteItemEventHandler = (e) => {
+        e.stopPropagation();
+        deleteItem(appID);
+    };
+    const keyDownHandler = (e) => {
+        switch (e.key) {
+            case "Enter":
+            case " ": {
+                openItemEventHandler(e);
+                break;
+            }
+            case "Delete": {
+                deleteItemEventHandler(e);
+                break;
+            }
+            default: {
+            }
+        }
+    };
+    const displayName = getItemDisplayName(item);
+    return (React.createElement("div", { key: appID, id: `app-list-row-${appID}`, className: "app-list-row", role: "listitem", tabIndex: 0, onClick: openItemEventHandler, onKeyDown: keyDownHandler },
+        React.createElement("span", { className: "app-name" }, displayName),
+        React.createElement("div", { className: "icon-bar" },
+            editItem && (React.createElement(ButtonIcon, { className: "icon-edit", icon: "pencil", text: "Edit", onClick: editItemEventHandler })),
+            React.createElement(ButtonIcon, { tabIndex: -1, className: "icon-delete", icon: "trash", text: "Delete", onClick: deleteItemEventHandler }))));
+})))));
+//# sourceMappingURL=ItemList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemList.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ItemList.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { ReactNode } from \"react\";\nimport { ButtonIcon } from \"../common/ButtonIcon\";\nimport \"../common/css/application-list.css\";\n\nexport type ItemListProps = {\n\titems: any[];\n\tgetItemId?: (item: any) => string;\n\tgetItemDisplayName?: (item: any) => string;\n\tclickItem: (s: string) => void;\n\tdeleteItem: (s: string) => void;\n\teditItem?: (s: string) => void;\n\temptyListMessage?: ReactNode;\n\tclassName?: string;\n};\n\nexport const ItemList = ({\n\titems,\n\tclickItem,\n\tdeleteItem,\n\teditItem,\n\tgetItemId = (item) => item.appId,\n\tgetItemDisplayName = (item) => item.manifest?.component?.displayName || item.name || item.appId,\n\temptyListMessage = (\n\t\t<>\n\t\t\tThere’s nothing here!\n\t\t\t<br />\n\t\t\tClick the Add button to add apps.\n\t\t</>\n\t),\n\tclassName = \"\",\n}: ItemListProps) => (\n\t<>\n\t\t{items.length < 1 ? (\n\t\t\t<div className={`app-list-empty ${className}`}>{emptyListMessage}</div>\n\t\t) : (\n\t\t\t<div className={`app-list-table ${className}`} role=\"list\">\n\t\t\t\t{items\n\t\t\t\t\t.sort((a, b) => {\n\t\t\t\t\t\tif (getItemDisplayName(a) > getItemDisplayName(b)) {\n\t\t\t\t\t\t\treturn 1;\n\t\t\t\t\t\t} else if (getItemDisplayName(b) > getItemDisplayName(a)) {\n\t\t\t\t\t\t\treturn -1;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn 0;\n\t\t\t\t\t})\n\t\t\t\t\t.map((item: any) => {\n\t\t\t\t\t\tconst appID = getItemId(item);\n\n\t\t\t\t\t\tconst openItemEventHandler = (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => {\n\t\t\t\t\t\t\tclickItem(appID);\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t};\n\t\t\t\t\t\tconst editItemEventHandler = (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\teditItem?.(appID);\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t};\n\t\t\t\t\t\tconst deleteItemEventHandler = (e: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\tdeleteItem(appID);\n\t\t\t\t\t\t};\n\t\t\t\t\t\tconst keyDownHandler = (e: React.KeyboardEvent<HTMLDivElement>) => {\n\t\t\t\t\t\t\tswitch (e.key) {\n\t\t\t\t\t\t\t\tcase \"Enter\":\n\t\t\t\t\t\t\t\tcase \" \": {\n\t\t\t\t\t\t\t\t\topenItemEventHandler(e);\n\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcase \"Delete\": {\n\t\t\t\t\t\t\t\t\tdeleteItemEventHandler(e);\n\t\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdefault: {\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t};\n\n\t\t\t\t\t\tconst displayName = getItemDisplayName(item);\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tkey={appID}\n\t\t\t\t\t\t\t\tid={`app-list-row-${appID}`}\n\t\t\t\t\t\t\t\tclassName=\"app-list-row\"\n\t\t\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t\t\tonClick={openItemEventHandler}\n\t\t\t\t\t\t\t\tonKeyDown={keyDownHandler}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span className=\"app-name\">{displayName}</span>\n\t\t\t\t\t\t\t\t<div className=\"icon-bar\">\n\t\t\t\t\t\t\t\t\t{editItem && (\n\t\t\t\t\t\t\t\t\t\t<ButtonIcon className=\"icon-edit\" icon=\"pencil\" text=\"Edit\" onClick={editItemEventHandler} />\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<ButtonIcon\n\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t\t\t\t\t\tclassName=\"icon-delete\"\n\t\t\t\t\t\t\t\t\t\ticon=\"trash\"\n\t\t\t\t\t\t\t\t\t\ttext=\"Delete\"\n\t\t\t\t\t\t\t\t\t\tonClick={deleteItemEventHandler}\n\t\t\t\t\t\t\t\t\t/>\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})}\n\t\t\t</div>\n\t\t)}\n\t</>\n);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { useSelector, useDispatch } from \"../../store\";\r\n\r\nimport { ViewSectionInfo } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport \"./css/nav.css\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\n\r\nexport type NavigationProps = {\r\n\tviews: ViewSectionInfo[];\r\n};\r\n\r\nexport const Navigation = (props: NavigationProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst { views } = props;\r\n\r\n\tconst currentViewId = useSelector((state: RootState) => state.smartDesktopDesigner.currentViewId);\r\n\tconst errors = useSelector((state: RootState) => state.smartDesktopDesigner.errors);\r\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\r\n\r\n\tif (currentViewId === null) {\r\n\t\tdispatch(SmartDesktopDesignerActions.change_view(views[0].views[0].id));\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{views.map((section, i) => (\r\n\t\t\t\t<div key={`nav-section-${i}`} className=\"nav-section\">\r\n\t\t\t\t\t{section.showLabel && <div className=\"nav-label\">{section.label}</div>}\r\n\t\t\t\t\t<ul className=\"nav\">\r\n\t\t\t\t\t\t{section.views.map((view) => (\r\n\t\t\t\t\t\t\t<li key={view.name} className={[\"nav-item\", view.id === currentViewId ? \"active\" : \"\"].join(\" \")}>\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\tid={`${view.id}-nav-link`}\r\n\t\t\t\t\t\t\t\t\thref=\"#\"\r\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(view.id));\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{isReviewingErrors &&\r\n\t\t\t\t\t\t\t\t\t\tview.id !== \"export\" &&\r\n\t\t\t\t\t\t\t\t\t\terrors\r\n\t\t\t\t\t\t\t\t\t\t\t.filter((error) => error.viewId === view.id)\r\n\t\t\t\t\t\t\t\t\t\t\t.map((error, index) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div key={index} className=\"nav-error-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip type=\"warn\">{error.message}</Tooltip>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t<FinsembleIcon className=\"nav-icon\" icon={view.icon}></FinsembleIcon>\r\n\t\t\t\t\t\t\t\t\t<div className={[\"nav-icon\", view.icon].join(\" \")}></div>\r\n\t\t\t\t\t\t\t\t\t{view.name}\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</div>\r\n\t\t\t))}\r\n\t\t</>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Navigation.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { useSelector, useDispatch } from \"../../store\";\n\nimport { ViewSectionInfo } from \"../../types/smartDesktopDesignerTypes\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport \"./css/nav.css\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\nimport { Tooltip } from \"../common/Tooltip\";\n\nexport type NavigationProps = {\n\tviews: ViewSectionInfo[];\n};\n\nexport const Navigation = (props: NavigationProps) => {\n\tconst dispatch = useDispatch();\n\n\tconst { views } = props;\n\n\tconst currentViewId = useSelector((state: RootState) => state.smartDesktopDesigner.currentViewId);\n\tconst errors = useSelector((state: RootState) => state.smartDesktopDesigner.errors);\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\n\n\tif (currentViewId === null) {\n\t\tdispatch(SmartDesktopDesignerActions.change_view(views[0].views[0].id));\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{views.map((section, i) => (\n\t\t\t\t<div key={`nav-section-${i}`} className=\"nav-section\">\n\t\t\t\t\t{section.showLabel && <div className=\"nav-label\">{section.label}</div>}\n\t\t\t\t\t<ul className=\"nav\">\n\t\t\t\t\t\t{section.views.map((view) => (\n\t\t\t\t\t\t\t<li key={view.name} className={[\"nav-item\", view.id === currentViewId ? \"active\" : \"\"].join(\" \")}>\n\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\tid={`${view.id}-nav-link`}\n\t\t\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(view.id));\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\t{isReviewingErrors &&\n\t\t\t\t\t\t\t\t\t\tview.id !== \"export\" &&\n\t\t\t\t\t\t\t\t\t\terrors\n\t\t\t\t\t\t\t\t\t\t\t.filter((error) => error.viewId === view.id)\n\t\t\t\t\t\t\t\t\t\t\t.map((error, index) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<div key={index} className=\"nav-error-icon\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip type=\"warn\">{error.message}</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t<FinsembleIcon className=\"nav-icon\" icon={view.icon}></FinsembleIcon>\n\t\t\t\t\t\t\t\t\t<div className={[\"nav-icon\", view.icon].join(\" \")}></div>\n\t\t\t\t\t\t\t\t\t{view.name}\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</>\n\t);\n};\n"]}

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

@@ -0,0 +1,11 @@
+import React from "react";
+export declare type OptionalSettingsViewProps = {
+    getConfig: typeof FSBL.Clients.ConfigClient.getValue;
+    getApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;
+    updateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;
+    getPreloads: typeof FSBL.Clients.SmartDesktopClient.prototype.getPreloads;
+    deletePreload: typeof FSBL.Clients.SmartDesktopClient.prototype.deletePreload;
+    addPreload: typeof FSBL.Clients.SmartDesktopClient.prototype.addPreload;
+    updatePreload: typeof FSBL.Clients.SmartDesktopClient.prototype.updatePreload;
+};
+export declare const OptionalSettingsView: React.FunctionComponent<OptionalSettingsViewProps>;

package/react/components/smartDesktopDesigner/OptionalSettingsView.js

@@ -0,0 +1,71 @@
+import React, { useEffect } from "react";
+import { Header } from "../common/Header";
+import { View } from "./View";
+import { Content } from "./Content";
+import { Tab } from "../common/Tab";
+import { launchTutorialLink } from "./common/fsbl_functions";
+import { Preloads } from "./Preloads";
+import { useDispatch, useSelector } from "../../store";
+import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
+import { EditPreload } from "./EditPreload";
+const openLink = (url) => {
+    FSBL.Clients.LauncherClient.spawn("", {
+        url,
+        addToWorkspace: false,
+    }, () => { });
+};
+export const OptionalSettingsView = (props) => {
+    const dispatch = useDispatch();
+    const preloads = useSelector((state) => state.smartDesktopDesigner.preloads);
+    const currentPreload = useSelector((state) => state.smartDesktopDesigner.currentPreload);
+    const refreshPreloadList = () => {
+        props.getPreloads().then((response) => {
+            dispatch(SmartDesktopDesignerActions.update_preloads(response.preloads));
+        });
+    };
+    const setEditView = (preloadAlias) => {
+        let isSet = false;
+        preloads.forEach((preload) => {
+            if (preload.alias == preloadAlias) {
+                dispatch(SmartDesktopDesignerActions.set_current_preload(preload));
+                isSet = true;
+            }
+        });
+        if (!isSet) {
+            dispatch(SmartDesktopDesignerActions.set_current_preload({ alias: "", url: "" }));
+        }
+    };
+    const deletePreload = async (preloadAlias) => {
+        await props.deletePreload(preloadAlias);
+        refreshPreloadList();
+    };
+    const cancelAdd = () => {
+        dispatch(SmartDesktopDesignerActions.set_current_preload(null));
+        refreshPreloadList();
+    };
+    useEffect(() => {
+        refreshPreloadList();
+    }, []);
+    const preloadComponentProps = {
+        preloads,
+        deletePreload,
+        setEditView,
+    };
+    return (React.createElement(View, null,
+        React.createElement(Header, { helpFunction: () => {
+                launchTutorialLink("SDD-06-Preloads");
+            } }, "Optional"),
+        React.createElement(Content, null,
+            React.createElement(Tab, null,
+                React.createElement("div", { "data-label": "Preloads" },
+                    React.createElement("div", { className: "frontmatter" },
+                        "Inject logic into an existing JavaScript app to augment or modify its behavior.",
+                        React.createElement("br", null),
+                        React.createElement("a", { href: "", onClick: (e) => {
+                                e.preventDefault();
+                                openLink("https://documentation.finsemble.com/tutorial-Preloads.html");
+                            } }, "Learn more about preloads"),
+                        "."),
+                    currentPreload !== null ? (React.createElement(EditPreload, Object.assign({}, props, { preload: currentPreload, cancelFunction: cancelAdd, updateApp: props.updateApp, deletePreload: deletePreload }))) : (React.createElement(Preloads, Object.assign({}, preloadComponentProps))))))));
+};
+//# sourceMappingURL=OptionalSettingsView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalSettingsView.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/OptionalSettingsView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Header } from \"../common/Header\";\nimport { View } from \"./View\";\nimport { Content } from \"./Content\";\nimport { Tab } from \"../common/Tab\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\nimport { PreloadListProps, Preloads } from \"./Preloads\";\nimport { useDispatch, useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { EditPreload } from \"./EditPreload\";\n\nexport type OptionalSettingsViewProps = {\n\tgetConfig: typeof FSBL.Clients.ConfigClient.getValue;\n\tgetApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;\n\tupdateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;\n\tgetPreloads: typeof FSBL.Clients.SmartDesktopClient.prototype.getPreloads;\n\tdeletePreload: typeof FSBL.Clients.SmartDesktopClient.prototype.deletePreload;\n\taddPreload: typeof FSBL.Clients.SmartDesktopClient.prototype.addPreload;\n\tupdatePreload: typeof FSBL.Clients.SmartDesktopClient.prototype.updatePreload;\n};\n\nconst openLink = (url: string) => {\n\tFSBL.Clients.LauncherClient.spawn(\n\t\t\"\",\n\t\t{\n\t\t\turl,\n\t\t\taddToWorkspace: false,\n\t\t},\n\t\t() => {}\n\t);\n};\n\nexport const OptionalSettingsView: React.FunctionComponent<OptionalSettingsViewProps> = (props) => {\n\tconst dispatch = useDispatch();\n\tconst preloads = useSelector((state: RootState) => state.smartDesktopDesigner.preloads);\n\tconst currentPreload = useSelector((state: RootState) => state.smartDesktopDesigner.currentPreload);\n\n\tconst refreshPreloadList = () => {\n\t\tprops.getPreloads().then((response: any) => {\n\t\t\tdispatch(SmartDesktopDesignerActions.update_preloads(response.preloads));\n\t\t});\n\t};\n\n\tconst setEditView = (preloadAlias: string | null) => {\n\t\tlet isSet = false;\n\t\tpreloads.forEach((preload) => {\n\t\t\tif (preload.alias == preloadAlias) {\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_current_preload(preload));\n\t\t\t\tisSet = true;\n\t\t\t}\n\t\t});\n\n\t\tif (!isSet) {\n\t\t\tdispatch(SmartDesktopDesignerActions.set_current_preload({ alias: \"\", url: \"\" }));\n\t\t}\n\t};\n\n\tconst deletePreload = async (preloadAlias: string) => {\n\t\tawait props.deletePreload(preloadAlias);\n\t\trefreshPreloadList();\n\t};\n\n\tconst cancelAdd = () => {\n\t\tdispatch(SmartDesktopDesignerActions.set_current_preload(null));\n\t\trefreshPreloadList();\n\t};\n\n\tuseEffect(() => {\n\t\trefreshPreloadList();\n\t}, []);\n\n\tconst preloadComponentProps: PreloadListProps = {\n\t\tpreloads,\n\t\tdeletePreload,\n\t\tsetEditView,\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-06-Preloads\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tOptional\n\t\t\t</Header>\n\n\t\t\t<Content>\n\t\t\t\t<Tab>\n\t\t\t\t\t<div data-label=\"Preloads\">\n\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\tInject logic into an existing JavaScript app to augment or modify its behavior.\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\thref=\"\"\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\topenLink(\"https://documentation.finsemble.com/tutorial-Preloads.html\");\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tLearn more about preloads\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t.\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{currentPreload !== null ? (\n\t\t\t\t\t\t\t<EditPreload\n\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t\tpreload={currentPreload}\n\t\t\t\t\t\t\t\tcancelFunction={cancelAdd}\n\t\t\t\t\t\t\t\tupdateApp={props.updateApp}\n\t\t\t\t\t\t\t\tdeletePreload={deletePreload}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Preloads {...preloadComponentProps} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/*\n\t\t\t\t\t<div data-label=\"Config\">\n\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\tText text text\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tText text text\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div data-label=\"SelectConnect\">\n\t\t\t\t\t\t<div className=\"frontmatter\">\n\t\t\t\t\t\t\tText text text\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tText text text\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t*/}\n\t\t\t\t</Tab>\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { PreloadType } from "../../types/smartDesktopDesignerTypes";
+export interface PreloadListProps {
+    preloads: PreloadType[];
+    deletePreload: (preloadAlias: string) => void;
+    setEditView: (preloadAlias: string | null) => void;
+}
+export declare const Preloads: React.FunctionComponent<PreloadListProps>;

package/react/components/smartDesktopDesigner/Preloads.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { Button } from "../common/Button";
+import { ItemList } from "./ItemList";
+export const Preloads = ({ preloads, deletePreload, setEditView }) => {
+    const getItemId = (preload) => preload.alias;
+    const props = {
+        items: [...preloads],
+        deleteItem: deletePreload,
+        clickItem: setEditView,
+        getItemId,
+        getItemDisplayName: getItemId,
+        emptyListMessage: (React.createElement(React.Fragment, null,
+            "There\u2019s nothing here!",
+            React.createElement("br", null),
+            "Click the Add button to add preloads.")),
+        className: "no-dropzone",
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null,
+            React.createElement(Button, { className: "icon-before-add", fashion: "primary", iconBefore: "plus", text: "Add", onClick: () => {
+                    setEditView("");
+                } })),
+        React.createElement("div", null,
+            React.createElement(ItemList, Object.assign({}, props)))));
+};
+//# sourceMappingURL=Preloads.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Preloads.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Preloads.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAWrD,MAAM,CAAC,MAAM,QAAQ,GAA8C,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,EAAE;IAC/G,MAAM,SAAS,GAAG,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;IAE1D,MAAM,KAAK,GAAkB;QAC5B,KAAK,EAAE,CAAC,GAAG,QAAQ,CAAC;QACpB,UAAU,EAAE,aAAa;QACzB,SAAS,EAAE,WAAW;QACtB,SAAS;QACT,kBAAkB,EAAE,SAAS;QAC7B,gBAAgB,EAAE,CACjB;;YAEC,+BAAM;oDAEJ,CACH;QACD,SAAS,EAAE,aAAa;KACxB,CAAC;IAEF,OAAO,CACN;QACC;YACC,oBAAC,MAAM,IACN,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAC,SAAS,EACjB,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,KAAK,EACV,OAAO,EAAE,GAAG,EAAE;oBACb,WAAW,CAAC,EAAE,CAAC,CAAC;gBACjB,CAAC,GACA,CACG;QACN;YACC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAClB,CACJ,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { Button } from \"../common/Button\";\nimport { ItemList, ItemListProps } from \"./ItemList\";\nimport { PreloadType } from \"../../types/smartDesktopDesignerTypes\";\n\nexport interface PreloadListProps {\n\tpreloads: PreloadType[];\n\tdeletePreload: (preloadAlias: string) => void;\n\tsetEditView: (preloadAlias: string | null) => void;\n}\n\ntype preloadType = { alias: string; url: string };\n\nexport const Preloads: React.FunctionComponent<PreloadListProps> = ({ preloads, deletePreload, setEditView }) => {\n\tconst getItemId = (preload: preloadType) => preload.alias;\n\n\tconst props: ItemListProps = {\n\t\titems: [...preloads],\n\t\tdeleteItem: deletePreload,\n\t\tclickItem: setEditView,\n\t\tgetItemId,\n\t\tgetItemDisplayName: getItemId,\n\t\temptyListMessage: (\n\t\t\t<>\n\t\t\t\tThere’s nothing here!\n\t\t\t\t<br />\n\t\t\t\tClick the Add button to add preloads.\n\t\t\t</>\n\t\t),\n\t\tclassName: \"no-dropzone\",\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<div>\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"icon-before-add\"\n\t\t\t\t\tfashion=\"primary\"\n\t\t\t\t\ticonBefore=\"plus\"\n\t\t\t\t\ttext=\"Add\"\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tsetEditView(\"\");\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div>\n\t\t\t\t<ItemList {...props} />\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectErrors.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/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,GAAiB;QACvF,KAAK,CAAC,OAAO,CACT,CACN,CAAC,CACG,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useEffect } from \"react\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { ProjectError } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\n\r\nimport \"./css/project-errors.css\";\r\n\r\nexport type ProjectErrorsProps = {\r\n\terrors: ProjectError[];\r\n};\r\n\r\nexport const ProjectErrors = (props: ProjectErrorsProps) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst { errors } = props;\r\n\r\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!isReviewingErrors) {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.set_reviewing_project_errors(true));\r\n\t\t}\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className=\"project-errors-container\">\r\n\t\t\t{errors.map((error, index) => (\r\n\t\t\t\t<div\r\n\t\t\t\t\tkey={index}\r\n\t\t\t\t\tclassName=\"project-error\"\r\n\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(error.viewId));\r\n\t\t\t\t\t}}\r\n\t\t\t\t>\r\n\t\t\t\t\t<FinsembleIcon className=\"project-error-icon\" icon=\"exclamation-circle\"></FinsembleIcon>\r\n\t\t\t\t\t{error.message}\r\n\t\t\t\t</div>\r\n\t\t\t))}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ProjectErrors.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/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,GAAiB;QACvF,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\"></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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Publish.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Publish.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { PublishProgress } from \"./PublishProgress\";\r\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\r\nimport { Button } from \"../common/Button\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ProgressState } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { ExportProps } from \"./Export\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\r\nimport { FEA } from \"@finsemble/finsemble-core\";\r\n\r\ntype ProgressItem = FEA.ProgressItem;\r\n\r\nexport type PublishProps = ExportProps;\r\n\r\nexport const Publish = (props: PublishProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [currentStep, setCurrentStep] = useState(\"\");\r\n\tconst [stepProgress, setStepProgress] = useState([] as Array<ProgressItem>);\r\n\r\n\tconst exportContext = useSelector((state: RootState) => state.smartDesktopDesigner.export);\r\n\r\n\tconst { deployInfo, publishError } = exportContext;\r\n\r\n\tconst tryAgain = () => {\r\n\t\tsetCurrentStep(\"\");\r\n\t\tsetStepProgress([]);\r\n\t\tdispatch(SmartDesktopDesignerActions.set_deploy_info(null));\r\n\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(null));\r\n\r\n\t\tprops\r\n\t\t\t.publishToCosaicCloud()\r\n\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\r\n\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\r\n\t};\r\n\r\n\tconst reset = () => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_is_publishing(false));\r\n\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(null));\r\n\t};\r\n\r\n\tconst hasError = stepProgress.some((step) => step.state === ProgressState.Error);\r\n\r\n\tconst didFinish =\r\n\t\t(stepProgress.length > 0 &&\r\n\t\t\tstepProgress.every((step) => {\r\n\t\t\t\tif (step.state === ProgressState.Error) {\r\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(step.error));\r\n\t\t\t\t}\r\n\t\t\t\treturn step.state === ProgressState.Finished;\r\n\t\t\t})) ||\r\n\t\thasError;\r\n\r\n\tuseEffect(() => {\r\n\t\tlet debounceTimeout: any = null;\r\n\t\tif (!didFinish) {\r\n\t\t\tdebounceTimeout = setInterval(() => {\r\n\t\t\t\tprops.getPublishProgress().then((data) => {\r\n\t\t\t\t\tsetCurrentStep(data.currentStep);\r\n\t\t\t\t\tsetStepProgress(Object.values(data.steps));\r\n\r\n\t\t\t\t\t// Finished! When the installer step reaches state \"Finished\"\r\n\t\t\t\t\tif (data.steps[\"cloud\"].state === ProgressState.Finished) {\r\n\t\t\t\t\t\t// dispatch(SmartDesktopDesignerActions.SET_IS_PUBLISHING(false));\r\n\t\t\t\t\t\tclearInterval(debounceTimeout);\r\n\t\t\t\t\t\treset();\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t}, props.progressCheckInterval);\r\n\t\t}\r\n\r\n\t\treturn () => {\r\n\t\t\tif (debounceTimeout) {\r\n\t\t\t\tclearInterval(debounceTimeout);\r\n\t\t\t}\r\n\t\t};\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-publish-container\">\r\n\t\t\t{publishError ? (\r\n\t\t\t\t<div className=\"export-publish-error\">\r\n\t\t\t\t\t<h3>Your project was not published</h3>\r\n\r\n\t\t\t\t\t<p>An error occurred while trying to publish.</p>\r\n\t\t\t\t\t<p className=\"export-publish-error-message\">&quot;{publishError}&quot;</p>\r\n\r\n\t\t\t\t\t<div className=\"export-error-actions\">\r\n\t\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={reset} />\r\n\t\t\t\t\t\t<Button className=\"export-error-btn\" fashion=\"secondary\" text=\"Try again\" onClick={tryAgain} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<h2>Publishing...</h2>\r\n\r\n\t\t\t\t\t<div className={[\"export-publish-progress\", hasError ? \"export-publish-has-error\" : \"\"].join(\" \")}>\r\n\t\t\t\t\t\t{[\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tname: \"initialize\",\r\n\t\t\t\t\t\t\t\tdescription: \"Creating a location for the project\",\r\n\t\t\t\t\t\t\t\terror: \"Failed to create a location for the project\",\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tname: \"zip\",\r\n\t\t\t\t\t\t\t\tdescription: \"Zipping project\",\r\n\t\t\t\t\t\t\t\terror: \"Failed to zip the project\",\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tname: \"upload\",\r\n\t\t\t\t\t\t\t\tdescription: \"Uploading project\",\r\n\t\t\t\t\t\t\t\terror: \"Failed to upload the project\",\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tname: \"cloud\",\r\n\t\t\t\t\t\t\t\tdescription: \"Creating installer and site\",\r\n\t\t\t\t\t\t\t\terror: \"Failed to publish\",\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t].map((step) => {\r\n\t\t\t\t\t\t\tlet data = stepProgress.find((item) => item.step === step.name);\r\n\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\tdata && (\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tkey={step.name}\r\n\t\t\t\t\t\t\t\t\t\tclassName={[\r\n\t\t\t\t\t\t\t\t\t\t\t\"publish-progress-container\",\r\n\t\t\t\t\t\t\t\t\t\t\tcurrentStep === step.name ? \"publish-current-step\" : \"\",\r\n\t\t\t\t\t\t\t\t\t\t].join(\" \")}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t{data.state === ProgressState.Started ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<PublishProgress {...data}></PublishProgress>\r\n\t\t\t\t\t\t\t\t\t\t\t) : data.state === ProgressState.NotStarted ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-pending\"></div>\r\n\t\t\t\t\t\t\t\t\t\t\t) : data.state === ProgressState.Error ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-error\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon className=\"publish-progress-error-icon\" icon=\"times\"></FinsembleIcon>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-success\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon className=\"publish-progress-success-icon\" icon=\"check\"></FinsembleIcon>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-text\">{data.error ? step.error : step.description}</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{deployInfo && (\r\n\t\t\t\t\t\t<div className=\"export-publish-uploaded\">\r\n\t\t\t\t\t\t\t<h3>Project uploaded</h3>\r\n\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\tYour project has been uploaded to the cloud. It will take several minutes to generate an installer.\r\n\t\t\t\t\t\t\t\tShare the installer link with your team. The desktop you&apos;ve created will be available shortly by\r\n\t\t\t\t\t\t\t\tdownloading and installing from the link.\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t<ExportDeployInfo />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"Publish.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Publish.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useState, useEffect } from \"react\";\nimport { PublishProgress } from \"./PublishProgress\";\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\nimport { Button } from \"../common/Button\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { useDispatch, useSelector } from \"../../store\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { ProgressState } from \"../../types/smartDesktopDesignerTypes\";\nimport { ExportProps } from \"./Export\";\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\nimport { FEA } from \"@finsemble/finsemble-api\";\n\ntype ProgressItem = FEA.ProgressItem;\n\nexport type PublishProps = ExportProps;\n\nexport const Publish = (props: PublishProps) => {\n\tconst dispatch = useDispatch();\n\n\tconst [currentStep, setCurrentStep] = useState(\"\");\n\tconst [stepProgress, setStepProgress] = useState([] as Array<ProgressItem>);\n\n\tconst exportContext = useSelector((state: RootState) => state.smartDesktopDesigner.export);\n\n\tconst { deployInfo, publishError } = exportContext;\n\n\tconst tryAgain = () => {\n\t\tsetCurrentStep(\"\");\n\t\tsetStepProgress([]);\n\t\tdispatch(SmartDesktopDesignerActions.set_deploy_info(null));\n\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(null));\n\n\t\tprops\n\t\t\t.publishToCosaicCloud()\n\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\n\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\n\t};\n\n\tconst reset = () => {\n\t\tdispatch(SmartDesktopDesignerActions.set_is_publishing(false));\n\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(null));\n\t};\n\n\tconst hasError = stepProgress.some((step) => step.state === ProgressState.Error);\n\n\tconst didFinish =\n\t\t(stepProgress.length > 0 &&\n\t\t\tstepProgress.every((step) => {\n\t\t\t\tif (step.state === ProgressState.Error) {\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_publish_error(step.error));\n\t\t\t\t}\n\t\t\t\treturn step.state === ProgressState.Finished;\n\t\t\t})) ||\n\t\thasError;\n\n\tuseEffect(() => {\n\t\tlet debounceTimeout: any = null;\n\t\tif (!didFinish) {\n\t\t\tdebounceTimeout = setInterval(() => {\n\t\t\t\tprops.getPublishProgress().then((data) => {\n\t\t\t\t\tsetCurrentStep(data.currentStep);\n\t\t\t\t\tsetStepProgress(Object.values(data.steps));\n\n\t\t\t\t\t// Finished! When the installer step reaches state \"Finished\"\n\t\t\t\t\tif (data.steps[\"cloud\"].state === ProgressState.Finished) {\n\t\t\t\t\t\t// dispatch(SmartDesktopDesignerActions.SET_IS_PUBLISHING(false));\n\t\t\t\t\t\tclearInterval(debounceTimeout);\n\t\t\t\t\t\treset();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}, props.progressCheckInterval);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (debounceTimeout) {\n\t\t\t\tclearInterval(debounceTimeout);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<div className=\"export-publish-container\">\n\t\t\t{publishError ? (\n\t\t\t\t<div className=\"export-publish-error\">\n\t\t\t\t\t<h3>Your project was not published</h3>\n\n\t\t\t\t\t<p>An error occurred while trying to publish.</p>\n\t\t\t\t\t<p className=\"export-publish-error-message\">&quot;{publishError}&quot;</p>\n\n\t\t\t\t\t<div className=\"export-error-actions\">\n\t\t\t\t\t\t<Button fashion=\"ghost\" text=\"Cancel\" onClick={reset} />\n\t\t\t\t\t\t<Button className=\"export-error-btn\" fashion=\"secondary\" text=\"Try again\" onClick={tryAgain} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t<h2>Publishing...</h2>\n\n\t\t\t\t\t<div className={[\"export-publish-progress\", hasError ? \"export-publish-has-error\" : \"\"].join(\" \")}>\n\t\t\t\t\t\t{[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: \"initialize\",\n\t\t\t\t\t\t\t\tdescription: \"Creating a location for the project\",\n\t\t\t\t\t\t\t\terror: \"Failed to create a location for the project\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: \"zip\",\n\t\t\t\t\t\t\t\tdescription: \"Zipping project\",\n\t\t\t\t\t\t\t\terror: \"Failed to zip the project\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: \"upload\",\n\t\t\t\t\t\t\t\tdescription: \"Uploading project\",\n\t\t\t\t\t\t\t\terror: \"Failed to upload the project\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tname: \"cloud\",\n\t\t\t\t\t\t\t\tdescription: \"Creating installer and site\",\n\t\t\t\t\t\t\t\terror: \"Failed to publish\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t].map((step) => {\n\t\t\t\t\t\t\tlet data = stepProgress.find((item) => item.step === step.name);\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\tdata && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={step.name}\n\t\t\t\t\t\t\t\t\t\tclassName={[\n\t\t\t\t\t\t\t\t\t\t\t\"publish-progress-container\",\n\t\t\t\t\t\t\t\t\t\t\tcurrentStep === step.name ? \"publish-current-step\" : \"\",\n\t\t\t\t\t\t\t\t\t\t].join(\" \")}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-icon\">\n\t\t\t\t\t\t\t\t\t\t\t{/* eslint-disable no-nested-ternary */}\n\t\t\t\t\t\t\t\t\t\t\t{data.state === ProgressState.Started ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<PublishProgress {...data}></PublishProgress>\n\t\t\t\t\t\t\t\t\t\t\t) : data.state === ProgressState.NotStarted ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-pending\"></div>\n\t\t\t\t\t\t\t\t\t\t\t) : data.state === ProgressState.Error ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-error\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon className=\"publish-progress-error-icon\" icon=\"times\"></FinsembleIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-success\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<FinsembleIcon className=\"publish-progress-success-icon\" icon=\"check\"></FinsembleIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"publish-progress-text\">{data.error ? step.error : step.description}</div>\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);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t\t{deployInfo && (\n\t\t\t\t\t\t<div className=\"export-publish-uploaded\">\n\t\t\t\t\t\t\t<h3>Project uploaded</h3>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tYour project has been uploaded to the cloud. It will take several minutes to generate an installer.\n\t\t\t\t\t\t\t\tShare the installer link with your team. The desktop you&apos;ve created will be available shortly by\n\t\t\t\t\t\t\t\tdownloading and installing from the link.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<ExportDeployInfo />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"PublishProgress.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/PublishProgress.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAM9E,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACtG,6BAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3E,oBAAC,mBAAmB,IAKnB,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,EAAE,EACf,MAAM,EAAE,WAAW,CAAC;YACnB,sBAAsB,EAAE,GAAG;YAC3B,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,SAAS;YACrB,eAAe,EAAE,SAAS;SAC1B,CAAC,GACoB,CAClB,CACN,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\n\r\nimport { CircularProgressbar, buildStyles } from \"react-circular-progressbar\";\r\n\r\nexport type PublishProgressProps = {\r\n\tpercentComplete: number;\r\n};\r\n\r\nexport const PublishProgress: React.FunctionComponent<PublishProgressProps> = ({ percentComplete }) => (\r\n\t<div className=\"publish-progress-indicator\" style={{ width: 24, height: 24 }}>\r\n\t\t<CircularProgressbar\r\n\t\t\t// strokeWidth={24}\r\n\t\t\t// reduction={0}\r\n\t\t\t// hideBall={true}\r\n\t\t\t// progress={percentComplete}\r\n\t\t\tvalue={percentComplete}\r\n\t\t\tstrokeWidth={15}\r\n\t\t\tstyles={buildStyles({\r\n\t\t\t\tpathTransitionDuration: 0.5,\r\n\t\t\t\tpathColor: `#42a5ba`,\r\n\t\t\t\ttrailColor: \"#373b43\",\r\n\t\t\t\tbackgroundColor: \"#3e98c7\",\r\n\t\t\t})}\r\n\t\t></CircularProgressbar>\r\n\t</div>\r\n);\r\n"]}
+{"version":3,"file":"PublishProgress.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/PublishProgress.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAM9E,MAAM,CAAC,MAAM,eAAe,GAAkD,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACtG,6BAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3E,oBAAC,mBAAmB,IAKnB,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,EAAE,EACf,MAAM,EAAE,WAAW,CAAC;YACnB,sBAAsB,EAAE,GAAG;YAC3B,SAAS,EAAE,SAAS;YACpB,UAAU,EAAE,SAAS;YACrB,eAAe,EAAE,SAAS;SAC1B,CAAC,GACoB,CAClB,CACN,CAAC","sourcesContent":["/*!\n * Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\n\nimport { CircularProgressbar, buildStyles } from \"react-circular-progressbar\";\n\nexport type PublishProgressProps = {\n\tpercentComplete: number;\n};\n\nexport const PublishProgress: React.FunctionComponent<PublishProgressProps> = ({ percentComplete }) => (\n\t<div className=\"publish-progress-indicator\" style={{ width: 24, height: 24 }}>\n\t\t<CircularProgressbar\n\t\t\t// strokeWidth={24}\n\t\t\t// reduction={0}\n\t\t\t// hideBall={true}\n\t\t\t// progress={percentComplete}\n\t\t\tvalue={percentComplete}\n\t\t\tstrokeWidth={15}\n\t\t\tstyles={buildStyles({\n\t\t\t\tpathTransitionDuration: 0.5,\n\t\t\t\tpathColor: `#42a5ba`,\n\t\t\t\ttrailColor: \"#373b43\",\n\t\t\t\tbackgroundColor: \"#3e98c7\",\n\t\t\t})}\n\t\t></CircularProgressbar>\n\t</div>\n);\n"]}

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

@@ -16,7 +16,7 @@ export declare type ThemeConfig = typeof themeConfig;
 export declare type SmartDesktopDesignerProps = {
     views: any[];
     getConfig: typeof FSBL.Clients.ConfigClient.getValues;
-    resetProject?: typeof FSBL.Clients.SmartDesktopClient.prototype.resetProject;
+    resetProject: typeof FSBL.Clients.SmartDesktopClient.prototype.resetProject;
     getSDServerInfo: typeof FSBL.Clients.SmartDesktopClient.prototype.getSDServerInfo;
     getProjectSettings: typeof FSBL.Clients.SmartDesktopClient.prototype.getProjectSettings;
     updateProjectSettings?: typeof FSBL.Clients.SmartDesktopClient.prototype.updateProjectSettings;