@finsemble/finsemble-ui 1.0.0-beta-1

package/react/components/sdd/common/views.js

@@ -0,0 +1,205 @@
+import { GettingStarted } from "../GettingStarted";
+import { Applications } from "../Applications";
+import { Export } from "../Export";
+import { Themes } from "../Themes";
+import { Authentication } from "../Authentication";
+import { Toolbar } from "../Toolbar";
+import { OptionalSettingsView } from "../OptionalSettingsView";
+import { SmartDesktopClient } from "../smartDesktopClient";
+const getSDServerInfo = (cb) => {
+    SmartDesktopClient.getSDServerInfo().then((info) => {
+        FSBL.Clients.ConfigClient.getValues(null, (err, newConfig) => {
+            var _a, _b;
+            cb(Object.assign(Object.assign({}, info), { export: Object.assign(Object.assign({}, info.export), { toolbarIcon: "/assets/img/Finsemble_Toolbar_Icon.png", installerIcon: "/assets/img/installer_icon.ico", taskbarIcon: (_a = newConfig === null || newConfig === void 0 ? void 0 : newConfig.startup_app) === null || _a === void 0 ? void 0 : _a.applicationIcon, systemTrayIcon: (_b = newConfig === null || newConfig === void 0 ? void 0 : newConfig.finsemble) === null || _b === void 0 ? void 0 : _b.systemTrayIcon, splashScreenImage: newConfig === null || newConfig === void 0 ? void 0 : newConfig.splashScreenImage }) }));
+        });
+    });
+};
+function createCSRF() {
+    const epoch = new Date();
+    let id = epoch.getTime().toString(36);
+    id = id + Math.floor(Math.random() * Math.pow(36, 2)).toString(36);
+    return id.toUpperCase();
+}
+export default [
+    {
+        showLabel: false,
+        label: "",
+        views: [
+            {
+                id: "getting-started",
+                icon: "flag",
+                name: "Start",
+                component: GettingStarted,
+            },
+        ],
+    },
+    {
+        showLabel: true,
+        label: "Apps",
+        views: [
+            {
+                id: "applications",
+                icon: "window",
+                name: "Manage apps",
+                component: Applications,
+                props: {
+                    getApps: () => SmartDesktopClient.getApps(),
+                    addApp: (appId, appConfig) => SmartDesktopClient.addApp(appId, appConfig),
+                    deleteApp: (appId) => SmartDesktopClient.deleteApp(appId),
+                    updateApp: (appId, appConfig) => SmartDesktopClient.updateApp(appId, appConfig),
+                    getMenus: () => SmartDesktopClient.getMenus(),
+                    addMenu: (menuConfig) => SmartDesktopClient.addMenu(menuConfig),
+                    updateMenu: (menuId, menuConfig) => SmartDesktopClient.updateMenu(menuId, menuConfig),
+                    deleteMenu: (menuId) => SmartDesktopClient.deleteMenu(menuId),
+                    getPreloads: () => SmartDesktopClient.getPreloads(),
+                    getAppConfigTemplate: () => SmartDesktopClient.getAppConfigTemplate(),
+                    isInboundInteropAuthorized: SmartDesktopClient.isInboundInteropAuthorized,
+                    isOutboundInteropAuthorized: SmartDesktopClient.isOutboundInteropAuthorized,
+                },
+            },
+            {
+                id: "applications-optional",
+                icon: "code-block",
+                name: "Extensions",
+                component: OptionalSettingsView,
+                props: {
+                    getApps: SmartDesktopClient.getApps,
+                    updateApp: SmartDesktopClient.updateApp,
+                    getPreloads: SmartDesktopClient.getPreloads,
+                    savePreload: SmartDesktopClient.savePreload,
+                    deletePreload: SmartDesktopClient.deletePreload,
+                },
+            },
+        ],
+    },
+    {
+        showLabel: true,
+        label: "Desktop Customization",
+        views: [
+            {
+                id: "themes",
+                icon: "paint-roller",
+                name: "Theme",
+                component: Themes,
+                props: {
+                    getSDServerInfo,
+                    updateProjectSettings: (obj) => SmartDesktopClient.updateProjectSettings(obj),
+                    updateThemes: (id, newValue) => {
+                        SmartDesktopClient.updateThemeVariable(id, newValue);
+                    },
+                    updateTheme: (theme) => {
+                        SmartDesktopClient.updateTheme(theme);
+                    },
+                    areYouSure: (affirmativeCallback) => {
+                        FSBL.Clients.DialogManager.open("yesNo", {
+                            title: "Change your theme?",
+                            question: `Selecting this template will undo any custom theme changes. Would you like to proceed?`,
+                            hideModalOnClose: true,
+                            showNegativeButton: false,
+                            affirmativeResponseLabel: "Yes",
+                        }, (err, response) => {
+                            if (response.choice === "affirmative") {
+                                affirmativeCallback();
+                            }
+                        });
+                    },
+                    updateSplashScreen: (file) => SmartDesktopClient.updateSplashScreen(file),
+                    updateToolbarIcon: (file) => SmartDesktopClient.updateToolbarIcon(file),
+                    updateTaskbarIcon: (file) => SmartDesktopClient.updateTaskbarIcon(file),
+                    updateSystemTrayIcon: (file) => SmartDesktopClient.updateSystemTrayIcon(file),
+                    updateInstallerIcon: (file) => SmartDesktopClient.updateInstallerIcon(file),
+                },
+            },
+            {
+                id: "toolbar",
+                icon: "toolbar",
+                name: "Toolbar",
+                component: Toolbar,
+                props: {
+                    getApps: () => SmartDesktopClient.getApps(),
+                    getMenus: () => SmartDesktopClient.getMenus(),
+                    addMenu: (menuConfig) => SmartDesktopClient.addMenu(menuConfig),
+                    updateMenu: (menuId, menuConfig) => SmartDesktopClient.updateMenu(menuId, menuConfig),
+                    deleteMenu: (menuId) => SmartDesktopClient.deleteMenu(menuId),
+                },
+            },
+            {
+                id: "authentication",
+                icon: "key",
+                name: "Authentication",
+                component: Authentication,
+                props: {
+                    getAuthenticationProviders: () => new Promise((resolve) => {
+                        SmartDesktopClient.getAuthenticationProviders().then((providers) => {
+                            resolve(providers);
+                        });
+                    }),
+                    setAuthenticationProviders: (authenticationProviders) => SmartDesktopClient.setAuthenticationProviders(authenticationProviders),
+                    testAuthenticationProvider: (provider) => new Promise((resolve, reject) => {
+                        const scopeMaybe = provider.scope ? `&scope=${provider.scope}` : "";
+                        const nonceMaybe = provider.nonce ? `&nonce=${Math.random()}` : "";
+                        const url = `${provider.authorization_endpoint}?client_id=${provider.client_id}&response_type=token&redirect_uri=${provider.redirect_uri}&state=${createCSRF()}${scopeMaybe}${nonceMaybe}`;
+                        FSBL.Clients.LauncherClient.spawn("authentication", {
+                            url,
+                            top: "center",
+                            left: "center",
+                            canGroup: false,
+                            options: {
+                                customData: {
+                                    foreign: {
+                                        services: {
+                                            windowService: {
+                                                allowTabbing: false,
+                                                allowSnapping: false,
+                                                allowGrouping: false,
+                                            },
+                                        },
+                                    },
+                                    authorizationUrl: url,
+                                },
+                            },
+                        }, (err) => {
+                            if (err) {
+                                throw err;
+                            }
+                        });
+                        FSBL.Clients.RouterClient.addListener("SDD-Auth-Test-Response", (error, response) => {
+                            if (error || !response.data) {
+                                reject(error || "Empty error response from OAuth");
+                            }
+                            else if (response.data.err) {
+                                reject(response.data.err);
+                            }
+                            else {
+                                resolve(null);
+                            }
+                        });
+                    }),
+                },
+            },
+        ],
+    },
+    {
+        showLabel: true,
+        label: "Deploy",
+        views: [
+            {
+                id: "export",
+                icon: "upload",
+                name: "Finish",
+                component: Export,
+                props: {
+                    progressCheckInterval: 500,
+                    getSDServerInfo,
+                    getProjectConfig: () => SmartDesktopClient.projectConfig(),
+                    createProjectZip: (projectName, targetPath = undefined) => SmartDesktopClient.createProjectZip(projectName || "default", targetPath),
+                    publishToCosaicCloud: (uuid) => SmartDesktopClient.publishToCosaicCloud(uuid),
+                    getPublishProgress: () => SmartDesktopClient.getPublishProgress(),
+                    copyProjectFiles: (projectName, targetPath = undefined) => SmartDesktopClient.copyProjectFiles(projectName || "default", targetPath),
+                    updateProjectSettings: (obj) => SmartDesktopClient.updateProjectSettings(obj),
+                },
+            },
+        ],
+    },
+];
+//# sourceMappingURL=views.js.map

package/react/components/sdd/common/views.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"views.js","sourceRoot":"","sources":["../../../../src/components/sdd/common/views.ts"],"names":[],"mappings":"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","sourcesContent":["import { GettingStarted } from \"../GettingStarted\";\nimport { Applications, ApplicationsProps } from \"../Applications\";\nimport { Export, ExportProps } from \"../Export\";\nimport { Themes, ThemeProps } from \"../Themes\";\nimport { AuthenticationProvider, MenuObjType, ViewSectionInfo } from \"../../../types/smartDesktopDesignerTypes\";\nimport { Authentication, AuthenticationProps } from \"../Authentication\";\nimport { services } from \"@finsemble/finsemble-api\";\nimport { Toolbar, ToolbarProps } from \"../Toolbar\";\nimport { OptionalSettingsViewProps, OptionalSettingsView } from \"../OptionalSettingsView\";\nimport { ThemeBundle } from \"../ThemePage\";\nimport { SmartDesktopClient } from \"../smartDesktopClient\";\n\ntype AppDefinition = services.Interop.types.AppDefinition;\n\nconst getSDServerInfo = (cb: any) => {\n\tSmartDesktopClient.getSDServerInfo().then((info: any) => {\n\t\tFSBL.Clients.ConfigClient.getValues(null, (err: any, newConfig: any) => {\n\t\t\tcb({\n\t\t\t\t...info,\n\t\t\t\texport: {\n\t\t\t\t\t...info.export,\n\t\t\t\t\ttoolbarIcon: \"/assets/img/Finsemble_Toolbar_Icon.png\",\n\t\t\t\t\tinstallerIcon: \"/assets/img/installer_icon.ico\",\n\t\t\t\t\ttaskbarIcon: newConfig?.startup_app?.applicationIcon,\n\t\t\t\t\tsystemTrayIcon: newConfig?.finsemble?.systemTrayIcon,\n\t\t\t\t\tsplashScreenImage: newConfig?.splashScreenImage,\n\t\t\t\t},\n\t\t\t});\n\t\t});\n\t});\n};\n\nfunction createCSRF() {\n\tconst epoch = new Date();\n\tlet id = epoch.getTime().toString(36);\n\tid = id + Math.floor(Math.random() * Math.pow(36, 2)).toString(36);\n\treturn id.toUpperCase();\n}\n\nexport default [\n\t{\n\t\tshowLabel: false,\n\t\tlabel: \"\",\n\t\tviews: [\n\t\t\t{\n\t\t\t\tid: \"getting-started\",\n\t\t\t\ticon: \"flag\",\n\t\t\t\tname: \"Start\",\n\t\t\t\tcomponent: GettingStarted,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tshowLabel: true,\n\t\tlabel: \"Apps\",\n\t\tviews: [\n\t\t\t{\n\t\t\t\tid: \"applications\",\n\t\t\t\ticon: \"window\",\n\t\t\t\tname: \"Manage apps\",\n\t\t\t\tcomponent: Applications,\n\t\t\t\tprops: <ApplicationsProps>{\n\t\t\t\t\tgetApps: () => SmartDesktopClient.getApps(),\n\t\t\t\t\taddApp: (appId: string, appConfig: AppDefinition) => SmartDesktopClient.addApp(appId, appConfig),\n\t\t\t\t\tdeleteApp: (appId: string) => SmartDesktopClient.deleteApp(appId),\n\t\t\t\t\tupdateApp: (appId: string, appConfig: AppDefinition) => SmartDesktopClient.updateApp(appId, appConfig),\n\t\t\t\t\tgetMenus: () => SmartDesktopClient.getMenus(),\n\t\t\t\t\taddMenu: (menuConfig: MenuObjType) => SmartDesktopClient.addMenu(menuConfig),\n\t\t\t\t\tupdateMenu: (menuId: string, menuConfig: MenuObjType) => SmartDesktopClient.updateMenu(menuId, menuConfig),\n\t\t\t\t\tdeleteMenu: (menuId: string) => SmartDesktopClient.deleteMenu(menuId),\n\t\t\t\t\tgetPreloads: () => SmartDesktopClient.getPreloads(),\n\t\t\t\t\tgetAppConfigTemplate: () => SmartDesktopClient.getAppConfigTemplate(),\n\t\t\t\t\tisInboundInteropAuthorized: SmartDesktopClient.isInboundInteropAuthorized,\n\t\t\t\t\tisOutboundInteropAuthorized: SmartDesktopClient.isOutboundInteropAuthorized,\n\t\t\t\t},\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"applications-optional\",\n\t\t\t\ticon: \"code-block\",\n\t\t\t\tname: \"Extensions\",\n\t\t\t\tcomponent: OptionalSettingsView,\n\t\t\t\tprops: <OptionalSettingsViewProps>{\n\t\t\t\t\tgetApps: SmartDesktopClient.getApps,\n\t\t\t\t\tupdateApp: SmartDesktopClient.updateApp,\n\t\t\t\t\tgetPreloads: SmartDesktopClient.getPreloads,\n\t\t\t\t\tsavePreload: SmartDesktopClient.savePreload,\n\t\t\t\t\tdeletePreload: SmartDesktopClient.deletePreload,\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tshowLabel: true,\n\t\tlabel: \"Desktop Customization\",\n\t\tviews: [\n\t\t\t{\n\t\t\t\tid: \"themes\",\n\t\t\t\ticon: \"paint-roller\",\n\t\t\t\tname: \"Theme\",\n\t\t\t\tcomponent: Themes,\n\t\t\t\tprops: {\n\t\t\t\t\tgetSDServerInfo,\n\t\t\t\t\tupdateProjectSettings: (obj: any) => SmartDesktopClient.updateProjectSettings(obj),\n\t\t\t\t\tupdateThemes: (id: string, newValue: string) => {\n\t\t\t\t\t\tSmartDesktopClient.updateThemeVariable(id, newValue);\n\t\t\t\t\t},\n\t\t\t\t\tupdateTheme: (theme: ThemeBundle) => {\n\t\t\t\t\t\tSmartDesktopClient.updateTheme(theme);\n\t\t\t\t\t},\n\t\t\t\t\tareYouSure: (affirmativeCallback: Function) => {\n\t\t\t\t\t\tFSBL.Clients.DialogManager.open(\n\t\t\t\t\t\t\t\"yesNo\",\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttitle: \"Change your theme?\",\n\t\t\t\t\t\t\t\tquestion: `Selecting this template will undo any custom theme changes. Would you like to proceed?`,\n\t\t\t\t\t\t\t\thideModalOnClose: true,\n\t\t\t\t\t\t\t\tshowNegativeButton: false,\n\t\t\t\t\t\t\t\taffirmativeResponseLabel: \"Yes\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t(err: any, response: { choice: string }) => {\n\t\t\t\t\t\t\t\tif (response.choice === \"affirmative\") {\n\t\t\t\t\t\t\t\t\taffirmativeCallback();\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t},\n\t\t\t\t\tupdateSplashScreen: (file: File) => SmartDesktopClient.updateSplashScreen(file),\n\t\t\t\t\tupdateToolbarIcon: (file: File) => SmartDesktopClient.updateToolbarIcon(file),\n\t\t\t\t\tupdateTaskbarIcon: (file: File) => SmartDesktopClient.updateTaskbarIcon(file),\n\t\t\t\t\tupdateSystemTrayIcon: (file: File) => SmartDesktopClient.updateSystemTrayIcon(file),\n\t\t\t\t\tupdateInstallerIcon: (file: File) => SmartDesktopClient.updateInstallerIcon(file),\n\t\t\t\t} as ThemeProps,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"toolbar\",\n\t\t\t\ticon: \"toolbar\",\n\t\t\t\tname: \"Toolbar\",\n\t\t\t\tcomponent: Toolbar,\n\t\t\t\tprops: {\n\t\t\t\t\tgetApps: () => SmartDesktopClient.getApps(),\n\t\t\t\t\tgetMenus: () => SmartDesktopClient.getMenus(),\n\t\t\t\t\taddMenu: (menuConfig: MenuObjType) => SmartDesktopClient.addMenu(menuConfig),\n\t\t\t\t\tupdateMenu: (menuId: string, menuConfig: MenuObjType) => SmartDesktopClient.updateMenu(menuId, menuConfig),\n\t\t\t\t\tdeleteMenu: (menuId: string) => SmartDesktopClient.deleteMenu(menuId),\n\t\t\t\t} as ToolbarProps,\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: \"authentication\",\n\t\t\t\ticon: \"key\",\n\t\t\t\tname: \"Authentication\",\n\t\t\t\tcomponent: Authentication,\n\t\t\t\tprops: (<AuthenticationProps>{\n\t\t\t\t\tgetAuthenticationProviders: () =>\n\t\t\t\t\t\tnew Promise<AuthenticationProvider[]>((resolve) => {\n\t\t\t\t\t\t\tSmartDesktopClient.getAuthenticationProviders().then((providers: AuthenticationProvider[]) => {\n\t\t\t\t\t\t\t\tresolve(providers);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}),\n\t\t\t\t\tsetAuthenticationProviders: (authenticationProviders: any) =>\n\t\t\t\t\t\tSmartDesktopClient.setAuthenticationProviders(authenticationProviders),\n\t\t\t\t\ttestAuthenticationProvider: (provider: AuthenticationProvider) =>\n\t\t\t\t\t\tnew Promise((resolve, reject) => {\n\t\t\t\t\t\t\tconst scopeMaybe = provider.scope ? `&scope=${provider.scope}` : \"\";\n\t\t\t\t\t\t\tconst nonceMaybe = provider.nonce ? `&nonce=${Math.random()}` : \"\";\n\t\t\t\t\t\t\tconst url = `${provider.authorization_endpoint}?client_id=${\n\t\t\t\t\t\t\t\tprovider.client_id\n\t\t\t\t\t\t\t}&response_type=token&redirect_uri=${\n\t\t\t\t\t\t\t\tprovider.redirect_uri\n\t\t\t\t\t\t\t}&state=${createCSRF()}${scopeMaybe}${nonceMaybe}`;\n\n\t\t\t\t\t\t\tFSBL.Clients.LauncherClient.spawn(\n\t\t\t\t\t\t\t\t\"authentication\",\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\turl,\n\t\t\t\t\t\t\t\t\ttop: \"center\",\n\t\t\t\t\t\t\t\t\tleft: \"center\",\n\t\t\t\t\t\t\t\t\tcanGroup: false,\n\t\t\t\t\t\t\t\t\toptions: {\n\t\t\t\t\t\t\t\t\t\tcustomData: {\n\t\t\t\t\t\t\t\t\t\t\tforeign: {\n\t\t\t\t\t\t\t\t\t\t\t\tservices: {\n\t\t\t\t\t\t\t\t\t\t\t\t\twindowService: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tallowTabbing: false,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tallowSnapping: false,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tallowGrouping: false,\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\tauthorizationUrl: url,\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\t(err: any) => {\n\t\t\t\t\t\t\t\t\tif (err) {\n\t\t\t\t\t\t\t\t\t\tthrow err;\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\n\t\t\t\t\t\t\tFSBL.Clients.RouterClient.addListener(\"SDD-Auth-Test-Response\", (error: any, response: any) => {\n\t\t\t\t\t\t\t\tif (error || !response.data) {\n\t\t\t\t\t\t\t\t\treject(error || \"Empty error response from OAuth\");\n\t\t\t\t\t\t\t\t} else if (response.data.err) {\n\t\t\t\t\t\t\t\t\treject(response.data.err);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tresolve(null);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}),\n\t\t\t\t}) as AuthenticationProps,\n\t\t\t},\n\t\t],\n\t},\n\t{\n\t\tshowLabel: true,\n\t\tlabel: \"Deploy\",\n\t\tviews: [\n\t\t\t{\n\t\t\t\tid: \"export\",\n\t\t\t\ticon: \"upload\",\n\t\t\t\tname: \"Finish\",\n\t\t\t\tcomponent: Export,\n\t\t\t\tprops: (<ExportProps>{\n\t\t\t\t\tprogressCheckInterval: 500,\n\t\t\t\t\tgetSDServerInfo,\n\t\t\t\t\tgetProjectConfig: () => SmartDesktopClient.projectConfig(),\n\t\t\t\t\tcreateProjectZip: (projectName: string, targetPath: string | undefined = undefined) =>\n\t\t\t\t\t\tSmartDesktopClient.createProjectZip(projectName || \"default\", targetPath),\n\t\t\t\t\tpublishToCosaicCloud: (uuid: string) => SmartDesktopClient.publishToCosaicCloud(uuid),\n\t\t\t\t\tgetPublishProgress: () => SmartDesktopClient.getPublishProgress(),\n\t\t\t\t\tcopyProjectFiles: (projectName: string, targetPath: string | undefined = undefined) =>\n\t\t\t\t\t\tSmartDesktopClient.copyProjectFiles(projectName || \"default\", targetPath),\n\t\t\t\t\tupdateProjectSettings: (obj: any) => SmartDesktopClient.updateProjectSettings(obj),\n\t\t\t\t}) as ExportProps,\n\t\t\t},\n\t\t],\n\t},\n] as ViewSectionInfo[];\n"]}

package/react/components/sdd/css/addApp.css

@@ -0,0 +1,65 @@
+.quick-add-app .finsembleToggle {
+	height: 32px;
+	background-color: #22262f;
+	text-align: center;
+	border-radius: 5px;
+	margin: 4px;
+	position: relative;
+	top: 6px;
+}
+
+.quick-add-app table {
+	margin-top: 10px;
+}
+
+.quick-add-app .toggle-text-label {
+	height: 26px;
+	width: 90px;
+	border-radius: 5px;
+	justify-self: center;
+	padding-top: 5px;
+}
+
+.quick-add-app .toggle-text-label[aria-selected="true"] {
+	background-color: #5b606f;
+}
+
+.quick-add-close {
+	position: absolute;
+	right: 0;
+	top: 5px;
+	color: #aaa;
+}
+
+.quick-add-close button {
+	color: #aaa;
+}
+
+.quick-add-app .save-button-container {
+	width: 100%;
+	text-align: right;
+	padding-bottom: 19px;
+	padding-top: 5px;
+}
+
+.quick-add-app .save-button-container button {
+	margin-right: 20px;
+	border-radius: 5px;
+}
+
+.file-input-field {
+	flex-grow: 1;
+}
+
+.file-input-field input[type="text"] {
+	width: 100%;
+}
+
+[id^="path-app-name"] {
+	width: 95%;
+	padding-left: 4px;
+}
+
+[id^="api-access"] {
+	margin-left: 0;
+}

package/react/components/sdd/css/appearance.css

@@ -0,0 +1,27 @@
+.finsemble-icon-flag {
+	color: #27ae38;
+}
+
+.finsemble-icon-window {
+	color: #902e57;
+}
+
+.finsemble-icon-paint-roller {
+	color: #43a5ba;
+}
+
+.finsemble-icon-key {
+	color: #fdb913;
+}
+
+.finsemble-icon-upload {
+	color: #3b7262;
+}
+
+.finsemble-icon-toolbar {
+	color: #902e57;
+}
+
+.finsemble-icon-code-block {
+	color: #5b606f;
+}

package/react/components/sdd/css/applications.css

@@ -0,0 +1,160 @@
+body {
+	overflow: hidden;
+}
+
+.setup-type-container {
+	position: absolute;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	width: 100%;
+	height: 100%;
+	background-color: #171a20;
+}
+
+.tile-type-buttons {
+	display: flex;
+	width: 100%;
+	justify-content: space-around;
+}
+
+.setup-type-container .tile-type-buttons,
+.app-edit .tile-type-buttons {
+	max-width: 30em;
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 1em;
+}
+
+.active-web .button-container-tile:nth-child(1) button,
+.active-native .button-container-tile:nth-child(2) button {
+	border-color: #42a5ba;
+}
+
+.app-trial-wrapper {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	margin-top: 0.7em;
+}
+
+.app-edit-success-content {
+	margin-left: 2em;
+}
+
+/* stylelint-disable-next-line no-descending-specificity */
+.app-edit-success-content button {
+	background-color: #373b43;
+	margin-left: 0.9em;
+}
+
+.app-edit-success-actions {
+	text-align: right;
+}
+
+/* stylelint-disable-next-line no-descending-specificity */
+.app-edit-success-actions button {
+	display: inline-block;
+	background-color: #42a5ba;
+}
+
+/* stylelint-disable-next-line no-descending-specificity */
+.app-edit-success-actions button:hover {
+	background-color: #36788b;
+}
+
+.app-setup-url-field {
+	display: block;
+	margin: 2em 3em;
+}
+
+.app-setup-url-field label {
+	display: block;
+	margin-bottom: 0.5em;
+}
+
+.app-setup-url-field input[type="text"] {
+	background-color: var(--core-primary);
+	border-bottom: 2px solid var(--core-primary-3);
+	width: 100%;
+	box-sizing: border-box;
+}
+
+.app-url-container input,
+.app-url-container div {
+	display: block;
+}
+
+.app-file-input {
+	width: 338px;
+}
+
+label[for="menu-group"] {
+	align-self: flex-start;
+	margin-top: 20px;
+}
+
+.tooltip-portal.is-scrolling {
+	opacity: 0;
+}
+
+.app-edit-advanced h2 {
+	margin-left: -2em;
+}
+
+.app-edit-advanced h2 .finsemble-icon {
+	margin-right: 0.25em;
+}
+
+.app-edit-advanced p {
+	margin-left: 0;
+}
+
+.app-edit-advanced p .finsemble-icon {
+	color: #42a5ba;
+	margin-right: 0.5em;
+}
+
+.app-edit-advanced-content {
+	max-height: 0;
+	overflow: hidden;
+}
+
+.app-edit-advanced.is-expanded .app-edit-advanced-content {
+	max-height: 1000px;
+}
+
+.app-edit-advanced.is-expanded .expand-icon {
+	transform: rotate(90deg);
+}
+
+.quick-add-app.collapsed {
+	visibility: hidden;
+	height: 0;
+	max-height: 0;
+}
+
+.quick-add-app {
+	padding-left: 19px;
+	visibility: visible;
+	max-height: 500px;
+	height: auto;
+	overflow-y: hidden;
+	transition: 1s max-height ease-in;
+}
+
+.quick-add-app .tooltip > .tooltip-content {
+	bottom: -50px;
+	top: auto;
+	width: 250px;
+}
+
+.always-present [role="combobox"] {
+	max-width: 100px;
+	justify-content: space-between;
+}
+
+.always-present [role="combobox"] .ff-caret-down {
+	right: 2px;
+}

package/react/components/sdd/css/authentication.css

@@ -0,0 +1,124 @@
+.auth-setup-form p {
+	margin-left: 0;
+}
+
+.auth-setup-select-provider {
+	width: 290px;
+	margin-right: 10px;
+	border: 0 solid transparent;
+	border-bottom: 2px solid #3d4455;
+	background-color: #22262f;
+	color: #fff;
+	font-family: inherit;
+	padding: 10px 3px;
+	border-right: 4px solid transparent;
+}
+
+.auth-setup-field input[readonly] {
+	background-color: transparent;
+	border-bottom-color: #22262f;
+}
+
+.auth-setup-field input[readonly]:focus {
+	border-bottom-color: #3d4455;
+}
+
+.auth-setup-field .button-container-icon.icon-copy {
+	margin: 0;
+}
+
+.auth-setup-field .button-container-icon.icon-copy button {
+	padding: 0;
+	padding-right: 13px;
+	padding-left: 4px;
+}
+
+.auth-setup-form h3 {
+	font-size: 1.25em;
+	margin-right: 2em;
+	font-weight: bold;
+	font-stretch: normal;
+	font-style: normal;
+	line-height: 1.13;
+	letter-spacing: normal;
+	color: #fff;
+}
+
+.auth-setup-field {
+	display: flex;
+	margin-bottom: 1em;
+	align-items: center;
+}
+
+.auth-setup-field > div {
+	align-self: center;
+	margin-right: 1em;
+}
+
+.auth-setup-field label {
+	width: 100px;
+	margin-right: 1em;
+}
+
+.auth-setup-field > input,
+.auth-setup-field > select,
+.auth-setup-nonce-wrapper {
+	flex-basis: 150px;
+	flex-grow: 1;
+	margin-right: 1em;
+}
+
+.auth-setup-redirect-button {
+	padding-right: 16px;
+	margin-left: -16px;
+}
+
+.auth-setup-provider {
+	margin-top: 0.5em;
+}
+
+.auth-setup-actions {
+	display: flex;
+	justify-content: flex-end;
+	margin-right: 40px;
+}
+
+.auth-setup-error {
+	color: #f26666;
+	margin-bottom: 1em;
+}
+
+.auth-setup-success {
+	color: #2cc13f;
+	margin-bottom: 1em;
+}
+
+.auth-setup-content {
+	display: flex;
+	max-width: 670px;
+	margin-top: 0.5em;
+}
+
+.auth-setup-tutorial {
+	max-width: 350px;
+}
+
+.auth-setup-tutorial h3 {
+	margin-top: 0.5em;
+}
+
+.auth-setup-tutorial p {
+	margin-left: 0;
+}
+
+.auth-setup-toggle-mode {
+	justify-content: left;
+	position: absolute;
+	transform: translateY(-100%);
+}
+
+/* stylelint-disable-next-line no-descending-specificity */
+.auth-setup-toggle-mode button {
+	color: white;
+	border-color: white;
+}

package/react/components/sdd/css/buttons.css

@@ -0,0 +1,12 @@
+button {
+	border-radius: 3px;
+	font-family: OpenSans;
+	font-weight: 600;
+	padding: 0.5em 1em;
+	background-color: transparent;
+	border: 0 solid transparent;
+	color: #fff;
+	font-size: 0.9rem;
+	transition: all 0.2s ease-in;
+	cursor: pointer;
+}