n8n-editor-ui 1.63.1 → 1.64.0

package/dist/assets/{humanize-duration-DdvB4QXM.js → SettingsLdapView-BkNvZbuP.js}

@@ -1,6 +1,5 @@
-import { g as getDefaultExportFromCjs } from "./n8n-o-6nV4eX.js";
-var humanizeDuration$2 = { exports: {} };
-var humanizeDuration = humanizeDuration$2.exports;
+import { dT as getDefaultExportFromCjs, r as ref, cq as toRefs, o as onMounted, bZ as onUnmounted, c as openBlock, h as createElementBlock, q as renderSlot, i as createVNode, f as createCommentVNode, j as createBaseVNode, t as toDisplayString, H as watch, C as nextTick, c3 as pushScopeId, c0 as popScopeId, d as defineComponent, a as useToast, a3 as useDocumentTitle, m as useSettingsStore, K as useUIStore, p as computed, w as withCtx, k as createTextVNode, A as unref, n as normalizeClass, as as withDirectives, e as createBlock, hq as ElTableColumn, hr as ElTable, g as useI18n, hs as createFormEventBus, ae as MODAL_CONFIRM, l as resolveComponent, c9 as resolveDirective, al as useMessage, ht as capitalizeFirstLetter, hu as convertToDisplayDate, _ as _export_sfc } from "./index-B5Li9oNe.js";
+var humanizeDuration$1 = { exports: {} };
 (function(module) {
   (function() {
     var greek = {
@@ -1584,19 +1583,835 @@ var humanizeDuration = humanizeDuration$2.exports;
       return result;
     };
     humanizeDuration2.humanizer = humanizer;
-    if (false) {
-      (void 0)(function() {
-        return humanizeDuration2;
-      });
-    } else if (module.exports) {
+    if (module.exports) {
       module.exports = humanizeDuration2;
     } else {
       this.humanizeDuration = humanizeDuration2;
     }
   })();
-})(humanizeDuration$2);
-var humanizeDurationExports = humanizeDuration$2.exports;
-const humanizeDuration$1 = /* @__PURE__ */ getDefaultExportFromCjs(humanizeDurationExports);
+})(humanizeDuration$1);
+var humanizeDurationExports = humanizeDuration$1.exports;
+const humanizeDuration = /* @__PURE__ */ getDefaultExportFromCjs(humanizeDurationExports);
+const E = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [n, s] of o)
+    t[n] = s;
+  return t;
+}, C = {}, j = (e) => (pushScopeId("data-v-259be2b2"), e = e(), popScopeId(), e), M = { class: "container" }, T = /* @__PURE__ */ j(() => /* @__PURE__ */ createBaseVNode("div", { class: "spinner" }, null, -1)), V = [
+  T
+];
+function W(e, o) {
+  return openBlock(), createElementBlock("div", M, V);
+}
+const D = /* @__PURE__ */ E(C, [["render", W], ["__scopeId", "data-v-259be2b2"], ["__file", "/home/oumoussa/side-projects/infinite/src/components/Spinner.vue"]]), U = (e) => ({
+  loading() {
+    e.value = "loading";
+  },
+  loaded() {
+    e.value = "loaded";
+  },
+  complete() {
+    e.value = "complete";
+  },
+  error() {
+    e.value = "error";
+  }
+}), z = (e, o, t) => () => {
+  const n = t.parentEl || document.documentElement;
+  t.prevHeight = n.scrollHeight, o.loading(), e("infinite", o);
+}, A = (e, o) => {
+  const t = e.getBoundingClientRect();
+  if (!o)
+    return t.top >= 0 && t.bottom <= window.innerHeight;
+  const n = o.getBoundingClientRect();
+  return t.top >= n.top && t.bottom <= n.bottom;
+}, y = (e) => {
+  e.parentEl = document.querySelector(e.target) || null;
+  let o = `0px 0px ${e.distance}px 0px`;
+  e.top && (o = `${e.distance}px 0px 0px 0px`);
+  const t = new IntersectionObserver(
+    (n) => {
+      n[0].isIntersecting && (e.firstload && e.emit(), e.firstload = true);
+    },
+    { root: e.parentEl, rootMargin: o }
+  );
+  return t.observe(e.infiniteLoading.value), t;
+};
+const F = { class: "state-error" }, G = {
+  __name: "InfiniteLoading",
+  props: {
+    top: { type: Boolean, required: false },
+    target: { type: [String, Boolean], required: false },
+    distance: { type: Number, required: false, default: 0 },
+    identifier: { required: false },
+    firstload: { type: Boolean, required: false, default: true },
+    slots: { type: Object, required: false }
+  },
+  emits: ["infinite"],
+  setup(e, { emit: o }) {
+    const t = e;
+    let n = null;
+    const s = ref(null), l = ref("ready"), { top: f, firstload: x, target: I, distance: S } = t, { identifier: _ } = toRefs(t), i = {
+      infiniteLoading: s,
+      target: I,
+      top: f,
+      firstload: x,
+      distance: S,
+      prevHeight: 0,
+      parentEl: null
+    };
+    i.emit = z(o, U(l), i);
+    const k = () => watch(l, async (r) => {
+      const c = i.parentEl || document.documentElement;
+      await nextTick(), r == "loaded" && f && (c.scrollTop = c.scrollHeight - i.prevHeight), r == "loaded" && A(s.value, i.parentEl) && i.emit(), r == "complete" && n.disconnect();
+    }), q = () => watch(_, () => {
+      l.value = "ready", n.disconnect(), n = y(i);
+    });
+    return onMounted(() => {
+      n = y(i), k(), _ && q();
+    }), onUnmounted(() => {
+      n.disconnect();
+    }), (r, c) => (openBlock(), createElementBlock("div", {
+      ref_key: "infiniteLoading",
+      ref: s
+    }, [
+      l.value == "loading" ? renderSlot(r.$slots, "spinner", { key: 0 }, () => [
+        createVNode(D)
+      ], true) : createCommentVNode("v-if", true),
+      l.value == "complete" ? renderSlot(r.$slots, "complete", { key: 1 }, () => {
+        var d;
+        return [
+          createBaseVNode("span", null, toDisplayString(((d = e.slots) == null ? void 0 : d.complete) || "No more results!"), 1)
+        ];
+      }, true) : createCommentVNode("v-if", true),
+      l.value == "error" ? renderSlot(r.$slots, "error", {
+        key: 2,
+        retry: i.emit
+      }, () => {
+        var d;
+        return [
+          createBaseVNode("span", F, [
+            createBaseVNode("span", null, toDisplayString(((d = e.slots) == null ? void 0 : d.error) || "Oops something went wrong!"), 1),
+            createBaseVNode("button", {
+              class: "retry",
+              onClick: c[0] || (c[0] = (...B) => i.emit && i.emit(...B))
+            }, " retry ")
+          ])
+        ];
+      }, true) : createCommentVNode("v-if", true)
+    ], 512));
+  }
+}, K = /* @__PURE__ */ E(G, [["__scopeId", "data-v-9d82030b"], ["__file", "/home/oumoussa/side-projects/infinite/src/components/InfiniteLoading.vue"]]);
+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 documentTitle = useDocumentTitle();
+    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 () => {
+      documentTitle.set(i18n.baseText("settings.ldap"));
+      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 {
-  humanizeDuration$1 as h
+  SettingsLdapView as default
 };