@docsvision/management-console 6.2.0-beta.3 → 6.2.0-beta.5

package/index.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import React__default, { useState, useEffect, createElement, useRef, useMemo, useContext, memo, isValidElement, cloneElement, Children, createContext, useCallback, useDebugValue, useLayoutEffect, forwardRef as forwardRef$1, Fragment as Fragment$1, Component, useReducer } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Accordion as Accordion$1, AccordionSummary, AccordionDetails, Typography as Typography$3, Button as Button$3, Box, CircularProgress as CircularProgress$3, Tooltip as Tooltip$2, Breadcrumbs, IconButton as IconButton$3, Popover as Popover$4, SvgIcon as SvgIcon$3, TableCell as TableCell$2, Grid as Grid$1, Paper as Paper$3, Chip as Chip$1, MenuItem as MenuItem$2, List as List$4, ListItemButton, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1, ListItem as ListItem$1, Input as Input$3, TextField as TextField$3, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, RadioGroup, Radio, createTheme as createTheme$3, TableContainer, Table as Table$1, TableHead, TableRow as TableRow$1, TableBody as TableBody$1, capitalize as capitalize$2, ThemeProvider as ThemeProvider$1, InputAdornment as InputAdornment$3, Dialog as Dialog$2, DialogTitle, DialogContent as DialogContent$2, DialogActions as DialogActions$2 } from "@mui/material";
+import { Accordion as Accordion$1, AccordionSummary, AccordionDetails, Typography as Typography$3, Button as Button$3, Box, CircularProgress as CircularProgress$3, Tooltip as Tooltip$2, Breadcrumbs, IconButton as IconButton$3, Popover as Popover$4, SvgIcon as SvgIcon$3, TableCell as TableCell$2, Grid as Grid$1, Paper as Paper$3, Chip as Chip$1, MenuItem as MenuItem$2, List as List$4, ListItemButton, ListItemIcon as ListItemIcon$1, ListItemText as ListItemText$1, ListItem as ListItem$1, Input as Input$3, TextField as TextField$3, FormControlLabel as FormControlLabel$1, Checkbox as Checkbox$1, RadioGroup, Radio, createTheme as createTheme$3, TableContainer, Table as Table$1, TableHead, TableRow as TableRow$1, TableBody as TableBody$1, capitalize as capitalize$2, ThemeProvider as ThemeProvider$1, InputAdornment as InputAdornment$3, Dialog as Dialog$2, DialogTitle, DialogContent as DialogContent$2, DialogActions as DialogActions$2, FormControl as FormControl$3, Select as Select$3, LinearProgress as LinearProgress$1 } from "@mui/material";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync } from "react-dom";
 import { unstable_createGetCssVar, createSpacing as createSpacing$2, useTheme as useTheme$4, GlobalStyles as GlobalStyles$1, unstable_memoTheme, keyframes, css as css$2, styled as styled$1, alpha as alpha$2, lighten as lighten$2, darken as darken$2, decomposeColor as decomposeColor$2, recomposeColor as recomposeColor$2, getThemeProps as getThemeProps$2 } from "@mui/system";
@@ -45,7 +45,7 @@ const useOutsideClick = (ref2, callback) => {
     };
   });
 };
-function ExpandMoreIcon(props) {
+function ExpandMoreIcon$1(props) {
   const { onClick, color: color2 = "#757575" } = props;
   return /* @__PURE__ */ jsx("div", { className: "expand-more-icon", "data-testid": "expand-more-icon", onClick, children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: color2, children: /* @__PURE__ */ jsx("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }) }) });
 }
@@ -55,7 +55,7 @@ function Accordion(props) {
     /* @__PURE__ */ jsx(
       AccordionSummary,
       {
-        expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+        expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon$1, {}),
         "aria-controls": ariaControls,
         id,
         children: summary()
@@ -52786,7 +52786,7 @@ function ClearButton(props) {
 function DeleteIcon$1({ onClick }) {
   return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "24", height: "24", viewBox: "0 0 24 24", onClick, children: /* @__PURE__ */ jsx("path", { d: "M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M7,6H17V19H7V6M9,8V17H11V8H9M13,8V17H15V8H13Z", fill: "#607d8b" }) });
 }
-function ErrorIcon() {
+function ErrorIcon$1() {
   return /* @__PURE__ */ jsx("svg", { width: "24px", height: "24px", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("g", { "data-name": "Layer 2", children: /* @__PURE__ */ jsxs("g", { "data-name": "close", children: [
     /* @__PURE__ */ jsx("rect", { width: "24", height: "24", transform: "rotate(180 12 12)", opacity: "0" }),
     /* @__PURE__ */ jsx("path", { d: "M13.41 12l4.3-4.29a1 1 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1 1 0 0 0-1.42 1.42l4.3 4.29-4.3 4.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l4.29-4.3 4.29 4.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z" })
@@ -52794,7 +52794,7 @@ function ErrorIcon() {
 }
 function ErrorBlock({ text, close }) {
   return /* @__PURE__ */ jsxs("div", { className: "error-block", children: [
-    /* @__PURE__ */ jsx("div", { className: "error-block__button_close", onClick: close, children: /* @__PURE__ */ jsx(ErrorIcon, {}) }),
+    /* @__PURE__ */ jsx("div", { className: "error-block__button_close", onClick: close, children: /* @__PURE__ */ jsx(ErrorIcon$1, {}) }),
     /* @__PURE__ */ jsx("p", { className: "error-block__text", children: text })
   ] });
 }
@@ -59027,12 +59027,30 @@ function CellWithTwoLineClamping(props) {
   };
   return /* @__PURE__ */ jsx(Cell, { className, style: { maxWidth: maxWidth2 }, align: props.align || "left", onClick, children: /* @__PURE__ */ jsx(LightTooltip, { title: content, placement: "top-start", disableHoverListener: !showTooltip, children: /* @__PURE__ */ jsx("div", { ref: contentRef, className: "mui-table__cell-clamp-two-line", children: content }) }) });
 }
+const CheckIcon$1 = createSvgIcon(/* @__PURE__ */ jsx("path", {
+  d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+}));
 const Clear = createSvgIcon(/* @__PURE__ */ jsx("path", {
   d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
 }));
+const Close = createSvgIcon(/* @__PURE__ */ jsx("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}));
+const ComputerRounded = createSvgIcon(/* @__PURE__ */ jsx("path", {
+  d: "M20 18c1.1 0 1.99-.9 1.99-2L22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H1c-.55 0-1 .45-1 1s.45 1 1 1h22c.55 0 1-.45 1-1s-.45-1-1-1zM5 6h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1"
+}));
 const DeleteIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM8 9h8v10H8zm7.5-5-1-1h-5l-1 1H5v2h14V4z"
 }));
+const ErrorIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"
+}));
+const ExpandMoreIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
+  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+}));
+const ForwardIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
+  d: "M12 8V4l8 8-8 8v-4H4V8z"
+}));
 const GroupIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
   d: "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5"
 }));
@@ -59184,7 +59202,8 @@ function ListItem(props) {
   return /* @__PURE__ */ jsx(ListItem$1, { secondaryAction: /* @__PURE__ */ jsx(DeleteIconButton, { onClick: deleteItem }), children: /* @__PURE__ */ jsx(ListItemText$1, { primary: renderContent() }) });
 }
 function ListPanel(props) {
-  const { items, setItems, disabled, validate: validate2, className, errorMessage, services } = props;
+  const services = useContext(ServicesContext);
+  const { items, setItems, disabled, validate: validate2, className, errorMessage } = props;
   const [value, setValue] = useState("");
   const addItem = async () => {
     const isValid2 = await validate2?.(value) ?? true;
@@ -82231,10 +82250,36 @@ function List$1(props) {
     defaultValue: value
   });
   return /* @__PURE__ */ jsxs(EditorContainer, { isChanged: isDirty, resetValue: () => resetField(fieldName, { defaultValue: value }), ...props, children: [
-    /* @__PURE__ */ jsx(ListPanel, { className: "list__list-panel", items: field.value, setItems: field.onChange, services }),
+    /* @__PURE__ */ jsx(ListPanel, { className: "list__list-panel", items: field.value, setItems: field.onChange }),
     error && /* @__PURE__ */ jsx(ErrorMessage, { message: services.resources.Dialog_ValidationRequired })
   ] });
 }
+function UserGroups(props) {
+  const { required, id: fieldName, value } = props;
+  const { control, resetField } = useCustomFormContext();
+  const [selectedGroup, setSelectedGroup] = useState(value ? Object.keys(value)[0] : null);
+  const {
+    field,
+    fieldState: { isDirty }
+  } = useController({
+    name: fieldName,
+    control,
+    rules: { required },
+    defaultValue: value
+  });
+  return /* @__PURE__ */ jsx(EditorContainer, { isChanged: isDirty, resetValue: () => resetField(fieldName, { defaultValue: value }), ...props, children: field.value && /* @__PURE__ */ jsxs("div", { className: "user-groups", children: [
+    /* @__PURE__ */ jsx(GroupPanel, { groups: field.value, selectedGroup, selectGroup: setSelectedGroup }),
+    /* @__PURE__ */ jsx(ForwardIcon, { fontSize: "large", className: "user-groups__forward-icon" }),
+    /* @__PURE__ */ jsx(
+      ListPanel,
+      {
+        items: field.value[selectedGroup],
+        setItems: (items) => field.onChange({ ...field.value, [selectedGroup]: items })
+      },
+      selectedGroup
+    )
+  ] }) });
+}
 const commonMuiProps = {
   select: {
     displayEmpty: true,
@@ -82527,6 +82572,724 @@ function LdapCatalogs(props) {
     /* @__PURE__ */ jsx("div", { className: "ldap-catalogs__button-panel", children: /* @__PURE__ */ jsx(Button$3, { variant: "contained", size: "small", color: "secondary", onClick: (e2) => goToLdapCatalogPage(e2, "", resources.NewCatalog), children: resources.NewCatalog }) })
   ] });
 }
+const DATE_FORMAT = "LL";
+const CREATION_DATE_STRING_KEY = "creationDate";
+const EXPIRATION_DATE_STRING_KEY = "expirationDate";
+const EMPTY_OPTION_VALUE = "—";
+function LicenseOptions(props) {
+  const { features, activationResultText, creationDate, customerName, name, serialNumber, expirationDate } = props.value ?? {};
+  const gridValues = { name, customerName, creationDate, expirationDate, serialNumber };
+  const services = useContext(ServicesContext);
+  if (!props.value) {
+    return /* @__PURE__ */ jsx(EditorContainer, { isChanged: false, resetValue: () => {
+    }, ...props, children: /* @__PURE__ */ jsx("p", { className: "license-options__text", children: services.resources.NoLicenseKeyInformation }) });
+  }
+  const featuresList = Object.values(features);
+  const getOptionDisplayValue = (key, value) => {
+    switch (key) {
+      case CREATION_DATE_STRING_KEY:
+        return formatDateToString(new Date(value), DATE_FORMAT);
+      case EXPIRATION_DATE_STRING_KEY:
+        return value ? formatDateToString(new Date(value), DATE_FORMAT) : EMPTY_OPTION_VALUE;
+      default:
+        return value;
+    }
+  };
+  return /* @__PURE__ */ jsxs(EditorContainer, { isChanged: false, resetValue: () => {
+  }, ...props, children: [
+    /* @__PURE__ */ jsx("div", { className: "license-options__grid", children: Object.entries(gridValues).map(([key, value]) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+      /* @__PURE__ */ jsxs("p", { className: "license-options__text", children: [
+        services.resources[capitalize$2(key)],
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "license-options__text", children: getOptionDisplayValue(key, value) })
+    ] }, key)) }),
+    /* @__PURE__ */ jsx("p", { className: "license-options__text license-options__text_bold", children: activationResultText }),
+    !!featuresList.length && /* @__PURE__ */ jsxs("div", { className: "license-options__additional", children: [
+      /* @__PURE__ */ jsxs("p", { className: "license-options__text", children: [
+        services.resources.AdditionalOptions,
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: "license-options__options", children: featuresList.map((feature) => /* @__PURE__ */ jsxs("li", { className: "license-options__option", children: [
+        /* @__PURE__ */ jsx("p", { className: "license-options__text", children: feature.name }),
+        feature.restriction?.allowedConnections && /* @__PURE__ */ jsxs("p", { className: "license-options__text license-options__text_shifted", children: [
+          services.resources.MaximumNumberOfConnections,
+          ": ",
+          feature.restriction.allowedConnections
+        ] })
+      ] }, feature.id)) })
+    ] })
+  ] });
+}
+const VALIDATION_REGEXP = /\S+?\\\S+/gm;
+function PersonalLicenses(props) {
+  const { required, id: fieldName, value } = props;
+  const { resources } = useContext(ServicesContext);
+  const { resetField, control } = useCustomFormContext();
+  const [error, setError] = React__default.useState("");
+  const {
+    field,
+    fieldState: { isDirty }
+  } = useController({
+    name: fieldName,
+    control,
+    rules: { required },
+    defaultValue: value
+  });
+  function handleReset() {
+    resetField(fieldName, { defaultValue: value });
+  }
+  function handleChange(users) {
+    field.onChange({ ...field.value, users });
+  }
+  async function validate2(username) {
+    if (!username.match(VALIDATION_REGEXP)) {
+      setError(resources.AccountNameFormatError);
+      return false;
+    }
+    if (field.value.users.some((user) => user === username)) {
+      setError(resources.UniqueUsernameError);
+      return false;
+    }
+    setError("");
+    return true;
+  }
+  const isDisabled = field.value.users?.length >= field.value.maxCount;
+  if (!props.value.users) {
+    return /* @__PURE__ */ jsx(EditorContainer, { isChanged: false, resetValue: () => {
+    }, ...props, children: /* @__PURE__ */ jsx("p", { className: "personal-licenses__text", children: resources.NoPersonalLicensesInformation }) });
+  }
+  return /* @__PURE__ */ jsxs(EditorContainer, { resetValue: handleReset, isChanged: isDirty, ...props, children: [
+    /* @__PURE__ */ jsx(
+      ListPanel,
+      {
+        className: "personal-licenses__container",
+        items: field.value.users,
+        setItems: handleChange,
+        validate: validate2,
+        disabled: isDisabled,
+        errorMessage: error
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "personal-licenses__footer", children: formatString$1(resources.PersonalLicensesCount, field.value.users.length, field.value.maxCount) })
+  ] });
+}
+var IDatabaseMasterState = /* @__PURE__ */ ((IDatabaseMasterState2) => {
+  IDatabaseMasterState2[IDatabaseMasterState2["Preparing"] = 0] = "Preparing";
+  IDatabaseMasterState2[IDatabaseMasterState2["DatabaseInProcess"] = 1] = "DatabaseInProcess";
+  IDatabaseMasterState2[IDatabaseMasterState2["DatabaseProcessFinished"] = 2] = "DatabaseProcessFinished";
+  IDatabaseMasterState2[IDatabaseMasterState2["SolutionInProcess"] = 3] = "SolutionInProcess";
+  IDatabaseMasterState2[IDatabaseMasterState2["SolutionProcessFinished"] = 4] = "SolutionProcessFinished";
+  return IDatabaseMasterState2;
+})(IDatabaseMasterState || {});
+var ServerType = /* @__PURE__ */ ((ServerType2) => {
+  ServerType2[ServerType2["PostgreSQL"] = 0] = "PostgreSQL";
+  ServerType2[ServerType2["MS SQL SERVER"] = 1] = "MS SQL SERVER";
+  return ServerType2;
+})(ServerType || {});
+var TableLocationType = /* @__PURE__ */ ((TableLocationType2) => {
+  TableLocationType2[TableLocationType2["UseDefaultOrCurrent"] = 0] = "UseDefaultOrCurrent";
+  TableLocationType2[TableLocationType2["UseOwnDatabase"] = 1] = "UseOwnDatabase";
+  TableLocationType2[TableLocationType2["UseOuterDatabase"] = 2] = "UseOuterDatabase";
+  TableLocationType2[TableLocationType2["UseTemporaryDatabase"] = 3] = "UseTemporaryDatabase";
+  return TableLocationType2;
+})(TableLocationType || {});
+var TableLocationTypeExtended = /* @__PURE__ */ ((TableLocationTypeExtended2) => {
+  TableLocationTypeExtended2[TableLocationTypeExtended2["UseDefaultOrCurrent"] = 0] = "UseDefaultOrCurrent";
+  TableLocationTypeExtended2[TableLocationTypeExtended2["UseOwnDatabase"] = 1] = "UseOwnDatabase";
+  TableLocationTypeExtended2[TableLocationTypeExtended2["UseOuterDatabase"] = 2] = "UseOuterDatabase";
+  TableLocationTypeExtended2[TableLocationTypeExtended2["UseTemporaryDatabase"] = 3] = "UseTemporaryDatabase";
+  TableLocationTypeExtended2[TableLocationTypeExtended2["InMemoryTableOwnDatabase"] = 4] = "InMemoryTableOwnDatabase";
+  TableLocationTypeExtended2[TableLocationTypeExtended2["InMemoryTableOwnDatabaseNotPersistData"] = 5] = "InMemoryTableOwnDatabaseNotPersistData";
+  return TableLocationTypeExtended2;
+})(TableLocationTypeExtended || {});
+var DatabaseWizardMode = /* @__PURE__ */ ((DatabaseWizardMode2) => {
+  DatabaseWizardMode2[DatabaseWizardMode2["Create"] = 0] = "Create";
+  DatabaseWizardMode2[DatabaseWizardMode2["Add"] = 1] = "Add";
+  DatabaseWizardMode2[DatabaseWizardMode2["Update"] = 2] = "Update";
+  return DatabaseWizardMode2;
+})(DatabaseWizardMode || {});
+class DatabaseSettingsPanelLogic extends ComponentLogic {
+  constructor() {
+    super(...arguments);
+    this.domain = y("DatabaseSettingsPanelLogic");
+    this.componentDidMount = this.domain.event("componentDidMount");
+    this.loadDatabases = this.domain.event("loadDatabases");
+    this.loadDatabasesFx = this.domain.effect("loadDatabasesFx");
+    this.getDatabasesInfoFx = this.domain.effect("getDatabasesInfoFx");
+    this.setDefaultDatabase = this.domain.event("setDefaultDatabase");
+    this.deleteDatabase = this.domain.event("deleteDatabase");
+    this.confirmDeleting = this.domain.event("confirmDeleting");
+    this.confirmPageSaving = this.domain.event("confirmDeleting");
+    this.confirmDeletingFx = this.domain.effect("confirmDeletingFx");
+    this.confirmPageSavingFx = this.domain.effect("confirmPageSavingFx");
+    this.openCreateWizard = this.domain.event("openCreateWizard");
+    this.openUpdateWizard = this.domain.event("openUpdateWizard");
+    this.openConnectWizard = this.domain.event("openConnectWizard");
+    this.openCreateWizardFx = this.domain.effect("openCreateWizardFx");
+    this.openUpdateWizardFx = this.domain.effect("openUpdateWizardFx");
+    this.openConnectWizardFx = this.domain.effect("openConnectWizardFx");
+  }
+  initStores() {
+    this.$loaded = this.domain.createStore(false, { name: "$loaded" });
+    const serviceId = location.href.match(new RegExp(new RegExp("(?<=\\/)\\w{8}-\\w{4}-\\w{4}-\\w{4}-\\w{12}(?=\\/)"), "g"))?.[0] || null;
+    this.$serviceId = this.domain.createStore(serviceId, { name: "$serviceId" });
+  }
+  initDataLoading() {
+    if (!this.options) {
+      return;
+    }
+    this.getDatabasesInfoFx.use(async () => {
+      return await this.options.services.databasesController.info(this.$serviceId.getState());
+    });
+    this.loadDatabasesFx.use(async () => {
+      return await this.options.services.databasesConfigurationController.all(this.$serviceId.getState());
+    });
+    this.confirmDeletingFx.use(async (alias) => {
+      await this.options.services.messageWindow.showConfirmation(
+        this.options.services.resources.DeleteDatabaseConfirmation
+      );
+      return alias;
+    });
+    this.confirmPageSavingFx.use(async ({ mode, pageWasChanged, data }) => {
+      if (pageWasChanged) {
+        await this.options.services.messageWindow.showConfirmation(
+          this.options.services.resources.SavePageForDatabaseConfirmation
+        );
+        await this.options.services.formControl.onSubmit({ confirm: false });
+        if (this.options.services.formControl.isDirty) return;
+      }
+      switch (mode) {
+        case DatabaseWizardMode.Create:
+          this.openCreateWizard();
+          break;
+        case DatabaseWizardMode.Update:
+          this.openUpdateWizard(data.alias);
+          break;
+        case DatabaseWizardMode.Add:
+          this.openConnectWizard();
+          break;
+      }
+    });
+    const infoLoaded = b([this.getDatabasesInfoFx.doneData, this.loadDatabasesFx.doneData]);
+    const infoLoadingFail = b([this.getDatabasesInfoFx.failData, this.loadDatabasesFx.failData]);
+    const initialLoading = [this.getDatabasesInfoFx];
+    ct({ from: this.componentDidMount, to: initialLoading });
+    ct({ from: this.loadDatabases, to: this.loadDatabasesFx });
+    ct({ from: this.loadDatabasesFx.doneData, to: initialLoading });
+    ct({ from: this.deleteDatabase, to: this.confirmDeletingFx });
+    ct({ from: this.confirmPageSaving, to: this.confirmPageSavingFx });
+    v({
+      clock: infoLoaded,
+      fn: (info) => this.options.resetField(this.options.id, { defaultValue: combineInfo(info) })
+    });
+    v({
+      clock: infoLoadingFail,
+      fn: (error) => console.log(error)
+    });
+    v({
+      clock: this.loadDatabases,
+      fn: () => false,
+      target: this.$loaded
+    });
+    v({
+      clock: this.getDatabasesInfoFx.doneData,
+      fn: () => true,
+      target: this.$loaded
+    });
+    v({
+      clock: this.confirmDeletingFx.doneData,
+      fn: (alias) => this.options.field.onChange(deleteDatabase(alias))
+    });
+    v({
+      clock: this.setDefaultDatabase,
+      fn: (defaultAlias) => this.options.field.onChange(setDefault(defaultAlias))
+    });
+    const deleteDatabase = (alias) => this.options.field.value.map(
+      (base) => base.alias === alias ? { ...base, deleted: true } : base
+    );
+    const setDefault = (defaultAlias) => this.options.field.value.map((base) => ({ ...base, isDefault: defaultAlias === base.alias }));
+    const combineInfo = (info) => info.reduce((databases, baseInfo) => {
+      const base = databases.find(
+        (base2) => base2.alias?.toLowerCase() === baseInfo.databaseAlias?.toLowerCase() || base2.alias?.toLowerCase() === baseInfo.alias?.toLowerCase()
+      );
+      if (base) {
+        databases = databases.map(
+          (storeDatabase) => storeDatabase.alias === base.alias ? { ...storeDatabase, ...baseInfo } : storeDatabase
+        );
+      } else {
+        databases.push(baseInfo);
+      }
+      return databases;
+    }, this.options.field.value);
+  }
+  initWizard() {
+    ct({ from: this.openCreateWizard, to: this.openCreateWizardFx });
+    ct({ from: this.openConnectWizard, to: this.openConnectWizardFx });
+    ct({ from: this.openUpdateWizard, to: this.openUpdateWizardFx });
+    this.openCreateWizardFx.use(async () => {
+      await this.options.services.databaseWizardService.openCreateMode(
+        this.$serviceId.getState(),
+        this.loadDatabases
+      );
+    });
+    this.openConnectWizardFx.use(async () => {
+      await this.options.services.databaseWizardService.openConnectMode(
+        this.$serviceId.getState(),
+        this.loadDatabases
+      );
+    });
+    this.openUpdateWizardFx.use(async (alias) => {
+      await this.options.services.databaseWizardService.openUpdateMode(
+        this.$serviceId.getState(),
+        alias
+      );
+    });
+  }
+  init() {
+    this.initStores();
+    this.initDataLoading();
+    this.initWizard();
+  }
+}
+function Databases(props) {
+  return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+}
+var DatabaseState = /* @__PURE__ */ ((DatabaseState2) => {
+  DatabaseState2[DatabaseState2["Attached"] = 0] = "Attached";
+  DatabaseState2[DatabaseState2["Updating"] = 1] = "Updating";
+  DatabaseState2[DatabaseState2["Creating"] = 2] = "Creating";
+  DatabaseState2[DatabaseState2["Attaching"] = 3] = "Attaching";
+  return DatabaseState2;
+})(DatabaseState || {});
+var DatabaseStatusIndicator = /* @__PURE__ */ ((DatabaseStatusIndicator2) => {
+  DatabaseStatusIndicator2[DatabaseStatusIndicator2["Available"] = 0] = "Available";
+  DatabaseStatusIndicator2[DatabaseStatusIndicator2["NotAvailable"] = 1] = "NotAvailable";
+  DatabaseStatusIndicator2[DatabaseStatusIndicator2["Creating"] = 2] = "Creating";
+  DatabaseStatusIndicator2[DatabaseStatusIndicator2["Updating"] = 3] = "Updating";
+  DatabaseStatusIndicator2[DatabaseStatusIndicator2["Attaching"] = 4] = "Attaching";
+  return DatabaseStatusIndicator2;
+})(DatabaseStatusIndicator || {});
+var DatabaseType = /* @__PURE__ */ ((DatabaseType2) => {
+  DatabaseType2[DatabaseType2["Postgre"] = 0] = "Postgre";
+  DatabaseType2[DatabaseType2["SQL"] = 1] = "SQL";
+  return DatabaseType2;
+})(DatabaseType || {});
+function DatabaseOutlineIcon(props) {
+  const { size = 20, color: color2 = "hsl(205, 67%, 55%)" } = props;
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { stroke: color2, fill: color2, d: "M20 13.09V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19L13 18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.65 16 13.27 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.34 13 19.67 13.04 20 13.09M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19" }) });
+}
+var ProcessState = /* @__PURE__ */ ((ProcessState2) => {
+  ProcessState2[ProcessState2["Running"] = 0] = "Running";
+  ProcessState2[ProcessState2["Finished"] = 1] = "Finished";
+  ProcessState2[ProcessState2["Error"] = 2] = "Error";
+  ProcessState2[ProcessState2["Canceled"] = 3] = "Canceled";
+  return ProcessState2;
+})(ProcessState || {});
+var ConnectionStatus = /* @__PURE__ */ ((ConnectionStatus2) => {
+  ConnectionStatus2[ConnectionStatus2["Unknown"] = -1] = "Unknown";
+  ConnectionStatus2[ConnectionStatus2["Succesfull"] = 0] = "Succesfull";
+  ConnectionStatus2[ConnectionStatus2["DatabaseNotExist"] = 1] = "DatabaseNotExist";
+  ConnectionStatus2[ConnectionStatus2["ServerNotExist"] = 2] = "ServerNotExist";
+  ConnectionStatus2[ConnectionStatus2["LoginFailed"] = 3] = "LoginFailed";
+  ConnectionStatus2[ConnectionStatus2["AuthNotSupported"] = 4] = "AuthNotSupported";
+  ConnectionStatus2[ConnectionStatus2["AliasAlreadyExists"] = 100] = "AliasAlreadyExists";
+  ConnectionStatus2[ConnectionStatus2["DatabaseAlreadyExists"] = 101] = "DatabaseAlreadyExists";
+  return ConnectionStatus2;
+})(ConnectionStatus || {});
+function DatabaseUpdateIcon(props) {
+  const { size = 20, color: color2 = "hsl(205, 67%, 55%)" } = props;
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { stroke: color2, fill: color2, d: "M12,18A6,6 0 0,1 6,12C6,11 6.25,10.03 6.7,9.2L5.24,7.74C4.46,8.97 4,10.43 4,12A8,8 0 0,0 12,20V23L16,19L12,15M12,4V1L8,5L12,9V6A6,6 0 0,1 18,12C18,13 17.75,13.97 17.3,14.8L18.76,16.26C19.54,15.03 20,13.57 20,12A8,8 0 0,0 12,4Z" }) });
+}
+function CheckIcon(props) {
+  const { size = 20, color: color2 = "hsl(205, 67%, 55%)", onClick } = props;
+  return /* @__PURE__ */ jsx("svg", { onClick, xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { stroke: color2, fill: color2, d: "M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z" }) });
+}
+function DatabaseDefaultButton(props) {
+  const { isDefault, buttonText, tooltip, onClick, alias, disabled } = props;
+  if (isDefault) {
+    return /* @__PURE__ */ jsx("div", { style: { margin: "0 auto", display: "block", width: "min-content" }, children: /* @__PURE__ */ jsx(CheckIcon, {}) });
+  } else {
+    return /* @__PURE__ */ jsx(LightTooltip, { title: disabled ? "" : tooltip, placement: "top", disableFocusListener: true, disableTouchListener: true, children: /* @__PURE__ */ jsx(Button$3, { className: "databases-table-cell-button", color: "primary", disabled, onClick: (e2) => onClick(e2, alias), children: buttonText }) });
+  }
+}
+const TEXT_BUTTON_DISABLED_COLOR = "rgba(0, 0, 0, 0.26)";
+function DatabaseTableButton(props) {
+  const { icon: Icon2, buttonText, tooltip, onClick, alias, disabled } = props;
+  const getIconColor = (disabled2) => {
+    if (disabled2) {
+      return TEXT_BUTTON_DISABLED_COLOR;
+    } else return;
+  };
+  const wrapWithTooltip = (node, tooltip2) => {
+    return tooltip2 ? /* @__PURE__ */ jsx(LightTooltip, { title: tooltip2, placement: "top", disableFocusListener: true, disableTouchListener: true, children: node }) : node;
+  };
+  return wrapWithTooltip(
+    /* @__PURE__ */ jsx(
+      Button$3,
+      {
+        className: "databases-table-cell-button",
+        color: "primary",
+        disabled,
+        startIcon: /* @__PURE__ */ jsx(Icon2, { color: getIconColor(disabled) }),
+        onClick,
+        children: buttonText
+      }
+    ),
+    disabled ? "" : tooltip
+  );
+}
+function DatabaseStatusPoint(props) {
+  const { value, resources } = props;
+  const status = getStatus(value, resources);
+  return /* @__PURE__ */ jsx(LightTooltip, { title: status.tooltip, placement: "top", disableFocusListener: true, disableTouchListener: true, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    StatusPoint,
+    {
+      className: `settings-panel__status-point_small settings-panel__status-point_no_margin ${status.className}`,
+      overlay: false,
+      active: value === DatabaseStatusIndicator.Available
+    }
+  ) }) });
+}
+function getStatus(statusType, resources) {
+  let tooltip, className;
+  switch (Number(statusType)) {
+    case DatabaseStatusIndicator.Available:
+      tooltip = resources.DatabaseStatusAvailable;
+      className = "available";
+      break;
+    case DatabaseStatusIndicator.NotAvailable:
+      tooltip = resources.DatabaseStatusNotAvailable;
+      className = "not-available";
+      break;
+    case DatabaseStatusIndicator.Creating:
+      tooltip = resources.DatabaseStatusCreating;
+      className = "progress";
+      break;
+    case DatabaseStatusIndicator.Updating:
+      tooltip = resources.DatabaseStatusUpdating;
+      className = "progress";
+      break;
+    case DatabaseStatusIndicator.Attaching:
+      tooltip = resources.DatabaseStatusAttaching;
+      className = "progress";
+      break;
+  }
+  return { tooltip, className };
+}
+const IS_DEFAULT_COLUMN_ID = "isDefault";
+const UPDATE_DATABASE_COLUMN_ID = "update";
+const DISCONNECT_DATABASE_COLUMN_ID = "disconnect";
+const STATUS_COLUMN_ID = "status";
+const BASE_VERSION_COLUMN_ID = "baseVersion";
+const ALIAS_COLUMN_ID = "alias";
+const SERVER_NAME_COLUMN_ID = "serverName";
+const DATABASE_TYPE_COLUMN_ID = "databaseType";
+const UPDATE_DATE_COLUMN_ID = "updateDate";
+const FULL_TEXT_SEARCH_ENABLED_COLUMN_ID = "fullTextSearchEnabled";
+const DATABASE_PAGE_NAVIGATE_COLUMN_ID = "databasePageNavigateArrow";
+const CENTER_ALIGN_COLUMN_IDS = [
+  IS_DEFAULT_COLUMN_ID,
+  DISCONNECT_DATABASE_COLUMN_ID
+];
+const REDIRECT_CLICK_HANDLER_COLUMN_IDS = [
+  BASE_VERSION_COLUMN_ID,
+  ALIAS_COLUMN_ID,
+  SERVER_NAME_COLUMN_ID,
+  DATABASE_TYPE_COLUMN_ID,
+  FULL_TEXT_SEARCH_ENABLED_COLUMN_ID,
+  DATABASE_PAGE_NAVIGATE_COLUMN_ID,
+  UPDATE_DATE_COLUMN_ID
+];
+async function goToDatabasePage(alias, dataBaseType, services, parameters) {
+  const layoutId = dataBaseType === DatabaseType.Postgre ? parameters?.pgsqlLayoutId : parameters?.mssqlLayoutId;
+  if (!layoutId) return;
+  services.settingsNavigation.goToItemSettingsPage(layoutId, alias, alias);
+}
+function prepareTableData(settings, logic) {
+  const resources = logic.options.services.resources || {};
+  return {
+    id: "DatabaseSettingsTable",
+    rows: getRows(settings, logic, resources)
+  };
+}
+function getRows(settings, logic, resources) {
+  const rows = settings.filter((data) => !data.deleted).map((data) => ({
+    ...data,
+    status: getStatusPointComponent(data, resources),
+    updateDate: getDateFormatString(data.updateDate),
+    fullTextSearchEnabled: getBooleanDisplayName(data.fullTextSearchEnabled, resources),
+    databaseType: getDatabaseTypeDisplayName(data.databaseType, resources),
+    databaseTypeValue: data.databaseType,
+    isDefault: getDefaultButtonComponent(logic, data, resources),
+    update: getUpdateButtonComponent(logic, data, resources),
+    disconnect: getDisconnectButtonComponent(logic, data, resources),
+    databasePageNavigateArrow: getNavigateButtonComponent(logic, data)
+  })).map((data, index) => ({
+    id: index.toString(),
+    entityId: data.alias,
+    disabled: data.databaseState !== DatabaseState.Attached,
+    available: data.connectionStatus?.status === ConnectionStatus.Succesfull,
+    databaseType: data.databaseTypeValue,
+    cells: getDatabaseSettingsColumns(resources).map((column) => ({
+      columnId: column.id,
+      value: data[column.id]
+    }))
+  }));
+  return rows;
+}
+function getBooleanDisplayName(value, resources) {
+  if (value === void 0) return;
+  return value ? resources.Yes : resources.No;
+}
+function getDateFormatString(date) {
+  return date ? hooks(date).format("DD.MM.YYYY") : void 0;
+}
+function getDatabaseTypeDisplayName(value, resources) {
+  if (value === void 0) return;
+  switch (value) {
+    case DatabaseType.Postgre:
+      return resources.PostgreDatabaseType;
+    case DatabaseType.SQL:
+      return resources.SQLDatabaseType;
+    default:
+      return "";
+  }
+}
+function getDefaultButtonComponent(logic, data, resources) {
+  return /* @__PURE__ */ jsx(
+    DatabaseDefaultButton,
+    {
+      isDefault: data.isDefault,
+      onClick: (e2, alias) => {
+        e2.stopPropagation();
+        logic?.setDefaultDatabase(alias);
+      },
+      disabled: data.databaseState !== DatabaseState.Attached || data.connectionStatus?.status !== ConnectionStatus.Succesfull,
+      buttonText: resources.Set,
+      tooltip: resources.SetDefaultDatabaseButtonTitle,
+      alias: data.alias
+    }
+  );
+}
+function getUpdateButtonComponent(logic, data, resources) {
+  return /* @__PURE__ */ jsx(
+    DatabaseTableButton,
+    {
+      alias: data.alias,
+      disabled: data.databaseState !== DatabaseState.Attached || data.connectionStatus?.status !== ConnectionStatus.Succesfull,
+      tooltip: "",
+      onClick: (e2) => {
+        e2.stopPropagation();
+        logic.confirmPageSaving({
+          mode: DatabaseWizardMode.Update,
+          pageWasChanged: logic.options.services.formControl.isDirty,
+          data: { alias: data.alias }
+        });
+      },
+      buttonText: resources.Update,
+      icon: DatabaseUpdateIcon
+    }
+  );
+}
+function getDisconnectButtonComponent(logic, data, resources) {
+  return /* @__PURE__ */ jsx(
+    DatabaseTableButton,
+    {
+      disabled: data.isDefault || data.databaseState !== DatabaseState.Attached,
+      tooltip: resources.DeleteDatabaseButtonTitle,
+      alias: data.alias,
+      onClick: (e2) => {
+        e2.stopPropagation();
+        logic?.deleteDatabase(data.alias);
+      },
+      buttonText: resources.Disconnect,
+      icon: DatabaseOutlineIcon
+    }
+  );
+}
+function getStatusPointComponent(data, resources) {
+  const value = getDatabaseStatusValue({
+    state: data.databaseState,
+    connectionStatus: data.connectionStatus?.status
+  });
+  if (value === void 0) return;
+  return /* @__PURE__ */ jsx(DatabaseStatusPoint, { value, resources });
+}
+function getDatabaseStatusValue(data) {
+  if (!data) return;
+  const { state, connectionStatus } = data;
+  if (state === DatabaseState.Attached && connectionStatus === void 0) return;
+  if (state === DatabaseState.Attached && connectionStatus === ConnectionStatus.Succesfull) {
+    return DatabaseStatusIndicator.Available;
+  } else if (state === DatabaseState.Attached && connectionStatus !== ConnectionStatus.Succesfull) {
+    return DatabaseStatusIndicator.NotAvailable;
+  } else if (state === DatabaseState.Creating) {
+    return DatabaseStatusIndicator.Creating;
+  } else if (state === DatabaseState.Updating) {
+    return DatabaseStatusIndicator.Updating;
+  } else if (state === DatabaseState.Attaching) {
+    return DatabaseStatusIndicator.Attaching;
+  }
+}
+function getNavigateButtonComponent(logic, data, resources) {
+  return /* @__PURE__ */ jsx(
+    ArrowIconButton,
+    {
+      onClick: (e2) => {
+        e2.stopPropagation();
+        goToDatabasePage(data.alias, data.databaseType, logic.options.services, logic.options.parameters);
+      },
+      disabled: data.databaseState !== DatabaseState.Attached || data.connectionStatus?.status !== ConnectionStatus.Succesfull
+    }
+  );
+}
+function getDatabaseSettingsColumns(resources = {}) {
+  return [
+    {
+      id: STATUS_COLUMN_ID,
+      name: ""
+    },
+    {
+      id: ALIAS_COLUMN_ID,
+      name: resources.Alias
+    },
+    {
+      id: SERVER_NAME_COLUMN_ID,
+      name: resources.DatabaseSettingsPanel_ServerName
+    },
+    {
+      id: DATABASE_TYPE_COLUMN_ID,
+      name: resources.ServerType
+    },
+    {
+      id: FULL_TEXT_SEARCH_ENABLED_COLUMN_ID,
+      name: resources.FullTextSearchEnabled
+    },
+    {
+      id: BASE_VERSION_COLUMN_ID,
+      name: firstLetterToUppercase(resources.Version)
+    },
+    {
+      id: UPDATE_DATE_COLUMN_ID,
+      name: resources.DateOfUpdate
+    },
+    {
+      id: IS_DEFAULT_COLUMN_ID,
+      name: resources.Default
+    },
+    {
+      id: UPDATE_DATABASE_COLUMN_ID,
+      name: ""
+    },
+    {
+      id: DISCONNECT_DATABASE_COLUMN_ID,
+      name: ""
+    },
+    {
+      id: DATABASE_PAGE_NAVIGATE_COLUMN_ID,
+      name: ""
+    }
+  ];
+}
+function SettingsPageButtonPanel(props) {
+  const { buttons, ...rest } = props;
+  return /* @__PURE__ */ jsx("div", { className: "settings-page__button-panel", ...rest, children: buttons.map(
+    (buttonProps) => /* @__PURE__ */ jsx(
+      Button$3,
+      {
+        onClick: buttonProps.onClick,
+        variant: "contained",
+        size: "small",
+        color: "secondary",
+        children: buttonProps.value
+      },
+      buttonProps.value?.toString()
+    )
+  ) });
+}
+function DatabaseSettingsPanel(props) {
+  props = { ...props, services: useContext(ServicesContext) };
+  const { resetField, control } = useCustomFormContext();
+  const { field, fieldState } = useController({
+    name: props.id,
+    control,
+    defaultValue: props.value || []
+  });
+  const logic = useLogic({ ...props, resetField, field }, DatabaseSettingsPanelLogic);
+  const resources = props.services.resources || {};
+  const $loaded = e(logic.$loaded);
+  useEffect(() => {
+    logic.componentDidMount();
+  }, [logic]);
+  return /* @__PURE__ */ jsx(
+    EditorContainer,
+    {
+      resetValue: () => {
+        resetField(props.id);
+      },
+      isChanged: fieldState.isDirty,
+      ...props,
+      children: /* @__PURE__ */ jsxs(Databases, { ...field, value: field.value, children: [
+        /* @__PURE__ */ jsx(TableContainer, { component: Paper$3, children: /* @__PURE__ */ jsxs(Table$1, { size: "small", "aria-label": "database-settings-panel", children: [
+          /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow$1, { children: getDatabaseSettingsColumns(props.services.resources).map((column) => /* @__PURE__ */ jsx(
+            TableCell$2,
+            {
+              className: "databases-header-cell",
+              align: column.id === IS_DEFAULT_COLUMN_ID ? "center" : "left",
+              children: column.name
+            },
+            column.id
+          )) }) }),
+          /* @__PURE__ */ jsx(TableBody$1, { children: prepareTableData(field.value, logic).rows.map((row) => /* @__PURE__ */ jsx(
+            TableRow$1,
+            {
+              className: "databases-table-row" + classIf(row.disabled, "disabled") + classIfElse(row.available, "available", "not-available"),
+              selected: field.value.find((d2) => d2.isDefault)?.alias === row.entityId,
+              children: row.cells.map(
+                (cell) => cell.value === void 0 && !$loaded ? /* @__PURE__ */ jsx(TableCell$2, { className: "databases-loading-table-cell", children: /* @__PURE__ */ jsx(CellPreloader, {}) }, `${row.entityId}_${cell.columnId}`) : /* @__PURE__ */ jsx(
+                  CellWithTwoLineClamping,
+                  {
+                    className: "databases-clamping-table-cell" + classIfElse(
+                      REDIRECT_CLICK_HANDLER_COLUMN_IDS.includes(cell.columnId) && !row.disabled && row.available,
+                      "clickable",
+                      "not-clickable"
+                    ),
+                    maxWidth: 150,
+                    content: cell.value,
+                    align: CENTER_ALIGN_COLUMN_IDS.includes(cell.columnId) ? "center" : "left",
+                    onClick: () => REDIRECT_CLICK_HANDLER_COLUMN_IDS.includes(cell.columnId) && !row.disabled && row.available && goToDatabasePage(row.entityId, row.databaseType, props.services, props.parameters),
+                    component: TableCell$2
+                  },
+                  `${row.entityId}_${cell.columnId}`
+                )
+              )
+            },
+            row.entityId
+          )) })
+        ] }) }),
+        /* @__PURE__ */ jsx(SettingsPageButtonPanel, { buttons: [
+          {
+            key: "create",
+            value: resources.Create,
+            onClick: () => logic.confirmPageSaving({
+              mode: DatabaseWizardMode.Create,
+              pageWasChanged: props.services.formControl.isDirty
+            })
+          },
+          {
+            key: "connect",
+            value: resources.Connect,
+            onClick: () => logic.confirmPageSaving({
+              mode: DatabaseWizardMode.Add,
+              pageWasChanged: props.services.formControl.isDirty
+            })
+          }
+        ] })
+      ] })
+    }
+  );
+}
 function ReadonlyEditor(props) {
   const { id, value, options } = props;
   const { resources } = React__default.useContext(ServicesContext);
@@ -82564,6 +83327,116 @@ function AdvancedSettings(props) {
   };
   return /* @__PURE__ */ jsx("div", { className: "advanced-settings", children: /* @__PURE__ */ jsx(Button$3, { name: id, variant: "contained", size: "small", color: "secondary", hidden, onClick: goToConfigurationPage, children: label }) });
 }
+function OpenIdCatalogs(props) {
+  const { value, id: fieldName, extendedLayoutId } = props;
+  const services = useContext(ServicesContext);
+  const { resources, settingsNavigation, messageWindow } = services;
+  const { resetField, control } = useCustomFormContext();
+  const {
+    field,
+    fieldState: { isDirty },
+    formState: { dirtyFields }
+  } = useController({
+    name: fieldName,
+    control,
+    defaultValue: value
+  });
+  const columns = [resources.ExtensionName, resources.ExtensionId, "", ""];
+  const goToOpenIdCatalogPage = async (e2, id, label) => {
+    e2.stopPropagation();
+    if (!id) {
+      id = generateGuid().toLowerCase();
+    }
+    settingsNavigation.goToItemSettingsPage(extendedLayoutId, id, label);
+  };
+  const deleteRow = async (e2, id) => {
+    e2.stopPropagation();
+    await messageWindow.showConfirmation(resources.DeletionConfirmation);
+    field.onChange(field.value.filter((element) => element.itemId !== id));
+  };
+  return /* @__PURE__ */ jsxs(EditorContainer, { isChanged: isDirty, resetValue: () => resetField(fieldName, { defaultValue: value }), ...props, children: [
+    /* @__PURE__ */ jsx(TableContainer, { component: Paper$3, children: /* @__PURE__ */ jsxs(Table$1, { size: "small", children: [
+      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow$1, { children: columns.map((column) => /* @__PURE__ */ jsx(TableCell$2, { children: column }, column)) }) }),
+      /* @__PURE__ */ jsx(TableBody$1, { children: field.value && field.value.map((row) => /* @__PURE__ */ jsxs(
+        TableRow$1,
+        {
+          hover: true,
+          onClick: (e2) => goToOpenIdCatalogPage(e2, row.itemId, row.configuration.name),
+          className: "open-id-catalogs__row",
+          children: [
+            /* @__PURE__ */ jsx(CellWithFixedWidth, { content: row.configuration.name, maxWidth: 230 }),
+            /* @__PURE__ */ jsx(CellWithFixedWidth, { content: row.configuration.id, maxWidth: 230 }),
+            /* @__PURE__ */ jsx(TableCell$2, { children: /* @__PURE__ */ jsx(DeleteIconButton, { onClick: (e2) => deleteRow(e2, row.itemId) }) }),
+            /* @__PURE__ */ jsx(TableCell$2, { children: /* @__PURE__ */ jsx(ArrowIconButton, { onClick: (e2) => goToOpenIdCatalogPage(e2, row.itemId, row.configuration.name) }) })
+          ]
+        },
+        row.itemId
+      )) })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "open-id-catalogs__button-panel", children: /* @__PURE__ */ jsx(Button$3, { variant: "contained", size: "small", color: "secondary", onClick: (e2) => goToOpenIdCatalogPage(e2, "", resources.NewExtension), children: resources.AddExtension }) })
+  ] });
+}
+function TenantsOpenIdSettings(props) {
+  const { required, id: fieldName, value } = props;
+  const { resources } = React__default.useContext(ServicesContext);
+  const { control, resetField } = useCustomFormContext();
+  const {
+    field,
+    fieldState: { isDirty }
+  } = useController({
+    name: fieldName,
+    control,
+    rules: { required },
+    defaultValue: value
+  });
+  const handleCheck = (name, extensionName) => (_2, checked) => {
+    const newValue = field.value.map((value2) => {
+      if (value2.databaseAlias !== name) return value2;
+      return { ...value2, extensions: value2.extensions.map((extension) => {
+        if (extension.extensionName !== extensionName) return extension;
+        return { ...extension, enable: checked };
+      }) };
+    });
+    field.onChange(newValue);
+  };
+  const handleReset = () => {
+    resetField(fieldName, { defaultValue: value });
+  };
+  return /* @__PURE__ */ jsx(EditorContainer, { isChanged: isDirty, resetValue: handleReset, ...props, children: /* @__PURE__ */ jsx(Grid$1, { container: true, spacing: 2, children: field.value?.map((value2) => /* @__PURE__ */ jsx(
+    DatabaseSettingsCard,
+    {
+      title: value2.databaseAlias,
+      label: resources.DefaultDatabase,
+      isDefault: value2.isDefaultDatabase,
+      children: /* @__PURE__ */ jsxs(Table$1, { children: [
+        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow$1, { children: /* @__PURE__ */ jsx(TableCell$2, { children: /* @__PURE__ */ jsx("p", { className: "tenants-open-id-settings__database-extensions", children: resources.AvailableExtensions }) }) }) }),
+        /* @__PURE__ */ jsx(TableBody$1, { children: value2.extensions?.map((extension) => /* @__PURE__ */ jsx(TableRow$1, { children: /* @__PURE__ */ jsxs(TableCell$2, { padding: "normal", children: [
+          /* @__PURE__ */ jsx(
+            Checkbox$1,
+            {
+              id: value2.databaseAlias + "-" + extension.extensionId,
+              color: "primary",
+              size: "medium",
+              name: value2.databaseAlias + "-" + extension.extensionName,
+              checked: extension.enable,
+              "data-testid": value2.databaseAlias + "-" + extension.extensionId,
+              onChange: handleCheck(value2.databaseAlias, extension.extensionName)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              className: "tenants-open-id-settings__extension-label",
+              htmlFor: value2.databaseAlias + "-" + extension.extensionId,
+              children: extension.extensionName
+            }
+          )
+        ] }) }, value2.databaseAlias + "-" + extension.extensionId)) })
+      ] })
+    },
+    value2.databaseAlias
+  )) }) });
+}
 function MailList(props) {
   const { required, id: fieldName, value, label } = props;
   const services = React__default.useContext(ServicesContext);
@@ -82656,22 +83529,6 @@ function ServerAppList(props) {
     error && /* @__PURE__ */ jsx(ErrorMessage, { message: error.message })
   ] });
 }
-var TableLocationType = /* @__PURE__ */ ((TableLocationType2) => {
-  TableLocationType2[TableLocationType2["UseDefaultOrCurrent"] = 0] = "UseDefaultOrCurrent";
-  TableLocationType2[TableLocationType2["UseOwnDatabase"] = 1] = "UseOwnDatabase";
-  TableLocationType2[TableLocationType2["UseOuterDatabase"] = 2] = "UseOuterDatabase";
-  TableLocationType2[TableLocationType2["UseTemporaryDatabase"] = 3] = "UseTemporaryDatabase";
-  return TableLocationType2;
-})(TableLocationType || {});
-var TableLocationTypeExtended = /* @__PURE__ */ ((TableLocationTypeExtended2) => {
-  TableLocationTypeExtended2[TableLocationTypeExtended2["UseDefaultOrCurrent"] = 0] = "UseDefaultOrCurrent";
-  TableLocationTypeExtended2[TableLocationTypeExtended2["UseOwnDatabase"] = 1] = "UseOwnDatabase";
-  TableLocationTypeExtended2[TableLocationTypeExtended2["UseOuterDatabase"] = 2] = "UseOuterDatabase";
-  TableLocationTypeExtended2[TableLocationTypeExtended2["UseTemporaryDatabase"] = 3] = "UseTemporaryDatabase";
-  TableLocationTypeExtended2[TableLocationTypeExtended2["InMemoryTableOwnDatabase"] = 4] = "InMemoryTableOwnDatabase";
-  TableLocationTypeExtended2[TableLocationTypeExtended2["InMemoryTableOwnDatabaseNotPersistData"] = 5] = "InMemoryTableOwnDatabaseNotPersistData";
-  return TableLocationTypeExtended2;
-})(TableLocationTypeExtended || {});
 const databaseGenerationSettingsValueType = {
   searchDataBaseType: TableLocationType,
   changedObjectDataBaseType: TableLocationTypeExtended,
@@ -84651,13 +85508,19 @@ function registerEditors() {
   editorFactory.register("TextArea", TextArea);
   editorFactory.register("RadioButton", RadioButton);
   editorFactory.register("Password", Password);
+  editorFactory.register("Databases", DatabaseSettingsPanel);
   editorFactory.register("List", List$1);
   editorFactory.register("Dropdown", Dropdown);
   editorFactory.register("Header", Header);
+  editorFactory.register("UserGroups", UserGroups);
   editorFactory.register("Number", Number$1);
   editorFactory.register("LdapCatalogs", LdapCatalogs);
+  editorFactory.register("LicenseOptions", LicenseOptions);
+  editorFactory.register("PersonalLicenses", PersonalLicenses);
   editorFactory.register("ReadonlyEditor", ReadonlyEditor);
   editorFactory.register("AdvancedSettings", AdvancedSettings);
+  editorFactory.register("OpenIdCatalogs", OpenIdCatalogs);
+  editorFactory.register("TenantsOpenIdSettings", TenantsOpenIdSettings);
   editorFactory.register("MailList", MailList);
   editorFactory.register("ServerAppList", ServerAppList);
   editorFactory.register("DatabaseGenerationSettings", DatabaseGenerationSettings);
@@ -87825,7 +88688,7 @@ function ComponentList(props) {
             onClick: (event) => onDeleteIconClick(event, component)
           }
         ),
-        /* @__PURE__ */ jsx(ExpandMoreIcon, { color: ICON_COLOR })
+        /* @__PURE__ */ jsx(ExpandMoreIcon$1, { color: ICON_COLOR })
       ] }, component.serviceId);
     })
   ] });
@@ -99210,7 +100073,7 @@ const useGridVirtualScroller = () => {
   const handleTouchMove = useEventCallback((event) => {
     apiRef.current.publishEvent("virtualScrollerTouchMove", {}, event);
   });
-  const getRows = (params = {}) => {
+  const getRows2 = (params = {}) => {
     if (!params.rows && !currentPage.range) {
       return [];
     }
@@ -99449,7 +100312,7 @@ const useGridVirtualScroller = () => {
   return {
     renderContext,
     setPanels,
-    getRows,
+    getRows: getRows2,
     getContainerProps: () => ({
       ref: mainRefCallback
     }),
@@ -100341,10 +101204,10 @@ function GridVirtualScroller(props) {
     getRenderZoneProps,
     getScrollbarVerticalProps,
     getScrollbarHorizontalProps,
-    getRows,
+    getRows: getRows2,
     getScrollAreaProps
   } = virtualScroller;
-  const rows = getRows();
+  const rows = getRows2();
   return /* @__PURE__ */ jsxs(GridMainContainer, _extends$2({
     className: classes2.root
   }, getContainerProps(), {
@@ -121485,6 +122348,2316 @@ class ExtendedConfigurationController {
     return this.requestService.post(`api/extendedServiceConfiguration/${serviceId}`, changes);
   }
 }
+var DatabaseWizardStepStatus = /* @__PURE__ */ ((DatabaseWizardStepStatus2) => {
+  DatabaseWizardStepStatus2[DatabaseWizardStepStatus2["Active"] = 0] = "Active";
+  DatabaseWizardStepStatus2[DatabaseWizardStepStatus2["New"] = 1] = "New";
+  DatabaseWizardStepStatus2[DatabaseWizardStepStatus2["Finished"] = 2] = "Finished";
+  return DatabaseWizardStepStatus2;
+})(DatabaseWizardStepStatus || {});
+var DatabaseWizardSteps = /* @__PURE__ */ ((DatabaseWizardSteps2) => {
+  DatabaseWizardSteps2[DatabaseWizardSteps2["SQLServer"] = 0] = "SQLServer";
+  DatabaseWizardSteps2[DatabaseWizardSteps2["Database"] = 1] = "Database";
+  DatabaseWizardSteps2[DatabaseWizardSteps2["Configuration"] = 2] = "Configuration";
+  DatabaseWizardSteps2[DatabaseWizardSteps2["Confirmation"] = 3] = "Confirmation";
+  DatabaseWizardSteps2[DatabaseWizardSteps2["Update"] = 4] = "Update";
+  DatabaseWizardSteps2[DatabaseWizardSteps2["UploadSettings"] = 5] = "UploadSettings";
+  return DatabaseWizardSteps2;
+})(DatabaseWizardSteps || {});
+var DBFIleLocationType = /* @__PURE__ */ ((DBFIleLocationType2) => {
+  DBFIleLocationType2[DBFIleLocationType2["Standard"] = 0] = "Standard";
+  DBFIleLocationType2[DBFIleLocationType2["Other"] = 1] = "Other";
+  return DBFIleLocationType2;
+})(DBFIleLocationType || {});
+var LocaleId = /* @__PURE__ */ ((LocaleId2) => {
+  LocaleId2[LocaleId2["Default"] = -1] = "Default";
+  LocaleId2[LocaleId2["ENU"] = 1033] = "ENU";
+  LocaleId2[LocaleId2["RUS"] = 1049] = "RUS";
+  LocaleId2[LocaleId2["KKZ"] = 1049.1] = "KKZ";
+  LocaleId2[LocaleId2["EST"] = 1061] = "EST";
+  LocaleId2[LocaleId2["LVI"] = 1062] = "LVI";
+  return LocaleId2;
+})(LocaleId || {});
+var AuthenticationType = /* @__PURE__ */ ((AuthenticationType2) => {
+  AuthenticationType2[AuthenticationType2["SQLServer"] = 0] = "SQLServer";
+  return AuthenticationType2;
+})(AuthenticationType || {});
+const DEFAULT_LOCALE_ID = LocaleId.RUS;
+ServerType.PostgreSQL;
+AuthenticationType.SQLServer;
+DBFIleLocationType.Standard;
+const DEFAULT_PORT = 5432;
+const DEFAULT_OPERATION_TIMEOUT = 600;
+const PLATFORM_SOLUTION_ID = "26dbf2c0-e72e-4e9e-ab99-816758387ae2";
+const OFFICE_WORK_LIBRARY_ID = "c0afdac0-d533-4fd6-b7da-c8d4f5969379";
+const getStepFormComponent = (step) => {
+  switch (step) {
+    case DatabaseWizardSteps.SQLServer:
+      return "sqlServerForm";
+    case DatabaseWizardSteps.Database:
+      return "databaseForm";
+    case DatabaseWizardSteps.Configuration:
+      return "configurationForm";
+    case DatabaseWizardSteps.Confirmation:
+      return "confirmationForm";
+    case DatabaseWizardSteps.Update:
+      return "updateForm";
+    case DatabaseWizardSteps.UploadSettings:
+      return "uploadSettingsForm";
+    default:
+      return "sqlServerForm";
+  }
+};
+const getDatabaseWizardSteps = (services) => {
+  const steps = [];
+  steps[DatabaseWizardSteps.SQLServer] = {
+    status: DatabaseWizardStepStatus.New,
+    step: DatabaseWizardSteps.SQLServer,
+    active: true,
+    finished: false,
+    name: services.resources.DatabaseWizardLabelStep_SQLServer
+  };
+  steps[DatabaseWizardSteps.Database] = {
+    status: DatabaseWizardStepStatus.New,
+    step: DatabaseWizardSteps.Database,
+    active: false,
+    finished: false,
+    name: services.resources.DatabaseWizardLabelStep_Database
+  };
+  steps[DatabaseWizardSteps.Configuration] = {
+    status: DatabaseWizardStepStatus.New,
+    step: DatabaseWizardSteps.Configuration,
+    active: false,
+    finished: false,
+    name: services.resources.DatabaseWizardLabelStep_Configuration
+  };
+  steps[DatabaseWizardSteps.Confirmation] = {
+    status: DatabaseWizardStepStatus.New,
+    step: DatabaseWizardSteps.Confirmation,
+    active: false,
+    finished: false,
+    name: services.resources.DatabaseWizardLabelStep_Confirmation
+  };
+  steps[DatabaseWizardSteps.Update] = {
+    status: DatabaseWizardStepStatus.New,
+    step: DatabaseWizardSteps.Update,
+    active: false,
+    finished: false,
+    name: services.resources.DatabaseWizardLabelStep_Update
+  };
+  steps[DatabaseWizardSteps.UploadSettings] = {
+    status: DatabaseWizardStepStatus.New,
+    step: DatabaseWizardSteps.UploadSettings,
+    active: false,
+    finished: false,
+    name: services.resources.DatabaseWizardLabelStep_UploadSettings
+  };
+  return steps;
+};
+const databaseWizardCreateModeStepsList = [
+  DatabaseWizardSteps.SQLServer,
+  DatabaseWizardSteps.Database,
+  DatabaseWizardSteps.Configuration,
+  DatabaseWizardSteps.Confirmation,
+  DatabaseWizardSteps.UploadSettings
+];
+const databaseWizardUpdateModeStepsList = [
+  DatabaseWizardSteps.Configuration,
+  DatabaseWizardSteps.Confirmation,
+  DatabaseWizardSteps.Update,
+  DatabaseWizardSteps.UploadSettings
+];
+const databaseWizardAddModeStepsList = [
+  DatabaseWizardSteps.SQLServer,
+  DatabaseWizardSteps.Database,
+  DatabaseWizardSteps.Confirmation,
+  DatabaseWizardSteps.Configuration,
+  DatabaseWizardSteps.Update,
+  DatabaseWizardSteps.UploadSettings
+];
+const getDatabaseWizardModeSteps = (mode, services) => {
+  let modeStepsList;
+  let databaseWizardAllSteps = getDatabaseWizardSteps(services);
+  switch (mode) {
+    case DatabaseWizardMode.Create:
+      modeStepsList = databaseWizardCreateModeStepsList;
+      databaseWizardAllSteps = databaseWizardCreateModeStepsList.map((step) => getDatabaseWizardSteps(services)[step]);
+      break;
+    case DatabaseWizardMode.Update:
+      modeStepsList = databaseWizardUpdateModeStepsList;
+      databaseWizardAllSteps = databaseWizardUpdateModeStepsList.map((step) => getDatabaseWizardSteps(services)[step]);
+      break;
+    case DatabaseWizardMode.Add:
+      modeStepsList = databaseWizardAddModeStepsList;
+      databaseWizardAllSteps = databaseWizardAddModeStepsList.map((step) => getDatabaseWizardSteps(services)[step]);
+  }
+  return modeStepsList.map((step, index) => {
+    return {
+      ...databaseWizardAllSteps[index],
+      order: index + 1
+    };
+  });
+};
+const getDefaultPlacementsTables = () => {
+  const placementsTables = {
+    changedObjectDataBaseType: TableLocationTypeExtended.UseTemporaryDatabase,
+    cursorDataBaseType: TableLocationType.UseTemporaryDatabase,
+    fileCursorDataBaseType: TableLocationType.UseOwnDatabase,
+    iconDataBaseType: TableLocationType.UseTemporaryDatabase,
+    keysetDataBaseType: TableLocationType.UseTemporaryDatabase,
+    searchDataBaseType: TableLocationType.UseTemporaryDatabase,
+    useOuterArchive: false,
+    useOuterLog: false,
+    useOuterMetadata: false
+  };
+  return placementsTables;
+};
+const getTextKeysFromEnum = (enumType) => {
+  const textKeys = [];
+  Object.keys(enumType).forEach((key) => {
+    const isValueProperty = !isNaN(Number(key));
+    if (isValueProperty) return;
+    textKeys.push(key);
+  });
+  return textKeys;
+};
+const getTableLocationTypeNames = () => {
+  return getTextKeysFromEnum(TableLocationType);
+};
+const getTableLocationTypeExtendedNames = () => {
+  return getTextKeysFromEnum(TableLocationTypeExtended);
+};
+const getServerTypeNames = () => {
+  return getTextKeysFromEnum(ServerType);
+};
+const getDBFileLocationTypeNames = () => {
+  return getTextKeysFromEnum(DBFIleLocationType);
+};
+const getLocaleIdNames = () => {
+  return getTextKeysFromEnum(LocaleId);
+};
+const getAuthenticationTypeNames = () => {
+  return getTextKeysFromEnum(AuthenticationType);
+};
+const getDatabaseWizardFormName = (services, step, mode, form) => {
+  const resourceKey = `DatabaseWizard${DatabaseWizardSteps[step]}${DatabaseWizardMode[mode] || ""}Form${form || ""}`;
+  return services.resources[resourceKey];
+};
+const isStepClickable = (step, logic) => {
+  const activeStep = logic.$activeStep.getState();
+  if (activeStep.step === step.step) {
+    return false;
+  }
+  if (activeStep.order <= step.order) {
+    return false;
+  }
+  if (logic.$loading.getState() || !!logic.$processStatus.getState()) {
+    return false;
+  }
+  if (logic.$mode.getState() === DatabaseWizardMode.Add && activeStep.step === DatabaseWizardSteps.Update) {
+    return false;
+  }
+  if (activeStep.step === DatabaseWizardSteps.UploadSettings) {
+    return false;
+  }
+  return true;
+};
+const isCancelButtonDisabled = (step, logic) => {
+  if (logic.$loading.getState() || logic.$processStatus.getState()?.state === ProcessState.Running) {
+    return true;
+  }
+  return false;
+};
+const isBackButtonDisabled = (step, logic) => {
+  if (step === logic.$steps.getState()[0]) {
+    return true;
+  }
+  if (logic.$loading.getState() || logic.$processStatus.getState()?.state === ProcessState.Running) {
+    return true;
+  }
+  if (!!logic.$processStatus.getState()) {
+    return true;
+  }
+  return false;
+};
+const isNextButtonDisabled = (step, logic) => {
+  const $steps = logic.$steps.getState();
+  const $loading = logic.$loading.getState();
+  const $processStatus = logic.$processStatus.getState();
+  return step === $steps[$steps.length - 1] || $loading || $processStatus?.state === ProcessState.Running || $processStatus?.state === ProcessState.Error;
+};
+const isDoneButtonDisabled = (step, logic) => {
+  const $loading = logic.$loading.getState();
+  const $processStatus = logic.$processStatus.getState();
+  const $haveCheckedSolutions = logic.$haveCheckedSolutions.getState();
+  if (!$haveCheckedSolutions) {
+    return false;
+  }
+  return $loading || !$processStatus || $processStatus?.state === ProcessState.Running;
+};
+const getSelectedLibrariesArray = (logic) => {
+  const disabledLibraries = logic.$disabledLibraries.getState().map((item) => item.id);
+  const libraries = logic.$selectedLibraries.getState().reduce((acc, item) => {
+    if (!disabledLibraries.includes(item.id)) {
+      acc.push(item.id);
+    }
+    return acc;
+  }, []);
+  return libraries;
+};
+const isRequiredSolution = (solution) => {
+  if (solution.id !== PLATFORM_SOLUTION_ID || !solution.canUpdate) {
+    return false;
+  }
+  return true;
+};
+const checkRequiredLibrary = (availableLibraries, selectedLibraries) => {
+  const requiredLibrary = availableLibraries.find((library) => library.id?.toLowerCase() === OFFICE_WORK_LIBRARY_ID && library.canUpdate && !selectedLibraries.some((selectedLibrary) => selectedLibrary.id === library.id));
+  if (requiredLibrary && requiredLibrary.libraryDependencies.every((dependency) => selectedLibraries.some((selectedLibrary) => selectedLibrary.id === dependency.id))) {
+    selectedLibraries.push(requiredLibrary);
+  }
+  return selectedLibraries;
+};
+const getLibraryTooltip = (library, services) => {
+  if (library.id?.toLowerCase() === OFFICE_WORK_LIBRARY_ID) {
+    return services.resources.DatabaseWizard_OfficeWorkLibraryTooltip;
+  }
+  return "";
+};
+async function createModeSQlServerFromSubmit(logic) {
+  logic.setLoading(true);
+  const result = await logic.options.services.databasesController.checkSqlServerConnection(logic.$serviceId.getState(), logic.getServerParameters());
+  if (result.status === ConnectionStatus.Succesfull) {
+    const result2 = await logic.options.services.databasesController.databases(logic.$serviceId.getState(), logic.getServerParameters());
+    logic.setExistingBases(result2);
+    logic.nextStep();
+  } else if (result.status === ConnectionStatus.LoginFailed) {
+    logic.setSubmitErrorMessage(formatString$1(logic.options.services.resources.DatabaseWizardErrors_InvalidPassword, logic.$login.getState()));
+  } else if (result.status === ConnectionStatus.ServerNotExist) {
+    logic.setSubmitErrorMessage(logic.options.services.resources.DatabaseWizardErrors_ServerNotExist);
+  } else if (result.status === ConnectionStatus.AuthNotSupported) {
+    logic.setSubmitErrorMessage(logic.options.services.resources.DatabaseWizardErrors_AuthNotSupported);
+  } else {
+    logic.setSubmitErrorMessage(logic.options.services.resources.DatabaseWizardErrors_Unknown);
+  }
+  logic.setLoading(false);
+}
+async function createModeDatabaseFromSubmit(logic) {
+  const isExistingBase = logic.$existingBases.getState().includes(logic.$databaseName.getState());
+  if (isExistingBase) {
+    logic.setSubmitErrorMessage(logic.options.services.resources.DatabaseWizardErrors_DatabaseAlreadyExist);
+    logic.setLoading(false);
+    return;
+  }
+  logic.setLoading(true);
+  try {
+    const allBases = await logic.options.services.databasesConfigurationController.all(logic.$serviceId.getState());
+    const isExistingAlias = allBases.some((item) => item.alias?.toLowerCase() === logic.$alias.getState() && item.databaseState !== DatabaseState.Creating);
+    if (isExistingAlias) {
+      logic.setSubmitErrorMessage(logic.options.services.resources.DatabaseWizardErrors_AliasAlreadyExist);
+      logic.setLoading(false);
+      return;
+    }
+    await logic.options.services.databaseMasterController.setState(logic.$serviceId.getState(), {
+      serverParameters: logic.getServerParameters(),
+      databaseParameters: logic.getDatabaseParameters(),
+      scriptGenerationParameters: logic.$tablesPlacements.getState(),
+      currentPageName: "Configuration",
+      masterType: logic.$mode.getState()
+    });
+    logic.setStateWasChanged(true);
+    await logic.getLibraries();
+    logic.setLoading(false);
+    logic.nextStep();
+  } catch (error) {
+    logic.setSubmitErrorMessage(error.message);
+    logic.setLoading(false);
+  }
+}
+async function createModeConfigurationFromSubmit(logic) {
+  const libraries = getSelectedLibrariesArray(logic);
+  logic.setLoading(true);
+  await logic.options.services.databaseMasterController.setState(logic.$serviceId.getState(), {
+    serverParameters: logic.getServerParameters(),
+    databaseParameters: logic.getDatabaseParameters(),
+    scriptGenerationParameters: logic.$tablesPlacements.getState(),
+    currentPageName: "Confirmation",
+    masterType: logic.$mode.getState(),
+    libraries
+  });
+  logic.setStateWasChanged(true);
+  logic.setLoading(false);
+  logic.nextStep();
+}
+async function createModeConfirmationFromSubmit(logic) {
+  if (logic.$processStatus.getState()?.state === ProcessState.Finished) {
+    await logic.options.services.messageWindow.showConfirmation(logic.options.services.resources.DatabaseWizard_BeforeUploadSettingsStepAttention);
+    logic.setLoading(true);
+    await logic.getSolutions();
+    logic.setLoading(false);
+    logic.setProcessStatus(null);
+    logic.nextStep();
+    return;
+  }
+  const libraries = getSelectedLibrariesArray(logic);
+  logic.setLoading(true);
+  await logic.options.services.databaseMasterController.setState(logic.$serviceId.getState(), {
+    serverParameters: logic.getServerParameters(),
+    databaseParameters: logic.getDatabaseParameters(),
+    scriptGenerationParameters: logic.$tablesPlacements.getState(),
+    currentPageName: "Confirmation",
+    masterType: logic.$mode.getState(),
+    libraries,
+    timeout: logic.$operationTimeout.getState(),
+    localeId: logic.$localeId.getState() && Math.round(logic.$localeId.getState())
+  });
+  const checkStatus = async () => {
+    const status = await logic.options.services.databasesController.status(logic.$serviceId.getState(), logic.$alias.getState());
+    if (status.state === ProcessState.Running) {
+      setTimeout(checkStatus, 5e3);
+    } else if (status.state === ProcessState.Error) {
+      logic.setSubmitErrorMessage(status.errorMessage);
+    } else if (status.state === ProcessState.Finished) {
+      await logic.options.services.databasesConfigurationController.add(logic.$serviceId.getState(), logic.$alias.getState());
+    } else if (status.state === ProcessState.Canceled) {
+      logic.setProcessIsCancelling(false);
+    }
+    logic.setProcessStatus(status);
+  };
+  try {
+    await logic.options.services.databasesController.create(logic.$serviceId.getState(), logic.$alias.getState());
+    logic.setProcessStatus({ state: ProcessState.Running });
+    await checkStatus();
+  } catch (e2) {
+    logic.setSubmitErrorMessage(e2.message);
+  }
+  logic.setStateWasChanged(true);
+  logic.setLoading(false);
+}
+async function cancelDatabaseProcess(logic) {
+  logic.options.services.databasesController.stop(logic.$serviceId.getState(), logic.$alias.getState());
+  logic.setProcessIsCancelling(true);
+  logic.setStateWasChanged(true);
+}
+async function createModeUploadSettingsFromSubmit(logic) {
+  const solutions = logic.$solutions.getState().reduce((acc, item) => {
+    if (item.selected) {
+      acc.push(item.id);
+    }
+    return acc;
+  }, []);
+  logic.setLoading(true);
+  await logic.options.services.databaseMasterController.setState(logic.$serviceId.getState(), {
+    serverParameters: logic.getServerParameters(),
+    databaseParameters: logic.getDatabaseParameters(),
+    scriptGenerationParameters: logic.$tablesPlacements.getState(),
+    currentPageName: "UploadSettings",
+    masterType: logic.$mode.getState(),
+    timeout: logic.$operationTimeout.getState(),
+    localeId: logic.$localeId.getState() && Math.round(logic.$localeId.getState())
+  });
+  const checkStatus = async () => {
+    const status = await logic.options.services.databasesController.status(logic.$serviceId.getState(), logic.$alias.getState());
+    if (status.state === ProcessState.Running) {
+      setTimeout(checkStatus, 5e3);
+    } else if (status.state === ProcessState.Error) {
+      logic.setSubmitErrorMessage(status.errorMessage);
+    } else if (status.state === ProcessState.Canceled) {
+      logic.setProcessIsCancelling(false);
+    }
+    logic.setProcessStatus(status);
+  };
+  try {
+    await logic.options.services.databasesController.installSolutions(
+      logic.$serviceId.getState(),
+      logic.$alias.getState(),
+      solutions
+    );
+    logic.setProcessStatus({ state: ProcessState.Running });
+    await checkStatus();
+  } catch (e2) {
+    logic.setSubmitErrorMessage(e2.message);
+  }
+  logic.setStateWasChanged(true);
+  logic.setLoading(false);
+}
+async function addModeConfigurationFromSubmit(logic) {
+  const libraries = getSelectedLibrariesArray(logic);
+  logic.setLoading(true);
+  try {
+    await logic.options.services.databasesConfigurationController.add(logic.$serviceId.getState(), logic.$alias.getState());
+  } catch (e2) {
+    logic.setSubmitErrorMessage(e2.message);
+  }
+  await logic.options.services.databaseMasterController.setState(logic.$serviceId.getState(), {
+    serverParameters: logic.getServerParameters(),
+    databaseParameters: logic.getDatabaseParameters(),
+    scriptGenerationParameters: logic.$tablesPlacements.getState(),
+    currentPageName: "Update",
+    masterType: logic.$mode.getState(),
+    libraries,
+    timeout: logic.$operationTimeout.getState(),
+    localeId: logic.$localeId.getState() && Math.round(logic.$localeId.getState())
+  });
+  logic.setLoading(false);
+  logic.nextStep();
+}
+async function addModeConfirmationFromSubmit(logic) {
+  logic.setLoading(true);
+  try {
+    await logic.getLibraries();
+    const libraries = getSelectedLibrariesArray(logic);
+    await logic.options.services.databaseMasterController.setState(logic.$serviceId.getState(), {
+      serverParameters: logic.getServerParameters(),
+      databaseParameters: logic.getDatabaseParameters(),
+      scriptGenerationParameters: logic.$tablesPlacements.getState(),
+      currentPageName: "Configuration",
+      masterType: logic.$mode.getState(),
+      libraries,
+      timeout: logic.$operationTimeout.getState(),
+      localeId: logic.$localeId.getState() && Math.round(logic.$localeId.getState())
+    });
+    logic.setStateWasChanged(true);
+    logic.setLoading(false);
+    logic.nextStep();
+  } catch (error) {
+    logic.setSubmitErrorMessage(error.message);
+    logic.setLoading(false);
+  }
+}
+async function addModeDatabaseFromSubmit(logic) {
+  const isExistingBase = logic.$existingBases.getState().includes(logic.$databaseName.getState());
+  if (!isExistingBase) {
+    logic.setSubmitErrorMessage(logic.options.services.resources.DatabaseWizard_DatabaseDoesNotExistError);
+    logic.setLoading(false);
+    return;
+  }
+  logic.setLoading(true);
+  const databaseConnectionStatus = await logic.options.services.databasesController.checkSqlDatabaseConnectionFull(
+    logic.$serviceId.getState(),
+    logic.getServerParameters(),
+    logic.getDatabaseParameters()
+  );
+  if (databaseConnectionStatus.status === ConnectionStatus.DatabaseAlreadyExists) {
+    logic.setSubmitErrorMessage(logic.options.services.resources.DatabaseWizardErrors_DatabaseAlreadyExist);
+    logic.setLoading(false);
+    return;
+  }
+  if (databaseConnectionStatus.status === ConnectionStatus.AliasAlreadyExists) {
+    logic.setSubmitErrorMessage(logic.options.services.resources.DatabaseWizardErrors_AliasAlreadyExist);
+    logic.setLoading(false);
+    return;
+  }
+  const libraries = getSelectedLibrariesArray(logic);
+  await logic.options.services.databaseMasterController.setState(logic.$serviceId.getState(), {
+    serverParameters: logic.getServerParameters(),
+    databaseParameters: logic.getDatabaseParameters(),
+    scriptGenerationParameters: logic.$tablesPlacements.getState(),
+    currentPageName: "Confirmation",
+    masterType: logic.$mode.getState(),
+    libraries
+  });
+  logic.setLoading(false);
+  logic.nextStep();
+}
+async function addModeUpdateFromSubmit(logic) {
+  if (logic.$processStatus.getState()?.state === ProcessState.Finished) {
+    await logic.options.services.messageWindow.showConfirmation(logic.options.services.resources.DatabaseWizard_BeforeUploadSettingsStepAttention);
+    logic.setLoading(true);
+    await logic.getSolutions();
+    logic.setLoading(false);
+    logic.setProcessStatus(null);
+    logic.nextStep();
+    return;
+  }
+  logic.setLoading(true);
+  await logic.options.services.databaseMasterController.setState(logic.$serviceId.getState(), {
+    serverParameters: logic.getServerParameters(),
+    databaseParameters: logic.getDatabaseParameters(),
+    scriptGenerationParameters: logic.$tablesPlacements.getState(),
+    currentPageName: "Update",
+    masterType: logic.$mode.getState(),
+    libraries: getSelectedLibrariesArray(logic),
+    timeout: logic.$operationTimeout.getState(),
+    localeId: logic.$localeId.getState() && Math.round(logic.$localeId.getState())
+  });
+  await logic.options.services.databasesController.update(logic.$serviceId.getState(), logic.$alias.getState());
+  const checkStatus = async () => {
+    const status = await logic.options.services.databasesController.status(logic.$serviceId.getState(), logic.$alias.getState());
+    if (status.state === ProcessState.Running) {
+      setTimeout(checkStatus, 5e3);
+    } else if (status.state === ProcessState.Error) {
+      logic.setSubmitErrorMessage(status.errorMessage);
+    } else if (status.state === ProcessState.Canceled) {
+      logic.setProcessIsCancelling(false);
+    }
+    logic.setProcessStatus(status);
+  };
+  try {
+    logic.setProcessStatus({ state: ProcessState.Running });
+    await checkStatus();
+  } catch (e2) {
+    logic.setSubmitErrorMessage(e2.message);
+  }
+  logic.setStateWasChanged(true);
+  logic.setLoading(false);
+}
+async function updateModeConfigurationFromSubmit(logic) {
+  const libraries = getSelectedLibrariesArray(logic);
+  logic.setLoading(true);
+  await logic.options.services.databaseMasterController.setState(logic.$serviceId.getState(), {
+    databaseParameters: logic.getDatabaseParameters(),
+    scriptGenerationParameters: logic.$tablesPlacements.getState(),
+    currentPageName: "Confirmation",
+    masterType: logic.$mode.getState(),
+    libraries
+  });
+  logic.setStateWasChanged(true);
+  logic.setLoading(false);
+  logic.nextStep();
+}
+async function updateModeConfirmationFromSubmit(logic) {
+  logic.setLoading(true);
+  await logic.options.services.databaseMasterController.setState(logic.$serviceId.getState(), {
+    databaseParameters: logic.getDatabaseParameters(),
+    scriptGenerationParameters: logic.$tablesPlacements.getState(),
+    currentPageName: "Update",
+    masterType: logic.$mode.getState(),
+    libraries: getSelectedLibrariesArray(logic)
+  });
+  logic.setStateWasChanged(true);
+  logic.setLoading(false);
+  logic.nextStep();
+}
+async function updateModeUpdateFromSubmit(logic) {
+  if (logic.$processStatus.getState()?.state === ProcessState.Finished) {
+    await logic.options.services.messageWindow.showConfirmation(logic.options.services.resources.DatabaseWizard_BeforeUploadSettingsStepAttention);
+    logic.setLoading(true);
+    await logic.getSolutions();
+    logic.setLoading(false);
+    logic.setProcessStatus(null);
+    logic.nextStep();
+    return;
+  }
+  logic.setLoading(true);
+  await logic.options.services.databaseMasterController.setState(logic.$serviceId.getState(), {
+    databaseParameters: logic.getDatabaseParameters(),
+    scriptGenerationParameters: logic.$tablesPlacements.getState(),
+    currentPageName: "Update",
+    masterType: logic.$mode.getState(),
+    libraries: getSelectedLibrariesArray(logic)
+  });
+  await logic.options.services.databasesController.update(logic.$serviceId.getState(), logic.$alias.getState());
+  const checkStatus = async () => {
+    const status = await logic.options.services.databasesController.status(logic.$serviceId.getState(), logic.$alias.getState());
+    if (status.state === ProcessState.Running) {
+      setTimeout(checkStatus, 5e3);
+    } else if (status.state === ProcessState.Error) {
+      logic.setSubmitErrorMessage(status.errorMessage);
+    } else if (status.state === ProcessState.Canceled) {
+      logic.setProcessIsCancelling(false);
+    }
+    logic.setProcessStatus(status);
+  };
+  try {
+    logic.setProcessStatus({ state: ProcessState.Running });
+    await checkStatus();
+  } catch (e2) {
+    logic.setSubmitErrorMessage(e2.message);
+  }
+  logic.setStateWasChanged(true);
+  logic.setLoading(false);
+}
+class DatabaseWizardLogic extends ComponentLogic {
+  constructor() {
+    super(...arguments);
+    this.domain = y("DatabaseSettingsPanelLogic");
+    this.$steps = this.domain.createStore([], { name: "$steps" });
+    this.$isOpen = this.domain.createStore(true, { name: "$isOpen" });
+    this.setIsOpen = this.domain.event("setIsOpen");
+    this.setSteps = this.domain.event("setSteps");
+    this.currentFormRef = React__default.createRef();
+    this.$activeStep = this.domain.createStore(null, { name: "$activeStep" });
+    this.setActiveStep = this.domain.event("setActiveStep");
+    this.$serviceId = this.domain.createStore(null, { name: "$serviceId" });
+    this.setServiceId = this.domain.event("setServiceId");
+    this.$submitErrorMessage = this.domain.createStore(null, { name: "$submitErrorMessage" });
+    this.setSubmitErrorMessage = this.domain.event("setSubmitErrorMessage");
+    this.$existingBases = this.domain.createStore([], { name: "$existingBases" });
+    this.setExistingBases = this.domain.event("setExistingBases");
+    this.$loading = this.domain.createStore(false, { name: "$loading" });
+    this.setLoading = this.domain.event("setLoading");
+    this.$passwordChanged = this.domain.createStore(false, { name: "$passwordChanged" });
+    this.setPasswordChanged = this.domain.event("setPasswordChanged");
+    this.$processStatus = this.domain.createStore(null, { name: "$ProcessStatus" });
+    this.setProcessStatus = this.domain.event("setProcessStatus");
+    this.$processIsCancelling = this.domain.createStore(false, { name: "$processIsCancelling" });
+    this.setProcessIsCancelling = this.domain.event("setProcessIsCancelling");
+    this.$mode = this.domain.createStore(null, { name: "$mode" });
+    this.setMode = this.domain.event("setMode");
+    this.$scriptGeneratorVersion = this.domain.createStore(null, { name: "$scriptGeneratorVersion" });
+    this.setScriptGeneratorVersion = this.domain.event("setScriptGeneratorVersion");
+    this.$stateWasChanged = this.domain.createStore(false, { name: "$stateWasChanged" });
+    this.setStateWasChanged = this.domain.event("setStateWasChanged");
+    this.nextStep = this.domain.event("nextStep");
+    this.previousStep = this.domain.event("previousStep");
+    this.goToStep = this.domain.event("goToStep");
+    this.componentDidMount = this.domain.event("componentDidMount");
+    this.markStepsStatusFx = this.domain.effect((step) => {
+      const steps = this.$steps.getState();
+      steps.forEach((item) => {
+        if (item.order > step.order) {
+          item.status = DatabaseWizardStepStatus.New;
+        } else if (item.order < step.order) {
+          item.status = DatabaseWizardStepStatus.Finished;
+        } else {
+          item.status = DatabaseWizardStepStatus.Active;
+        }
+      });
+      this.setSteps([...steps]);
+    });
+    this.stepFormSubmit = this.domain.event("stepFormOnsubmit");
+    this.stepFormSubmitFx = this.domain.effect(async () => {
+      const step = this.$activeStep.getState().step;
+      if (this.$mode.getState() === DatabaseWizardMode.Create) {
+        switch (step) {
+          case DatabaseWizardSteps.SQLServer:
+            await createModeSQlServerFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.Database:
+            await createModeDatabaseFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.Configuration:
+            await createModeConfigurationFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.Confirmation:
+            this.$processStatus.getState()?.state === ProcessState.Running ? await cancelDatabaseProcess(this) : await createModeConfirmationFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.UploadSettings:
+            await createModeUploadSettingsFromSubmit(this);
+            break;
+        }
+      } else if (this.$mode.getState() === DatabaseWizardMode.Add) {
+        switch (step) {
+          case DatabaseWizardSteps.SQLServer:
+            await createModeSQlServerFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.Database:
+            await addModeDatabaseFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.Configuration:
+            await addModeConfigurationFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.Confirmation:
+            await addModeConfirmationFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.Update:
+            await addModeUpdateFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.UploadSettings:
+            await createModeUploadSettingsFromSubmit(this);
+            break;
+        }
+      } else if (this.$mode.getState() === DatabaseWizardMode.Update) {
+        switch (step) {
+          case DatabaseWizardSteps.Configuration:
+            await updateModeConfigurationFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.Confirmation:
+            await updateModeConfirmationFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.Update:
+            await updateModeUpdateFromSubmit(this);
+            break;
+          case DatabaseWizardSteps.UploadSettings:
+            await createModeUploadSettingsFromSubmit(this);
+            break;
+        }
+      }
+    });
+    this.stepFormCancel = this.domain.event("stepFormCancel");
+    this.stepFormCancelFx = this.domain.effect(async () => {
+      if (this.$mode.getState() === DatabaseWizardMode.Create) {
+        if (this.$activeStep.getState().step === DatabaseWizardSteps.Confirmation && this.$processStatus.getState()?.state === ProcessState.Running) {
+          await this.options.services.messageWindow.showConfirmation(this.options.services.resources.DatabaseWizard_CancelCreationConfirmation);
+          await cancelDatabaseProcess(this);
+        }
+      } else {
+        if (this.$activeStep.getState().step === DatabaseWizardSteps.Update && this.$processStatus.getState()?.state === ProcessState.Running) {
+          await this.options.services.messageWindow.showConfirmation(this.options.services.resources.DatabaseWizard_CancelCreationConfirmation);
+          await cancelDatabaseProcess(this);
+        }
+      }
+      if (!!this.$alias.getState()) {
+        this.options.services.databaseMasterController.deleteState(this.$serviceId.getState(), this.$alias.getState());
+      }
+      this.setIsOpen(false);
+      if (this.$stateWasChanged.getState()) {
+        this.options.databaseChangeStateEvent?.();
+      }
+    });
+    this.stepFormDone = this.domain.event("stepFormOnsubmit");
+    this.stepFormDoneFx = this.domain.effect(async () => {
+      this.options.services.databaseMasterController.deleteState(this.$serviceId.getState(), this.$alias.getState());
+      this.setIsOpen(false);
+      if (this.$stateWasChanged.getState()) {
+        this.options.databaseChangeStateEvent?.();
+      }
+    });
+    this.toggleLibrary = this.domain.event("toggleLibrary");
+    this.toggleLibraryFx = this.domain.effect(async (library) => {
+      let selectedLibraries = [...this.$selectedLibraries.getState()];
+      const availableLibraries = this.$availableLibraries.getState();
+      let haveDependencyLibrary = false;
+      let confirmationMessage = "";
+      let isUncheck = false;
+      const toggleSelectedLibraries = (library2) => {
+        if (isUncheck || selectedLibraries.find((l) => l.name === library2.name)) {
+          selectedLibraries = selectedLibraries.filter((l) => l.name !== library2.name);
+          isUncheck = true;
+          selectedLibraries.forEach((selectedLibrary) => {
+            selectedLibrary.libraryDependencies.forEach((dependency) => {
+              if (library2.alias === dependency.alias) {
+                const availableLibrary = availableLibraries.find((l) => selectedLibrary.alias === l.alias);
+                if (availableLibrary) {
+                  haveDependencyLibrary = true;
+                  confirmationMessage = this.options.services.resources.DatabaseWizard_UncheckLibraryConfirmation;
+                  toggleSelectedLibraries(availableLibrary);
+                }
+              }
+            });
+          });
+        } else {
+          selectedLibraries.push(library2);
+          library2.libraryDependencies.forEach((dependency) => {
+            if (!selectedLibraries.some((selectedLibrary) => selectedLibrary.alias === dependency.alias)) {
+              const availableLibrary = availableLibraries.find((l) => dependency.alias === l.alias);
+              if (availableLibrary && availableLibrary.canUpdate) {
+                haveDependencyLibrary = true;
+                confirmationMessage = this.options.services.resources.DatabaseWizard_CheckLibraryConfirmation;
+                toggleSelectedLibraries(availableLibrary);
+              }
+            }
+          });
+        }
+      };
+      toggleSelectedLibraries(library);
+      if (!isUncheck) {
+        selectedLibraries = checkRequiredLibrary(availableLibraries, selectedLibraries);
+      }
+      if (haveDependencyLibrary) {
+        if (haveDependencyLibrary) {
+          try {
+            await this.options.services.messageWindow.showConfirmation(confirmationMessage);
+          } catch (e2) {
+            console.log("unconfirmed check library");
+            return;
+          }
+        }
+      }
+      this.setSelectedLibraries([...selectedLibraries]);
+    });
+    this.$serverType = this.domain.createStore(ServerType.PostgreSQL, { name: "$serverType" });
+    this.$serverName = this.domain.createStore("", { name: "$serverName" });
+    this.$authentication = this.domain.createStore("SQLServer", { name: "$authentication" });
+    this.$port = this.domain.createStore(DEFAULT_PORT, { name: "$port" });
+    this.$login = this.domain.createStore("", { name: "$login" });
+    this.$password = this.domain.createStore("", { name: "$password" });
+    this.$databaseName = this.domain.createStore("", { name: "$databaseName" });
+    this.$alias = this.domain.createStore("", { name: "$alias" });
+    this.$locationType = this.domain.createStore(DBFIleLocationType.Standard, { name: "$placementType" });
+    this.$locationPath = this.domain.createStore("", { name: "$placementPath" });
+    this.$tablesPlacements = this.domain.createStore(getDefaultPlacementsTables(), { name: "$placementPath" });
+    this.$localeId = this.domain.createStore(DEFAULT_LOCALE_ID, { name: "$language" });
+    this.$availableLibraries = this.domain.createStore([], { name: "$availableLibraries" });
+    this.$selectedLibraries = this.domain.createStore([], { name: "$selectedLibraries" });
+    this.$disabledLibraries = this.domain.createStore([], { name: "$disabledLibraries" });
+    this.$operationTimeout = this.domain.createStore(DEFAULT_OPERATION_TIMEOUT, { name: "$operationTimeout" });
+    this.$solutions = this.domain.createStore([], { name: "$modules" });
+    this.$haveCheckedSolutions = this.domain.createStore(false, { name: "$haveCheckedSolutions" });
+    this.setServerType = this.domain.event();
+    this.setServerName = this.domain.event();
+    this.setAuthentication = this.domain.event();
+    this.setPort = this.domain.event();
+    this.setLogin = this.domain.event();
+    this.setPassword = this.domain.event();
+    this.setDatabaseName = this.domain.event();
+    this.setAlias = this.domain.event();
+    this.setLocationType = this.domain.event();
+    this.setLocationPath = this.domain.event();
+    this.setTablesPlacements = this.domain.event();
+    this.setLocaleId = this.domain.event();
+    this.setAvailableLibraries = this.domain.event();
+    this.setSelectedLibraries = this.domain.event();
+    this.setDisabledLibraries = this.domain.event();
+    this.setOperationTimeout = this.domain.event();
+    this.setSolutions = this.domain.event();
+    this.setHaveCheckedSolutions = this.domain.event();
+    this.onBeforeWindowUnload = (e2) => {
+      if (this.$processStatus.getState()?.state !== ProcessState.Running) {
+        if (e2) {
+          e2.returnValue = this.options.services.resources.TabCloseConfirmation || true;
+        }
+        return this.options.services.resources.TabCloseConfirmation || true;
+      }
+    };
+  }
+  getServerParameters() {
+    return {
+      serverName: this.$serverName.getState(),
+      serverType: this.$serverType.getState(),
+      user: this.$login.getState(),
+      password: this.$password.getState(),
+      port: this.$port.getState(),
+      integratedSecurity: this.$authentication.getState() === "SQL Server",
+      passwordChanged: this.$password.getState() ? true : false
+    };
+  }
+  getDatabaseParameters() {
+    return {
+      alias: this.$alias.getState(),
+      databaseName: this.$databaseName.getState()
+    };
+  }
+  initSettings() {
+    if (!this.options?.services) {
+      return;
+    }
+  }
+  async initUpdateMode() {
+    if (this.options.alias) {
+      this.setAlias(this.options.alias);
+      this.setLoading(true);
+      const allDatabaseConfigurations = await this.options.services.databasesConfigurationController.all(this.options.serviceId);
+      const databaseConfiguration = allDatabaseConfigurations.find((item) => item.alias === this.options.alias);
+      if (!databaseConfiguration || databaseConfiguration.databaseState !== DatabaseState.Attached) {
+        this.setSubmitErrorMessage(this.options.services.resources.DatabaseWizardErrors_DatabaseNotAttached);
+        return;
+      }
+      this.setServerType(databaseConfiguration.databaseType === DatabaseType.SQL ? ServerType["MS SQL SERVER"] : ServerType.PostgreSQL);
+      this.setServerName(databaseConfiguration.serverName);
+      this.setDatabaseName(databaseConfiguration.databaseName);
+      await this.options.services.databaseMasterController.setState(this.options.serviceId, {
+        masterType: DatabaseWizardMode.Update,
+        currentPageName: "Configuration",
+        databaseParameters: {
+          alias: this.options.alias,
+          databaseName: databaseConfiguration.databaseName
+        },
+        scriptGenerationParameters: this.$tablesPlacements.getState()
+      });
+      await this.getLibraries();
+      this.setLoading(false);
+    }
+  }
+  async getLibraries() {
+    const alias = this.$alias.getState() || this.options.alias;
+    const scriptModel = await this.options.services.databasesController.libraries(this.options.serviceId, alias);
+    this.setAvailableLibraries(scriptModel.libraries);
+    const selectedLibraries = [];
+    const disabledLibraries = [];
+    scriptModel.libraries.forEach((library) => {
+      if (library.canUpdate) {
+        selectedLibraries.push(library);
+      } else {
+        disabledLibraries.push(library);
+      }
+      if (library.id?.toLowerCase() === OFFICE_WORK_LIBRARY_ID) {
+        disabledLibraries.push(library);
+      }
+    });
+    this.setSelectedLibraries(selectedLibraries);
+    this.setDisabledLibraries(disabledLibraries);
+    this.setScriptGeneratorVersion(scriptModel.scriptGeneratorVersion);
+  }
+  async getSolutions() {
+    const alias = this.$alias.getState() || this.options.alias;
+    let availableSolutions;
+    try {
+      availableSolutions = await this.options.services.databasesController.solutions(this.options.serviceId, alias);
+    } catch (e2) {
+      this.setSubmitErrorMessage(e2.message);
+    }
+    const solutions = availableSolutions.map((solution) => {
+      return {
+        ...solution,
+        selected: solution.canUpdate || this.$mode.getState() === DatabaseWizardMode.Create || isRequiredSolution(solution),
+        disabled: !solution.canUpdate && this.$mode.getState() !== DatabaseWizardMode.Create || isRequiredSolution(solution)
+      };
+    });
+    this.setSolutions(solutions);
+  }
+  toggleSolution(solution) {
+    if (solution.disabled) {
+      return;
+    }
+    if (solution.selected) {
+      solution.selected = false;
+    } else {
+      solution.selected = true;
+    }
+    this.setSolutions([...this.$solutions.getState()]);
+  }
+  initExitingModel() {
+    const model = this.options.model;
+    if (!model) return;
+    model.databaseParameters?.alias && this.setAlias(model.databaseParameters.alias);
+    model.databaseParameters?.databaseName && this.setDatabaseName(model.databaseParameters.databaseName);
+    model.serverParameters?.serverName && this.setServerName(model.serverParameters.serverName);
+    model.serverParameters?.serverType && this.setServerType(model.serverParameters.serverType);
+    model.serverParameters?.user && this.setLogin(model.serverParameters.user);
+    model.serverParameters?.port && this.setPort(model.serverParameters.port);
+    model.serverParameters?.password && this.setPassword(model.serverParameters.password);
+    model.serverParameters?.integratedSecurity && this.setAuthentication(model.serverParameters.integratedSecurity ? "SQL Server" : "Windows");
+    model.scriptGenerationParameters && this.setTablesPlacements(model.scriptGenerationParameters);
+    model.masterType && this.setMode(model.masterType);
+    model.scriptGenerationParameters && this.setTablesPlacements(model.scriptGenerationParameters);
+    model.localeId && this.setLocaleId(model.localeId);
+    model.dbFilePath && this.setLocationPath(model.dbFilePath);
+    model.timeout && this.setOperationTimeout(model.timeout);
+    if (model.lastProcessError) {
+      this.setSubmitErrorMessage(model.lastProcessError);
+      this.setProcessStatus({ state: ProcessState.Error, errorMessage: model.lastProcessError });
+    }
+    if (model.state) {
+      let processStatusState = null;
+      switch (model.state) {
+        case IDatabaseMasterState.SolutionInProcess:
+        case IDatabaseMasterState.DatabaseInProcess:
+          processStatusState = ProcessState.Running;
+          break;
+        case IDatabaseMasterState.SolutionProcessFinished:
+        case IDatabaseMasterState.DatabaseProcessFinished:
+          processStatusState = ProcessState.Finished;
+          break;
+      }
+      this.setProcessStatus({ state: processStatusState });
+    }
+    if (model.currentPageName) {
+      const step = this.$steps.getState().find((step2) => step2.step === DatabaseWizardSteps[model.currentPageName]);
+      this.setActiveStep(step);
+    }
+  }
+  init(options) {
+    this.initSettings();
+    this.$steps.on(this.setSteps, (_2, steps2) => steps2);
+    this.$activeStep.on(this.setActiveStep, (_2, newStep) => newStep).on(this.goToStep, (_2, targetStep) => {
+      return this.$steps.getState().find((step) => step.step === targetStep);
+    });
+    const steps = getDatabaseWizardModeSteps(options.mode, options.services);
+    this.setActiveStep(steps[0]);
+    this.setSteps(steps);
+    this.markStepsStatusFx(steps[0]);
+    this.stepFormSubmit.watch(() => {
+      this.stepFormSubmitFx();
+    });
+    this.stepFormCancel.watch(() => {
+      this.stepFormCancelFx();
+    });
+    this.stepFormDone.watch(() => {
+      this.stepFormDoneFx();
+    });
+    v({
+      source: this.$activeStep,
+      target: [this.markStepsStatusFx]
+    });
+    this.nextStep.watch(() => {
+      this.setSubmitErrorMessage(null);
+      const currentStep = this.$activeStep.getState();
+      const steps2 = this.$steps.getState();
+      this.goToStep(steps2[currentStep.order].step);
+    });
+    this.previousStep.watch(() => {
+      const currentStep = this.$activeStep.getState();
+      const steps2 = this.$steps.getState();
+      this.goToStep(steps2[currentStep.order - 2].step);
+    });
+    this.$existingBases.on(this.setExistingBases, (_2, value) => value);
+    this.$serviceId.on(this.setServiceId, (_2, value) => value);
+    this.$loading.on(this.setLoading, (_2, value) => value);
+    this.$isOpen.on(this.setIsOpen, (_2, value) => value);
+    this.$stateWasChanged.on(this.setStateWasChanged, (_2, value) => value);
+    this.$serverType.on(this.setServerType, (_2, value) => value);
+    this.$serverName.on(this.setServerName, (_2, value) => value);
+    this.$authentication.on(this.setAuthentication, (_2, value) => value);
+    this.$port.on(this.setPort, (_2, value) => value);
+    this.$login.on(this.setLogin, (_2, value) => value);
+    this.$password.on(this.setPassword, (_2, value) => value);
+    this.$databaseName.on(this.setDatabaseName, (_2, value) => value);
+    this.$alias.on(this.setAlias, (_2, value) => value?.toLowerCase());
+    this.$locationType.on(this.setLocationType, (_2, value) => value);
+    this.$locationPath.on(this.setLocationPath, (_2, value) => value);
+    this.$tablesPlacements.on(this.setTablesPlacements, (_2, value) => value);
+    this.$localeId.on(this.setLocaleId, (_2, value) => value);
+    this.$availableLibraries.on(this.setAvailableLibraries, (_2, value) => value.sort((a2, b2) => a2.name.localeCompare(b2.name)));
+    this.$selectedLibraries.on(this.setSelectedLibraries, (_2, value) => value);
+    this.$disabledLibraries.on(this.setDisabledLibraries, (_2, value) => value);
+    this.$operationTimeout.on(this.setOperationTimeout, (_2, value) => value);
+    this.$solutions.on(this.setSolutions, (_2, value) => {
+      this.setHaveCheckedSolutions(value.some((s2) => s2.selected));
+      return value;
+    });
+    this.$haveCheckedSolutions.on(this.setHaveCheckedSolutions, (_2, value) => value);
+    this.$passwordChanged.on(this.setPassword, () => true);
+    this.$submitErrorMessage.on(this.setSubmitErrorMessage, (_2, value) => value);
+    this.$processStatus.on(this.setProcessStatus, (_2, value) => value);
+    this.$scriptGeneratorVersion.on(this.setScriptGeneratorVersion, (_2, value) => value);
+    this.$mode.on(this.setMode, (_2, value) => value);
+    this.setMode(options.mode);
+    this.$processIsCancelling.on(this.setProcessIsCancelling, (_2, value) => value);
+    this.setServiceId(options.serviceId);
+    this.toggleLibrary.watch((library) => {
+      this.toggleLibraryFx(library);
+    });
+    if (options.mode === DatabaseWizardMode.Update) {
+      this.initUpdateMode();
+    }
+    if (options.model) {
+      this.initExitingModel();
+    }
+    this.$isOpen.watch((value) => {
+      if (!value) {
+        window.removeEventListener("beforeunload", this.onBeforeWindowUnload);
+      } else {
+        window.addEventListener("beforeunload", this.onBeforeWindowUnload);
+      }
+    });
+  }
+}
+function DatabaseWizardStepLabel(props) {
+  let iconComponent = null;
+  switch (props.stepStatus) {
+    case DatabaseWizardStepStatus.Active:
+      iconComponent = /* @__PURE__ */ jsx("svg", { className: "database-wizard__step-label-icon", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { fill: "white", d: "M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z" }) });
+      break;
+    case DatabaseWizardStepStatus.Finished:
+      iconComponent = /* @__PURE__ */ jsx("svg", { className: "database-wizard__step-label-icon", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { fill: "white", d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) });
+      break;
+    default:
+      iconComponent = /* @__PURE__ */ jsx("span", { className: "database-wizard__step-label-number", children: props.number });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: classNames("database-wizard__step-label-wrapper", {
+    "database-wizard__step-label-wrapper_active": props.stepStatus === DatabaseWizardStepStatus.Active,
+    "database-wizard__step-label-wrapper_finished": props.stepStatus === DatabaseWizardStepStatus.Finished,
+    "database-wizard__step-label-wrapper_no-clickable": !props.clickable
+  }), ...props, children: [
+    /* @__PURE__ */ jsx("div", { className: "database-wizard__step-label-icon-circle", children: iconComponent }),
+    /* @__PURE__ */ jsx("span", { className: "database-wizard__step-label-text", children: props.text })
+  ] });
+}
+function DatabaseWizardModal(props) {
+  return /* @__PURE__ */ jsx(
+    ModalDialog$2,
+    {
+      className: "database-wizard__modal",
+      headerClass: "database-wizard__modal-header",
+      closeButtonClass: "database-wizard__modal-close-button",
+      showButtonsPanel: false,
+      ...props
+    }
+  );
+}
+function DatabaseWizardHeader(props) {
+  return /* @__PURE__ */ jsxs("h2", { className: "database-wizard__modal-header", ...props, children: [
+    /* @__PURE__ */ jsx("svg", { className: "database-wizard__modal-header-icon", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M21 22H3V20H21V22M19 19H5L11.1 2.6C11.3 2.2 11.6 2 12 2L18 5H13.9L19 19M10 7.5L11.04 7.97L11.5 9L11.97 7.97L13 7.5L11.97 7.03L11.5 6L11.04 7.03L10 7.5M13 15L10.94 14.07L10 12L9.07 14.07L7 15L9.07 15.93L10 18L10.94 15.93L13 15M13.97 11.97L15 11.5L13.97 11.03L13.5 10L13.04 11.03L12 11.5L13.04 11.97L13.5 13L13.97 11.97M15.97 15.97L17 15.5L15.97 15.03L15.5 14L15.04 15.03L14 15.5L15.04 15.97L15.5 17L15.97 15.97Z" }) }),
+    props.text
+  ] });
+}
+function DatabaseWizardStepLabelsWrapper(props) {
+  return /* @__PURE__ */ jsx("div", { ...props, className: "database-wizard__step-labels-wrapper" });
+}
+function DatabaseWizardContentBlock(props) {
+  const { expandable, expanded, header, ...divProps } = props;
+  const [isExpanded, setIsExpanded] = useState(expandable || expanded);
+  useEffect(() => {
+    setIsExpanded(!expandable || expanded);
+  }, [expanded]);
+  const onExpand = () => {
+    expandable && setIsExpanded(!isExpanded);
+  };
+  return /* @__PURE__ */ jsxs("div", { ...divProps, className: classNames("database-wizard__content-block", props.className, {
+    "database-wizard__content-block_expandable": expandable,
+    "database-wizard__content-block_expanded": isExpanded
+  }), children: [
+    header && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: classNames(
+          "database-wizard__content-block-header",
+          { "database-wizard__content-block-header_expandable": expandable }
+        ),
+        onClick: onExpand,
+        children: [
+          expandable && /* @__PURE__ */ jsx("svg", { className: "database-wizard__content-block-expand-icon", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z" }) }),
+          header
+        ]
+      }
+    ),
+    divProps.children
+  ] });
+}
+function DatabaseWizardButtonPanel(props) {
+  const { active, ...divProps } = props;
+  const activeClass = active ? "database-wizard__buttons-panel_active" : "";
+  return /* @__PURE__ */ jsx("div", { className: `database-wizard__buttons-panel ${activeClass}`, ...divProps });
+}
+function DatabaseForm(props) {
+  const { logic, view } = props;
+  const $databaseName = e(logic.$databaseName);
+  const $alias = e(logic.$alias);
+  const $locationType = e(logic.$locationType);
+  const $locationPath = e(logic.$locationPath);
+  const $localeId = e(logic.$localeId);
+  const $tablesPlacements = e(logic.$tablesPlacements);
+  const $existingBases = e(logic.$existingBases);
+  const $serverType = e(logic.$serverType);
+  const $loading = e(logic.$loading);
+  const $submitErrorMessage = e(logic.$submitErrorMessage);
+  const $mode = e(logic.$mode);
+  const { register, handleSubmit, control, ...methods } = useForm(
+    {
+      mode: "onTouched",
+      values: {
+        databaseName: $databaseName,
+        alias: $alias,
+        locationType: $locationType,
+        locationPath: $locationPath,
+        localeId: $localeId,
+        tablesPlacements: $tablesPlacements
+      }
+    }
+  );
+  const onTablePlacementItemChange = (item, value) => {
+    if (typeof value === "boolean") {
+      $tablesPlacements[item] = value;
+    } else {
+      $tablesPlacements[item] = TableLocationTypeExtended[value];
+    }
+    logic.setTablesPlacements({ ...$tablesPlacements });
+  };
+  const getTableLocationItems = () => {
+    const items = [];
+    Object.keys($tablesPlacements).map((param, index) => {
+      let options = [];
+      let selectedDisplayValue = null;
+      if (typeof $tablesPlacements[param] === "boolean") {
+        options.push({ displayValue: props.services.resources.On, value: true });
+        options.push({ displayValue: props.services.resources.Off, value: false });
+        selectedDisplayValue = $tablesPlacements[param] ? true : false;
+      } else if (param === "changedObjectDataBaseType") {
+        options = getTableLocationTypeExtendedNames().map((typeLocationName) => {
+          return { displayValue: typeLocationName, value: typeLocationName };
+        });
+        selectedDisplayValue = TableLocationTypeExtended[$tablesPlacements[param]];
+      } else {
+        options = getTableLocationTypeNames().map((typeLocationName) => {
+          return { displayValue: typeLocationName, value: typeLocationName };
+        });
+        selectedDisplayValue = TableLocationType[$tablesPlacements[param]];
+      }
+      items.push(
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper database-wizard__step-form-row-wrapper_table-location", children: [
+          /* @__PURE__ */ jsxs("label", { className: "database-wizard__step-form-option-label-select", id: param, htmlFor: param, children: [
+            /* @__PURE__ */ jsxs("span", { className: "database-wizard__step-form-option-title", children: [
+              props.services.resources[`DatabaseWizardTableLocation_${param}`],
+              ":"
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "database-wizard__step-form-option-description", children: param })
+          ] }),
+          /* @__PURE__ */ jsx(FormControl$3, { disabled: $loading, size: "small", children: /* @__PURE__ */ jsx(
+            Select$3,
+            {
+              ...commonMuiProps.select,
+              variant: "outlined",
+              name: param,
+              labelId: param,
+              value: selectedDisplayValue,
+              onChange: (e2) => {
+                onTablePlacementItemChange(param, e2.target.value);
+              },
+              disabled: $loading,
+              children: options.map((option, index2) => /* @__PURE__ */ jsx(MenuItem$2, { value: option.value, children: option.displayValue }, index2))
+            }
+          ) })
+        ] }, index)
+      );
+    });
+    return items;
+  };
+  const getDBFileLocationOptions = () => {
+    return getDBFileLocationTypeNames().map((typeLocationName) => {
+      return {
+        displayValue: props.services.resources[`DBFileLocation_${typeLocationName}`],
+        value: DBFIleLocationType[typeLocationName]
+      };
+    });
+  };
+  const getLocaleIdOptions = () => {
+    return getLocaleIdNames().map((localeIdOption) => {
+      return {
+        displayValue: props.services.resources[`Locale_${localeIdOption}`],
+        value: LocaleId[localeIdOption]
+      };
+    });
+  };
+  const onDataBaseNameChange = (value) => {
+    logic.setDatabaseName(value);
+    logic.setAlias(value);
+  };
+  const databaseNameField = register("databaseName", {
+    required: props.services.resources.Dialog_ValidationRequired,
+    onChange: (e2) => onDataBaseNameChange(e2.target.value)
+  });
+  const locationPathField = register("locationPath", {
+    disabled: $locationType !== DBFIleLocationType.Other,
+    required: props.services.resources.Dialog_ValidationRequired,
+    onChange: (e2) => logic.setLocationPath(e2.target.value)
+  });
+  const aliasInputRef = React__default.useRef(null);
+  const [aliasInputSelection, setAliasInputSelection] = React__default.useState({ start: 0, end: 0, direction: "forward" });
+  useLayoutEffect(() => {
+    aliasInputRef.current.setSelectionRange(aliasInputSelection.start, aliasInputSelection.end, aliasInputSelection.direction);
+  }, [aliasInputSelection.start, aliasInputSelection.end, aliasInputSelection.direction]);
+  const aliasField = register("alias", {
+    required: props.services.resources.Dialog_ValidationRequired,
+    onChange: (e2) => {
+      const startPos = e2.target.selectionStart;
+      const endPos = e2.target.selectionEnd;
+      logic.setAlias(e2.target.value);
+      setAliasInputSelection({ start: startPos, end: endPos, direction: "forward" });
+    }
+  });
+  return /* @__PURE__ */ jsxs("form", { className: "database-wizard__step-form", ref: props.currentFormRef, onSubmit: handleSubmit(props.onSubmit), children: [
+    /* @__PURE__ */ jsxs("fieldset", { disabled: $loading, className: "database-wizard__step-form-fieldset", children: [
+      /* @__PURE__ */ jsxs(view.contentBlock, { header: getDatabaseWizardFormName(
+        props.services,
+        DatabaseWizardSteps.Database,
+        $serverType === ServerType["MS SQL SERVER"] ? props.mode : DatabaseWizardMode.Add,
+        "DBLocation"
+      ), children: [
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsxs("label", { htmlFor: "databaseName", children: [
+            props.services.resources.DatabaseWizardLabel_DatabaseName,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsx(
+            TextField$3,
+            {
+              ...databaseNameField,
+              id: "databaseName",
+              value: $databaseName,
+              error: !!methods.formState.errors.databaseName,
+              helperText: methods.formState.errors.databaseName?.message,
+              autoComplete: "off",
+              variant: "outlined",
+              size: "small",
+              slotProps: { htmlInput: { list: "existing-bases" } },
+              placeholder: props.services.resources.DatabaseWizard_DatabaseNamePlaceholder
+            }
+          ),
+          /* @__PURE__ */ jsx("datalist", { id: "existing-bases", children: $existingBases && $existingBases.map((item, index) => /* @__PURE__ */ jsx("option", { value: item }, index)) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsxs("label", { htmlFor: "alias", children: [
+            props.services.resources.DatabaseWizardLabel_Alias,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsx(
+            TextField$3,
+            {
+              ...aliasField,
+              id: "alias",
+              value: $alias,
+              error: !!methods.formState.errors.alias,
+              helperText: methods.formState.errors.alias?.message,
+              autoComplete: "off",
+              variant: "outlined",
+              size: "small",
+              slotProps: {
+                htmlInput: { ref: aliasInputRef },
+                input: { style: { textTransform: "lowercase" } }
+              }
+            }
+          )
+        ] }),
+        $mode === DatabaseWizardMode.Create && $serverType === ServerType["MS SQL SERVER"] && /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsx("label", { id: "locationTypeLabel", htmlFor: "locationType", children: props.services.resources.DatabaseWizardLabel_LocationType }),
+          /* @__PURE__ */ jsx(FormControl$3, { disabled: $loading, size: "small", children: /* @__PURE__ */ jsx(
+            Select$3,
+            {
+              ...commonMuiProps.select,
+              variant: "outlined",
+              name: "locationType",
+              labelId: "locationTypeLabel",
+              value: $locationType,
+              onChange: (e2) => {
+                logic.setLocationType(e2.target.value);
+              },
+              disabled: $loading,
+              children: getDBFileLocationOptions().map((option, index) => /* @__PURE__ */ jsx(MenuItem$2, { value: option.value, children: option.displayValue }, index))
+            }
+          ) })
+        ] }),
+        $locationType === DBFIleLocationType.Other && $serverType === ServerType["MS SQL SERVER"] && /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "locationPath", children: props.services.resources.DatabaseWizardLabel_LocationPath }),
+          /* @__PURE__ */ jsx(
+            TextField$3,
+            {
+              ...locationPathField,
+              id: "locationPath",
+              value: $locationPath,
+              error: !!methods.formState.errors.locationPath,
+              helperText: methods.formState.errors.locationPath?.message,
+              autoComplete: "off",
+              variant: "outlined",
+              size: "small"
+            }
+          )
+        ] }),
+        $serverType === ServerType["MS SQL SERVER"] && /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsx("label", { id: "localeIdLabel", htmlFor: "localeId", children: props.services.resources.DatabaseWizardLabel_LocaleId }),
+          /* @__PURE__ */ jsx(FormControl$3, { disabled: $loading, size: "small", children: /* @__PURE__ */ jsx(
+            Select$3,
+            {
+              ...commonMuiProps.select,
+              variant: "outlined",
+              labelId: "localeIdLabel",
+              name: "localeId",
+              value: $localeId,
+              onChange: (e2) => {
+                logic.setLocaleId(e2.target.value);
+              },
+              disabled: $loading,
+              children: getLocaleIdOptions().map((option, index) => /* @__PURE__ */ jsx(MenuItem$2, { value: option.value, children: option.displayValue }, index))
+            }
+          ) })
+        ] })
+      ] }),
+      $serverType === ServerType["MS SQL SERVER"] && /* @__PURE__ */ jsx(
+        view.contentBlock,
+        {
+          header: getDatabaseWizardFormName(props.services, DatabaseWizardSteps.Database, null, "TableLocation"),
+          expandable: true,
+          expanded: false,
+          children: getTableLocationItems()
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "database-wizard__step-form-submit-error", children: $submitErrorMessage })
+  ] });
+}
+function ConfigurationForm(props) {
+  const { logic, view } = props;
+  const $availableLibraries = e(logic.$availableLibraries);
+  const $selectedLibraries = e(logic.$selectedLibraries);
+  const $disabledLibraries = e(logic.$disabledLibraries);
+  const $loading = e(logic.$loading);
+  const $submitErrorMessage = e(logic.$submitErrorMessage);
+  const $scriptGeneratorVersion = e(logic.$scriptGeneratorVersion);
+  const { register, handleSubmit, control, ...methods } = useForm();
+  return /* @__PURE__ */ jsxs("form", { className: "database-wizard__step-form", ref: props.currentFormRef, onSubmit: handleSubmit(props.onSubmit), children: [
+    /* @__PURE__ */ jsx("fieldset", { disabled: $loading, className: "database-wizard__step-form-fieldset", children: /* @__PURE__ */ jsx(
+      view.contentBlock,
+      {
+        className: "database-wizard__content-block_configuration",
+        header: getDatabaseWizardFormName(props.services, DatabaseWizardSteps.Configuration),
+        children: !!$availableLibraries.length ? $availableLibraries.map((library) => /* @__PURE__ */ jsx(
+          view.library,
+          {
+            services: props.services,
+            scriptGeneratorVersion: $scriptGeneratorVersion,
+            library,
+            checked: !!$selectedLibraries.some((selectedLibrary) => selectedLibrary.name === library.name),
+            disabled: !!$disabledLibraries.some((disabledLibrary) => disabledLibrary.name === library.name),
+            disabledLibraries: $disabledLibraries,
+            onChange: () => logic.toggleLibrary(library),
+            selectedLibraries: $selectedLibraries
+          },
+          library.name
+        )) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            ContentLoader,
+            {
+              style: { width: "100%", height: "50px" },
+              width: "100px",
+              height: "50px",
+              viewBox: "0 0 100 35",
+              preserveAspectRatio: "none",
+              children: /* @__PURE__ */ jsx("rect", { x: "4", y: "12", rx: "5", ry: "5", width: "93", height: "50px" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ContentLoader,
+            {
+              style: { width: "100%", height: "50px" },
+              width: "100px",
+              height: "50px",
+              viewBox: "0 0 100 35",
+              preserveAspectRatio: "none",
+              children: /* @__PURE__ */ jsx("rect", { x: "4", y: "12", rx: "5", ry: "5", width: "93", height: "50px" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ContentLoader,
+            {
+              style: { width: "100%", height: "50px" },
+              width: "100px",
+              height: "50px",
+              viewBox: "0 0 100 35",
+              preserveAspectRatio: "none",
+              children: /* @__PURE__ */ jsx("rect", { x: "4", y: "12", rx: "5", ry: "5", width: "93", height: "50px" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ContentLoader,
+            {
+              style: { width: "100%", height: "50px" },
+              width: "100px",
+              height: "50px",
+              viewBox: "0 0 100 35",
+              preserveAspectRatio: "none",
+              children: /* @__PURE__ */ jsx("rect", { x: "4", y: "12", rx: "5", ry: "5", width: "93", height: "50px" })
+            }
+          )
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "database-wizard__step-form-submit-error", children: $submitErrorMessage })
+  ] });
+}
+function ConfirmationForm(props) {
+  const { logic, view } = props;
+  const $operationTimeout = e(logic.$operationTimeout);
+  const $databaseName = e(logic.$databaseName);
+  const $alias = e(logic.$alias);
+  const $localeId = e(logic.$localeId);
+  const $serverType = e(logic.$serverType);
+  const $serverName = e(logic.$serverName);
+  const $loading = e(logic.$loading);
+  const $submitErrorMessage = e(logic.$submitErrorMessage);
+  const $processStatus = e(logic.$processStatus);
+  const $processIsCancelling = e(logic.$processIsCancelling);
+  const $mode = e(logic.$mode);
+  const $port = e(logic.$port);
+  const { register, handleSubmit, control, formState: { errors }, ...methods } = useForm(
+    {
+      mode: "onTouched",
+      values: {
+        operationTimeout: $operationTimeout
+      }
+    }
+  );
+  const operationTimeoutField = register("operationTimeout", {
+    required: props.services.resources.Dialog_ValidationRequired,
+    onChange: (e2) => logic.setOperationTimeout(e2.target.value)
+  });
+  const isStartBlockVisible = () => {
+    return !$processStatus || $processStatus?.state === ProcessState.Canceled;
+  };
+  return /* @__PURE__ */ jsxs("form", { className: "database-wizard__step-form", ref: props.currentFormRef, onSubmit: handleSubmit(props.onSubmit), children: [
+    /* @__PURE__ */ jsxs("fieldset", { disabled: $loading, className: "database-wizard__step-form-fieldset", children: [
+      /* @__PURE__ */ jsxs(view.contentBlock, { header: getDatabaseWizardFormName(props.services, DatabaseWizardSteps.Confirmation, $mode), children: [
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "databaseName", children: props.services.resources.DatabaseWizardLabel_DatabaseName }),
+          /* @__PURE__ */ jsx("span", { className: "database-wizard__step-form-confirm-value", children: $databaseName })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "alias", children: props.services.resources.DatabaseWizardLabel_Alias }),
+          /* @__PURE__ */ jsx("span", { className: "database-wizard__step-form-confirm-value", children: $alias })
+        ] }),
+        $serverType === ServerType["MS SQL SERVER"] && /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsx("label", { children: props.services.resources.DatabaseWizardLabel_LocaleId }),
+          /* @__PURE__ */ jsx("span", { className: "database-wizard__step-form-confirm-value", children: props.services.resources[`Locale_${LocaleId[$localeId]}`] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "serverType", children: props.services.resources.DatabaseWizardLabel_ServerType }),
+          /* @__PURE__ */ jsx("span", { className: "database-wizard__step-form-confirm-value", children: ServerType[$serverType] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "serverName", children: props.services.resources.DatabaseWizardLabel_ServerName }),
+          /* @__PURE__ */ jsx("span", { className: "database-wizard__step-form-confirm-value", children: $serverName })
+        ] }),
+        $serverType === ServerType.PostgreSQL && /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "port", children: props.services.resources.DatabaseWizardLabel_Port }),
+          /* @__PURE__ */ jsx("span", { className: "database-wizard__step-form-confirm-value", children: $port })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "operationTimeout", children: props.services.resources.DatabaseWizardLabel_OperationTimeout }),
+          /* @__PURE__ */ jsx(
+            TextField$3,
+            {
+              size: "small",
+              className: "database-wizard__step-form-input database-wizard__step-form-input_timeout",
+              variant: "outlined",
+              type: "number",
+              ...operationTimeoutField,
+              value: $operationTimeout
+            }
+          ),
+          errors.operationTimeout && /* @__PURE__ */ jsx(ErrorMessage, { message: errors.operationTimeout.message?.toString() })
+        ] })
+      ] }),
+      $mode === DatabaseWizardMode.Create && /* @__PURE__ */ jsxs(view.contentBlock, { header: null, className: "database-wizard__step-form-confirmation-wrapper", children: [
+        (!$processStatus || $processStatus?.state === ProcessState.Canceled) && /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-attention-wrapper", children: [
+          /* @__PURE__ */ jsxs("span", { className: "database-wizard__step-form-attention-text", children: [
+            /* @__PURE__ */ jsx(WarningIcon, { fontSize: "large" }),
+            props.services.resources.Attention
+          ] }),
+          props.services.resources.DatabaseWizard_StartAttention
+        ] }),
+        $processStatus?.state === ProcessState.Error && /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-attention-wrapper", children: [
+          /* @__PURE__ */ jsx("span", { className: "database-wizard__step-form-attention-text database-wizard__step-form-attention-text_warning", children: /* @__PURE__ */ jsx(ErrorIcon, { fontSize: "large", color: "error" }) }),
+          props.services.resources.DatabaseWizard_CreateError
+        ] }),
+        isStartBlockVisible() && /* @__PURE__ */ jsx(
+          Button$3,
+          {
+            disabled: $processIsCancelling || $loading && $processStatus?.state !== ProcessState.Running,
+            type: "submit",
+            color: "primary",
+            variant: "contained",
+            className: "database-wizard__step-form-start-button",
+            children: $processStatus?.state === ProcessState.Running ? props.services.resources.Cancel : props.services.resources.StartCreation
+          }
+        ),
+        $processStatus?.state === ProcessState.Finished && /* @__PURE__ */ jsxs("span", { className: "database-wizard__step-form-attention-text database-wizard__step-form-attention-text_finished", children: [
+          /* @__PURE__ */ jsx(CheckIcon$1, { fontSize: "large" }),
+          " ",
+          props.services.resources.DatabaseWizard_CreateFinished
+        ] }),
+        $processStatus?.state === ProcessState.Running && /* @__PURE__ */ jsx(LinearProgress$1, { className: "database-wizard__step-form-progress" })
+      ] }),
+      $processStatus?.state === ProcessState.Finished && /* @__PURE__ */ jsx(
+        view.contentBlock,
+        {
+          header: null,
+          className: "database-wizard__step-form-confirmation-wrapper database-wizard__step-form-confirmation-wrapper_finished",
+          children: /* @__PURE__ */ jsxs("span", { className: "database-wizard__step-form-attention-text database-wizard__step-form-attention-text_finished-attention", children: [
+            /* @__PURE__ */ jsx(HandPointRightIcon, { fontSize: "large" }),
+            " ",
+            props.services.resources.DatabaseWizard_FinishAttention
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "database-wizard__step-form-submit-error", children: $submitErrorMessage })
+  ] });
+}
+function UpdateForm(props) {
+  const { logic, view } = props;
+  const $submitErrorMessage = e(logic.$submitErrorMessage);
+  const $processStatus = e(logic.$processStatus);
+  const $loading = e(logic.$loading);
+  e(logic.$mode);
+  const { register, handleSubmit, control, formState: { errors }, ...methods } = useForm();
+  const isStartBlockVisible = () => !$processStatus || $processStatus?.state === ProcessState.Canceled;
+  return /* @__PURE__ */ jsxs("form", { className: "database-wizard__step-form", ref: props.currentFormRef, onSubmit: handleSubmit(props.onSubmit), children: [
+    /* @__PURE__ */ jsxs(view.contentBlock, { header: null, className: "database-wizard__step-form-confirmation-wrapper", children: [
+      (!$processStatus || $processStatus?.state === ProcessState.Canceled) && /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-attention-wrapper", children: [
+        /* @__PURE__ */ jsxs("span", { className: "database-wizard__step-form-attention-text database-wizard__step-form-attention-text_warning", children: [
+          /* @__PURE__ */ jsx(WarningIcon, { fontSize: "large" }),
+          props.services.resources.Attention
+        ] }),
+        props.services.resources.DatabaseWizard_UpdateAttention
+      ] }),
+      $processStatus?.state === ProcessState.Error && /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-attention-wrapper", children: [
+        /* @__PURE__ */ jsx("span", { className: "database-wizard__step-form-attention-text database-wizard__step-form-attention-text_warning", children: /* @__PURE__ */ jsx(ErrorIcon, { fontSize: "large", color: "error" }) }),
+        props.services.resources.DatabaseWizard_UpdateError
+      ] }),
+      isStartBlockVisible() && /* @__PURE__ */ jsx(
+        Button$3,
+        {
+          disabled: $loading,
+          type: "submit",
+          color: "primary",
+          variant: "contained",
+          className: "database-wizard__step-form-start-button",
+          children: props.services.resources.StartUpdate
+        }
+      ),
+      $processStatus?.state === ProcessState.Finished && /* @__PURE__ */ jsxs("span", { className: "database-wizard__step-form-attention-text database-wizard__step-form-attention-text_finished", children: [
+        /* @__PURE__ */ jsx(CheckIcon, { fontSize: "large" }),
+        " ",
+        props.services.resources.DatabaseWizard_UpdateFinished
+      ] }),
+      $processStatus?.state === ProcessState.Running && /* @__PURE__ */ jsx(LinearProgress$1, { className: "database-wizard__step-form-progress" })
+    ] }),
+    $processStatus?.state === ProcessState.Finished && /* @__PURE__ */ jsx(
+      view.contentBlock,
+      {
+        header: null,
+        className: "database-wizard__step-form-confirmation-wrapper database-wizard__step-form-confirmation-wrapper_finished",
+        children: /* @__PURE__ */ jsxs("span", { className: "database-wizard__step-form-attention-text database-wizard__step-form-attention-text_finished-attention", children: [
+          /* @__PURE__ */ jsx(HandPointRightIcon, { fontSize: "large" }),
+          " ",
+          props.services.resources.DatabaseWizard_FinishAttention
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "database-wizard__step-form-submit-error", children: $submitErrorMessage })
+  ] });
+}
+function UploadSettingsForm(props) {
+  const { logic, view } = props;
+  const $loading = e(logic.$loading);
+  const $submitErrorMessage = e(logic.$submitErrorMessage);
+  const $solutions = e(logic.$solutions);
+  const $processStatus = e(logic.$processStatus);
+  const $haveCheckedSolutions = e(logic.$haveCheckedSolutions);
+  const { register, handleSubmit, control, formState: { errors }, ...methods } = useForm(
+    {
+      mode: "onTouched"
+    }
+  );
+  return /* @__PURE__ */ jsxs("form", { className: "database-wizard__step-form", ref: props.currentFormRef, onSubmit: handleSubmit(props.onSubmit), children: [
+    /* @__PURE__ */ jsxs("fieldset", { disabled: $loading, className: "database-wizard__step-form-fieldset", children: [
+      (!$processStatus || $processStatus?.state === ProcessState.Canceled) && /* @__PURE__ */ jsx(view.contentBlock, { header: null, className: "database-wizard__step-form-confirmation-wrapper", children: /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-attention-wrapper", children: [
+        /* @__PURE__ */ jsxs("span", { className: "database-wizard__step-form-attention-text", children: [
+          /* @__PURE__ */ jsx(WarningIcon, { fontSize: "large" }),
+          props.services.resources.Attention
+        ] }),
+        props.services.resources.DatabaseWizard_BeforeUploadSettingsAttention
+      ] }) }),
+      /* @__PURE__ */ jsxs(
+        view.contentBlock,
+        {
+          className: "database-wizard__content-block_configuration",
+          header: getDatabaseWizardFormName(props.services, DatabaseWizardSteps.UploadSettings),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "database-wizard__step-form-content-wrapper database-wizard__step-form-content-wrapper_modules", children: $solutions.map((module2) => /* @__PURE__ */ jsxs("div", { className: classNames(
+              "database-wizard__step-form-row-wrapper",
+              "database-wizard__step-form-row-wrapper_modules",
+              { "database-wizard__step-form-row-wrapper_modules-disabled": module2.disabled }
+            ), children: [
+              /* @__PURE__ */ jsx(
+                Checkbox$1,
+                {
+                  disabled: module2.disabled || !!$processStatus,
+                  name: module2.name,
+                  className: "database-wizard__step-form-fieldset-checkbox",
+                  checked: module2.selected,
+                  onChange: () => logic.toggleSolution(module2),
+                  id: module2.name
+                }
+              ),
+              /* @__PURE__ */ jsx("label", { htmlFor: module2.name, className: "database-wizard__step-form-fieldset-label", children: module2.name })
+            ] }, module2.name)) }),
+            !$processStatus && /* @__PURE__ */ jsx(
+              Button$3,
+              {
+                disabled: !$haveCheckedSolutions || $loading,
+                type: "submit",
+                color: "primary",
+                variant: "contained",
+                className: "database-wizard__step-form-start-upload-button",
+                "data-testId": "upload-button",
+                children: $processStatus?.state === ProcessState.Running ? props.services.resources.Cancel : props.services.resources.StartUpload
+              }
+            ),
+            $processStatus?.state === ProcessState.Running && /* @__PURE__ */ jsx(LinearProgress$1, { className: "database-wizard__step-form-progress" }),
+            $processStatus?.state === ProcessState.Finished && /* @__PURE__ */ jsxs("span", { className: "database-wizard__step-form-attention-text database-wizard__step-form-attention-text_finished", children: [
+              /* @__PURE__ */ jsx(CheckIcon$1, { fontSize: "large" }),
+              " ",
+              props.services.resources.DatabaseWizard_CompletedSuccessfully
+            ] }),
+            $processStatus?.state === ProcessState.Error && /* @__PURE__ */ jsxs("span", { className: "database-wizard__step-form-attention-text database-wizard__step-form-attention-text_warning", children: [
+              /* @__PURE__ */ jsx(ErrorIcon, { fontSize: "large", color: "error" }),
+              " ",
+              props.services.resources.DatabaseWizard_UploadError
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "database-wizard__step-form-submit-error", children: $submitErrorMessage })
+  ] });
+}
+function SqlServerForm(props) {
+  const { logic, view } = props;
+  const $serverType = e(logic.$serverType);
+  const $authentication = e(logic.$authentication);
+  const $serverName = e(logic.$serverName);
+  const $port = e(logic.$port);
+  const $login = e(logic.$login);
+  const $password = e(logic.$password);
+  const $loading = e(logic.$loading);
+  const $submitErrorMessage = e(logic.$submitErrorMessage);
+  const { register, handleSubmit, control, formState: { errors }, ...methods } = useForm(
+    {
+      mode: "onTouched",
+      values: {
+        authentication: $authentication,
+        serverName: $serverName,
+        serverType: $serverType,
+        port: $port,
+        login: $login,
+        password: $password
+      }
+    }
+  );
+  const getServerTypeOptions = () => {
+    return getServerTypeNames().map((serverTypeName) => {
+      return { displayValue: serverTypeName, value: ServerType[serverTypeName] };
+    });
+  };
+  const getAuthenticationOptions = () => {
+    return getAuthenticationTypeNames().map((authenticationTypeName) => {
+      return { displayValue: authenticationTypeName, value: authenticationTypeName };
+    });
+  };
+  const portField = register("port", {
+    required: props.services.resources.Dialog_ValidationRequired,
+    onChange: (e2) => logic.setPort(e2.target.value)
+  });
+  const serverNameField = register("serverName", {
+    required: props.services.resources.Dialog_ValidationRequired,
+    onChange: (e2) => logic.setServerName(e2.target.value)
+  });
+  const loginField = register("login", {
+    required: props.services.resources.Dialog_ValidationRequired,
+    onChange: (e2) => logic.setLogin(e2.target.value)
+  });
+  const passwordField = register("password", {
+    required: props.services.resources.Dialog_ValidationRequired,
+    onChange: (e2) => logic.setPassword(e2.target.value)
+  });
+  return /* @__PURE__ */ jsxs("form", { className: "database-wizard__step-form", ref: props.currentFormRef, onSubmit: handleSubmit(props.onSubmit), children: [
+    /* @__PURE__ */ jsx("fieldset", { disabled: $loading, className: "database-wizard__step-form-fieldset", children: /* @__PURE__ */ jsxs(view.contentBlock, { header: getDatabaseWizardFormName(props.services, DatabaseWizardSteps.SQLServer, props.mode), children: [
+      /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+        /* @__PURE__ */ jsxs("label", { id: "serverTypeLabel", htmlFor: "serverType", children: [
+          props.services.resources.DatabaseWizardLabel_ServerType,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx(FormControl$3, { disabled: $loading, size: "small", children: /* @__PURE__ */ jsx(
+          Select$3,
+          {
+            ...commonMuiProps.select,
+            variant: "outlined",
+            id: "serverType",
+            name: "serverType",
+            labelId: "serverTypeLabel",
+            value: $serverType,
+            onChange: (e2) => {
+              logic.setServerType(e2.target.value);
+            },
+            disabled: $loading,
+            children: getServerTypeOptions().map((option, index) => /* @__PURE__ */ jsx(MenuItem$2, { value: option.value, children: option.displayValue }, index))
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+        /* @__PURE__ */ jsxs("label", { htmlFor: "serverName", children: [
+          props.services.resources.DatabaseWizardLabel_ServerName,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx(
+          TextField$3,
+          {
+            ...serverNameField,
+            id: "serverName",
+            value: $serverName,
+            error: !!errors.serverName,
+            helperText: errors.serverName?.message,
+            autoComplete: "off",
+            variant: "outlined",
+            size: "small"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+        /* @__PURE__ */ jsxs("label", { id: "authenticationLabel", htmlFor: "authentication", children: [
+          props.services.resources.DatabaseWizardLabel_Authentication,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx(FormControl$3, { disabled: $loading, size: "small", children: /* @__PURE__ */ jsx(
+          Select$3,
+          {
+            ...commonMuiProps.select,
+            variant: "outlined",
+            name: "authentication",
+            labelId: "authenticationLabel",
+            value: $authentication,
+            defaultValue: getAuthenticationOptions()[0].displayValue,
+            onChange: (e2) => {
+              logic.setAuthentication(e2.target.value);
+            },
+            disabled: $loading,
+            children: getAuthenticationOptions().map((option, index) => /* @__PURE__ */ jsx(MenuItem$2, { value: option.value, children: option.displayValue }, index))
+          }
+        ) })
+      ] }),
+      $serverType === ServerType.PostgreSQL && /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+        /* @__PURE__ */ jsxs("label", { htmlFor: "port", children: [
+          props.services.resources.DatabaseWizardLabel_Port,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx(
+          TextField$3,
+          {
+            ...portField,
+            id: "port",
+            value: $port,
+            error: !!errors.port,
+            helperText: errors.port?.message,
+            autoComplete: "off",
+            variant: "outlined",
+            type: "number",
+            size: "small"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+        /* @__PURE__ */ jsxs("label", { htmlFor: "login", children: [
+          props.services.resources.DatabaseWizardLabel_Login,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx(
+          TextField$3,
+          {
+            ...loginField,
+            id: "login",
+            value: $login,
+            error: !!errors.login,
+            helperText: errors.login?.message,
+            autoComplete: "off",
+            variant: "outlined",
+            size: "small"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "database-wizard__step-form-row-wrapper", children: [
+        /* @__PURE__ */ jsxs("label", { htmlFor: "password", children: [
+          props.services.resources.DatabaseWizardLabel_Password,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx(
+          TextField$3,
+          {
+            ...passwordField,
+            id: "password",
+            value: $password,
+            error: !!errors.password,
+            helperText: errors.password?.message,
+            autoComplete: "off",
+            variant: "outlined",
+            size: "small",
+            type: "password"
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "database-wizard__step-form-submit-error", children: $submitErrorMessage })
+  ] });
+}
+function DatabaseWizardLibrary(props) {
+  const { library, checked, disabled, onChange } = props;
+  const [isExpanded, setIsExpanded] = useState(false);
+  const [unexpandedDependencies, setUnexpandedDependencies] = useState(/* @__PURE__ */ new Set());
+  const onExpand = () => {
+    setIsExpanded(!isExpanded);
+  };
+  const onDependencyClick = (dependency, level) => {
+    if (level !== 0) {
+      return;
+    }
+    if (unexpandedDependencies.has(dependency)) {
+      unexpandedDependencies.delete(dependency);
+      setUnexpandedDependencies(new Set(unexpandedDependencies));
+      return;
+    }
+    setUnexpandedDependencies(new Set(unexpandedDependencies.add(dependency)));
+  };
+  const isDependencyExpanded = (dependency, level) => {
+    return !unexpandedDependencies.has(dependency) && isExpandable(dependency, level);
+  };
+  const isDependencyChecked = (dependency) => {
+    return props.selectedLibraries.some((selectedLibrary) => selectedLibrary.alias === dependency.alias) && !props.disabledLibraries.some((disabledLibrary) => disabledLibrary.alias === dependency.alias);
+  };
+  const getDescriptionClassNames = () => classNames(
+    "database-wizard__library-description",
+    { "database-wizard__library-description_expanded": isExpanded }
+  );
+  const isExpandable = (library2, level) => library2.libraryDependencies?.length > 0 && level === 0;
+  const renderDependencies = (library2, level = 0) => {
+    const dependencyClassNames = classNames(
+      "database-wizard__library-dependency",
+      { "database-wizard__library-dependency_level": level > 0 }
+    );
+    return library2.libraryDependencies.map(
+      (dependency) => {
+        const dependencyWrapperClassNames = classNames(
+          "database-wizard__library-dependency-wrapper",
+          {
+            "database-wizard__library-dependency-wrapper_expandable": isExpandable(dependency, level),
+            "database-wizard__library-dependency-wrapper_expanded": isDependencyExpanded(dependency, level),
+            "database-wizard__library-dependency-wrapper_with-dependencies": level > 1 && dependency.libraryDependencies?.length > 0
+          }
+        );
+        return /* @__PURE__ */ jsxs("div", { className: dependencyWrapperClassNames, children: [
+          /* @__PURE__ */ jsxs("div", { onClick: () => onDependencyClick(dependency, level), className: dependencyClassNames, children: [
+            isExpandable(dependency, level) && /* @__PURE__ */ jsx("svg", { className: "database-wizard__library-expand-icon", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z" }) }),
+            /* @__PURE__ */ jsx(
+              Checkbox$1,
+              {
+                style: { padding: 0 },
+                "data-testid": `dependency-checkbox-${dependency.alias}`,
+                className: "database-wizard__library-dependency-checkbox",
+                checked: isDependencyChecked(dependency),
+                disabled: true
+              }
+            ),
+            dependency.alias
+          ] }, dependency.alias),
+          !!dependency.libraryDependencies?.length && level < 1 && renderDependencies(dependency, level + 1)
+        ] }, dependency.alias);
+      }
+    );
+  };
+  let libraryName = library.name;
+  if (libraryName !== library.alias) {
+    libraryName += ` (${library.alias})`;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: classNames("database-wizard__library", { "database-wizard__library_disabled": disabled }), children: [
+    /* @__PURE__ */ jsx(LightTooltip, { title: getLibraryTooltip(library, props.services), placement: "top", children: /* @__PURE__ */ jsxs("div", { className: "database-wizard__library-header", onClick: onExpand, children: [
+      /* @__PURE__ */ jsx(
+        Checkbox$1,
+        {
+          className: "database-wizard__library-checkbox",
+          "data-testid": `library-checkbox-${library.alias}`,
+          inputProps: {
+            "data-testid": `input-library-checkbox-${library.alias}`
+          },
+          checked,
+          disabled,
+          name: library.name,
+          onChange: (e2) => onChange(e2),
+          onClick: (e2) => e2.stopPropagation(),
+          color: "primary"
+        }
+      ),
+      /* @__PURE__ */ jsx("label", { className: "database-wizard__library-name", children: libraryName }),
+      /* @__PURE__ */ jsx(ExpandMoreIcon, { "data-testid": "expand-icon", className: classNames(
+        "database-wizard__library-expand-header-icon",
+        { "database-wizard__library-expand-header-icon_expanded": isExpanded }
+      ) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: getDescriptionClassNames(), children: [
+      /* @__PURE__ */ jsxs("div", { className: "database-wizard__library-params", children: [
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__library-params-label", children: [
+          props.services.resources.DatabaseWizardLibraryParams_CardLibVersion,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "database-wizard__library-params-value", children: library.cardLibVersion || "-" }),
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__library-params-label", children: [
+          props.services.resources.DatabaseWizardLibraryParams_GeneratorVersion,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "database-wizard__library-params-value", children: props.scriptGeneratorVersion || "-" }),
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__library-params-label", children: [
+          props.services.resources.DatabaseWizardLibraryParams_DatabaseVersion,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "database-wizard__library-params-value", children: library.dbVersion || "-" }),
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__library-params-label", children: [
+          props.services.resources.DatabaseWizardLibraryParams_DatabaseSysVersion,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "database-wizard__library-params-value", children: library.dbSysVersion || "-" }),
+        /* @__PURE__ */ jsxs("div", { className: "database-wizard__library-params-label", children: [
+          props.services.resources.DatabaseWizardLibraryParams_HaveUserMetadata,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "database-wizard__library-params-value", children: library.haveUserMetadata ? props.services.resources.Yes : props.services.resources.No })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "database-wizard__library-dependencies", children: [
+        /* @__PURE__ */ jsx("div", { className: "database-wizard__library-dependencies-title", children: props.services.resources.DatabaseWizardLibraryParams_Dependencies }),
+        renderDependencies(library)
+      ] })
+    ] })
+  ] });
+}
+function DatabaseWizardLoadingIcon(props) {
+  return /* @__PURE__ */ jsx("div", { ...props, className: classNames("database-wizard__loading-icon-wrapper", props.className), children: /* @__PURE__ */ jsx(CircularProgress$3, { size: 20, color: "primary", className: "database-wizard__loading-icon" }) });
+}
+class DatabaseWizardParamsView {
+  constructor() {
+    this.modal = DatabaseWizardModal;
+    this.header = DatabaseWizardHeader;
+    this.labelsWrapper = DatabaseWizardStepLabelsWrapper;
+    this.stepLabel = DatabaseWizardStepLabel;
+    this.contentBlock = DatabaseWizardContentBlock;
+    this.buttonsPanel = DatabaseWizardButtonPanel;
+    this.sqlServerForm = SqlServerForm;
+    this.databaseForm = DatabaseForm;
+    this.configurationForm = ConfigurationForm;
+    this.confirmationForm = ConfirmationForm;
+    this.updateForm = UpdateForm;
+    this.uploadSettingsForm = UploadSettingsForm;
+    this.library = DatabaseWizardLibrary;
+    this.loadingIcon = DatabaseWizardLoadingIcon;
+  }
+}
+function DatabaseWizard(props) {
+  const view = useView(props, DatabaseWizardParamsView);
+  const logic = useLogic(props, DatabaseWizardLogic);
+  const $activeStep = e(logic.$activeStep);
+  const $steps = e(logic.$steps);
+  const $loading = e(logic.$loading);
+  const $isOpen = e(logic.$isOpen);
+  e(logic.$processStatus);
+  const currentFormRef = React__default.useRef(null);
+  e(logic.$solutions);
+  const handleStepClick = (step) => {
+    logic.goToStep(step);
+  };
+  useEffect(() => {
+    logic.componentDidMount();
+  }, [logic]);
+  const getActiveForm = () => {
+    const ActiveForm = view[getStepFormComponent($activeStep.step)];
+    return /* @__PURE__ */ jsx(
+      ActiveForm,
+      {
+        services: props.services,
+        mode: props.mode,
+        onSubmit: () => logic.stepFormSubmit(),
+        logic,
+        currentFormRef,
+        view
+      }
+    );
+  };
+  const getHeaderText = () => {
+    return `${props.services.resources.DatabaseWizard} (${props.services.resources[`DatabaseWizard_${DatabaseWizardMode[props.mode]}`]})`;
+  };
+  return /* @__PURE__ */ jsxs(
+    view.modal,
+    {
+      isOpen: $isOpen,
+      onClickCloseButton: () => logic.stepFormCancel(),
+      header: /* @__PURE__ */ jsx(view.header, { text: getHeaderText() }),
+      children: [
+        /* @__PURE__ */ jsx(view.labelsWrapper, { children: $steps.map((step) => /* @__PURE__ */ jsx(
+          view.stepLabel,
+          {
+            text: step.name,
+            number: step.order,
+            stepStatus: step.status,
+            onClick: () => handleStepClick(step.step),
+            clickable: !!isStepClickable(step, logic)
+          },
+          step.step
+        )) }),
+        getActiveForm(),
+        /* @__PURE__ */ jsxs(view.buttonsPanel, { active: true, children: [
+          $activeStep !== $steps[$steps.length - 1] && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Button$3,
+              {
+                color: "primary",
+                className: "database-wizard__modal-button database-wizard__modal-button_cancel",
+                onClick: () => logic.stepFormCancel(),
+                disabled: isCancelButtonDisabled($activeStep, logic),
+                type: "button",
+                "data-testId": "cancel-button",
+                children: props.services.resources.Cancel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button$3,
+              {
+                className: "database-wizard__modal-button database-wizard__modal-button_previous",
+                color: "primary",
+                onClick: () => logic.previousStep(),
+                disabled: isBackButtonDisabled($activeStep, logic),
+                type: "button",
+                "data-testId": "previous-button",
+                children: props.services.resources.Back
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button$3,
+              {
+                variant: "contained",
+                className: "database-wizard__modal-button database-wizard__modal-button_next",
+                color: "primary",
+                onClick: () => currentFormRef.current?.requestSubmit(),
+                disabled: isNextButtonDisabled($activeStep, logic),
+                type: "button",
+                "data-testId": "next-button",
+                children: props.services.resources.Next
+              }
+            )
+          ] }),
+          $loading && /* @__PURE__ */ jsx(view.loadingIcon, {}),
+          $activeStep === $steps[$steps.length - 1] && /* @__PURE__ */ jsx(
+            Button$3,
+            {
+              variant: "contained",
+              className: "database-wizard__modal-button database-wizard__modal-button_next",
+              color: "primary",
+              onClick: () => logic.stepFormDone(),
+              disabled: isDoneButtonDisabled($activeStep, logic),
+              type: "button",
+              children: props.services.resources.Done
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+class DatabaseWizardService {
+  constructor(services, rootElementId) {
+    this.services = services;
+    this.rootElementId = rootElementId;
+    this.name = "DatabaseWizard";
+    this.meta = null;
+  }
+  getRootElement() {
+    const modalRoot = document.createElement("div");
+    document.getElementById(this.rootElementId).prepend(modalRoot);
+    return modalRoot;
+  }
+  openCreateMode(serviceId, databaseChangeStateEvent) {
+    const rootElement = this.getRootElement();
+    ReactDOM__default.render(/* @__PURE__ */ jsx(ThemeProvider$1, { theme, children: /* @__PURE__ */ jsx(
+      DatabaseWizard,
+      {
+        serviceId,
+        databaseChangeStateEvent,
+        mode: DatabaseWizardMode.Create,
+        services: this.services
+      }
+    ) }), rootElement);
+  }
+  openUpdateMode(serviceId, databaseAlias, databaseChangeStateEvent) {
+    const rootElement = this.getRootElement();
+    ReactDOM__default.render(/* @__PURE__ */ jsx(ThemeProvider$1, { theme, children: /* @__PURE__ */ jsx(
+      DatabaseWizard,
+      {
+        serviceId,
+        databaseChangeStateEvent,
+        mode: DatabaseWizardMode.Update,
+        services: this.services,
+        alias: databaseAlias
+      }
+    ) }), rootElement);
+  }
+  openConnectMode(serviceId, databaseChangeStateEvent) {
+    const rootElement = this.getRootElement();
+    ReactDOM__default.render(/* @__PURE__ */ jsx(ThemeProvider$1, { theme, children: /* @__PURE__ */ jsx(
+      DatabaseWizard,
+      {
+        serviceId,
+        databaseChangeStateEvent,
+        mode: DatabaseWizardMode.Add,
+        services: this.services
+      }
+    ) }), rootElement);
+  }
+}
+const $DatabaseMasterController = serviceName((s2) => s2.databaseMasterController);
+class DatabaseMasterController {
+  constructor(requestService) {
+    this.requestService = requestService;
+    this.name = "DatabaseMaster";
+    this.meta = null;
+    this.baseUrl = "api/DatabaseMaster";
+  }
+  setState(serviceId, model) {
+    return this.requestService.post(`${this.baseUrl}/state?serviceId=${serviceId}`, model);
+  }
+  getState(serviceId, databaseAlias) {
+    return this.requestService.get(`${this.baseUrl}/state?serviceId=${serviceId}&databaseAlias=${databaseAlias}`);
+  }
+  deleteState(serviceId, databaseAlias) {
+    return this.requestService.delete(`${this.baseUrl}/state?serviceId=${serviceId}&databaseAlias=${databaseAlias}`);
+  }
+}
+const $DatabasesConfigurationController = serviceName((s2) => s2.databasesConfigurationController);
+class DatabasesConfigurationController {
+  constructor(requestService) {
+    this.requestService = requestService;
+    this.name = "DatabasesConfiguration";
+    this.meta = null;
+    this.baseUrl = "api/DatabasesConfiguration";
+  }
+  all(serviceId) {
+    return this.requestService.get(`${this.baseUrl}/all?serviceId=${serviceId}`);
+  }
+  getDefault(serviceId) {
+    return this.requestService.get(`${this.baseUrl}/default?serviceId=${serviceId}`);
+  }
+  setDefault(serviceId, databaseAlias) {
+    return this.requestService.post(`${this.baseUrl}/default?serviceId=${serviceId}&defaultDatabaseAlias=${databaseAlias}`, {});
+  }
+  add(serviceId, databaseAlias) {
+    return this.requestService.post(`${this.baseUrl}/add?serviceId=${serviceId}&databaseAlias=${databaseAlias}`, {});
+  }
+  delete(serviceId, databaseAlias) {
+    return this.requestService.delete(`${this.baseUrl}?serviceId=${serviceId}&databaseAlias=${databaseAlias}`, {});
+  }
+}
+const $DatabasesController = serviceName((s2) => s2.databasesController);
+class DatabasesController {
+  constructor(requestService) {
+    this.requestService = requestService;
+    this.name = "Databases";
+    this.meta = null;
+    this.baseUrl = "api/Databases";
+  }
+  create(serviceId, databaseAlias) {
+    return this.requestService.post(`${this.baseUrl}/create?serviceId=${serviceId}&databaseAlias=${databaseAlias}`, {});
+  }
+  update(serviceId, databaseAlias) {
+    return this.requestService.post(`${this.baseUrl}/update?serviceId=${serviceId}&databaseAlias=${databaseAlias}`, {});
+  }
+  status(serviceId, databaseAlias) {
+    return this.requestService.get(`${this.baseUrl}/status?serviceId=${serviceId}&databaseAlias=${databaseAlias}`);
+  }
+  stop(serviceId, databaseAlias) {
+    return this.requestService.post(`${this.baseUrl}/stop?serviceId=${serviceId}&databaseAlias=${databaseAlias}`, {});
+  }
+  databases(serviceId, serverParameters) {
+    return this.requestService.post(`${this.baseUrl}/databases?serviceId=${serviceId}`, { ...serverParameters });
+  }
+  checkSqlServerConnection(serviceId, serverParameters) {
+    return this.requestService.post(`${this.baseUrl}/CheckSqlServerConnection?serviceId=${serviceId}`, { ...serverParameters });
+  }
+  checkSqlDatabaseConnection(serviceId, serverParameters, databaseParameters) {
+    return this.requestService.post(
+      `${this.baseUrl}/CheckSqlDatabaseConnection?serviceId=${serviceId}`,
+      { server: serverParameters, database: databaseParameters }
+    );
+  }
+  checkSqlDatabaseConnectionFull(serviceId, serverParameters, databaseParameters) {
+    return this.requestService.post(
+      `${this.baseUrl}/CheckSqlDatabaseConnectionFull?serviceId=${serviceId}`,
+      { server: serverParameters, database: databaseParameters }
+    );
+  }
+  info(serviceId) {
+    return this.requestService.get(`${this.baseUrl}/info?serviceId=${serviceId}`);
+  }
+  libraries(serviceId, databaseAlias) {
+    return this.requestService.get(
+      `${this.baseUrl}/libraries?serviceId=${serviceId}&databaseAlias=${databaseAlias}`,
+      {},
+      { disableDialogsOnErrors: true }
+    );
+  }
+  solutions(serviceId, databaseAlias) {
+    return this.requestService.get(
+      `${this.baseUrl}/solutions?serviceId=${serviceId}&databaseAlias=${databaseAlias}`,
+      {},
+      { disableDialogsOnErrors: true }
+    );
+  }
+  installSolutions(serviceId, databaseAlias, solutions) {
+    return this.requestService.post(`${this.baseUrl}/installSolutions?serviceId=${serviceId}&databaseAlias=${databaseAlias}`, { solutions });
+  }
+}
+const $DatabaseWizard = serviceName((s2) => s2.databaseWizardService);
 const $RealtimeCommunication = serviceName((s2) => s2.realtimeCommunication);
 class HttpError extends Error {
   /** Constructs a new instance of {@link @microsoft/signalr.HttpError}.
@@ -124545,12 +127718,6 @@ class ProcessTemplatesController {
     return this.requestService.post(`${this.baseUrl}?serviceId=${serviceId}`, data);
   }
 }
-const $RootElement = serviceName((s2) => s2.rootElement);
-class RootElementService {
-  constructor(rootElementId) {
-    this.rootElementId = rootElementId;
-  }
-}
 class Application extends ServiceContainer {
   constructor(reactRootElementId) {
     super();
@@ -124620,12 +127787,15 @@ class Application extends ServiceContainer {
     this.registerService($ServersController, new ServersController(this.requestService));
     this.registerService($SettingsNavigation, new SettingsNavigationService(this));
     this.registerService($FormControl, new FormControlService());
+    this.registerService($DatabaseMasterController, new DatabaseMasterController(this.requestService));
+    this.registerService($DatabasesController, new DatabasesController(this.requestService));
+    this.registerService($DatabasesConfigurationController, new DatabasesConfigurationController(this.requestService));
+    this.registerService($DatabaseWizard, new DatabaseWizardService(this, this.reactRootElementId));
     this.registerService($RealtimeCommunication, new RealtimeCommunicationService(this.applicationSettings));
     this.registerService($ConfigurationLocksController, new ConfigurationLocksController(this.requestService));
     this.registerService($ExtendedConfigurationController, new ExtendedConfigurationController(this.requestService));
     this.registerService($SessionsController, new SessionsController(this.requestService));
     this.registerService($ProcessTemplatesController, new ProcessTemplatesController(this.requestService));
-    this.registerService($RootElement, new RootElementService(this.reactRootElementId));
     await this.registerLocalization();
     this.registerService($MessageWindow, new MessageWindowService({ resources: this.resources }));
     const about = await this.requestService.get("api/about");
@@ -124752,21 +127922,120 @@ function SectionContentWrapper(props) {
     }) })
   ] });
 }
-function SettingsPageButtonPanel(props) {
-  const { buttons, ...rest } = props;
-  return /* @__PURE__ */ jsx("div", { className: "settings-page__button-panel", ...rest, children: buttons.map(
-    (buttonProps) => /* @__PURE__ */ jsx(
-      Button$3,
-      {
-        onClick: buttonProps.onClick,
-        variant: "contained",
-        size: "small",
-        color: "secondary",
-        children: buttonProps.value
-      },
-      buttonProps.value?.toString()
-    )
-  ) });
+var EngineType = /* @__PURE__ */ ((EngineType2) => {
+  EngineType2[EngineType2["MsSQL"] = 0] = "MsSQL";
+  EngineType2[EngineType2["PgSQL"] = 1] = "PgSQL";
+  return EngineType2;
+})(EngineType || {});
+function renderColumn(values2, iconComponent) {
+  const Icon2 = iconComponent;
+  return values2.map((value, index) => /* @__PURE__ */ jsxs("div", { className: "database-selection-modal__value", children: [
+    /* @__PURE__ */ jsx(Icon2, { fontSize: "small", color: "secondary" }),
+    /* @__PURE__ */ jsx(CellTextContent, { content: value, multiline: true })
+  ] }, `${value}-${index}`));
+}
+function DatabaseSelectionModal(props) {
+  const { open, databases, onCancel, onApply, resources } = props;
+  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
+  useEffect(() => {
+    if (open) {
+      setSelectedIds(/* @__PURE__ */ new Set());
+    }
+  }, [open]);
+  const handleToggle = (id) => {
+    setSelectedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) {
+        next.delete(id);
+      } else {
+        next.add(id);
+      }
+      return next;
+    });
+  };
+  const handleApply = () => {
+    const selectedItems = databases.filter((database) => selectedIds.has(database.hash));
+    onApply(selectedItems);
+  };
+  const handleKeyDown2 = (event, databaseHash) => {
+    if (event.key === "Enter") {
+      handleToggle(databaseHash);
+    }
+  };
+  const hasDatabases = databases.length > 0;
+  const isApplyDisabled = !hasDatabases || !selectedIds.size;
+  const columns = [resources.Alias, resources.ApplicationServer, resources.SqlServer, ""];
+  return /* @__PURE__ */ jsxs(
+    Dialog$2,
+    {
+      open,
+      onClose: onCancel,
+      fullWidth: true,
+      maxWidth: "md",
+      scroll: "paper",
+      className: "database-selection-modal__dialog",
+      slotProps: { paper: { className: "database-selection-modal__paper" } },
+      children: [
+        /* @__PURE__ */ jsxs(DialogTitle, { variant: "h6", className: "database-selection-modal__title", children: [
+          resources.ConnectDatabase,
+          /* @__PURE__ */ jsx(IconButton$3, { onClick: onCancel, children: /* @__PURE__ */ jsx(Close, {}) })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogContent$2, { className: "database-selection-modal__content", children: [
+          /* @__PURE__ */ jsx(Typography$3, { variant: "body1", className: "database-selection-modal__description", children: resources.SelectDatabasesToConnect }),
+          !hasDatabases ? /* @__PURE__ */ jsx(Typography$3, { variant: "body2", className: "database-selection-modal__empty", children: resources.NoDatabasesAvailableForConnection }) : /* @__PURE__ */ jsx("div", { className: "database-selection-modal__table-wrapper", children: /* @__PURE__ */ jsx(TableContainer, { children: /* @__PURE__ */ jsxs(Table$1, { size: "small", children: [
+            /* @__PURE__ */ jsx(TableHead, { children: columns.map((column) => /* @__PURE__ */ jsx(TableCell$2, { children: column }, column)) }),
+            /* @__PURE__ */ jsx(TableBody$1, { children: databases.map((database) => {
+              const hasError = !!database.error;
+              const isSelected = selectedIds.has(database.hash);
+              const handleRowClick = hasError ? void 0 : () => handleToggle(database.hash);
+              return /* @__PURE__ */ jsx(
+                LightTooltip,
+                {
+                  title: database.error ?? "",
+                  arrow: true,
+                  placement: "top",
+                  disableHoverListener: !hasError,
+                  disableFocusListener: !hasError,
+                  disableTouchListener: !hasError,
+                  children: /* @__PURE__ */ jsxs(
+                    TableRow$1,
+                    {
+                      hover: !hasError,
+                      onClick: handleRowClick,
+                      className: classNames(
+                        "database-selection-modal__row",
+                        { "database-selection-modal__row_error": hasError }
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(TableCell$2, { className: "database-selection-modal__cell", width: "30%", children: renderColumn([database.baseName], StorageRounded) }),
+                        /* @__PURE__ */ jsx(TableCell$2, { className: "database-selection-modal__cell", width: "30%", children: renderColumn(database.serverNames, ComputerRounded) }),
+                        /* @__PURE__ */ jsx(CellWithFixedWidth, { content: database.sqlServerName, maxWidth: "30%" }),
+                        /* @__PURE__ */ jsx(TableCell$2, { className: "database-selection-modal__cell", width: "10%", children: /* @__PURE__ */ jsx(
+                          Checkbox$1,
+                          {
+                            checked: isSelected,
+                            onChange: () => handleToggle(database.hash),
+                            onClick: (event) => event.stopPropagation(),
+                            onKeyDown: (event) => handleKeyDown2(event, database.hash),
+                            disabled: hasError
+                          }
+                        ) })
+                      ]
+                    }
+                  )
+                },
+                database.hash
+              );
+            }) })
+          ] }) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogActions$2, { className: "database-selection-modal__actions", children: [
+          /* @__PURE__ */ jsx(Button$3, { onClick: onCancel, color: "primary", children: resources.DialogButton_Cancel }),
+          /* @__PURE__ */ jsx(Button$3, { onClick: handleApply, color: "primary", variant: "contained", disabled: isApplyDisabled, children: resources.DialogButton_Accept })
+        ] })
+      ]
+    }
+  );
 }
 export {
   $AboutSettings,
@@ -124781,7 +128050,6 @@ export {
   $LocalizationService,
   $Resources,
   $ResourcesManagement,
-  $RootElement,
   $RouteContentRender,
   $SettingsNavigation,
   $TenantsService,
@@ -124802,6 +128070,7 @@ export {
   DEFAULT_PAGE_SIZE,
   DOCSVISION_CONNECTION_SETTINGS_LAYOUT,
   DashboardConfigurationService,
+  DatabaseSelectionModal,
   DatabaseSettingsCard,
   DateRangeCalendarIcon,
   DateRangeContainer,
@@ -124820,11 +128089,12 @@ export {
   EditorInnerWrapper,
   EditorName,
   EditorWrapper,
+  EngineType,
   ErrorBlock,
-  ErrorIcon,
+  ErrorIcon$1 as ErrorIcon,
   ErrorMessage,
   ExpandButton$1 as ExpandButton,
-  ExpandMoreIcon,
+  ExpandMoreIcon$1 as ExpandMoreIcon,
   ExtensionsService,
   FormControlService,
   GroupPanel,
@@ -124850,7 +128120,6 @@ export {
   PageTable,
   PageTitle,
   ResourcesManagement,
-  RootElementService,
   RouteContentRenderService,
   SavePageStatus,
   SectionContentWrapper,