n8n-editor-ui 1.60.1 → 1.61.0

package/dist/assets/SettingsLdapView-CCXZA2cJ.js

@@ -0,0 +1,746 @@
+import { I as defineComponent, r as ref, f as computed, q as onMounted, an as resolveComponent, au as resolveDirective, J as openBlock, K as createElementBlock, L as createBaseVNode, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, u as unref, _ as normalizeClass, a4 as withDirectives, V as createBlock, U as createCommentVNode } from "./vendor-DCeaNtb_.js";
+import { a as useToast, c as useSettingsStore, f as useUIStore, b as useI18n, y as useMessage, ds as capitalizeFirstLetter, dt as convertToDisplayDate, D as MODAL_CONFIRM } from "./index-BK9gQqb6.js";
+import { h as humanizeDuration } from "./humanize-duration-BS9LxAIm.js";
+import { aM as ElTableColumn, a7 as ElTable, S as createFormEventBus, _ as _export_sfc } from "./n8n-DLOq6Kd-.js";
+import { K } from "./v3-infinite-loading-lAZO0HDs.js";
+import "./@sentry/vue-UFuYeDxK.js";
+import "./axios-B4zXCSve.js";
+import "./flatted-D70IerrI.js";
+import "./pinia-CH9HlKCh.js";
+import "./bowser-C3wWO1p5.js";
+import "./@vueuse/core-DP7mNILw.js";
+import "./lodash-es-rVh4nriD.js";
+import "./uuid-BoySKAeK.js";
+import "./dateformat-DfmxUC-6.js";
+import "./vue-i18n-CVQE9o3c.js";
+import "./@n8n/permissions-BxSXRD9U.js";
+import "./@jsplumb/util-BwtpiQ4c.js";
+import "./@jsplumb/core-B__RSZHf.js";
+import "./@jsplumb/common-s1StEx7B.js";
+import "./@jsplumb/connector-bezier-D659hq4c.js";
+import "./@jsplumb/browser-ui-BphmFVJY.js";
+import "./luxon-Bt_g4NOb.js";
+import "./@n8n/codemirror-lang-CIGGB1t0.js";
+import "./@lezer/common-CnY9etib.js";
+import "./@n8n/codemirror-lang-sql-C41WNa63.js";
+import "./prettier-DuWRKCwA.js";
+import "./codemirror-lang-html-n8n-CXTCIWzP.js";
+import "./esprima-next-DUEu30kB.js";
+import "./fast-json-stable-stringify-DDe8InQN.js";
+import "./timeago.js-CgQus8nl.js";
+import "./qrcode.vue-BxNS_c3b.js";
+import "./vue3-touch-events-DVOgU3fI.js";
+import "./chart.js-DiBOFLDH.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { class: "pb-3xl" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SettingsLdapView",
+  setup(__props) {
+    const toast = useToast();
+    const i18n = useI18n();
+    const message = useMessage();
+    const settingsStore = useSettingsStore();
+    const uiStore = useUIStore();
+    const dataTable = ref([]);
+    const tableKey = ref(0);
+    const adConfig = ref();
+    const loadingTestConnection = ref(false);
+    const loadingDryRun = ref(false);
+    const loadingLiveRun = ref(false);
+    const loadingTable = ref(false);
+    const hasAnyChanges = ref(false);
+    const formInputs = ref(null);
+    const formBus = createFormEventBus();
+    const readyToSubmit = ref(false);
+    const page = ref(0);
+    const loginEnabled = ref(false);
+    const syncEnabled = ref(false);
+    const ldapConfigFormRef = ref();
+    const isLDAPFeatureEnabled = computed(() => settingsStore.settings.enterprise.ldap);
+    const goToUpgrade = async () => await uiStore.goToUpgrade("ldap", "upgrade-ldap");
+    const cellClassStyle = ({ row, column }) => {
+      if (column.property === "status") {
+        if (row.status === "Success") {
+          return { color: "green" };
+        } else if (row.status === "Error") {
+          return { color: "red" };
+        }
+      }
+      if (column.property === "runMode") {
+        if (row.runMode === "Dry") {
+          return { color: "orange" };
+        } else if (row.runMode === "Live") {
+          return { color: "blue" };
+        }
+      }
+      return {};
+    };
+    const onInput = (input) => {
+      if (input.name === "loginEnabled" && typeof input.value === "boolean") {
+        loginEnabled.value = input.value;
+      }
+      if (input.name === "synchronizationEnabled" && typeof input.value === "boolean") {
+        syncEnabled.value = input.value;
+      }
+      hasAnyChanges.value = true;
+    };
+    const onReadyToSubmit = (ready) => {
+      readyToSubmit.value = ready;
+    };
+    const syncDataMapper = (sync) => {
+      const startedAt = new Date(sync.startedAt);
+      const endedAt = new Date(sync.endedAt);
+      const runTimeInMinutes = endedAt.getTime() - startedAt.getTime();
+      return {
+        runTime: humanizeDuration(runTimeInMinutes),
+        runMode: capitalizeFirstLetter(sync.runMode),
+        status: capitalizeFirstLetter(sync.status),
+        endedAt: convertToDisplayDate(endedAt.getTime()),
+        details: i18n.baseText("settings.ldap.usersScanned", {
+          interpolate: {
+            scanned: sync.scanned.toString()
+          }
+        })
+      };
+    };
+    const onSubmit = async () => {
+      if (!hasAnyChanges.value || !ldapConfigFormRef.value) {
+        return;
+      }
+      const formValues = ldapConfigFormRef.value.getValues();
+      const newConfiguration = {
+        loginEnabled: formValues.loginEnabled,
+        loginLabel: formValues.loginLabel,
+        connectionUrl: formValues.serverAddress,
+        allowUnauthorizedCerts: formValues.allowUnauthorizedCerts,
+        connectionPort: +formValues.port,
+        connectionSecurity: formValues.connectionSecurity,
+        baseDn: formValues.baseDn,
+        bindingAdminDn: formValues.bindingType === "admin" ? formValues.adminDn : "",
+        bindingAdminPassword: formValues.bindingType === "admin" ? formValues.adminPassword : "",
+        emailAttribute: formValues.email,
+        firstNameAttribute: formValues.firstName,
+        lastNameAttribute: formValues.lastName,
+        loginIdAttribute: formValues.loginId,
+        ldapIdAttribute: formValues.ldapId,
+        userFilter: formValues.userFilter,
+        synchronizationEnabled: formValues.synchronizationEnabled,
+        synchronizationInterval: +formValues.synchronizationInterval,
+        searchPageSize: +formValues.pageSize,
+        searchTimeout: +formValues.searchTimeout
+      };
+      let saveForm = true;
+      if (!adConfig.value)
+        return;
+      try {
+        if (adConfig.value.loginEnabled && !newConfiguration.loginEnabled) {
+          const confirmAction = await message.confirm(
+            i18n.baseText("settings.ldap.confirmMessage.beforeSaveForm.message"),
+            i18n.baseText("settings.ldap.confirmMessage.beforeSaveForm.headline"),
+            {
+              cancelButtonText: i18n.baseText(
+                "settings.ldap.confirmMessage.beforeSaveForm.cancelButtonText"
+              ),
+              confirmButtonText: i18n.baseText(
+                "settings.ldap.confirmMessage.beforeSaveForm.confirmButtonText"
+              )
+            }
+          );
+          saveForm = confirmAction === MODAL_CONFIRM;
+        }
+        if (!saveForm) {
+          hasAnyChanges.value = true;
+        }
+        adConfig.value = await settingsStore.updateLdapConfig(newConfiguration);
+        toast.showToast({
+          title: i18n.baseText("settings.ldap.updateConfiguration"),
+          message: "",
+          type: "success"
+        });
+      } catch (error) {
+        toast.showError(error, i18n.baseText("settings.ldap.configurationError"));
+      } finally {
+        if (saveForm) {
+          hasAnyChanges.value = false;
+        }
+      }
+    };
+    const onSaveClick = () => {
+      formBus.emit("submit");
+    };
+    const onTestConnectionClick = async () => {
+      loadingTestConnection.value = true;
+      try {
+        await settingsStore.testLdapConnection();
+        toast.showToast({
+          title: i18n.baseText("settings.ldap.connectionTest"),
+          message: i18n.baseText("settings.ldap.toast.connection.success"),
+          type: "success"
+        });
+      } catch (error) {
+        toast.showToast({
+          title: i18n.baseText("settings.ldap.connectionTestError"),
+          message: error.message,
+          type: "error"
+        });
+      } finally {
+        loadingTestConnection.value = false;
+      }
+    };
+    const onDryRunClick = async () => {
+      loadingDryRun.value = true;
+      try {
+        await settingsStore.runLdapSync({ type: "dry" });
+        toast.showToast({
+          title: i18n.baseText("settings.ldap.runSync.title"),
+          message: i18n.baseText("settings.ldap.toast.sync.success"),
+          type: "success"
+        });
+      } catch (error) {
+        toast.showError(error, i18n.baseText("settings.ldap.synchronizationError"));
+      } finally {
+        loadingDryRun.value = false;
+        await reloadLdapSynchronizations();
+      }
+    };
+    const onLiveRunClick = async () => {
+      loadingLiveRun.value = true;
+      try {
+        await settingsStore.runLdapSync({ type: "live" });
+        toast.showToast({
+          title: i18n.baseText("settings.ldap.runSync.title"),
+          message: i18n.baseText("settings.ldap.toast.sync.success"),
+          type: "success"
+        });
+      } catch (error) {
+        toast.showError(error, i18n.baseText("settings.ldap.synchronizationError"));
+      } finally {
+        loadingLiveRun.value = false;
+        await reloadLdapSynchronizations();
+      }
+    };
+    const getLdapConfig = async () => {
+      try {
+        adConfig.value = await settingsStore.getLdapConfig();
+        loginEnabled.value = adConfig.value.loginEnabled;
+        syncEnabled.value = adConfig.value.synchronizationEnabled;
+        const whenLoginEnabled = (values) => values.loginEnabled === true;
+        const whenSyncAndLoginEnabled = (values) => values.synchronizationEnabled === true && values.loginEnabled === true;
+        const whenAdminBindingAndLoginEnabled = (values) => values.bindingType === "admin" && values.loginEnabled === true;
+        formInputs.value = [
+          {
+            name: "loginEnabled",
+            initialValue: adConfig.value.loginEnabled,
+            properties: {
+              type: "toggle",
+              label: i18n.baseText("settings.ldap.form.loginEnabled.label"),
+              tooltipText: i18n.baseText("settings.ldap.form.loginEnabled.tooltip"),
+              required: true
+            }
+          },
+          {
+            name: "loginLabel",
+            initialValue: adConfig.value.loginLabel,
+            properties: {
+              label: i18n.baseText("settings.ldap.form.loginLabel.label"),
+              required: true,
+              placeholder: i18n.baseText("settings.ldap.form.loginLabel.placeholder"),
+              infoText: i18n.baseText("settings.ldap.form.loginLabel.infoText")
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "serverAddress",
+            initialValue: adConfig.value.connectionUrl,
+            properties: {
+              label: i18n.baseText("settings.ldap.form.serverAddress.label"),
+              required: true,
+              capitalize: true,
+              placeholder: i18n.baseText("settings.ldap.form.serverAddress.placeholder"),
+              infoText: i18n.baseText("settings.ldap.form.serverAddress.infoText")
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "port",
+            initialValue: adConfig.value.connectionPort,
+            properties: {
+              type: "number",
+              label: i18n.baseText("settings.ldap.form.port.label"),
+              capitalize: true,
+              infoText: i18n.baseText("settings.ldap.form.port.infoText")
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "connectionSecurity",
+            initialValue: adConfig.value.connectionSecurity,
+            properties: {
+              type: "select",
+              label: i18n.baseText("settings.ldap.form.connectionSecurity.label"),
+              infoText: i18n.baseText("settings.ldap.form.connectionSecurity.infoText"),
+              options: [
+                {
+                  label: "None",
+                  value: "none"
+                },
+                {
+                  label: "TLS",
+                  value: "tls"
+                },
+                {
+                  label: "STARTTLS",
+                  value: "startTls"
+                }
+              ],
+              required: true,
+              capitalize: true
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "allowUnauthorizedCerts",
+            initialValue: adConfig.value.allowUnauthorizedCerts,
+            properties: {
+              type: "toggle",
+              label: i18n.baseText("settings.ldap.form.allowUnauthorizedCerts.label"),
+              required: false
+            },
+            shouldDisplay(values) {
+              return values.connectionSecurity !== "none" && values.loginEnabled === true;
+            }
+          },
+          {
+            name: "baseDn",
+            initialValue: adConfig.value.baseDn,
+            properties: {
+              label: i18n.baseText("settings.ldap.form.baseDn.label"),
+              required: true,
+              capitalize: true,
+              placeholder: i18n.baseText("settings.ldap.form.baseDn.placeholder"),
+              infoText: i18n.baseText("settings.ldap.form.baseDn.infoText")
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "bindingType",
+            initialValue: "admin",
+            properties: {
+              type: "select",
+              label: i18n.baseText("settings.ldap.form.bindingType.label"),
+              infoText: i18n.baseText("settings.ldap.form.bindingType.infoText"),
+              options: [
+                {
+                  value: "admin",
+                  label: "Admin"
+                },
+                {
+                  value: "anonymous",
+                  label: "Anonymous"
+                }
+              ]
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "adminDn",
+            initialValue: adConfig.value.bindingAdminDn,
+            properties: {
+              label: i18n.baseText("settings.ldap.form.adminDn.label"),
+              placeholder: i18n.baseText("settings.ldap.form.adminDn.placeholder"),
+              infoText: i18n.baseText("settings.ldap.form.adminDn.infoText"),
+              capitalize: true
+            },
+            shouldDisplay: whenAdminBindingAndLoginEnabled
+          },
+          {
+            name: "adminPassword",
+            initialValue: adConfig.value.bindingAdminPassword,
+            properties: {
+              label: i18n.baseText("settings.ldap.form.adminPassword.label"),
+              type: "password",
+              capitalize: true,
+              infoText: i18n.baseText("settings.ldap.form.adminPassword.infoText")
+            },
+            shouldDisplay: whenAdminBindingAndLoginEnabled
+          },
+          {
+            name: "userFilter",
+            initialValue: adConfig.value.userFilter,
+            properties: {
+              label: i18n.baseText("settings.ldap.form.userFilter.label"),
+              type: "text",
+              required: false,
+              capitalize: true,
+              placeholder: i18n.baseText("settings.ldap.form.userFilter.placeholder"),
+              infoText: i18n.baseText("settings.ldap.form.userFilter.infoText")
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "attributeMappingInfo",
+            properties: {
+              label: i18n.baseText("settings.ldap.form.attributeMappingInfo.label"),
+              type: "info",
+              labelSize: "large",
+              labelAlignment: "left"
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "ldapId",
+            initialValue: adConfig.value.ldapIdAttribute,
+            properties: {
+              label: i18n.baseText("settings.ldap.form.ldapId.label"),
+              type: "text",
+              required: true,
+              capitalize: true,
+              placeholder: i18n.baseText("settings.ldap.form.ldapId.placeholder"),
+              infoText: i18n.baseText("settings.ldap.form.ldapId.infoText")
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "loginId",
+            initialValue: adConfig.value.loginIdAttribute,
+            properties: {
+              label: i18n.baseText("settings.ldap.form.loginId.label"),
+              type: "text",
+              autocomplete: "email",
+              required: true,
+              capitalize: true,
+              placeholder: i18n.baseText("settings.ldap.form.loginId.placeholder"),
+              infoText: i18n.baseText("settings.ldap.form.loginId.infoText")
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "email",
+            initialValue: adConfig.value.emailAttribute,
+            properties: {
+              label: i18n.baseText("settings.ldap.form.email.label"),
+              type: "text",
+              autocomplete: "email",
+              required: true,
+              capitalize: true,
+              placeholder: i18n.baseText("settings.ldap.form.email.placeholder"),
+              infoText: i18n.baseText("settings.ldap.form.email.infoText")
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "firstName",
+            initialValue: adConfig.value.firstNameAttribute,
+            properties: {
+              label: i18n.baseText("settings.ldap.form.firstName.label"),
+              type: "text",
+              autocomplete: "email",
+              required: true,
+              capitalize: true,
+              placeholder: i18n.baseText("settings.ldap.form.firstName.placeholder"),
+              infoText: i18n.baseText("settings.ldap.form.firstName.infoText")
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "lastName",
+            initialValue: adConfig.value.lastNameAttribute,
+            properties: {
+              label: i18n.baseText("settings.ldap.form.lastName.label"),
+              type: "text",
+              autocomplete: "email",
+              required: true,
+              capitalize: true,
+              placeholder: i18n.baseText("settings.ldap.form.lastName.placeholder"),
+              infoText: i18n.baseText("settings.ldap.form.lastName.infoText")
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "synchronizationEnabled",
+            initialValue: adConfig.value.synchronizationEnabled,
+            properties: {
+              type: "toggle",
+              label: i18n.baseText("settings.ldap.form.synchronizationEnabled.label"),
+              tooltipText: i18n.baseText("settings.ldap.form.synchronizationEnabled.tooltip"),
+              required: true
+            },
+            shouldDisplay: whenLoginEnabled
+          },
+          {
+            name: "synchronizationInterval",
+            initialValue: adConfig.value.synchronizationInterval,
+            properties: {
+              type: "number",
+              label: i18n.baseText("settings.ldap.form.synchronizationInterval.label"),
+              infoText: i18n.baseText("settings.ldap.form.synchronizationInterval.infoText")
+            },
+            shouldDisplay: whenSyncAndLoginEnabled
+          },
+          {
+            name: "pageSize",
+            initialValue: adConfig.value.searchPageSize,
+            properties: {
+              type: "number",
+              label: i18n.baseText("settings.ldap.form.pageSize.label"),
+              infoText: i18n.baseText("settings.ldap.form.pageSize.infoText")
+            },
+            shouldDisplay: whenSyncAndLoginEnabled
+          },
+          {
+            name: "searchTimeout",
+            initialValue: adConfig.value.searchTimeout,
+            properties: {
+              type: "number",
+              label: i18n.baseText("settings.ldap.form.searchTimeout.label"),
+              infoText: i18n.baseText("settings.ldap.form.searchTimeout.infoText")
+            },
+            shouldDisplay: whenSyncAndLoginEnabled
+          }
+        ];
+      } catch (error) {
+        toast.showError(error, i18n.baseText("settings.ldap.configurationError"));
+      }
+    };
+    const getLdapSynchronizations = async (state) => {
+      try {
+        loadingTable.value = true;
+        const data = await settingsStore.getLdapSynchronizations({
+          page: page.value
+        });
+        if (data.length !== 0) {
+          dataTable.value.push(...data.map(syncDataMapper));
+          page.value += 1;
+          state.loaded();
+        } else {
+          state.complete();
+        }
+        loadingTable.value = false;
+      } catch (error) {
+        toast.showError(error, i18n.baseText("settings.ldap.synchronizationError"));
+      }
+    };
+    const reloadLdapSynchronizations = async () => {
+      try {
+        page.value = 0;
+        tableKey.value += 1;
+        dataTable.value = [];
+      } catch (error) {
+        toast.showError(error, i18n.baseText("settings.ldap.synchronizationError"));
+      }
+    };
+    onMounted(async () => {
+      if (!isLDAPFeatureEnabled.value)
+        return;
+      await getLdapConfig();
+    });
+    return (_ctx, _cache) => {
+      const _component_n8n_heading = resolveComponent("n8n-heading");
+      const _component_n8n_info_tip = resolveComponent("n8n-info-tip");
+      const _component_n8n_action_box = resolveComponent("n8n-action-box");
+      const _component_n8n_form_inputs = resolveComponent("n8n-form-inputs");
+      const _component_n8n_button = resolveComponent("n8n-button");
+      const _directive_n8n_html = resolveDirective("n8n-html");
+      const _directive_loading = resolveDirective("loading");
+      return !isLDAPFeatureEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("div", {
+          class: normalizeClass([_ctx.$style.header, "mb-2xl"])
+        }, [
+          createVNode(_component_n8n_heading, { size: "2xlarge" }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("settings.ldap")), 1)
+            ]),
+            _: 1
+          })
+        ], 2),
+        createVNode(_component_n8n_info_tip, {
+          type: "note",
+          theme: "info",
+          "tooltip-placement": "right",
+          class: "mb-l"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(i18n).baseText("settings.ldap.note")), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(_component_n8n_action_box, {
+          description: unref(i18n).baseText("settings.ldap.disabled.description"),
+          "button-text": unref(i18n).baseText("settings.ldap.disabled.buttonText"),
+          "onClick:button": goToUpgrade
+        }, {
+          heading: withCtx(() => [
+            createBaseVNode("span", null, toDisplayString(unref(i18n).baseText("settings.ldap.disabled.title")), 1)
+          ]),
+          _: 1
+        }, 8, ["description", "button-text"])
+      ])) : (openBlock(), createElementBlock("div", _hoisted_2, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.container)
+        }, [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.header)
+          }, [
+            createVNode(_component_n8n_heading, { size: "2xlarge" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("settings.ldap")), 1)
+              ]),
+              _: 1
+            })
+          ], 2),
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.docsInfoTip)
+          }, [
+            createVNode(_component_n8n_info_tip, {
+              theme: "info",
+              type: "note"
+            }, {
+              default: withCtx(() => [
+                withDirectives(createBaseVNode("span", null, null, 512), [
+                  [_directive_n8n_html, unref(i18n).baseText("settings.ldap.infoTip")]
+                ])
+              ]),
+              _: 1
+            })
+          ], 2),
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.settingsForm)
+          }, [
+            formInputs.value ? (openBlock(), createBlock(_component_n8n_form_inputs, {
+              key: 0,
+              ref_key: "ldapConfigFormRef",
+              ref: ldapConfigFormRef,
+              inputs: formInputs.value,
+              "event-bus": unref(formBus),
+              "column-view": true,
+              "vertical-spacing": "l",
+              onUpdate: onInput,
+              onReady: onReadyToSubmit,
+              onSubmit
+            }, null, 8, ["inputs", "event-bus"])) : createCommentVNode("", true)
+          ], 2),
+          createBaseVNode("div", null, [
+            loginEnabled.value ? (openBlock(), createBlock(_component_n8n_button, {
+              key: 0,
+              label: loadingTestConnection.value ? unref(i18n).baseText("settings.ldap.testingConnection") : unref(i18n).baseText("settings.ldap.testConnection"),
+              size: "large",
+              class: "mr-s",
+              disabled: hasAnyChanges.value || !readyToSubmit.value,
+              loading: loadingTestConnection.value,
+              onClick: onTestConnectionClick
+            }, null, 8, ["label", "disabled", "loading"])) : createCommentVNode("", true),
+            createVNode(_component_n8n_button, {
+              label: unref(i18n).baseText("settings.ldap.save"),
+              size: "large",
+              disabled: !hasAnyChanges.value || !readyToSubmit.value,
+              onClick: onSaveClick
+            }, null, 8, ["label", "disabled"])
+          ])
+        ], 2),
+        loginEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(_component_n8n_heading, {
+            tag: "h1",
+            class: "mb-xl mt-3xl",
+            size: "medium"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("settings.ldap.section.synchronization.title")), 1)
+            ]),
+            _: 1
+          }),
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.syncTable)
+          }, [
+            withDirectives((openBlock(), createBlock(unref(ElTable), {
+              key: tableKey.value,
+              border: true,
+              stripe: true,
+              data: dataTable.value,
+              "cell-style": cellClassStyle,
+              style: { "width": "100%" },
+              "max-height": "250"
+            }, {
+              empty: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("settings.ldap.synchronizationTable.empty.message")), 1)
+              ]),
+              append: withCtx(() => [
+                createVNode(unref(K), {
+                  target: ".el-table__body-wrapper",
+                  onInfinite: getLdapSynchronizations
+                })
+              ]),
+              default: withCtx(() => [
+                createVNode(unref(ElTableColumn), {
+                  prop: "status",
+                  label: unref(i18n).baseText("settings.ldap.synchronizationTable.column.status")
+                }, null, 8, ["label"]),
+                createVNode(unref(ElTableColumn), {
+                  prop: "endedAt",
+                  label: unref(i18n).baseText("settings.ldap.synchronizationTable.column.endedAt")
+                }, null, 8, ["label"]),
+                createVNode(unref(ElTableColumn), {
+                  prop: "runMode",
+                  label: unref(i18n).baseText("settings.ldap.synchronizationTable.column.runMode")
+                }, null, 8, ["label"]),
+                createVNode(unref(ElTableColumn), {
+                  prop: "runTime",
+                  label: unref(i18n).baseText("settings.ldap.synchronizationTable.column.runTime")
+                }, null, 8, ["label"]),
+                createVNode(unref(ElTableColumn), {
+                  prop: "details",
+                  label: unref(i18n).baseText("settings.ldap.synchronizationTable.column.details")
+                }, null, 8, ["label"])
+              ]),
+              _: 1
+            }, 8, ["data"])), [
+              [_directive_loading, loadingTable.value]
+            ])
+          ], 2),
+          createBaseVNode("div", _hoisted_4, [
+            createVNode(_component_n8n_button, {
+              label: unref(i18n).baseText("settings.ldap.dryRun"),
+              type: "secondary",
+              size: "large",
+              class: "mr-s",
+              disabled: hasAnyChanges.value || !readyToSubmit.value,
+              loading: loadingDryRun.value,
+              onClick: onDryRunClick
+            }, null, 8, ["label", "disabled", "loading"]),
+            createVNode(_component_n8n_button, {
+              label: unref(i18n).baseText("settings.ldap.synchronizeNow"),
+              size: "large",
+              disabled: hasAnyChanges.value || !readyToSubmit.value,
+              loading: loadingLiveRun.value,
+              onClick: onLiveRunClick
+            }, null, 8, ["label", "disabled", "loading"])
+          ])
+        ])) : createCommentVNode("", true)
+      ]));
+    };
+  }
+});
+const container = "_container_17k3n_1";
+const syncTable = "_syncTable_17k3n_5";
+const header = "_header_17k3n_9";
+const enableFeatureContainer = "_enableFeatureContainer_17k3n_18";
+const sectionHeader = "_sectionHeader_17k3n_32";
+const settingsForm = "_settingsForm_17k3n_36";
+const docsInfoTip = "_docsInfoTip_17k3n_40";
+const style0 = {
+  container,
+  syncTable,
+  header,
+  enableFeatureContainer,
+  sectionHeader,
+  settingsForm,
+  docsInfoTip
+};
+const cssModules = {
+  "$style": style0
+};
+const SettingsLdapView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  SettingsLdapView as default
+};