npm - @finsemble/finsemble-ui - Versions diffs - 6.4.0-beta.1 → 6.5.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (755) hide show

package/react/components/smartDesktopDesigner/AssetsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AssetsPage.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/AssetsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["/!\r\n Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { ImagePreview, ImagePreviewSize } from \"../common/ImagePreview\";\r\nimport { FileInputUploadCb } from \"../common/FileInput\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport \"./AssetsPage.css\";\r\n\r\nexport type AssetsPageProps = {\r\n\tbaseURL: string;\r\n\ttoolbarIcon: string;\r\n\tsetToolbarIcon: (s: string) => void;\r\n\ttaskbarIcon: string;\r\n\tsetTaskbarIcon: (s: string) => void;\r\n\tinstallerIcon: string;\r\n\tsetInstallerIcon: (s: string) => void;\r\n\tsystemTrayIcon: string;\r\n\tsetSystemTrayIcon: (s: string) => void;\r\n\tsplashScreenImage: string;\r\n\tsetSplashScreenImage: (s: string) => void;\r\n\tsetIconsChanged: (n: number) => void;\r\n\tupdateSplashScreen: FileInputUploadCb;\r\n\tupdateToolbarIcon: FileInputUploadCb;\r\n\tupdateTaskbarIcon: FileInputUploadCb;\r\n\tupdateSystemTrayIcon: FileInputUploadCb;\r\n\tupdateInstallerIcon: FileInputUploadCb;\r\n};\r\n\r\nexport const AssetsPage = ({\r\n\tbaseURL,\r\n\ttoolbarIcon,\r\n\tsetToolbarIcon,\r\n\ttaskbarIcon,\r\n\tsetTaskbarIcon,\r\n\tinstallerIcon,\r\n\tsetInstallerIcon,\r\n\tsystemTrayIcon,\r\n\tsetSystemTrayIcon,\r\n\tsplashScreenImage,\r\n\tsetSplashScreenImage,\r\n\tsetIconsChanged,\r\n\tupdateSplashScreen,\r\n\tupdateToolbarIcon,\r\n\tupdateTaskbarIcon,\r\n\tupdateSystemTrayIcon,\r\n\tupdateInstallerIcon,\r\n}: AssetsPageProps) => (\r\n\t<div className=\"images-section\">\r\n\t\t<fieldset className=\"project-assets\">\r\n\t\t\t<div className=\"project-assets-field\">\r\n\t\t\t\t<label htmlFor=\"export-splash-screen\">\r\n\t\t\t\t\t<span>Splash screen</span>\r\n\r\n\t\t\t\t\t<Tooltip>The Splash screen should be 600px X 400px (W x H). Supported formats are PNG, JPG, and GIF.</Tooltip>\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div className=\"project-splash-screen-field\">\r\n\t\t\t\t\t<ImagePreview\r\n\t\t\t\t\t\tid=\"export-splash-screen\"\r\n\t\t\t\t\t\tvalue={splashScreenImage}\r\n\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\tsetSplashScreenImage(value);\r\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tuploadFunction={updateSplashScreen}\r\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\", \"image/gif\"]}\r\n\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t\tpreviewSize={ImagePreviewSize.LARGE}\r\n\t\t\t\t\t></ImagePreview>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"project-assets-field\">\r\n\t\t\t\t<label htmlFor=\"export-toolbar-icon\">\r\n\t\t\t\t\t<span>Toolbar icon</span>\r\n\r\n\t\t\t\t\t<Tooltip>The Toolbar icon should be 200px X 200px. Supported formats are PNG, JPG, and GIF.</Tooltip>\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div className=\"project-icon-field\">\r\n\t\t\t\t\t<ImagePreview\r\n\t\t\t\t\t\tid=\"export-toolbar-icon\"\r\n\t\t\t\t\t\tvalue={toolbarIcon}\r\n\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\tsetToolbarIcon(value);\r\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tuploadFunction={updateToolbarIcon}\r\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\", \"image/gif\"]}\r\n\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t></ImagePreview>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"project-assets-field\">\r\n\t\t\t\t<label htmlFor=\"export-taskbar-icon\">\r\n\t\t\t\t\t<span>Taskbar icon</span>\r\n\r\n\t\t\t\t\t<Tooltip>The Toolbar icon should be 400px X 400px. Supported formats are PNG and JPG</Tooltip>\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div className=\"project-icon-field\">\r\n\t\t\t\t\t<ImagePreview\r\n\t\t\t\t\t\tvalue={taskbarIcon}\r\n\t\t\t\t\t\tid=\"export-taskbar-icon\"\r\n\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\tsetTaskbarIcon(value);\r\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tuploadFunction={updateTaskbarIcon}\r\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\"]}\r\n\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t></ImagePreview>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"project-assets-field\">\r\n\t\t\t\t<label htmlFor=\"export-system-tray-icon\">\r\n\t\t\t\t\t<span>System Tray Icon</span>\r\n\r\n\t\t\t\t\t<Tooltip>The System tray icon should be 100px X 100px. Supported formats are PNG and JPG.</Tooltip>\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div className=\"project-icon-field\">\r\n\t\t\t\t\t<ImagePreview\r\n\t\t\t\t\t\tvalue={systemTrayIcon}\r\n\t\t\t\t\t\tid=\"export-system-tray-icon\"\r\n\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\tsetSystemTrayIcon(value);\r\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tuploadFunction={updateSystemTrayIcon}\r\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\"]}\r\n\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t></ImagePreview>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"project-assets-field\">\r\n\t\t\t\t<label htmlFor=\"export-installer-icon\">\r\n\t\t\t\t\t<span>Installer Icon</span>\r\n\r\n\t\t\t\t\t<Tooltip>\r\n\t\t\t\t\t\tInstaller icons must use the ICO format. You can create and ICO image from a PNG file using free online\r\n\t\t\t\t\t\tservices. See the User Guide for more information.\r\n\t\t\t\t\t</Tooltip>\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div className=\"project-icon-field\">\r\n\t\t\t\t\t<ImagePreview\r\n\t\t\t\t\t\tvalue={installerIcon}\r\n\t\t\t\t\t\tid=\"export-installer-icon\"\r\n\t\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\t\tsetInstallerIcon(value);\r\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tuploadFunction={updateInstallerIcon}\r\n\t\t\t\t\t\tacceptTypes={[\"image/x-icon\"]}\r\n\t\t\t\t\t\tbaseURL={baseURL}\r\n\t\t\t\t\t></ImagePreview>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</fieldset>\r\n\t</div>\r\n);\r\n"]}
1	+ {"version":3,"file":"AssetsPage.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/AssetsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React from \"react\";\nimport { ImagePreview, ImagePreviewSize } from \"../common/ImagePreview\";\nimport { FileInputUploadCb } from \"../common/FileInput\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport \"./AssetsPage.css\";\n\nexport type AssetsPageProps = {\n\tbaseURL: string;\n\ttoolbarIcon: string;\n\tsetToolbarIcon: (s: string) => void;\n\ttaskbarIcon: string;\n\tsetTaskbarIcon: (s: string) => void;\n\tinstallerIcon: string;\n\tsetInstallerIcon: (s: string) => void;\n\tsystemTrayIcon: string;\n\tsetSystemTrayIcon: (s: string) => void;\n\tsplashScreenImage: string;\n\tsetSplashScreenImage: (s: string) => void;\n\tsetIconsChanged: (n: number) => void;\n\tupdateSplashScreen: FileInputUploadCb;\n\tupdateToolbarIcon: FileInputUploadCb;\n\tupdateTaskbarIcon: FileInputUploadCb;\n\tupdateSystemTrayIcon: FileInputUploadCb;\n\tupdateInstallerIcon: FileInputUploadCb;\n};\n\nexport const AssetsPage = ({\n\tbaseURL,\n\ttoolbarIcon,\n\tsetToolbarIcon,\n\ttaskbarIcon,\n\tsetTaskbarIcon,\n\tinstallerIcon,\n\tsetInstallerIcon,\n\tsystemTrayIcon,\n\tsetSystemTrayIcon,\n\tsplashScreenImage,\n\tsetSplashScreenImage,\n\tsetIconsChanged,\n\tupdateSplashScreen,\n\tupdateToolbarIcon,\n\tupdateTaskbarIcon,\n\tupdateSystemTrayIcon,\n\tupdateInstallerIcon,\n}: AssetsPageProps) => (\n\t<div className=\"images-section\">\n\t\t<fieldset className=\"project-assets\">\n\t\t\t<div className=\"project-assets-field\">\n\t\t\t\t<label htmlFor=\"export-splash-screen\">\n\t\t\t\t\t<span>Splash screen</span>\n\n\t\t\t\t\t<Tooltip>The Splash screen should be 600px X 400px (W x H). Supported formats are PNG, JPG, and GIF.</Tooltip>\n\t\t\t\t</label>\n\n\t\t\t\t<div className=\"project-splash-screen-field\">\n\t\t\t\t\t<ImagePreview\n\t\t\t\t\t\tid=\"export-splash-screen\"\n\t\t\t\t\t\tvalue={splashScreenImage}\n\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\tsetSplashScreenImage(value);\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tuploadFunction={updateSplashScreen}\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\", \"image/gif\"]}\n\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t\tpreviewSize={ImagePreviewSize.LARGE}\n\t\t\t\t\t></ImagePreview>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"project-assets-field\">\n\t\t\t\t<label htmlFor=\"export-toolbar-icon\">\n\t\t\t\t\t<span>Toolbar icon</span>\n\n\t\t\t\t\t<Tooltip>The Toolbar icon should be 200px X 200px. Supported formats are PNG, JPG, and GIF.</Tooltip>\n\t\t\t\t</label>\n\n\t\t\t\t<div className=\"project-icon-field\">\n\t\t\t\t\t<ImagePreview\n\t\t\t\t\t\tid=\"export-toolbar-icon\"\n\t\t\t\t\t\tvalue={toolbarIcon}\n\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\tsetToolbarIcon(value);\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tuploadFunction={updateToolbarIcon}\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\", \"image/gif\"]}\n\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t></ImagePreview>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"project-assets-field\">\n\t\t\t\t<label htmlFor=\"export-taskbar-icon\">\n\t\t\t\t\t<span>Taskbar icon</span>\n\n\t\t\t\t\t<Tooltip>The Toolbar icon should be 400px X 400px. Supported formats are PNG and JPG</Tooltip>\n\t\t\t\t</label>\n\n\t\t\t\t<div className=\"project-icon-field\">\n\t\t\t\t\t<ImagePreview\n\t\t\t\t\t\tvalue={taskbarIcon}\n\t\t\t\t\t\tid=\"export-taskbar-icon\"\n\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\tsetTaskbarIcon(value);\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tuploadFunction={updateTaskbarIcon}\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\"]}\n\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t></ImagePreview>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"project-assets-field\">\n\t\t\t\t<label htmlFor=\"export-system-tray-icon\">\n\t\t\t\t\t<span>System Tray Icon</span>\n\n\t\t\t\t\t<Tooltip>The System tray icon should be 100px X 100px. Supported formats are PNG and JPG.</Tooltip>\n\t\t\t\t</label>\n\n\t\t\t\t<div className=\"project-icon-field\">\n\t\t\t\t\t<ImagePreview\n\t\t\t\t\t\tvalue={systemTrayIcon}\n\t\t\t\t\t\tid=\"export-system-tray-icon\"\n\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\tsetSystemTrayIcon(value);\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tuploadFunction={updateSystemTrayIcon}\n\t\t\t\t\t\tacceptTypes={[\"image/png\", \"image/jpeg\"]}\n\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t></ImagePreview>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"project-assets-field\">\n\t\t\t\t<label htmlFor=\"export-installer-icon\">\n\t\t\t\t\t<span>Installer Icon</span>\n\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\tInstaller icons must use the ICO format. You can create and ICO image from a PNG file using free online\n\t\t\t\t\t\tservices. See the User Guide for more information.\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</label>\n\n\t\t\t\t<div className=\"project-icon-field\">\n\t\t\t\t\t<ImagePreview\n\t\t\t\t\t\tvalue={installerIcon}\n\t\t\t\t\t\tid=\"export-installer-icon\"\n\t\t\t\t\t\tonSetValue={(value: string) => {\n\t\t\t\t\t\t\tsetInstallerIcon(value);\n\t\t\t\t\t\t\tsetIconsChanged(new Date().getTime());\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tuploadFunction={updateInstallerIcon}\n\t\t\t\t\t\tacceptTypes={[\"image/x-icon\"]}\n\t\t\t\t\t\tbaseURL={baseURL}\n\t\t\t\t\t></ImagePreview>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</fieldset>\n\t</div>\n);\n"]}

package/react/components/smartDesktopDesigner/Authentication.js CHANGED Viewed

@@ -40,7 +40,7 @@ export const Authentication = (props) => {
     }
     return (React.createElement(View, null,
         React.createElement(Header, { helpFunction: () => {
-                launchTutorialLink("configuring-authentication");
+                launchTutorialLink("SDD-05-Authentication");
             } }, "Authentication"),
         React.createElement(Content, null,
             React.createElement("div", { className: "auth-setup-content" },
@@ -61,13 +61,6 @@ export const Authentication = (props) => {
                     shownProvider && (React.createElement("div", { className: "auth-setup-toggle-mode" },
                         React.createElement(Button, { className: "auth-setup-toggle-mode-button", fashion: "ghost", text: !isAdvancedMode ? "Show advanced" : "Hide advanced", onClick: () => {
                                 setIsAdvancedMode(!isAdvancedMode);
-                            } })))),
-                React.createElement("div", { className: "auth-setup-tutorial" },
-                    React.createElement("h3", null, "Step 1"),
-                    React.createElement("p", null, "Select your OAuth2 provider from the dropdown list."),
-                    React.createElement("h3", null, "Step 2"),
-                    React.createElement("p", null, "Copy the provided Redirect URL into the OAuth2 app configuration for your service provider."),
-                    React.createElement("h3", null, "Step 3"),
-                    React.createElement("p", null, "Save the app configuration on your OAuth2 service provider, and then input the given Client ID and any other configuration settings."))))));
+                            } }))))))));
 };
 //# sourceMappingURL=Authentication.js.map

package/react/components/smartDesktopDesigner/Authentication.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Authentication.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Authentication.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAQ1C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC5D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;IAC7G,MAAM,oBAAoB,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAElF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACd,KAAK,CAAC,0BAA0B,EAAE,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE;YACrD,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC9B,QAAQ,CAAC,2BAA2B,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC;YACtE,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,mBAAmB,CAAC,KAAoC;QAChE,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QAEzC,KAAK;aACH,0BAA0B,CAC1B,aAAa,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC9B,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE;gBAC3B,uCACI,KAAK,KACR,OAAO,EAAE,IAAI,IACZ;aACF;YAED,uCACI,QAAQ,KACX,OAAO,EAAE,KAAK,IACb;QACH,CAAC,CAAC,CACF;aACA,IAAI,CAAC,GAAG,EAAE;YACV,IAAI,KAAK,EAAE;gBACV,QAAQ,CAAC,2BAA2B,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC;aAClE;YAED,QAAQ,CAAC,2BAA2B,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACN,oBAAC,IAAI;QACJ,oBAAC,MAAM,IACN,YAAY,EAAE,GAAG,EAAE;gBAClB,kBAAkB,CAAC,~~4BAA4B~~,CAAC,CAAC;~~YAClD~~,CAAC,qBAGO;QACT,oBAAC,OAAO;YACP,6BAAK,SAAS,EAAC,oBAAoB;gBAClC,8BAAM,SAAS,EAAC,iBAAiB,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;oBACpE,6BAAK,SAAS,EAAC,mBAAmB;wBACjC,6BAAK,SAAS,EAAC,qBAAqB;4BACnC,6BAAK,SAAS,EAAC,kBAAkB;gCAChC,8CAAuB;gCAEvB,8CACY,yBAAyB,EACpC,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;wCACf,mBAAmB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;oCACnF,CAAC,EACD,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM;oCAEzE,gCAAQ,KAAK,EAAC,MAAM,WAAc;oCACjC,aAAa,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,gCAAQ,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,IACtC,QAAQ,CAAC,IAAI,CACN,CACT,CAAC,CACM;gCACT,oBAAC,OAAO,sGAEE,CACL;4BACL,aAAa,IAAI,CACjB,oBAAC,4BAA4B,IAC5B,GAAG,EAAE,aAAa,CAAC,IAAI,EACvB,KAAK,EAAE,aAAa,EACpB,cAAc,EAAE,cAAc,EAC9B,0BAA0B,EAAE,KAAK,CAAC,0BAA0B,EAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCACnB,mBAAmB,CAAC,KAAK,CAAC,CAAC;gCAC5B,CAAC,GACA,CACF,CACI,CACD;oBACL,aAAa,IAAI,CACjB,6BAAK,SAAS,EAAC,wBAAwB;wBACtC,oBAAC,MAAM,IACN,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,EACzD,OAAO,EAAE,GAAG,EAAE;gCACb,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;4BACpC,CAAC,GACA,CACG,CACN,CACK~~;gBACP~~,~~6BAAK~~,~~SAAS,EAAC,qBAAqB;oBACnC,yCAAe;oBAEf,qFAA0D;oBAE1D,yCAAe;oBAEf,6HAAkG;oBAElG,yCAAe;oBAEf,sKAGI,CACC,CACD,~~CACG,CACJ,CACP,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { Header } from \"../common/Header\";\r\nimport \"./css/authentication.css\";\r\nimport { View } from \"./View\";\r\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\r\nimport { useDispatch, useSelector } from \"../../store\";\r\nimport { RootState } from \"../../reducers/rootReducer\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { AuthenticationProviderConfig } from \"./AuthenticationProviderConfig\";\r\nimport { AuthenticationProvider } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { Content } from \"./Content\";\r\nimport { Tooltip } from \"../common/Tooltip\";\r\nimport { Button } from \"../common/Button\";\r\n\r\nexport type AuthenticationProps = {\r\n\tgetAuthenticationProviders: () => Promise<AuthenticationProvider[]>;\r\n\tsetAuthenticationProviders: (authenticationProviders: any) => Promise<Error \| null>;\r\n\ttestAuthenticationProvider: (provider: AuthenticationProvider) => Promise<null>;\r\n};\r\n\r\nexport const Authentication = (props: AuthenticationProps) => {\r\n\tconst dispatch = useDispatch();\r\n\tconst authProviders = useSelector((state: RootState) => state.smartDesktopDesigner.authentication.providers);\r\n\tconst enabledAuthProviders = authProviders.filter((provider) => provider.enabled);\r\n\r\n\tconst [isAdvancedMode, setIsAdvancedMode] = useState(false);\r\n\tconst shownProvider = enabledAuthProviders[0];\r\n\r\n\tuseEffect(() => {\r\n\t\tprops.getAuthenticationProviders().then((providers) => {\r\n\t\t\tproviders.forEach((provider) => {\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(provider));\r\n\t\t\t});\r\n\t\t});\r\n\t}, []);\r\n\r\n\tfunction updateAuthProviders(value: AuthenticationProvider \| null) {\r\n\t\tconst name = value ? value.name : \"none\";\r\n\r\n\t\tprops\r\n\t\t\t.setAuthenticationProviders(\r\n\t\t\t\tauthProviders.map((provider) => {\r\n\t\t\t\t\tif (name === provider.name) {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\t...value,\r\n\t\t\t\t\t\t\tenabled: true,\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\t...provider,\r\n\t\t\t\t\t\tenabled: false,\r\n\t\t\t\t\t};\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t\t.then(() => {\r\n\t\t\t\tif (value) {\r\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(value));\r\n\t\t\t\t}\r\n\r\n\t\t\t\tdispatch(SmartDesktopDesignerActions.enable_auth_provider(name));\r\n\t\t\t});\r\n\t}\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(\"~~configuring~~-~~authentication~~\");\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\tAuthentication\r\n\t\t\t</Header>\r\n\t\t\t<Content>\r\n\t\t\t\t<div className=\"auth-setup-content\">\r\n\t\t\t\t\t<form className=\"auth-setup-form\" onSubmit={(e) => e.preventDefault()}>\r\n\t\t\t\t\t\t<div className=\"auth-setup-fields\">\r\n\t\t\t\t\t\t\t<div className=\"auth-setup-provider\">\r\n\t\t\t\t\t\t\t\t<div className=\"auth-setup-field\">\r\n\t\t\t\t\t\t\t\t\t<label>Provider</label>\r\n\r\n\t\t\t\t\t\t\t\t\t<select\r\n\t\t\t\t\t\t\t\t\t\taria-label=\"Authentication Provider\"\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-select-provider\"\r\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(authProviders.find((p) => p.name === e.target.value) \|\| null);\r\n\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\tvalue={enabledAuthProviders.map((provider) => provider.name)[0] \|\| \"none\"}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<option value=\"none\">None</option>\r\n\t\t\t\t\t\t\t\t\t\t{authProviders.map((provider, index) => (\r\n\t\t\t\t\t\t\t\t\t\t\t<option key={index} value={provider.name}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{provider.name}\r\n\t\t\t\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t</select>\r\n\t\t\t\t\t\t\t\t\t<Tooltip>\r\n\t\t\t\t\t\t\t\t\t\tChoose from the list of OAuth providers to configure Single Sign On (SSO) for your project.\r\n\t\t\t\t\t\t\t\t\t</Tooltip>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t{shownProvider && (\r\n\t\t\t\t\t\t\t\t\t<AuthenticationProviderConfig\r\n\t\t\t\t\t\t\t\t\t\tkey={shownProvider.name}\r\n\t\t\t\t\t\t\t\t\t\tvalue={shownProvider}\r\n\t\t\t\t\t\t\t\t\t\tisAdvancedMode={isAdvancedMode}\r\n\t\t\t\t\t\t\t\t\t\ttestAuthenticationProvider={props.testAuthenticationProvider}\r\n\t\t\t\t\t\t\t\t\t\tonChange={(value) => {\r\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(value);\r\n\t\t\t\t\t\t\t\t\t\t}}\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</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t{shownProvider && (\r\n\t\t\t\t\t\t\t<div className=\"auth-setup-toggle-mode\">\r\n\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-toggle-mode-button\"\r\n\t\t\t\t\t\t\t\t\tfashion=\"ghost\"\r\n\t\t\t\t\t\t\t\t\ttext={!isAdvancedMode ? \"Show advanced\" : \"Hide advanced\"}\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetIsAdvancedMode(!isAdvancedMode);\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</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</form>\r\n\t\t\t\t~~\t<div className=\"auth-setup-tutorial\">\r\n\t\t\t\t\t\t<h3>Step 1~~</h3>\r\n\r\n\t\t\t\t\t\t<p>Select your OAuth2 provider from the dropdown list.</p>\r\n\r\n\t\t\t\t\t\t<h3>Step 2</h3>\r\n\r\n\t\t\t\t\t\t<p>Copy the provided Redirect URL into the OAuth2 app configuration for your service provider.</p>\r\n\r\n\t\t\t\t\t\t<h3>Step 3</h3>\r\n\r\n\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\tSave the app configuration on your OAuth2 service provider, and then input the given Client ID and any\r\n\t\t\t\t\t\t\tother configuration settings.\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</div>\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"]}
1	+ {"version":3,"file":"Authentication.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Authentication.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Header } from \"../common/Header\";\nimport \"./css/authentication.css\";\nimport { View } from \"./View\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\nimport { useDispatch, useSelector } from \"../../store\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { AuthenticationProviderConfig } from \"./AuthenticationProviderConfig\";\nimport { AuthenticationProvider } from \"../../types/smartDesktopDesignerTypes\";\nimport { Content } from \"./Content\";\nimport { Tooltip } from \"../common/Tooltip\";\nimport { Button } from \"../common/Button\";\n\nexport type AuthenticationProps = {\n\tgetAuthenticationProviders: () => Promise<AuthenticationProvider[]>;\n\tsetAuthenticationProviders: (authenticationProviders: any) => Promise<Error \| null>;\n\ttestAuthenticationProvider: (provider: AuthenticationProvider) => Promise<null>;\n};\n\nexport const Authentication = (props: AuthenticationProps) => {\n\tconst dispatch = useDispatch();\n\tconst authProviders = useSelector((state: RootState) => state.smartDesktopDesigner.authentication.providers);\n\tconst enabledAuthProviders = authProviders.filter((provider) => provider.enabled);\n\n\tconst [isAdvancedMode, setIsAdvancedMode] = useState(false);\n\tconst shownProvider = enabledAuthProviders[0];\n\n\tuseEffect(() => {\n\t\tprops.getAuthenticationProviders().then((providers) => {\n\t\t\tproviders.forEach((provider) => {\n\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(provider));\n\t\t\t});\n\t\t});\n\t}, []);\n\n\tfunction updateAuthProviders(value: AuthenticationProvider \| null) {\n\t\tconst name = value ? value.name : \"none\";\n\n\t\tprops\n\t\t\t.setAuthenticationProviders(\n\t\t\t\tauthProviders.map((provider) => {\n\t\t\t\t\tif (name === provider.name) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...value,\n\t\t\t\t\t\t\tenabled: true,\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...provider,\n\t\t\t\t\t\tenabled: false,\n\t\t\t\t\t};\n\t\t\t\t})\n\t\t\t)\n\t\t\t.then(() => {\n\t\t\t\tif (value) {\n\t\t\t\t\tdispatch(SmartDesktopDesignerActions.update_auth_provider(value));\n\t\t\t\t}\n\n\t\t\t\tdispatch(SmartDesktopDesignerActions.enable_auth_provider(name));\n\t\t\t});\n\t}\n\n\treturn (\n\t\t<View>\n\t\t\t<Header\n\t\t\t\thelpFunction={() => {\n\t\t\t\t\tlaunchTutorialLink(\"SDD-05-Authentication\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tAuthentication\n\t\t\t</Header>\n\t\t\t<Content>\n\t\t\t\t<div className=\"auth-setup-content\">\n\t\t\t\t\t<form className=\"auth-setup-form\" onSubmit={(e) => e.preventDefault()}>\n\t\t\t\t\t\t<div className=\"auth-setup-fields\">\n\t\t\t\t\t\t\t<div className=\"auth-setup-provider\">\n\t\t\t\t\t\t\t\t<div className=\"auth-setup-field\">\n\t\t\t\t\t\t\t\t\t<label>Provider</label>\n\n\t\t\t\t\t\t\t\t\t<select\n\t\t\t\t\t\t\t\t\t\taria-label=\"Authentication Provider\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-select-provider\"\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(authProviders.find((p) => p.name === e.target.value) \|\| null);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tvalue={enabledAuthProviders.map((provider) => provider.name)[0] \|\| \"none\"}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<option value=\"none\">None</option>\n\t\t\t\t\t\t\t\t\t\t{authProviders.map((provider, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<option key={index} value={provider.name}>\n\t\t\t\t\t\t\t\t\t\t\t\t{provider.name}\n\t\t\t\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</select>\n\t\t\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t\t\tChoose from the list of OAuth providers to configure Single Sign On (SSO) for your project.\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{shownProvider && (\n\t\t\t\t\t\t\t\t\t<AuthenticationProviderConfig\n\t\t\t\t\t\t\t\t\t\tkey={shownProvider.name}\n\t\t\t\t\t\t\t\t\t\tvalue={shownProvider}\n\t\t\t\t\t\t\t\t\t\tisAdvancedMode={isAdvancedMode}\n\t\t\t\t\t\t\t\t\t\ttestAuthenticationProvider={props.testAuthenticationProvider}\n\t\t\t\t\t\t\t\t\t\tonChange={(value) => {\n\t\t\t\t\t\t\t\t\t\t\tupdateAuthProviders(value);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{shownProvider && (\n\t\t\t\t\t\t\t<div className=\"auth-setup-toggle-mode\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"auth-setup-toggle-mode-button\"\n\t\t\t\t\t\t\t\t\tfashion=\"ghost\"\n\t\t\t\t\t\t\t\t\ttext={!isAdvancedMode ? \"Show advanced\" : \"Hide advanced\"}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetIsAdvancedMode(!isAdvancedMode);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</form>\n\t\t\t\t</div>\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/AuthenticationProviderConfig.js CHANGED Viewed

@@ -83,6 +83,6 @@ export const AuthenticationProviderConfig = (props) => {
             React.createElement(FinsembleIcon, { icon: "check" }),
             " Configuration Saved")),
         React.createElement("div", { className: "auth-setup-actions" },
-            React.createElement(Button, { fashion: "secondary", text: "Test & Save", onClick: save, disabled: !endpointURLValid }))));
+            React.createElement(Button, { fashion: "secondary", text: "Test and save", onClick: save, disabled: !endpointURLValid }))));
 };
 //# sourceMappingURL=AuthenticationProviderConfig.js.map

package/react/components/smartDesktopDesigner/AuthenticationProviderConfig.js.map CHANGED Viewed

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

package/react/components/smartDesktopDesigner/Content.js.map CHANGED Viewed

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

package/react/components/smartDesktopDesigner/ContentHeader.d.ts ADDED Viewed

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

package/react/components/smartDesktopDesigner/ContentHeader.js ADDED Viewed

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

package/react/components/smartDesktopDesigner/ContentHeader.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/react/components/smartDesktopDesigner/CurrentView.js.map CHANGED Viewed

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

package/react/components/smartDesktopDesigner/EditPreload.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import React from "react";
+import "../common/css/preload-edit-page.css";
+import { PreloadType } from "../../types/smartDesktopDesignerTypes";
+export interface EditPreloadProps {
+    getConfig: typeof FSBL.Clients.ConfigClient.getValue;
+    preload: PreloadType;
+    getApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;
+    updateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;
+    cancelFunction: Function;
+    addPreload: Function;
+    updatePreload: Function;
+    deletePreload: (alias: string) => Promise<void>;
+}
+export declare const EditPreload: React.FunctionComponent<EditPreloadProps>;

package/react/components/smartDesktopDesigner/EditPreload.js ADDED Viewed

@@ -0,0 +1,169 @@
+import React, { useEffect, useState } from "react";
+import "../common/css/preload-edit-page.css";
+import { FinsembleSelect } from "../common/FinsembleSelect";
+import { Button } from "../common/Button";
+export const EditPreload = ({ preload, getConfig, getApps, updateApp, cancelFunction, addPreload, updatePreload, deletePreload, }) => {
+    const [appList, setAppList] = useState([]);
+    const [appNameList, setAppNameList] = useState([]);
+    const [appNameValues, setAppNameValues] = useState([]);
+    const [selectedApps, setSelectedApps] = useState([]);
+    const [usageType, setUsageType] = useState("selection");
+    const [livePreload, setLivePreload] = useState(Object.assign({}, preload));
+    const [disableSubmit, setDisableSubmit] = useState(true);
+    const [key, setKey] = useState(`${Date.now()}.${Math.random()}`);
+    const validatePreload = (edited) => {
+        let urlValid = true;
+        try {
+            new URL(edited.url);
+        }
+        catch (e) {
+            urlValid = false;
+        }
+        return !!edited.alias && urlValid;
+    };
+    const removePreload = async (alias) => {
+        await deletePreload(alias);
+        cancelFunction();
+    };
+    const getUsageType = () => {
+        getConfig("finsemble.servicesConfig.launcher.defaultPreloads").then(({ data }) => {
+            var _a, _b;
+            let type = "selection";
+            const globalConfig = data !== null && data !== void 0 ? data : {};
+            if ((_a = globalConfig.allComponents) === null || _a === void 0 ? void 0 : _a.includes(preload.alias)) {
+                type = "all";
+            }
+            else if ((_b = globalConfig.launchableComponents) === null || _b === void 0 ? void 0 : _b.includes(preload.alias)) {
+                type = "launchable";
+            }
+            setUsageType(type);
+        });
+    };
+    const setAlias = (alias) => {
+        setLivePreload(Object.assign(Object.assign({}, livePreload), { alias }));
+    };
+    const setUrl = (url) => {
+        setLivePreload(Object.assign(Object.assign({}, livePreload), { url }));
+    };
+    useEffect(() => {
+        setDisableSubmit(!validatePreload(livePreload));
+    }, [livePreload]);
+    useEffect(() => {
+        setKey(`${Date.now()}.${Math.random()}`);
+    }, [appList, appNameList, selectedApps]);
+    useEffect(() => {
+        getUsageType();
+        getApps().then(({ apps }) => {
+            const appNames = [];
+            const appValues = [];
+            const selectedNames = [];
+            apps.forEach((app) => {
+                var _a, _b, _c;
+                appNames.push(app.name);
+                appValues.push(app.appId);
+                if ((_c = (_b = (_a = app.manifest) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.preload) === null || _c === void 0 ? void 0 : _c.includes(preload === null || preload === void 0 ? void 0 : preload.alias)) {
+                    selectedNames.push(app.name);
+                }
+            });
+            setAppNameValues(appValues);
+            setAppNameList(appNames);
+            setSelectedApps(selectedNames);
+            setAppList(apps);
+        });
+        validatePreload(livePreload);
+    }, []);
+    const onRadioChange = (e) => {
+        setUsageType(e.target.value);
+    };
+    const selectChange = (selectedValues) => {
+        setSelectedApps(selectedValues);
+    };
+    const updateAppConfigs = async () => {
+        const promises = appList.map((app) => {
+            var _a, _b, _c, _d, _e;
+            let appPreloads = (_c = (_b = (_a = app.manifest) === null || _a === void 0 ? void 0 : _a.component) === null || _b === void 0 ? void 0 : _b.preload) !== null && _c !== void 0 ? _c : [];
+            appPreloads = Array.isArray(appPreloads) ? appPreloads : [appPreloads];
+            const isRenaming = livePreload.alias != preload.alias;
+            const wasPreviouslySelected = appPreloads.includes(preload.alias);
+            const inNewList = selectedApps.includes(app.appId);
+            app.manifest = (_d = app.manifest) !== null && _d !== void 0 ? _d : {};
+            app.manifest.component = (_e = app.manifest.component) !== null && _e !== void 0 ? _e : {};
+            if ((!isRenaming && wasPreviouslySelected == inNewList) || (!wasPreviouslySelected && !inNewList)) {
+                return Promise.resolve();
+            }
+            if (wasPreviouslySelected) {
+                appPreloads = appPreloads.filter((preloadAlias) => preloadAlias != preload.alias);
+            }
+            if (inNewList) {
+                appPreloads.push(livePreload.alias);
+            }
+            app.manifest.component.preload = appPreloads;
+            return updateApp(app.appId, app);
+        });
+        return Promise.all(promises);
+    };
+    const clickSubmit = async () => {
+        const usage = {
+            all: usageType == "all",
+            launchable: usageType == "launchable",
+            apps: selectedApps,
+        };
+        if (preload.alias === "") {
+            await addPreload(livePreload, usage);
+        }
+        else {
+            await updatePreload(preload.alias, livePreload, usage);
+        }
+        await updateAppConfigs();
+        cancelFunction();
+    };
+    return (React.createElement("div", { className: "preload-edit-container" },
+        React.createElement("h2", null, (livePreload === null || livePreload === void 0 ? void 0 : livePreload.alias) ? livePreload.alias : "Untitled preload"),
+        React.createElement("div", { className: "app-edit-field" },
+            React.createElement("table", { role: "presentation", className: "preload-edit-table" },
+                React.createElement("tbody", null,
+                    React.createElement("tr", null,
+                        React.createElement("th", null,
+                            React.createElement("label", { htmlFor: "preload-alias" }, "Name")),
+                        React.createElement("td", { className: "edit-field" },
+                            React.createElement("input", { type: "text", id: "preload-alias", value: livePreload === null || livePreload === void 0 ? void 0 : livePreload.alias, placeholder: "UntitledPreload", onChange: (e) => {
+                                    setAlias(e.target.value);
+                                } }))),
+                    React.createElement("tr", null,
+                        React.createElement("th", null,
+                            React.createElement("label", { htmlFor: "preload-url" }, "Web URL")),
+                        React.createElement("td", { className: "edit-field" },
+                            React.createElement("input", { type: "text", id: "preload-url", value: livePreload === null || livePreload === void 0 ? void 0 : livePreload.url, onChange: (e) => {
+                                    setUrl(e.target.value);
+                                } }))),
+                    React.createElement("tr", null,
+                        React.createElement("th", { className: "table-header__top-label" }, "Load for"),
+                        React.createElement("td", null,
+                            React.createElement("div", { className: "load-option" },
+                                React.createElement("label", null,
+                                    React.createElement("input", { type: "radio", name: "preload-usage", value: "launchable", checked: usageType == "launchable", onChange: onRadioChange }),
+                                    " ",
+                                    "Apps launched by users")),
+                            React.createElement("div", { className: "load-option" },
+                                React.createElement("label", null,
+                                    React.createElement("input", { type: "radio", name: "preload-usage", value: "all", checked: usageType == "all", onChange: onRadioChange }),
+                                    " ",
+                                    "All apps")),
+                            React.createElement("div", { className: "load-option" },
+                                React.createElement("label", null,
+                                    React.createElement("input", { type: "radio", name: "preload-usage", value: "selection", checked: usageType == "selection", onChange: onRadioChange }),
+                                    " ",
+                                    "Select apps")),
+                            usageType == "selection" && (React.createElement(FinsembleSelect, { key: key, options: appNameList, values: appNameValues, selected: selectedApps, updateCallback: selectChange, showSearch: true }))))))),
+        React.createElement("div", { className: "preload-edit-actions" },
+            React.createElement("div", null, preload.alias && (React.createElement(Button, { fashion: "danger", text: "Remove preload", onClick: (e) => {
+                    removePreload(preload.alias);
+                    e.preventDefault();
+                } }))),
+            React.createElement("div", { className: "app-actions-right-wrapper" },
+                React.createElement(Button, { fashion: "ghost", text: "Cancel", onClick: () => {
+                        cancelFunction();
+                    } }),
+                React.createElement(Button, { fashion: "secondary", text: "Save", disabled: disableSubmit, onClick: clickSubmit })))));
+};
+//# sourceMappingURL=EditPreload.js.map

package/react/components/smartDesktopDesigner/EditPreload.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EditPreload.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/EditPreload.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ChangeEvent, useEffect, useState } from \"react\";\nimport \"../common/css/preload-edit-page.css\";\nimport { FinsembleSelect } from \"../common/FinsembleSelect\";\nimport { Button } from \"../common/Button\";\nimport { PreloadType } from \"../../types/smartDesktopDesignerTypes\";\nimport { AppDefinition } from \"./Application\";\n\nexport interface EditPreloadProps {\n\tgetConfig: typeof FSBL.Clients.ConfigClient.getValue;\n\tpreload: PreloadType;\n\t// Perhaps use the root state to get this value\n\tgetApps: typeof FSBL.Clients.SmartDesktopClient.prototype.getApps;\n\tupdateApp: typeof FSBL.Clients.SmartDesktopClient.prototype.updateApp;\n\tcancelFunction: Function;\n\taddPreload: Function;\n\tupdatePreload: Function;\n\tdeletePreload: (alias: string) => Promise<void>;\n}\n\ntype preloadUsageType = \"launchable\" | \"all\" | \"selection\";\n\nexport const EditPreload: React.FunctionComponent<EditPreloadProps> = ({\n\tpreload,\n\tgetConfig,\n\tgetApps,\n\tupdateApp,\n\tcancelFunction,\n\taddPreload,\n\tupdatePreload,\n\tdeletePreload,\n}) => {\n\tconst [appList, setAppList] = useState<AppDefinition[]>([]);\n\tconst [appNameList, setAppNameList] = useState<string[]>([]);\n\tconst [appNameValues, setAppNameValues] = useState<string[]>([]);\n\tconst [selectedApps, setSelectedApps] = useState<string[]>([]);\n\tconst [usageType, setUsageType] = useState<preloadUsageType>(\"selection\");\n\tconst [livePreload, setLivePreload] = useState({ ...preload });\n\tconst [disableSubmit, setDisableSubmit] = useState<boolean>(true);\n\tconst [key, setKey] = useState(`${Date.now()}.${Math.random()}`);\n\n\tconst validatePreload = (edited: PreloadType): boolean => {\n\t\tlet urlValid = true;\n\t\ttry {\n\t\t\tnew URL(edited.url);\n\t\t} catch (e) {\n\t\t\turlValid = false;\n\t\t}\n\n\t\treturn !!edited.alias && urlValid;\n\t};\n\n\tconst removePreload = async (alias: string) => {\n\t\tawait deletePreload(alias);\n\t\tcancelFunction();\n\t};\n\n\tconst getUsageType = () => {\n\t\tgetConfig(\"finsemble.servicesConfig.launcher.defaultPreloads\").then(({ data }) => {\n\t\t\tlet type: preloadUsageType = \"selection\";\n\t\t\tconst globalConfig = data ?? {};\n\t\t\tif (globalConfig.allComponents?.includes(preload.alias)) {\n\t\t\t\ttype = \"all\";\n\t\t\t} else if (globalConfig.launchableComponents?.includes(preload.alias)) {\n\t\t\t\ttype = \"launchable\";\n\t\t\t}\n\t\t\tsetUsageType(type);\n\t\t});\n\t};\n\n\tconst setAlias = (alias: string) => {\n\t\tsetLivePreload({ ...livePreload, alias });\n\t};\n\n\tconst setUrl = (url: string) => {\n\t\tsetLivePreload({ ...livePreload, url });\n\t};\n\n\tuseEffect(() => {\n\t\tsetDisableSubmit(!validatePreload(livePreload));\n\t}, [livePreload]);\n\n\tuseEffect(() => {\n\t\tsetKey(`${Date.now()}.${Math.random()}`);\n\t}, [appList, appNameList, selectedApps]);\n\n\tuseEffect(() => {\n\t\tgetUsageType();\n\t\tgetApps().then(({ apps }) => {\n\t\t\tconst appNames: string[] = [];\n\t\t\tconst appValues: string[] = [];\n\t\t\tconst selectedNames: string[] = [];\n\n\t\t\tapps.forEach((app: AppDefinition) => {\n\t\t\t\tappNames.push(app.name);\n\t\t\t\tappValues.push(app.appId);\n\t\t\t\tif (app.manifest?.component?.preload?.includes(preload?.alias)) {\n\t\t\t\t\tselectedNames.push(app.name);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tsetAppNameValues(appValues);\n\t\t\tsetAppNameList(appNames);\n\t\t\tsetSelectedApps(selectedNames);\n\t\t\tsetAppList(apps);\n\t\t});\n\t\tvalidatePreload(livePreload);\n\t}, []);\n\n\tconst onRadioChange = (e: ChangeEvent<HTMLInputElement>) => {\n\t\tsetUsageType(e.target.value as preloadUsageType);\n\t};\n\n\tconst selectChange = (selectedValues: string[]) => {\n\t\tsetSelectedApps(selectedValues);\n\t};\n\n\tconst updateAppConfigs = async () => {\n\t\tconst promises: Promise<any>[] = appList.map((app) => {\n\t\t\tlet appPreloads = app.manifest?.component?.preload ?? [];\n\t\t\tappPreloads = Array.isArray(appPreloads) ? appPreloads : [appPreloads];\n\t\t\tconst isRenaming = livePreload.alias != preload.alias;\n\t\t\tconst wasPreviouslySelected = appPreloads.includes(preload.alias);\n\t\t\tconst inNewList = selectedApps.includes(app.appId);\n\t\t\tapp.manifest = app.manifest ?? {};\n\t\t\tapp.manifest.component = app.manifest.component ?? {};\n\n\t\t\tif ((!isRenaming && wasPreviouslySelected == inNewList) || (!wasPreviouslySelected && !inNewList)) {\n\t\t\t\t// No change for this app\n\t\t\t\treturn Promise.resolve();\n\t\t\t}\n\n\t\t\tif (wasPreviouslySelected) {\n\t\t\t\t// Remove it from the list\n\t\t\t\tappPreloads = appPreloads.filter((preloadAlias: string) => preloadAlias != preload.alias);\n\t\t\t}\n\n\t\t\tif (inNewList) {\n\t\t\t\tappPreloads.push(livePreload.alias);\n\t\t\t}\n\n\t\t\tapp.manifest.component.preload = appPreloads;\n\t\t\treturn updateApp(app.appId, app);\n\t\t});\n\n\t\treturn Promise.all(promises);\n\t};\n\n\tconst clickSubmit = async () => {\n\t\tconst usage: any = {\n\t\t\tall: usageType == \"all\",\n\t\t\tlaunchable: usageType == \"launchable\",\n\t\t\tapps: selectedApps,\n\t\t};\n\n\t\tif (preload.alias === \"\") {\n\t\t\tawait addPreload(livePreload, usage);\n\t\t} else {\n\t\t\tawait updatePreload(preload.alias, livePreload, usage);\n\t\t}\n\t\tawait updateAppConfigs();\n\t\tcancelFunction();\n\t};\n\n\treturn (\n\t\t<div className=\"preload-edit-container\">\n\t\t\t<h2>{livePreload?.alias ? livePreload.alias : \"Untitled preload\"}</h2>\n\t\t\t<div className=\"app-edit-field\">\n\t\t\t\t<table role=\"presentation\" className=\"preload-edit-table\">\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>\n\t\t\t\t\t\t\t\t<label htmlFor=\"preload-alias\">Name</label>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t<td className=\"edit-field\">\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid=\"preload-alias\"\n\t\t\t\t\t\t\t\t\tvalue={livePreload?.alias}\n\t\t\t\t\t\t\t\t\tplaceholder=\"UntitledPreload\"\n\t\t\t\t\t\t\t\t\t// onKeyDown=\"\"\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetAlias(e.target.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>\n\t\t\t\t\t\t\t\t<label htmlFor=\"preload-url\">Web URL</label>\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t<td className=\"edit-field\">\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\tid=\"preload-url\"\n\t\t\t\t\t\t\t\t\tvalue={livePreload?.url}\n\t\t\t\t\t\t\t\t\t// onKeyDown={submitOnEnter}\n\t\t\t\t\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\t\t\t\t\tsetUrl(e.target.value);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th className=\"table-header__top-label\">Load for</th>\n\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t<div className=\"load-option\">\n\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\tname=\"preload-usage\"\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"launchable\"\n\t\t\t\t\t\t\t\t\t\t\tchecked={usageType == \"launchable\"}\n\t\t\t\t\t\t\t\t\t\t\tonChange={onRadioChange}\n\t\t\t\t\t\t\t\t\t\t/>{\" \"}\n\t\t\t\t\t\t\t\t\t\tApps launched by users\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"load-option\">\n\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\tname=\"preload-usage\"\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"all\"\n\t\t\t\t\t\t\t\t\t\t\tchecked={usageType == \"all\"}\n\t\t\t\t\t\t\t\t\t\t\tonChange={onRadioChange}\n\t\t\t\t\t\t\t\t\t\t/>{\" \"}\n\t\t\t\t\t\t\t\t\t\tAll apps\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"load-option\">\n\t\t\t\t\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\t\t\t\t\tname=\"preload-usage\"\n\t\t\t\t\t\t\t\t\t\t\tvalue=\"selection\"\n\t\t\t\t\t\t\t\t\t\t\tchecked={usageType == \"selection\"}\n\t\t\t\t\t\t\t\t\t\t\tonChange={onRadioChange}\n\t\t\t\t\t\t\t\t\t\t/>{\" \"}\n\t\t\t\t\t\t\t\t\t\tSelect apps\n\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{usageType == \"selection\" && (\n\t\t\t\t\t\t\t\t\t<FinsembleSelect\n\t\t\t\t\t\t\t\t\t\tkey={key}\n\t\t\t\t\t\t\t\t\t\toptions={appNameList}\n\t\t\t\t\t\t\t\t\t\tvalues={appNameValues}\n\t\t\t\t\t\t\t\t\t\tselected={selectedApps}\n\t\t\t\t\t\t\t\t\t\tupdateCallback={selectChange}\n\t\t\t\t\t\t\t\t\t\tshowSearch={true}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\t\t\t<div className=\"preload-edit-actions\">\n\t\t\t\t<div>\n\t\t\t\t\t{preload.alias && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tfashion=\"danger\"\n\t\t\t\t\t\t\ttext=\"Remove preload\"\n\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\tremovePreload(preload.alias);\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"app-actions-right-wrapper\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tfashion=\"ghost\"\n\t\t\t\t\t\ttext=\"Cancel\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tcancelFunction();\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button fashion=\"secondary\" text=\"Save\" disabled={disableSubmit} onClick={clickSubmit} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/Export.js CHANGED Viewed

@@ -36,12 +36,12 @@ export const Export = (props) => {
     };
     return (React.createElement(View, null,
         React.createElement(Header, { helpFunction: () => {
-                launchTutorialLink("publishing-a-desktop-project");
-            } }, "Publish"),
+                launchTutorialLink("SDD-10-Finish");
+            } }, "Publish project"),
         React.createElement(Content, null, isPublishing ? (React.createElement(Publish, Object.assign({}, props))) : (React.createElement("div", { className: "export-block" },
             React.createElement("h2", null, "Desktop Project"),
             React.createElement("div", { className: "export-project-name" },
-                React.createElement("label", { htmlFor: "projectName" }, "Project Name"),
+                React.createElement("label", { htmlFor: "projectName" }, "Project name"),
                 React.createElement("input", { type: "text", className: "project-name-field", id: "project-name", name: "project-name", placeholder: "Untitled", "aria-invalid": !isProjectNameValid, value: tmpProjectName, style: { fontSize: 14 }, onInput: (e) => {
                         setTmpProjectName(e.target.value);
                     }, onKeyDown: (e) => {
@@ -54,8 +54,8 @@ export const Export = (props) => {
                         }
                     } })),
             React.createElement("div", { className: "export-methods" },
-                React.createElement(ExportCloud, Object.assign({}, props)),
-                React.createElement(ExportZip, Object.assign({}, props))),
+                React.createElement(ExportCloud, Object.assign({}, props, { valid: isProjectNameValid })),
+                React.createElement(ExportZip, Object.assign({}, props, { valid: isProjectNameValid }))),
             deployInfo && (React.createElement("div", { className: "deployInfoContainer" },
                 React.createElement("div", null,
                     React.createElement("p", null, "Project installer link:"),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Export.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Export.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,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,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAGxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,kBAAkB,CAAC;AAY1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC5C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACvG,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACnG,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,KAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IAC1F,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,MAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IACvG,MAAM,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC;IACjG,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;QAC7C,QAAQ,CAAC,2BAA2B,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;QAC1C,KAAK,CAAC,qBAAqB,iCAAM,OAAO,KAAE,IAAI,EAAE,IAAI,IAAG,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;YACxE,IAAI,GAAG,EAAE;gBACR,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,gCAAgC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;aACxF;iBAAM;gBACN,UAAU,iCACN,OAAO,KACV,IAAI,IACH,CAAC;aACH;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,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,6BAAK,SAAS,EAAC,cAAc;YAC5B,kDAAwB;YACxB,6BAAK,SAAS,EAAC,qBAAqB;gBACnC,+BAAO,OAAO,EAAC,aAAa,mBAAqB;gBACjD,+BACC,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,oBAAoB,EAC9B,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,UAAU,kBACR,CAAC,kBAAkB,EACjC,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EACvB,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;wBACnD,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBACnC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wBAChB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;4BACtB,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;yBACvB;oBACF,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;wBACZ,IAAI,kBAAkB,EAAE;4BACvB,iBAAiB,CAAC,cAAc,CAAC,CAAC;yBAClC;oBACF,CAAC,GACA,CACG;YACN,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;oBACC,yDAA8B;oBAC9B,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, { useState } 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, useDispatch } from \"../../store\";\r\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\r\nimport { ProjectSaveData } from \"../../types/smartDesktopDesignerTypes\";\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\tupdateProjectSettings: typeof FSBL.Clients.SmartDesktopClient.prototype.updateProjectSettings;\r\n};\r\n\r\nexport const Export = (props: ExportProps) => {\r\n\tconst dispatch = useDispatch();\r\n\r\n\tconst isPublishing = useSelector((store: RootState) => store.smartDesktopDesigner.export.isPublishing);\r\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\r\n\tconst project = useSelector((state: RootState) => state.smartDesktopDesigner.projectInfo);\r\n\tconst [tmpProjectName, setTmpProjectName] = useState(project?.name === \"default\" ? \"\" : project?.name);\r\n\tconst isProjectNameValid = FSBL.Clients.SmartDesktopClient.checkValidProjectName(tmpProjectName);\r\n\tconst setProject = (value: ProjectSaveData) => {\r\n\t\tdispatch(SmartDesktopDesignerActions.set_project_info(value));\r\n\t};\r\n\r\n\tconst onSaveProjectName = (name: string) => {\r\n\t\tprops.updateProjectSettings({ ...project, name: name }).then(({ err }) => {\r\n\t\t\tif (err) {\r\n\t\t\t\tFSBL.Clients.Logger.system.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);\r\n\t\t\t} else {\r\n\t\t\t\tsetProject({\r\n\t\t\t\t\t...project,\r\n\t\t\t\t\tname,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t});\r\n\t};\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 className=\"export-block\">\r\n\t\t\t\t\t\t<h2>Desktop Project</h2>\r\n\t\t\t\t\t\t<div className=\"export-project-name\">\r\n\t\t\t\t\t\t\t<label htmlFor=\"projectName\">Project ~~Name~~</label>\r\n\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\tclassName=\"project-name-field\"\r\n\t\t\t\t\t\t\t\tid=\"project-name\"\r\n\t\t\t\t\t\t\t\tname=\"project-name\"\r\n\t\t\t\t\t\t\t\tplaceholder=\"Untitled\"\r\n\t\t\t\t\t\t\t\taria-invalid={!isProjectNameValid}\r\n\t\t\t\t\t\t\t\tvalue={tmpProjectName}\r\n\t\t\t\t\t\t\t\tstyle={{ fontSize: 14 }}\r\n\t\t\t\t\t\t\t\tonInput={(e: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\t\t\t\t\t\t\t\tsetTmpProjectName(e.target.value);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\r\n\t\t\t\t\t\t\t\t\t\te.currentTarget.blur();\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\tonBlur={() => {\r\n\t\t\t\t\t\t\t\t\tif (isProjectNameValid) {\r\n\t\t\t\t\t\t\t\t\t\tonSaveProjectName(tmpProjectName);\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/>\r\n\t\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<div>\r\n\t\t\t\t\t\t\t\t\t<p>Project installer link:</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"]}
1	+ {"version":3,"file":"Export.js","sourceRoot":"","sources":["../../../src/components/smartDesktopDesigner/Export.tsx"],"names":[],"mappings":"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","sourcesContent":["/!\n Copyright 2017 - 2020 by ChartIQ, Inc.\n * All rights reserved.\n */\n\nimport React, { useState } from \"react\";\nimport { View } from \"./View\";\nimport { Header } from \"../common/Header\";\nimport { Content } from \"./Content\";\nimport { ExportCloud } from \"./ExportCloud\";\nimport { ExportZip } from \"./ExportZip\";\nimport { Publish } from \"./Publish\";\nimport { ExportDeployInfo } from \"./ExportDeployInfo\";\nimport { useSelector, useDispatch } from \"../../store\";\nimport { SmartDesktopDesignerActions } from \"../../actions/smartDesktopDesignerActions\";\nimport { ProjectSaveData } from \"../../types/smartDesktopDesignerTypes\";\nimport { RootState } from \"../../reducers/rootReducer\";\nimport { launchTutorialLink } from \"./common/fsbl_functions\";\n\nimport \"./css/export.css\";\n\nexport type ExportProps = {\n\tprogressCheckInterval: number;\n\tgetProjectConfig: typeof FSBL.Clients.SmartDesktopClient.prototype.projectConfig;\n\tcreateProjectZip: typeof FSBL.Clients.SmartDesktopClient.prototype.createProjectZip;\n\tpublishToCosaicCloud: typeof FSBL.Clients.SmartDesktopClient.prototype.publishToCosaicCloud;\n\tgetPublishProgress: typeof FSBL.Clients.SmartDesktopClient.prototype.getPublishProgress;\n\tcopyProjectFiles: typeof FSBL.Clients.SmartDesktopClient.prototype.copyProjectFiles;\n\tupdateProjectSettings: typeof FSBL.Clients.SmartDesktopClient.prototype.updateProjectSettings;\n};\n\nexport const Export = (props: ExportProps) => {\n\tconst dispatch = useDispatch();\n\n\tconst isPublishing = useSelector((store: RootState) => store.smartDesktopDesigner.export.isPublishing);\n\tconst deployInfo = useSelector((store: RootState) => store.smartDesktopDesigner.export.deployInfo);\n\tconst project = useSelector((state: RootState) => state.smartDesktopDesigner.projectInfo);\n\tconst [tmpProjectName, setTmpProjectName] = useState(project?.name === \"default\" ? \"\" : project?.name);\n\tconst isProjectNameValid = FSBL.Clients.SmartDesktopClient.checkValidProjectName(tmpProjectName);\n\tconst setProject = (value: ProjectSaveData) => {\n\t\tdispatch(SmartDesktopDesignerActions.set_project_info(value));\n\t};\n\n\tconst onSaveProjectName = (name: string) => {\n\t\tprops.updateProjectSettings({ ...project, name: name }).then(({ err }) => {\n\t\t\tif (err) {\n\t\t\t\tFSBL.Clients.Logger.system.error(`ERROR updateProjectSettings: ${JSON.stringify(err)}`);\n\t\t\t} else {\n\t\t\t\tsetProject({\n\t\t\t\t\t...project,\n\t\t\t\t\tname,\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t};\n\n\treturn (\n\t\t<View>\n\t\t\t<Header\n\t\t\t\thelpFunction={() => {\n\t\t\t\t\tlaunchTutorialLink(\"SDD-10-Finish\");\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tPublish project\n\t\t\t</Header>\n\n\t\t\t<Content>\n\t\t\t\t{isPublishing ? (\n\t\t\t\t\t<Publish {...props} />\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"export-block\">\n\t\t\t\t\t\t<h2>Desktop Project</h2>\n\t\t\t\t\t\t<div className=\"export-project-name\">\n\t\t\t\t\t\t\t<label htmlFor=\"projectName\">Project name</label>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tclassName=\"project-name-field\"\n\t\t\t\t\t\t\t\tid=\"project-name\"\n\t\t\t\t\t\t\t\tname=\"project-name\"\n\t\t\t\t\t\t\t\tplaceholder=\"Untitled\"\n\t\t\t\t\t\t\t\taria-invalid={!isProjectNameValid}\n\t\t\t\t\t\t\t\tvalue={tmpProjectName}\n\t\t\t\t\t\t\t\tstyle={{ fontSize: 14 }}\n\t\t\t\t\t\t\t\tonInput={(e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\t\t\t\t\t\t\tsetTmpProjectName(e.target.value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\t\t\t\t\te.currentTarget.blur();\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonBlur={() => {\n\t\t\t\t\t\t\t\t\tif (isProjectNameValid) {\n\t\t\t\t\t\t\t\t\t\tonSaveProjectName(tmpProjectName);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"export-methods\">\n\t\t\t\t\t\t\t<ExportCloud {...props} valid={isProjectNameValid} />\n\t\t\t\t\t\t\t<ExportZip {...props} valid={isProjectNameValid} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{deployInfo && (\n\t\t\t\t\t\t\t<div className=\"deployInfoContainer\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<p>Project installer link:</p>\n\t\t\t\t\t\t\t\t\t<ExportDeployInfo />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Content>\n\t\t</View>\n\t);\n};\n"]}

package/react/components/smartDesktopDesigner/ExportCloud.d.ts CHANGED Viewed

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

package/react/components/smartDesktopDesigner/ExportCloud.js CHANGED Viewed

@@ -17,13 +17,13 @@ export const ExportCloud = (props) => {
         };
         getProjectConfig();
     }, []);
-    return (React.createElement("div", { className: "export-method" },
+    return (React.createElement("div", { className: "export-method package-project" },
         deployInfo ? (React.createElement("div", null,
-            React.createElement("p", null, "You can continue to update your desktop with new apps. Publish at any time to push updates to your team. They'll just need to restart their app to get the changes."))) : (React.createElement("div", null,
-            React.createElement("p", null, "Upload your smart desktop to Cosaic's cloud service to make it available to your team. After you publish, you can make changes and push updates to your team."))),
+            React.createElement("p", null, "Publish your project to share it with your users. Click Publish to create a project installer. Please be patient, it can take up to 20 minutes."))) : (React.createElement("div", null,
+            React.createElement("p", null, "You can continue working on your desktop project after you publish it. To update the project, republish it. Users will see the changes when they restart their desktop."))),
         React.createElement(ProjectErrors, { errors: projectErrors }),
         React.createElement("div", { className: "export-method-actions" },
-            React.createElement(Button, { disabled: projectErrors.length > 0, fashion: "secondary", text: "Publish", onClick: () => {
+            React.createElement(Button, { disabled: projectErrors.length > 0 || !props.valid, fashion: "secondary", text: "Publish", onClick: () => {
                     dispatch(SmartDesktopDesignerActions.set_is_publishing(true));
                     props
                         .publishToCosaicCloud()

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

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