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

package/react/components/smartDesktopDesigner/Export.js

@@ -20,10 +20,10 @@ export const Export = (props) => {
         React.createElement(Header, { helpFunction: () => {
                 launchTutorialLink("publishing-a-desktop-project");
             } }, "Publish"),
-        React.createElement(Content, null, isPublishing ? (React.createElement(Publish, { ...props })) : (React.createElement("div", null,
+        React.createElement(Content, null, isPublishing ? (React.createElement(Publish, Object.assign({}, props))) : (React.createElement("div", null,
             React.createElement("div", { className: "export-methods" },
-                React.createElement(ExportCloud, { ...props }),
-                React.createElement(ExportZip, { ...props })),
+                React.createElement(ExportCloud, Object.assign({}, props)),
+                React.createElement(ExportZip, Object.assign({}, props))),
             deployInfo && (React.createElement("div", { className: "deployInfoContainer" },
                 React.createElement("h2", null, "Published Project"),
                 React.createElement("div", null,

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

@@ -1 +1 @@
-{"version":3,"file":"Export.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Export.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,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,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,kBAAkB,CAAC;AAW1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5C,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;IAEnG,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,8BAA8B,CAAC,CAAC;YACpD,CAAC,cAGO;QAET,oBAAC,OAAO,QACN,YAAY,CAAC,CAAC,CAAC,CACf,oBAAC,OAAO,OAAK,KAAK,GAAI,CACtB,CAAC,CAAC,CAAC,CACH;YACC,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,WAAW,OAAK,KAAK,GAAI;gBAC1B,oBAAC,SAAS,OAAK,KAAK,GAAI,CACnB;YACL,UAAU,IAAI,CACd,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,oDAA0B;gBAC1B;oBACC,+GAAoF;oBACpF,oBAAC,gBAAgB,OAAG,CACf,CACD,CACN,CACI,CACN,CACQ,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 { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ExportCloud } from \"./ExportCloud\";\r\nimport { ExportZip } from \"./ExportZip\";\r\nimport { Publish } from \"./Publish\";\r\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nimport \"./css/export.css\";\r\n\r\nexport type ExportProps = {\r\n\tprogressCheckInterval: number;\r\n\tgetProjectConfig: typeof FSBL.Clients.SmartDesktopClient.prototype.projectConfig;\r\n\tcreateProjectZip: typeof FSBL.Clients.SmartDesktopClient.prototype.createProjectZip;\r\n\tpublishToCosaicCloud: typeof FSBL.Clients.SmartDesktopClient.prototype.publishToCosaicCloud;\r\n\tgetPublishProgress: typeof FSBL.Clients.SmartDesktopClient.prototype.getPublishProgress;\r\n\tcopyProjectFiles: typeof FSBL.Clients.SmartDesktopClient.prototype.copyProjectFiles;\r\n};\r\n\r\nexport const Export = (props: ExportProps) => {\r\n\tconst isPublishing = useSelector((store: RootState) => store.smartDesktopDesigner.export.isPublishing);\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\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(\"publishing-a-desktop-project\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tPublish\r\n\t\t\t</Header>\r\n\r\n\t\t\t<Content>\r\n\t\t\t\t{isPublishing ? (\r\n\t\t\t\t\t<Publish {...props} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<div className=\"export-methods\">\r\n\t\t\t\t\t\t\t<ExportCloud {...props} />\r\n\t\t\t\t\t\t\t<ExportZip {...props} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{deployInfo && (\r\n\t\t\t\t\t\t\t<div className=\"deployInfoContainer\">\r\n\t\t\t\t\t\t\t\t<h2>Published Project</h2>\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<p>Share this installer link with your team to give them access to your desktop:</p>\r\n\t\t\t\t\t\t\t\t\t<ExportDeployInfo />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Content>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"Export.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Export.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,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,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,kBAAkB,CAAC;AAW1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5C,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;IAEnG,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,8BAA8B,CAAC,CAAC;YACpD,CAAC,cAGO;QAET,oBAAC,OAAO,QACN,YAAY,CAAC,CAAC,CAAC,CACf,oBAAC,OAAO,oBAAK,KAAK,EAAI,CACtB,CAAC,CAAC,CAAC,CACH;YACC,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,oBAAC,WAAW,oBAAK,KAAK,EAAI;gBAC1B,oBAAC,SAAS,oBAAK,KAAK,EAAI,CACnB;YACL,UAAU,IAAI,CACd,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,oDAA0B;gBAC1B;oBACC,+GAAoF;oBACpF,oBAAC,gBAAgB,OAAG,CACf,CACD,CACN,CACI,CACN,CACQ,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 { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\nimport { ExportCloud } from \"./ExportCloud\";\r\nimport { ExportZip } from \"./ExportZip\";\r\nimport { Publish } from \"./Publish\";\r\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\r\nimport { useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\n\r\nimport \"./css/export.css\";\r\n\r\nexport type ExportProps = {\r\n\tprogressCheckInterval: number;\r\n\tgetProjectConfig: typeof FSBL.Clients.SmartDesktopClient.prototype.projectConfig;\r\n\tcreateProjectZip: typeof FSBL.Clients.SmartDesktopClient.prototype.createProjectZip;\r\n\tpublishToCosaicCloud: typeof FSBL.Clients.SmartDesktopClient.prototype.publishToCosaicCloud;\r\n\tgetPublishProgress: typeof FSBL.Clients.SmartDesktopClient.prototype.getPublishProgress;\r\n\tcopyProjectFiles: typeof FSBL.Clients.SmartDesktopClient.prototype.copyProjectFiles;\r\n};\r\n\r\nexport const Export = (props: ExportProps) => {\r\n\tconst isPublishing = useSelector((store: RootState) => store.smartDesktopDesigner.export.isPublishing);\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\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(\"publishing-a-desktop-project\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tPublish\r\n\t\t\t</Header>\r\n\r\n\t\t\t<Content>\r\n\t\t\t\t{isPublishing ? (\r\n\t\t\t\t\t<Publish {...props} />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<div className=\"export-methods\">\r\n\t\t\t\t\t\t\t<ExportCloud {...props} />\r\n\t\t\t\t\t\t\t<ExportZip {...props} />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{deployInfo && (\r\n\t\t\t\t\t\t\t<div className=\"deployInfoContainer\">\r\n\t\t\t\t\t\t\t\t<h2>Published Project</h2>\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t<p>Share this installer link with your team to give them access to your desktop:</p>\r\n\t\t\t\t\t\t\t\t\t<ExportDeployInfo />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Content>\r\n\t\t</View>\r\n\t);\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/ExportCloud.js

@@ -10,7 +10,7 @@ export const ExportCloud = (props) => {
     useEffect(() => {
         const getProjectConfig = async () => {
             const projectConfig = await props.getProjectConfig();
-            const currentDeployInfo = projectConfig?.deployInfo;
+            const currentDeployInfo = projectConfig === null || projectConfig === void 0 ? void 0 : projectConfig.deployInfo;
             if (currentDeployInfo) {
                 dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo));
             }

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

@@ -1 +1 @@
-{"version":3,"file":"ExportCloud.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/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;AAIhD,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;IAM3F,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,EAAE,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,eAAe;QAC5B,UAAU,CAAC,CAAC,CAAC,CACb;YACC,sDAA4B;YAC5B,qMAGI,CACC,CACN,CAAC,CAAC,CAAC,CACH;YACC,uDAA6B;YAC7B,+LAGI,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,EAClC,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\";\r\nimport { Button } from \"../common/Button\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ExportProps } from \"./Export\";\r\nimport { ProjectErrors } from \"./ProjectErrors\";\r\n\r\nexport type ExportCloudProps = ExportProps;\r\n\r\nexport const ExportCloud = (props: ExportCloudProps) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\r\n\r\n\t/**\r\n\t * This will run once. We'll check to see if there's a current deployInfo for our\r\n\t * project, in other words has it already been published.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tconst getProjectConfig = async () => {\r\n\t\t\tconst projectConfig = await props.getProjectConfig();\r\n\t\t\tconst currentDeployInfo = projectConfig?.deployInfo;\r\n\r\n\t\t\tif (currentDeployInfo) {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo));\r\n\t\t\t}\r\n\t\t};\r\n\t\tgetProjectConfig();\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-method\">\r\n\t\t\t{deployInfo ? (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<h2>Update your project</h2>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\tYou can continue to update your desktop with new apps. Publish at any time to push updates to your team.\r\n\t\t\t\t\t\tThey&apos;ll just need to restart their app to get the changes.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\t\t\t) : (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<h2>Publish your project</h2>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\tUpload your smart desktop to Cosaic&apos;s cloud service to make it available to your team. After you\r\n\t\t\t\t\t\tpublish, you can make changes and push updates to your team.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<ProjectErrors errors={projectErrors}></ProjectErrors>\r\n\r\n\t\t\t<div className=\"export-method-actions\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tdisabled={projectErrors.length > 0}\r\n\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\ttext=\"Publish\"\r\n\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_is_publishing(true));\r\n\t\t\t\t\t\tprops\r\n\t\t\t\t\t\t\t.publishToCosaicCloud()\r\n\t\t\t\t\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\r\n\t\t\t\t\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ExportCloud.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/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;AAIhD,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;IAM3F,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,eAAe;QAC5B,UAAU,CAAC,CAAC,CAAC,CACb;YACC,sDAA4B;YAC5B,qMAGI,CACC,CACN,CAAC,CAAC,CAAC,CACH;YACC,uDAA6B;YAC7B,+LAGI,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,EAClC,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\";\r\nimport { Button } from \"../common/Button\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ExportProps } from \"./Export\";\r\nimport { ProjectErrors } from \"./ProjectErrors\";\r\n\r\nexport type ExportCloudProps = ExportProps;\r\n\r\nexport const ExportCloud = (props: ExportCloudProps) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\tconst projectErrors = useSelector((store: RootState) => store.smartDesktopDesigner.errors);\r\n\r\n\t/**\r\n\t * This will run once. We'll check to see if there's a current deployInfo for our\r\n\t * project, in other words has it already been published.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tconst getProjectConfig = async () => {\r\n\t\t\tconst projectConfig = await props.getProjectConfig();\r\n\t\t\tconst currentDeployInfo = projectConfig?.deployInfo;\r\n\r\n\t\t\tif (currentDeployInfo) {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo));\r\n\t\t\t}\r\n\t\t};\r\n\t\tgetProjectConfig();\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className=\"export-method\">\r\n\t\t\t{deployInfo ? (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<h2>Update your project</h2>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\tYou can continue to update your desktop with new apps. Publish at any time to push updates to your team.\r\n\t\t\t\t\t\tThey&apos;ll just need to restart their app to get the changes.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\t\t\t) : (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<h2>Publish your project</h2>\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\tUpload your smart desktop to Cosaic&apos;s cloud service to make it available to your team. After you\r\n\t\t\t\t\t\tpublish, you can make changes and push updates to your team.\r\n\t\t\t\t\t</p>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t<ProjectErrors errors={projectErrors}></ProjectErrors>\r\n\r\n\t\t\t<div className=\"export-method-actions\">\r\n\t\t\t\t<Button\r\n\t\t\t\t\tdisabled={projectErrors.length > 0}\r\n\t\t\t\t\tfashion=\"secondary\"\r\n\t\t\t\t\ttext=\"Publish\"\r\n\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_is_publishing(true));\r\n\t\t\t\t\t\tprops\r\n\t\t\t\t\t\t\t.publishToCosaicCloud()\r\n\t\t\t\t\t\t\t.then((currentDeployInfo) => dispatch(SmartDesktopDesignerActions.set_deploy_info(currentDeployInfo)))\r\n\t\t\t\t\t\t\t.catch((error) => dispatch(SmartDesktopDesignerActions.set_publish_error(error)));\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/ExportDeployInfo.js

@@ -5,7 +5,7 @@ export const ExportDeployInfo = () => {
     const publishURLRef = useRef(null);
     const deployInfo = useSelector((store) => store.smartDesktopDesigner.export.deployInfo);
     return (React.createElement("div", { className: "export-publish-url" },
-        React.createElement("input", { "aria-label": "Publish URL", type: "text", disabled: true, value: deployInfo?.installerURL, ref: publishURLRef }),
+        React.createElement("input", { "aria-label": "Publish URL", type: "text", disabled: true, value: deployInfo === null || deployInfo === void 0 ? void 0 : deployInfo.installerURL, ref: publishURLRef }),
         React.createElement(ButtonIcon, { text: "Copy", icon: "copy", onClick: () => {
                 const input = publishURLRef.current;
                 input.disabled = false;

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,EAAE,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\";\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"]}

package/react/components/smartDesktopDesigner/ExportZip.js

@@ -5,7 +5,6 @@ import { Button } from "../common/Button";
 export const ExportZip = (props) => {
     const projectSettings = useSelector((store) => store.smartDesktopDesigner.projectInfo);
     const projectErrors = useSelector((store) => store.smartDesktopDesigner.errors);
-    const [isZipping, setIsZipping] = useState(false);
     const [isCopying, setIsCopying] = useState(false);
     const [lastExportCount, setLastExportCount] = useState(0);
     const [lastExportTime, setLastExportTime] = useState(null);

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,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAK1C,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,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,oDAA0B;YAE1B,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,8BAA8B,EACnC,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, { useEffect, 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\nimport { ProjectErrors } from \"./ProjectErrors\";\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 [isZipping, setIsZipping] = useState(false);\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 your design</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 to local seed project\"\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":"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,oDAA0B;YAE1B,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,8BAA8B,EACnC,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 your design</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 to local seed project\"\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"]}

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

@@ -4,4 +4,4 @@
  */
 /// <reference types="react" />
 export declare type GettingStartedProps = {};
-export declare const GettingStarted: (props: GettingStartedProps) => JSX.Element;
+export declare const GettingStarted: () => JSX.Element;

package/react/components/smartDesktopDesigner/GettingStarted.js

@@ -10,7 +10,7 @@ import { View } from "./View";
 import { Content } from "./Content";
 import { launchTutorialLink } from "./common/fsbl_functions";
 import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
-export const GettingStarted = (props) => {
+export const GettingStarted = () => {
     const dispatch = useDispatch();
     return (React.createElement(View, null,
         React.createElement(Header, { helpFunction: () => {

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,CAAC,KAA0B,EAAE,EAAE;IAC5D,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,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;wBAC/D,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;wBAClE,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;wBAC/E,QAAQ,CAAC,2BAA2B,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC;oBACpE,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 = (props: GettingStartedProps) => {\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.set_current_app_id(null));\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"applications\"));\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_is_getting_started(true));\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;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,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;wBAC/D,QAAQ,CAAC,2BAA2B,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;wBAClE,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;wBAC/E,QAAQ,CAAC,2BAA2B,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC;oBACpE,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.set_current_app_id(null));\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.change_view(\"applications\"));\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.new_app(new Date().getTime().toString()));\r\n\t\t\t\t\t\t\tdispatch(SmartDesktopDesignerActions.set_is_getting_started(true));\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"]}

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

@@ -11,4 +11,4 @@ export declare type ProjectHeaderProps = {
     selectProjectPath: typeof FSBL.Clients.SmartDesktopClient.prototype.selectProjectPath;
     onSaveProjectPath: Function;
 };
-export declare const ProjectHeader: ({ projectName, projectPath, onSaveProjectName, selectProjectPath, onSaveProjectPath, }: ProjectHeaderProps) => JSX.Element;
+export declare const ProjectHeader: ({ projectName, onSaveProjectName, selectProjectPath, onSaveProjectPath, }: ProjectHeaderProps) => JSX.Element;

package/react/components/smartDesktopDesigner/ProjectHeader.js

@@ -13,7 +13,7 @@ const INVALID_NAME_ERROR = {
     viewId: "export",
     message: "Invalid project name",
 };
-export const ProjectHeader = ({ projectName = "", projectPath = "", onSaveProjectName, selectProjectPath, onSaveProjectPath, }) => {
+export const ProjectHeader = ({ projectName = "", onSaveProjectName, selectProjectPath, onSaveProjectPath, }) => {
     const projectSettings = useSelector((store) => store.smartDesktopDesigner.projectInfo);
     const dispatch = useDispatch();
     const [isEditingProjectName, setIsEditingProjectName] = useState(false);

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectHeader.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ProjectHeader.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, { useEffect, useState } from \"react\";\r\n\r\nimport AutosizeInput from \"react-input-autosize\";\r\nimport { Button } from \"../common/Button\";\r\nimport { FinsembleIcon } from \"../common/FinsembleIcon\";\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 { Tooltip } from \"../common/Tooltip\";\r\nimport \"./css/project-header.css\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\n\r\nexport type ProjectHeaderProps = {\r\n\tonSaveProjectName: Function;\r\n\tprojectName: string;\r\n\tprojectPath: string;\r\n\tselectProjectPath: typeof FSBL.Clients.SmartDesktopClient.prototype.selectProjectPath;\r\n\tonSaveProjectPath: Function;\r\n};\r\n\r\nconst INVALID_NAME_ERROR: ProjectError = {\r\n\tviewId: \"export\",\r\n\tmessage: \"Invalid project name\",\r\n};\r\n\r\nexport const ProjectHeader = ({\r\n\tprojectName = \"\",\r\n\tprojectPath = \"\",\r\n\tonSaveProjectName,\r\n\tselectProjectPath,\r\n\tonSaveProjectPath,\r\n}: ProjectHeaderProps) => {\r\n\tconst projectSettings = useSelector((store: RootState) => store.smartDesktopDesigner.projectInfo);\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [isEditingProjectName, setIsEditingProjectName] = useState(false);\r\n\tconst [tmpProjectName, setTmpProjectName] = useState(projectName);\r\n\r\n\tconst isProjectNameValid = FSBL.Clients.SmartDesktopClient.checkValidProjectName(tmpProjectName);\r\n\tconst error = useSelector((state: RootState) =>\r\n\t\tstate.smartDesktopDesigner.errors.find((err) => err.viewId === \"export\")\r\n\t);\r\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (isProjectNameValid) {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.delete_project_error(INVALID_NAME_ERROR));\r\n\t\t} else {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.set_project_error(INVALID_NAME_ERROR));\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<form\r\n\t\t\tclassName={[\r\n\t\t\t\t\"project-header\",\r\n\t\t\t\tisEditingProjectName ? \"is-editing-project-name\" : \"\",\r\n\t\t\t\tisProjectNameValid ? \"\" : \"is-invalid-project-name\",\r\n\t\t\t].join(\" \")}\r\n\t\t\tonSubmit={(e) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{isReviewingErrors && !isProjectNameValid && error && (\r\n\t\t\t\t<div className=\"project-name-error-icon\">\r\n\t\t\t\t\t<Tooltip type=\"warn\">{error.message}</Tooltip>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t{/* <div className=\"project-title-icon\"></div> */}\r\n\t\t\t<div\r\n\t\t\t\tclassName=\"project-name-container\"\r\n\t\t\t\taria-label=\"Project Name\"\r\n\t\t\t\tonClick={() => {\r\n\t\t\t\t\tsetIsEditingProjectName(true);\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<AutosizeInput\r\n\t\t\t\t\tclassName=\"project-name-field\"\r\n\t\t\t\t\tid=\"project-name\"\r\n\t\t\t\t\tname=\"project-name\"\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tplaceholder=\"Untitled\"\r\n\t\t\t\t\tvalue={tmpProjectName}\r\n\t\t\t\t\tstyle={{ fontSize: 14 }}\r\n\t\t\t\t\tonInput={(e: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\t\tsetTmpProjectName(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\te.currentTarget.blur();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonBlur={() => {\r\n\t\t\t\t\t\tif (isProjectNameValid) {\r\n\t\t\t\t\t\t\tonSaveProjectName(tmpProjectName);\r\n\t\t\t\t\t\t\tsetIsEditingProjectName(false);\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</div>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclassName=\"project-path-container\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\tconst path = e.currentTarget.dataset.targetUploadPath;\r\n\r\n\t\t\t\t\tif (path) {\r\n\t\t\t\t\t\tonSaveProjectPath(path);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tselectProjectPath().then((selectedProjectPath: string) => {\r\n\t\t\t\t\t\t\tonSaveProjectPath(selectedProjectPath);\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>\r\n\t\t\t\t<ButtonIcon\r\n\t\t\t\t\ttext=\"Change path\"\r\n\t\t\t\t\ticon=\"folder\"\r\n\t\t\t\t\tbuttonAttributes={{ \"data-target-upload-path\": \"\" }}\r\n\t\t\t\t\tclassName=\"change-project-path-button\"\r\n\t\t\t\t/>\r\n\t\t\t\t<div className=\"current-project-path\">{projectSettings.path}</div>\r\n\t\t\t</div>\r\n\t\t</form>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"ProjectHeader.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/ProjectHeader.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, { useEffect, useState } from \"react\";\r\n\r\nimport AutosizeInput from \"react-input-autosize\";\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 { Tooltip } from \"../common/Tooltip\";\r\nimport \"./css/project-header.css\";\r\nimport { ButtonIcon } from \"../common/ButtonIcon\";\r\n\r\nexport type ProjectHeaderProps = {\r\n\tonSaveProjectName: Function;\r\n\tprojectName: string;\r\n\tprojectPath: string;\r\n\tselectProjectPath: typeof FSBL.Clients.SmartDesktopClient.prototype.selectProjectPath;\r\n\tonSaveProjectPath: Function;\r\n};\r\n\r\nconst INVALID_NAME_ERROR: ProjectError = {\r\n\tviewId: \"export\",\r\n\tmessage: \"Invalid project name\",\r\n};\r\n\r\nexport const ProjectHeader = ({\r\n\tprojectName = \"\",\r\n\tonSaveProjectName,\r\n\tselectProjectPath,\r\n\tonSaveProjectPath,\r\n}: ProjectHeaderProps) => {\r\n\tconst projectSettings = useSelector((store: RootState) => store.smartDesktopDesigner.projectInfo);\r\n\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst [isEditingProjectName, setIsEditingProjectName] = useState(false);\r\n\tconst [tmpProjectName, setTmpProjectName] = useState(projectName);\r\n\r\n\tconst isProjectNameValid = FSBL.Clients.SmartDesktopClient.checkValidProjectName(tmpProjectName);\r\n\tconst error = useSelector((state: RootState) =>\r\n\t\tstate.smartDesktopDesigner.errors.find((err) => err.viewId === \"export\")\r\n\t);\r\n\tconst isReviewingErrors = useSelector((state: RootState) => state.smartDesktopDesigner.isReviewingErrors);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (isProjectNameValid) {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.delete_project_error(INVALID_NAME_ERROR));\r\n\t\t} else {\r\n\t\t\tdispatch(SmartDesktopDesignerActions.set_project_error(INVALID_NAME_ERROR));\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<form\r\n\t\t\tclassName={[\r\n\t\t\t\t\"project-header\",\r\n\t\t\t\tisEditingProjectName ? \"is-editing-project-name\" : \"\",\r\n\t\t\t\tisProjectNameValid ? \"\" : \"is-invalid-project-name\",\r\n\t\t\t].join(\" \")}\r\n\t\t\tonSubmit={(e) => {\r\n\t\t\t\te.preventDefault();\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t{isReviewingErrors && !isProjectNameValid && error && (\r\n\t\t\t\t<div className=\"project-name-error-icon\">\r\n\t\t\t\t\t<Tooltip type=\"warn\">{error.message}</Tooltip>\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t\t{/* <div className=\"project-title-icon\"></div> */}\r\n\t\t\t<div\r\n\t\t\t\tclassName=\"project-name-container\"\r\n\t\t\t\taria-label=\"Project Name\"\r\n\t\t\t\tonClick={() => {\r\n\t\t\t\t\tsetIsEditingProjectName(true);\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<AutosizeInput\r\n\t\t\t\t\tclassName=\"project-name-field\"\r\n\t\t\t\t\tid=\"project-name\"\r\n\t\t\t\t\tname=\"project-name\"\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tplaceholder=\"Untitled\"\r\n\t\t\t\t\tvalue={tmpProjectName}\r\n\t\t\t\t\tstyle={{ fontSize: 14 }}\r\n\t\t\t\t\tonInput={(e: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\t\tsetTmpProjectName(e.target.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\te.currentTarget.blur();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonBlur={() => {\r\n\t\t\t\t\t\tif (isProjectNameValid) {\r\n\t\t\t\t\t\t\tonSaveProjectName(tmpProjectName);\r\n\t\t\t\t\t\t\tsetIsEditingProjectName(false);\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</div>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclassName=\"project-path-container\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\tconst path = e.currentTarget.dataset.targetUploadPath;\r\n\r\n\t\t\t\t\tif (path) {\r\n\t\t\t\t\t\tonSaveProjectPath(path);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tselectProjectPath().then((selectedProjectPath: string) => {\r\n\t\t\t\t\t\t\tonSaveProjectPath(selectedProjectPath);\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>\r\n\t\t\t\t<ButtonIcon\r\n\t\t\t\t\ttext=\"Change path\"\r\n\t\t\t\t\ticon=\"folder\"\r\n\t\t\t\t\tbuttonAttributes={{ \"data-target-upload-path\": \"\" }}\r\n\t\t\t\t\tclassName=\"change-project-path-button\"\r\n\t\t\t\t/>\r\n\t\t\t\t<div className=\"current-project-path\">{projectSettings.path}</div>\r\n\t\t\t</div>\r\n\t\t</form>\r\n\t);\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/Publish.js

@@ -97,7 +97,7 @@ export const Publish = (props) => {
                     "publish-progress-container",
                     currentStep === step.name ? "publish-current-step" : "",
                 ].join(" ") },
-                React.createElement("div", { className: "publish-progress-icon" }, data.state === ProgressState.Started ? (React.createElement(PublishProgress, { ...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("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" }))) : (React.createElement("div", { className: "publish-progress-success" },
                     React.createElement(FinsembleIcon, { className: "publish-progress-success-icon", icon: "check" })))),
                 React.createElement("div", { className: "publish-progress-text" }, data.error ? step.error : step.description))));

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\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":["/*!\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"]}

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

@@ -5,17 +5,6 @@
 /// <reference types="react" />
 import "../../assets/css/finsemble.css";
 import "./css/styles.css";
-declare global {
-    interface Window {
-        SmartDesktopClient: any;
-        SmartDesktopDesigner: any;
-    }
-}
-declare global {
-    interface Window {
-        SmartDesktopClient: any;
-    }
-}
 declare let themeConfig: {
     currentTheme: string;
     defaultTheme: string;

package/react/components/smartDesktopDesigner/SmartDesktopDesigner.js

@@ -3,6 +3,7 @@
  * All rights reserved.
  */
 import React, { useState, useEffect, useRef } from "react";
+import FloatingFocus from "@q42/floating-focus-a11y";
 import "../../assets/css/finsemble.css";
 import "./css/styles.css";
 import { Navigation } from "./Navigation";
@@ -12,7 +13,6 @@ import { ProjectHeader } from "./ProjectHeader";
 import { Button } from "../common/Button";
 import { useSelector, useDispatch } from "../../store";
 import { SmartDesktopDesignerActions } from "../../actions/smartDesktopDesignerActions";
-import FloatingFocus from "@q42/floating-focus-a11y";
 new FloatingFocus();
 const getDefaultTheme = () => {
     let globalCssVars = {};
@@ -43,8 +43,8 @@ export const SmartDesktopDesigner = (props) => {
         dispatch(SmartDesktopDesignerActions.set_project_info(value));
     };
     const themeListenerRef = useRef((addListenerErr, { data }) => {
-        const newTheme = { ...themeConfig };
-        newTheme.themes.Default = { ...newTheme.themes.Default };
+        const newTheme = Object.assign({}, themeConfig);
+        newTheme.themes.Default = Object.assign({}, newTheme.themes.Default);
         for (let [key, value] of Object.entries(data)) {
             newTheme.themes.Default[key] = value;
         }
@@ -57,11 +57,13 @@ export const SmartDesktopDesigner = (props) => {
                 return;
             }
             props.getProjectSettings().then((response) => {
+                var _a;
                 let projectPath = project.path;
-                if (response.settings?.path) {
+                if ((_a = response.settings) === null || _a === void 0 ? void 0 : _a.path) {
                     projectPath = response.settings.path;
                 }
                 props.getSDServerInfo().then((jsInfo) => {
+                    var _a, _b, _c;
                     if (!jsInfo.enabled) {
                         FSBL.Clients.Logger.error("Smart Desktop Designer started without the Smart Desktop Server being enabled. Check FEA configuration.");
                     }
@@ -70,19 +72,7 @@ export const SmartDesktopDesigner = (props) => {
                     }
                     FSBL.Clients.Logger.log(`DPS info: ${JSON.stringify(jsInfo)}`);
                     FSBL.Clients.Logger.log(`NewConfig info: ${JSON.stringify(newConfig)}`);
-                    setProject({
-                        ...project,
-                        name: jsInfo?.projectConfig?.name || "",
-                        path: projectPath,
-                        export: {
-                            ...project.export,
-                            toolbarIcon: "/assets/img/Finsemble_Toolbar_Icon.png",
-                            installerIcon: "/assets/img/installer_icon.ico",
-                            taskbarIcon: newConfig?.startup_app?.applicationIcon,
-                            systemTrayIcon: newConfig?.finsemble?.systemTrayIcon,
-                            splashScreenImage: newConfig?.splashScreenImage,
-                        },
-                    });
+                    setProject(Object.assign(Object.assign({}, project), { name: ((_a = jsInfo === null || jsInfo === void 0 ? void 0 : jsInfo.projectConfig) === null || _a === void 0 ? void 0 : _a.name) || "", path: projectPath, export: Object.assign(Object.assign({}, project.export), { toolbarIcon: "/assets/img/Finsemble_Toolbar_Icon.png", installerIcon: "/assets/img/installer_icon.ico", taskbarIcon: (_b = newConfig === null || newConfig === void 0 ? void 0 : newConfig.startup_app) === null || _b === void 0 ? void 0 : _b.applicationIcon, systemTrayIcon: (_c = newConfig === null || newConfig === void 0 ? void 0 : newConfig.finsemble) === null || _c === void 0 ? void 0 : _c.systemTrayIcon, splashScreenImage: newConfig === null || newConfig === void 0 ? void 0 : newConfig.splashScreenImage }) }));
                     setSDServerInfo(jsInfo);
                 });
             });
@@ -111,20 +101,17 @@ export const SmartDesktopDesigner = (props) => {
         });
     };
     return sdServerInfo.enabled ? (React.createElement("div", { className: "config-container" },
-        React.createElement(ProjectHeader, { projectName: project?.name === "default" ? "" : project?.name, onSaveProjectName: (name) => {
-                props.updateProjectSettings({ ...project, name: name }).then(({ err }) => {
+        React.createElement(ProjectHeader, { projectName: (project === null || project === void 0 ? void 0 : project.name) === "default" ? "" : project === null || project === void 0 ? void 0 : project.name, onSaveProjectName: (name) => {
+                props.updateProjectSettings(Object.assign(Object.assign({}, project), { name: name })).then(({ err }) => {
                     if (err) {
                         FSBL.Clients.Logger.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);
                     }
                     else {
-                        setProject({
-                            ...project,
-                            name,
-                        });
+                        setProject(Object.assign(Object.assign({}, project), { name }));
                     }
                 });
             }, projectPath: project.path || "", selectProjectPath: props.selectProjectPath, onSaveProjectPath: (path) => {
-                props.updateProjectSettings({ ...project, path: path }).then(() => props.restartFinsemble());
+                props.updateProjectSettings(Object.assign(Object.assign({}, project), { path: path })).then(() => props.restartFinsemble());
             } }),
         React.createElement("div", { className: "project-container" },
             React.createElement("div", { className: "nav-container" },

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

@@ -1 +1 @@
-{"version":3,"file":"SmartDesktopDesigner.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/SmartDesktopDesigner.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\n/* If you rename \"SmartDesktopDesigner\" to something else (it's been Maker UI, Jumpstart, and DesktopProjectEditor in the past), grep for the following terms (case insensitive):\r\n * \"SmartDesktop\", \"Smart Desktop\", \"SDD\", \"SDServer\", \"SMART_DESKTOP\"\r\n */\r\n\r\nimport React, { useState, useEffect, useRef } from \"react\";\r\nimport \"../../assets/css/finsemble.css\";\r\nimport \"./css/styles.css\";\r\n\r\nimport { Navigation } from \"./Navigation\";\r\nimport { CurrentView } from \"./CurrentView\";\r\nimport getCSSVars from \"./common/getCSSVars\";\r\n\r\nimport { ProjectHeader } from \"./ProjectHeader\";\r\nimport { SDServerInfo } from \"common/system\";\r\nimport { Button } from \"../common/Button\";\r\nimport { useSelector, useDispatch } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { ProjectSaveData } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\n\r\nimport FloatingFocus from \"@q42/floating-focus-a11y\";\r\n// The package FloatingFocus injects a focus indicator that moves around the page, but only for\r\n// keyboard users. (Mouse users don't see the indicator.) All that needs to be done is to envoke it.\r\nnew FloatingFocus();\r\n// If you want to make changes to the indicator, the styles are being maintained in assets/css/focus.css\r\n\r\ndeclare global {\r\n\tinterface Window {\r\n\t\tSmartDesktopClient: any;\r\n\t\tSmartDesktopDesigner: any;\r\n\t}\r\n}\r\n\r\ndeclare global {\r\n\tinterface Window {\r\n\t\tSmartDesktopClient: any;\r\n\t}\r\n}\r\n\r\nconst getDefaultTheme = () => {\r\n\tlet globalCssVars: any = {};\r\n\tconst docStyle = window.getComputedStyle(document.documentElement);\r\n\tgetCSSVars(document.styleSheets).forEach((varName: any) => {\r\n\t\tglobalCssVars[varName] = docStyle.getPropertyValue(varName).trim();\r\n\t});\r\n\r\n\t// In order to prevent the theme from affecting content of smartDesktopDesigner.tsx,\r\n\t// remove the sheet after reading variables\r\n\tconst themesheet = document.body.querySelector(\"#themesheet\");\r\n\tif (themesheet) {\r\n\t\tdocument.body.removeChild(themesheet);\r\n\t}\r\n\r\n\treturn globalCssVars;\r\n};\r\n\r\nlet themeConfig = {\r\n\tcurrentTheme: \"Default\",\r\n\tdefaultTheme: \"Default\",\r\n\tthemes: {\r\n\t\tDefault: getDefaultTheme(),\r\n\t},\r\n};\r\n\r\nexport type ThemeConfig = typeof themeConfig;\r\n\r\nexport type SmartDesktopDesignerProps = {\r\n\tviews: any[];\r\n\tgetConfig: typeof FSBL.Clients.ConfigClient.getValues;\r\n\tresetProject: typeof FSBL.Clients.SmartDesktopClient.prototype.resetProject;\r\n\tgetSDServerInfo: typeof FSBL.Clients.SmartDesktopClient.prototype.getSDServerInfo;\r\n\tgetProjectSettings: typeof FSBL.Clients.SmartDesktopClient.prototype.getProjectSettings;\r\n\tupdateProjectSettings: typeof FSBL.Clients.SmartDesktopClient.prototype.updateProjectSettings;\r\n\tonThemeUpdated: typeof FSBL.Clients.SmartDesktopClient.onThemeUpdated;\r\n\tselectProjectPath: typeof FSBL.Clients.SmartDesktopClient.prototype.selectProjectPath;\r\n\trestartFinsemble: () => void;\r\n};\r\n\r\nexport const SmartDesktopDesigner = (props: SmartDesktopDesignerProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst { views } = props;\r\n\tconst [theme, setTheme] = useState(themeConfig);\r\n\tconst [sdServerInfo, setSDServerInfo] = useState({ enabled: false, applicationRoot: \"\" } as SDServerInfo);\r\n\r\n\tconst project = useSelector((state: RootState) => state.smartDesktopDesigner.projectInfo);\r\n\r\n\tconst setProject = (value: ProjectSaveData) => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_project_info(value));\r\n\t};\r\n\r\n\tconst themeListenerRef = useRef((addListenerErr: any, { data }: { data: any }) => {\r\n\t\tconst newTheme = { ...themeConfig };\r\n\t\tnewTheme.themes.Default = { ...newTheme.themes.Default };\r\n\r\n\t\tfor (let [key, value] of Object.entries(data)) {\r\n\t\t\tnewTheme.themes.Default[key] = value;\r\n\t\t}\r\n\t\tsetTheme(newTheme);\r\n\t});\r\n\r\n\t// Similar to componentDidMount and componentDidUpdate:\r\n\tuseEffect(() => {\r\n\t\tprops.getConfig(null, (err: any, newConfig: any) => {\r\n\t\t\tif (err) {\r\n\t\t\t\tFSBL.Clients.Logger.error(\"SmartDesktopDesigner\", err);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tprops.getProjectSettings().then((response) => {\r\n\t\t\t\tlet projectPath = project.path;\r\n\r\n\t\t\t\tif (response.settings?.path) {\r\n\t\t\t\t\tprojectPath = response.settings.path;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tprops.getSDServerInfo().then((jsInfo) => {\r\n\t\t\t\t\tif (!jsInfo.enabled) {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.error(\r\n\t\t\t\t\t\t\t\"Smart Desktop Designer started without the Smart Desktop Server being enabled. Check FEA configuration.\"\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.log(`DPS application root: ${jsInfo.applicationRoot}`);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tFSBL.Clients.Logger.log(`DPS info: ${JSON.stringify(jsInfo)}`);\r\n\t\t\t\t\tFSBL.Clients.Logger.log(`NewConfig info: ${JSON.stringify(newConfig)}`);\r\n\r\n\t\t\t\t\tsetProject({\r\n\t\t\t\t\t\t...project,\r\n\t\t\t\t\t\tname: jsInfo?.projectConfig?.name || \"\",\r\n\t\t\t\t\t\tpath: projectPath,\r\n\t\t\t\t\t\texport: {\r\n\t\t\t\t\t\t\t...project.export,\r\n\t\t\t\t\t\t\ttoolbarIcon: \"/assets/img/Finsemble_Toolbar_Icon.png\",\r\n\t\t\t\t\t\t\tinstallerIcon: \"/assets/img/installer_icon.ico\",\r\n\t\t\t\t\t\t\ttaskbarIcon: newConfig?.startup_app?.applicationIcon,\r\n\t\t\t\t\t\t\tsystemTrayIcon: newConfig?.finsemble?.systemTrayIcon,\r\n\t\t\t\t\t\t\tsplashScreenImage: newConfig?.splashScreenImage,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\t// This should be done last as its checked for initial rendering\r\n\t\t\t\t\t// Otherwise, inital values will be cached within states of sub components\r\n\t\t\t\t\t// \"Untitled Project\" will show as project.name since it will be \"\", e.g.\r\n\t\t\t\t\tsetSDServerInfo(jsInfo);\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tconst removeHandler = props.onThemeUpdated(themeListenerRef.current);\r\n\t\treturn () => {\r\n\t\t\tremoveHandler();\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst clickResetProjectButton = () => {\r\n\t\tconst resetProject = async () => {\r\n\t\t\tconst [err] = await props.resetProject();\r\n\t\t\tif (err) alert(`Project failed to reset: ${err.message}`);\r\n\t\t};\r\n\t\tFSBL.Clients.DialogManager.open(\r\n\t\t\t\"yesNo\",\r\n\t\t\t{\r\n\t\t\t\ttitle: \"Are you sure?\",\r\n\t\t\t\tquestion: `Your project will be set back to factory defaults. You will lose all customizations except the name of the project. Finsemble will then be restarted.`,\r\n\t\t\t\thideModalOnClose: true,\r\n\t\t\t\tshowNegativeButton: false,\r\n\t\t\t\taffirmativeResponseLabel: \"Reset Project\",\r\n\t\t\t},\r\n\t\t\t(err: any, response: { choice: string }) => {\r\n\t\t\t\tif (response.choice === \"affirmative\") {\r\n\t\t\t\t\tresetProject();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\t};\r\n\r\n\treturn sdServerInfo.enabled ? (\r\n\t\t<div className=\"config-container\">\r\n\t\t\t<ProjectHeader\r\n\t\t\t\tprojectName={project?.name === \"default\" ? \"\" : project?.name}\r\n\t\t\t\tonSaveProjectName={(name: string) => {\r\n\t\t\t\t\tprops.updateProjectSettings({ ...project, name: name }).then(({ err }) => {\r\n\t\t\t\t\t\tif (err) {\r\n\t\t\t\t\t\t\tFSBL.Clients.Logger.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tsetProject({\r\n\t\t\t\t\t\t\t\t...project,\r\n\t\t\t\t\t\t\t\tname,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}}\r\n\t\t\t\tprojectPath={project.path || \"\"}\r\n\t\t\t\tselectProjectPath={props.selectProjectPath}\r\n\t\t\t\tonSaveProjectPath={(path: string) => {\r\n\t\t\t\t\tprops.updateProjectSettings({ ...project, path: path }).then(() => props.restartFinsemble());\r\n\t\t\t\t}}\r\n\t\t\t></ProjectHeader>\r\n\t\t\t<div className=\"project-container\">\r\n\t\t\t\t<div className=\"nav-container\">\r\n\t\t\t\t\t<Navigation views={views}></Navigation>\r\n\r\n\t\t\t\t\t<div className=\"bottom-nav-wrapper\">\r\n\t\t\t\t\t\t<div className=\"nav-anchor-reset\">\r\n\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\tfashion=\"danger ghost\"\r\n\t\t\t\t\t\t\t\ttext=\"Reset project\"\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tclickResetProjectButton();\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</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className=\"view-container\">\r\n\t\t\t\t\t<CurrentView views={views} theme={theme}></CurrentView>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t) : (\r\n\t\t<></>\r\n\t);\r\n};\r\n"]}
+{"version":3,"file":"SmartDesktopDesigner.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/SmartDesktopDesigner.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\n/* If you rename \"SmartDesktopDesigner\" to something else (it's been Maker UI, Jumpstart, and DesktopProjectEditor in the past), grep for the following terms (case insensitive):\r\n * \"SmartDesktop\", \"Smart Desktop\", \"SDD\", \"SDServer\", \"SMART_DESKTOP\"\r\n */\r\n\r\nimport React, { useState, useEffect, useRef } from \"react\";\r\nimport FloatingFocus from \"@q42/floating-focus-a11y\";\r\nimport \"../../assets/css/finsemble.css\";\r\nimport \"./css/styles.css\";\r\nimport { Navigation } from \"./Navigation\";\r\nimport { CurrentView } from \"./CurrentView\";\r\nimport getCSSVars from \"./common/getCSSVars\";\r\nimport { ProjectHeader } from \"./ProjectHeader\";\r\nimport { Button } from \"../common/Button\";\r\nimport { useSelector, useDispatch } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { ProjectSaveData } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { FEA } from \"@finsemble/finsemble-core\";\r\n\r\ntype SDServerInfo = FEA.SDServerInfo;\r\n\r\n// The package FloatingFocus injects a focus indicator that moves around the page, but only for\r\n// keyboard users. (Mouse users don't see the indicator.) All that needs to be done is to envoke it.\r\nnew FloatingFocus();\r\n// If you want to make changes to the indicator, the styles are being maintained in assets/css/focus.css\r\n\r\nconst getDefaultTheme = () => {\r\n\tlet globalCssVars: any = {};\r\n\tconst docStyle = window.getComputedStyle(document.documentElement);\r\n\tgetCSSVars(document.styleSheets).forEach((varName: any) => {\r\n\t\tglobalCssVars[varName] = docStyle.getPropertyValue(varName).trim();\r\n\t});\r\n\r\n\t// In order to prevent the theme from affecting content of smartDesktopDesigner.tsx,\r\n\t// remove the sheet after reading variables\r\n\tconst themesheet = document.body.querySelector(\"#themesheet\");\r\n\tif (themesheet) {\r\n\t\tdocument.body.removeChild(themesheet);\r\n\t}\r\n\r\n\treturn globalCssVars;\r\n};\r\n\r\nlet themeConfig = {\r\n\tcurrentTheme: \"Default\",\r\n\tdefaultTheme: \"Default\",\r\n\tthemes: {\r\n\t\tDefault: getDefaultTheme(),\r\n\t},\r\n};\r\n\r\nexport type ThemeConfig = typeof themeConfig;\r\n\r\nexport type SmartDesktopDesignerProps = {\r\n\tviews: any[];\r\n\tgetConfig: typeof FSBL.Clients.ConfigClient.getValues;\r\n\tresetProject: typeof FSBL.Clients.SmartDesktopClient.prototype.resetProject;\r\n\tgetSDServerInfo: typeof FSBL.Clients.SmartDesktopClient.prototype.getSDServerInfo;\r\n\tgetProjectSettings: typeof FSBL.Clients.SmartDesktopClient.prototype.getProjectSettings;\r\n\tupdateProjectSettings: typeof FSBL.Clients.SmartDesktopClient.prototype.updateProjectSettings;\r\n\tonThemeUpdated: typeof FSBL.Clients.SmartDesktopClient.onThemeUpdated;\r\n\tselectProjectPath: typeof FSBL.Clients.SmartDesktopClient.prototype.selectProjectPath;\r\n\trestartFinsemble: () => void;\r\n};\r\n\r\nexport const SmartDesktopDesigner = (props: SmartDesktopDesignerProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst { views } = props;\r\n\tconst [theme, setTheme] = useState(themeConfig);\r\n\tconst [sdServerInfo, setSDServerInfo] = useState({ enabled: false, applicationRoot: \"\" } as SDServerInfo);\r\n\r\n\tconst project = useSelector((state: RootState) => state.smartDesktopDesigner.projectInfo);\r\n\r\n\tconst setProject = (value: ProjectSaveData) => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_project_info(value));\r\n\t};\r\n\r\n\tconst themeListenerRef = useRef((addListenerErr: any, { data }: { data: any }) => {\r\n\t\tconst newTheme = { ...themeConfig };\r\n\t\tnewTheme.themes.Default = { ...newTheme.themes.Default };\r\n\r\n\t\tfor (let [key, value] of Object.entries(data)) {\r\n\t\t\tnewTheme.themes.Default[key] = value;\r\n\t\t}\r\n\t\tsetTheme(newTheme);\r\n\t});\r\n\r\n\t// Similar to componentDidMount and componentDidUpdate:\r\n\tuseEffect(() => {\r\n\t\tprops.getConfig(null, (err: any, newConfig: any) => {\r\n\t\t\tif (err) {\r\n\t\t\t\tFSBL.Clients.Logger.error(\"SmartDesktopDesigner\", err);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tprops.getProjectSettings().then((response) => {\r\n\t\t\t\tlet projectPath = project.path;\r\n\r\n\t\t\t\tif (response.settings?.path) {\r\n\t\t\t\t\tprojectPath = response.settings.path;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tprops.getSDServerInfo().then((jsInfo) => {\r\n\t\t\t\t\tif (!jsInfo.enabled) {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.error(\r\n\t\t\t\t\t\t\t\"Smart Desktop Designer started without the Smart Desktop Server being enabled. Check FEA configuration.\"\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.log(`DPS application root: ${jsInfo.applicationRoot}`);\r\n\t\t\t\t\t}\r\n\t\t\t\t\tFSBL.Clients.Logger.log(`DPS info: ${JSON.stringify(jsInfo)}`);\r\n\t\t\t\t\tFSBL.Clients.Logger.log(`NewConfig info: ${JSON.stringify(newConfig)}`);\r\n\r\n\t\t\t\t\tsetProject({\r\n\t\t\t\t\t\t...project,\r\n\t\t\t\t\t\tname: jsInfo?.projectConfig?.name || \"\",\r\n\t\t\t\t\t\tpath: projectPath,\r\n\t\t\t\t\t\texport: {\r\n\t\t\t\t\t\t\t...project.export,\r\n\t\t\t\t\t\t\ttoolbarIcon: \"/assets/img/Finsemble_Toolbar_Icon.png\",\r\n\t\t\t\t\t\t\tinstallerIcon: \"/assets/img/installer_icon.ico\",\r\n\t\t\t\t\t\t\ttaskbarIcon: newConfig?.startup_app?.applicationIcon,\r\n\t\t\t\t\t\t\tsystemTrayIcon: newConfig?.finsemble?.systemTrayIcon,\r\n\t\t\t\t\t\t\tsplashScreenImage: newConfig?.splashScreenImage,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\t// This should be done last as its checked for initial rendering\r\n\t\t\t\t\t// Otherwise, inital values will be cached within states of sub components\r\n\t\t\t\t\t// \"Untitled Project\" will show as project.name since it will be \"\", e.g.\r\n\t\t\t\t\tsetSDServerInfo(jsInfo);\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t});\r\n\r\n\t\tconst removeHandler = props.onThemeUpdated(themeListenerRef.current);\r\n\t\treturn () => {\r\n\t\t\tremoveHandler();\r\n\t\t};\r\n\t}, []);\r\n\r\n\tconst clickResetProjectButton = () => {\r\n\t\tconst resetProject = async () => {\r\n\t\t\tconst [err] = await props.resetProject();\r\n\t\t\tif (err) alert(`Project failed to reset: ${err.message}`);\r\n\t\t};\r\n\t\tFSBL.Clients.DialogManager.open(\r\n\t\t\t\"yesNo\",\r\n\t\t\t{\r\n\t\t\t\ttitle: \"Are you sure?\",\r\n\t\t\t\tquestion: `Your project will be set back to factory defaults. You will lose all customizations except the name of the project. Finsemble will then be restarted.`,\r\n\t\t\t\thideModalOnClose: true,\r\n\t\t\t\tshowNegativeButton: false,\r\n\t\t\t\taffirmativeResponseLabel: \"Reset Project\",\r\n\t\t\t},\r\n\t\t\t(err: any, response: { choice: string }) => {\r\n\t\t\t\tif (response.choice === \"affirmative\") {\r\n\t\t\t\t\tresetProject();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t);\r\n\t};\r\n\r\n\treturn sdServerInfo.enabled ? (\r\n\t\t<div className=\"config-container\">\r\n\t\t\t<ProjectHeader\r\n\t\t\t\tprojectName={project?.name === \"default\" ? \"\" : project?.name}\r\n\t\t\t\tonSaveProjectName={(name: string) => {\r\n\t\t\t\t\tprops.updateProjectSettings({ ...project, name: name }).then(({ err }) => {\r\n\t\t\t\t\t\tif (err) {\r\n\t\t\t\t\t\t\tFSBL.Clients.Logger.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tsetProject({\r\n\t\t\t\t\t\t\t\t...project,\r\n\t\t\t\t\t\t\t\tname,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t});\r\n\t\t\t\t}}\r\n\t\t\t\tprojectPath={project.path || \"\"}\r\n\t\t\t\tselectProjectPath={props.selectProjectPath}\r\n\t\t\t\tonSaveProjectPath={(path: string) => {\r\n\t\t\t\t\tprops.updateProjectSettings({ ...project, path: path }).then(() => props.restartFinsemble());\r\n\t\t\t\t}}\r\n\t\t\t></ProjectHeader>\r\n\t\t\t<div className=\"project-container\">\r\n\t\t\t\t<div className=\"nav-container\">\r\n\t\t\t\t\t<Navigation views={views}></Navigation>\r\n\r\n\t\t\t\t\t<div className=\"bottom-nav-wrapper\">\r\n\t\t\t\t\t\t<div className=\"nav-anchor-reset\">\r\n\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\tfashion=\"danger ghost\"\r\n\t\t\t\t\t\t\t\ttext=\"Reset project\"\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tclickResetProjectButton();\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</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className=\"view-container\">\r\n\t\t\t\t\t<CurrentView views={views} theme={theme}></CurrentView>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t) : (\r\n\t\t<></>\r\n\t);\r\n};\r\n"]}

package/react/components/smartDesktopDesigner/Themes.js

@@ -47,17 +47,11 @@ export const Themes = ({ getSDServerInfo, updateProjectSettings, areYouSure, upd
         });
     }, []);
     useEffect(() => {
-        updateProjectSettings({
-            ...project,
-            export: {
-                ...project.export,
-                toolbarIcon,
+        updateProjectSettings(Object.assign(Object.assign({}, project), { export: Object.assign(Object.assign({}, project.export), { toolbarIcon,
                 installerIcon,
                 taskbarIcon,
                 systemTrayIcon,
-                splashScreenImage,
-            },
-        });
+                splashScreenImage }) }));
     }, [iconsChanged]);
     return (React.createElement(View, null,
         React.createElement(Header, null, "Themes"),

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

@@ -1 +1 @@
-{"version":3,"file":"Themes.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Themes.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\n\r\n// Copied from <Appearance>\r\nimport { Appearance } from \"./Appearance\";\r\nimport { darkTheme, lightTheme } from \"./themeDefinitions\";\r\nimport { ThemeBundle } from \"./ThemePage\";\r\nimport { ProjectSaveData, SDServerInfo } from \"../../types/smartDesktopDesignerTypes\";\r\n\r\nexport type ThemeProps = {\r\n\tgetSDServerInfo: (cb: Function) => void;\r\n\tupdateProjectSettings: (obj: ProjectSaveData) => Promise<{ err: string | undefined }>;\r\n\tareYouSure: (affirmativeCallback: Function) => void;\r\n\tupdateThemes: (id: string, newValue: string) => void;\r\n\tupdateSplashScreen: any;\r\n\tupdateToolbarIcon: any;\r\n\tupdateTaskbarIcon: any;\r\n\tupdateSystemTrayIcon: any;\r\n\tupdateInstallerIcon: any;\r\n\ttheme: {\r\n\t\tthemes: {\r\n\t\t\tDefault: ThemeBundle;\r\n\t\t};\r\n\t};\r\n};\r\n\r\nexport const Themes = ({\r\n\tgetSDServerInfo,\r\n\tupdateProjectSettings,\r\n\tareYouSure,\r\n\tupdateThemes,\r\n\tupdateSplashScreen,\r\n\tupdateToolbarIcon,\r\n\tupdateTaskbarIcon,\r\n\tupdateSystemTrayIcon,\r\n\tupdateInstallerIcon,\r\n\ttheme,\r\n}: ThemeProps) => {\r\n\tconst [applicationRoot, setApplicationRoot] = useState(\"\");\r\n\tconst [project, setProject] = useState({\r\n\t\tname: \"\",\r\n\t\tuser: {\r\n\t\t\tfirstName: \"\",\r\n\t\t\tlastName: \"\",\r\n\t\t\tcompany: \"\",\r\n\t\t\temail: \"\",\r\n\t\t},\r\n\t\texport: {\r\n\t\t\tauthor: \"\",\r\n\t\t\tcompanyName: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\ttoolbarIcon: \"\",\r\n\t\t\tinstallerIcon: \"\",\r\n\t\t\ttaskbarIcon: \"\",\r\n\t\t\tsystemTrayIcon: \"\",\r\n\t\t\tsplashScreenImage: \"\",\r\n\t\t},\r\n\t});\r\n\r\n\t// Copied from <Appearance>\r\n\tconst [toolbarIcon, setToolbarIcon] = useState(project.export.toolbarIcon);\r\n\tconst [taskbarIcon, setTaskbarIcon] = useState(project.export.taskbarIcon);\r\n\tconst [installerIcon, setInstallerIcon] = useState(project.export.installerIcon);\r\n\tconst [systemTrayIcon, setSystemTrayIcon] = useState(project.export.systemTrayIcon);\r\n\tconst [splashScreenImage, setSplashScreenImage] = useState(project.export.splashScreenImage);\r\n\tconst [iconsChanged, setIconsChanged] = useState(0);\r\n\r\n\tuseEffect(() => {\r\n\t\tgetSDServerInfo((info: ProjectSaveData & SDServerInfo) => {\r\n\t\t\tsetProject(info);\r\n\t\t\tsetApplicationRoot(info.applicationRoot || \"\");\r\n\t\t\tsetToolbarIcon(info.export.toolbarIcon);\r\n\t\t\tsetTaskbarIcon(info.export.taskbarIcon);\r\n\t\t\tsetInstallerIcon(info.export.installerIcon);\r\n\t\t\tsetSystemTrayIcon(info.export.systemTrayIcon);\r\n\t\t\tsetSplashScreenImage(info.export.splashScreenImage);\r\n\t\t});\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tupdateProjectSettings({\r\n\t\t\t...project,\r\n\t\t\texport: {\r\n\t\t\t\t...project.export,\r\n\t\t\t\ttoolbarIcon,\r\n\t\t\t\tinstallerIcon,\r\n\t\t\t\ttaskbarIcon,\r\n\t\t\t\tsystemTrayIcon,\r\n\t\t\t\tsplashScreenImage,\r\n\t\t\t},\r\n\t\t});\r\n\t}, [iconsChanged]);\r\n\r\n\treturn (\r\n\t\t<View>\r\n\t\t\t<Header>Themes</Header>\r\n\r\n\t\t\t<Content>\r\n\t\t\t\t<div className=\"theme-edit\">\r\n\t\t\t\t\t<Appearance\r\n\t\t\t\t\t\tstartTheme={theme.themes.Default}\r\n\t\t\t\t\t\tdarkTheme={darkTheme}\r\n\t\t\t\t\t\tlightTheme={lightTheme}\r\n\t\t\t\t\t\tupdateThemes={updateThemes}\r\n\t\t\t\t\t\tareYouSure={areYouSure}\r\n\t\t\t\t\t\tbaseURL={applicationRoot || \"\"}\r\n\t\t\t\t\t\ttoolbarIcon={toolbarIcon}\r\n\t\t\t\t\t\tsetToolbarIcon={setToolbarIcon}\r\n\t\t\t\t\t\ttaskbarIcon={taskbarIcon}\r\n\t\t\t\t\t\tsetTaskbarIcon={setTaskbarIcon}\r\n\t\t\t\t\t\tinstallerIcon={installerIcon}\r\n\t\t\t\t\t\tsetInstallerIcon={setInstallerIcon}\r\n\t\t\t\t\t\tsystemTrayIcon={systemTrayIcon}\r\n\t\t\t\t\t\tsetSystemTrayIcon={setSystemTrayIcon}\r\n\t\t\t\t\t\tsplashScreenImage={splashScreenImage}\r\n\t\t\t\t\t\tsetSplashScreenImage={setSplashScreenImage}\r\n\t\t\t\t\t\tsetIconsChanged={setIconsChanged}\r\n\t\t\t\t\t\tupdateSplashScreen={updateSplashScreen}\r\n\t\t\t\t\t\tupdateToolbarIcon={updateToolbarIcon}\r\n\t\t\t\t\t\tupdateTaskbarIcon={updateTaskbarIcon}\r\n\t\t\t\t\t\tupdateSystemTrayIcon={updateSystemTrayIcon}\r\n\t\t\t\t\t\tupdateInstallerIcon={updateInstallerIcon}\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":"Themes.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Themes.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { View } from \"./View\";\r\nimport { Header } from \"../common/Header\";\r\nimport { Content } from \"./Content\";\r\n\r\n// Copied from <Appearance>\r\nimport { Appearance } from \"./Appearance\";\r\nimport { darkTheme, lightTheme } from \"./themeDefinitions\";\r\nimport { ThemeBundle } from \"./ThemePage\";\r\nimport { ProjectSaveData, SDServerInfo } from \"../../types/smartDesktopDesignerTypes\";\r\n\r\nexport type ThemeProps = {\r\n\tgetSDServerInfo: (cb: Function) => void;\r\n\tupdateProjectSettings: (obj: ProjectSaveData) => Promise<{ err: string | undefined }>;\r\n\tareYouSure: (affirmativeCallback: Function) => void;\r\n\tupdateThemes: (id: string, newValue: string) => void;\r\n\tupdateSplashScreen: any;\r\n\tupdateToolbarIcon: any;\r\n\tupdateTaskbarIcon: any;\r\n\tupdateSystemTrayIcon: any;\r\n\tupdateInstallerIcon: any;\r\n\ttheme: {\r\n\t\tthemes: {\r\n\t\t\tDefault: ThemeBundle;\r\n\t\t};\r\n\t};\r\n};\r\n\r\nexport const Themes = ({\r\n\tgetSDServerInfo,\r\n\tupdateProjectSettings,\r\n\tareYouSure,\r\n\tupdateThemes,\r\n\tupdateSplashScreen,\r\n\tupdateToolbarIcon,\r\n\tupdateTaskbarIcon,\r\n\tupdateSystemTrayIcon,\r\n\tupdateInstallerIcon,\r\n\ttheme,\r\n}: ThemeProps) => {\r\n\tconst [applicationRoot, setApplicationRoot] = useState(\"\");\r\n\tconst [project, setProject] = useState({\r\n\t\tname: \"\",\r\n\t\tuser: {\r\n\t\t\tfirstName: \"\",\r\n\t\t\tlastName: \"\",\r\n\t\t\tcompany: \"\",\r\n\t\t\temail: \"\",\r\n\t\t},\r\n\t\texport: {\r\n\t\t\tauthor: \"\",\r\n\t\t\tcompanyName: \"\",\r\n\t\t\tdescription: \"\",\r\n\t\t\ttoolbarIcon: \"\",\r\n\t\t\tinstallerIcon: \"\",\r\n\t\t\ttaskbarIcon: \"\",\r\n\t\t\tsystemTrayIcon: \"\",\r\n\t\t\tsplashScreenImage: \"\",\r\n\t\t},\r\n\t});\r\n\r\n\t// Copied from <Appearance>\r\n\tconst [toolbarIcon, setToolbarIcon] = useState(project.export.toolbarIcon);\r\n\tconst [taskbarIcon, setTaskbarIcon] = useState(project.export.taskbarIcon);\r\n\tconst [installerIcon, setInstallerIcon] = useState(project.export.installerIcon);\r\n\tconst [systemTrayIcon, setSystemTrayIcon] = useState(project.export.systemTrayIcon);\r\n\tconst [splashScreenImage, setSplashScreenImage] = useState(project.export.splashScreenImage);\r\n\tconst [iconsChanged, setIconsChanged] = useState(0);\r\n\r\n\tuseEffect(() => {\r\n\t\tgetSDServerInfo((info: ProjectSaveData & SDServerInfo) => {\r\n\t\t\tsetProject(info);\r\n\t\t\tsetApplicationRoot(info.applicationRoot || \"\");\r\n\t\t\tsetToolbarIcon(info.export.toolbarIcon);\r\n\t\t\tsetTaskbarIcon(info.export.taskbarIcon);\r\n\t\t\tsetInstallerIcon(info.export.installerIcon);\r\n\t\t\tsetSystemTrayIcon(info.export.systemTrayIcon);\r\n\t\t\tsetSplashScreenImage(info.export.splashScreenImage);\r\n\t\t});\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tupdateProjectSettings({\r\n\t\t\t...project,\r\n\t\t\texport: {\r\n\t\t\t\t...project.export,\r\n\t\t\t\ttoolbarIcon,\r\n\t\t\t\tinstallerIcon,\r\n\t\t\t\ttaskbarIcon,\r\n\t\t\t\tsystemTrayIcon,\r\n\t\t\t\tsplashScreenImage,\r\n\t\t\t},\r\n\t\t});\r\n\t}, [iconsChanged]);\r\n\r\n\treturn (\r\n\t\t<View>\r\n\t\t\t<Header>Themes</Header>\r\n\r\n\t\t\t<Content>\r\n\t\t\t\t<div className=\"theme-edit\">\r\n\t\t\t\t\t<Appearance\r\n\t\t\t\t\t\tstartTheme={theme.themes.Default}\r\n\t\t\t\t\t\tdarkTheme={darkTheme}\r\n\t\t\t\t\t\tlightTheme={lightTheme}\r\n\t\t\t\t\t\tupdateThemes={updateThemes}\r\n\t\t\t\t\t\tareYouSure={areYouSure}\r\n\t\t\t\t\t\tbaseURL={applicationRoot || \"\"}\r\n\t\t\t\t\t\ttoolbarIcon={toolbarIcon}\r\n\t\t\t\t\t\tsetToolbarIcon={setToolbarIcon}\r\n\t\t\t\t\t\ttaskbarIcon={taskbarIcon}\r\n\t\t\t\t\t\tsetTaskbarIcon={setTaskbarIcon}\r\n\t\t\t\t\t\tinstallerIcon={installerIcon}\r\n\t\t\t\t\t\tsetInstallerIcon={setInstallerIcon}\r\n\t\t\t\t\t\tsystemTrayIcon={systemTrayIcon}\r\n\t\t\t\t\t\tsetSystemTrayIcon={setSystemTrayIcon}\r\n\t\t\t\t\t\tsplashScreenImage={splashScreenImage}\r\n\t\t\t\t\t\tsetSplashScreenImage={setSplashScreenImage}\r\n\t\t\t\t\t\tsetIconsChanged={setIconsChanged}\r\n\t\t\t\t\t\tupdateSplashScreen={updateSplashScreen}\r\n\t\t\t\t\t\tupdateToolbarIcon={updateToolbarIcon}\r\n\t\t\t\t\t\tupdateTaskbarIcon={updateTaskbarIcon}\r\n\t\t\t\t\t\tupdateSystemTrayIcon={updateSystemTrayIcon}\r\n\t\t\t\t\t\tupdateInstallerIcon={updateInstallerIcon}\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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/View.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAC,QAAQ,CAAO,CAAC","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\n\r\nexport const View = (props: { children: React.ReactNode }) => <div className=\"view-container\">{props.children}</div>;\r\n"]}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/View.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAoC,EAAE,EAAE,CAAC,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAC,QAAQ,CAAO,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\nexport const View = (props: { children: React.ReactNode }) => <div className=\"view-container\">{props.children}</div>;\r\n"]}

package/react/components/smartDesktopDesigner/common/getCSSVars.d.ts

@@ -1,2 +1,2 @@
-declare function _default(styleSheets: any): any;
+declare const _default: (styleSheets: StyleSheetList) => string[];
 export default _default;

package/react/components/smartDesktopDesigner/common/getCSSVars.js

@@ -4,7 +4,8 @@ export default (styleSheets) => Array.from(styleSheets)
     ...acc,
     ...Array.from(sheet.cssRules).reduce((def, rule) => (def =
         rule.selectorText === ":root"
-            ? [...def, ...Array.from(rule.style).filter((name) => name.startsWith("--"))]
+            ?
+                [...def, ...Array.from(rule.style).filter((name) => name.startsWith("--"))]
             : def), []),
 ]), []);
 //# sourceMappingURL=getCSSVars.js.map