n8n-editor-ui 1.101.0 → 1.102.0

package/dist/assets/SettingsUsersView-BhfbqjxW.js

@@ -0,0 +1,861 @@
+import { d as defineComponent, r as ref, f3 as ROLE, x as computed, O as resolveComponent, h as createElementBlock, g as openBlock, e as createBlock, w as withCtx, p as N8nText, n as normalizeClass, k as createTextVNode, t as toDisplayString, j as createBaseVNode, i as createVNode, l as unref, N as N8nIcon, _ as _export_sfc, c as useI18n, f as createCommentVNode, F as Fragment, y as renderList, $ as N8nTooltip, fc as N8nActionToggle, cR as mergeModels, cS as useModel, ao as hasPermission, C as N8nUserInfo, bW as normalizeProps, bX as guardReactiveProps, c2 as useClipboard, a as useToast, v as useSettingsStore, T as useUIStore, u as useUsersStore, eW as useSSOStore, ai as useDocumentTitle, al as usePageRedirectionHelper, o as onMounted, ap as EnterpriseEditionFeature, fd as USERS_LIST_SORT_OPTIONS, m as N8nHeading, eY as N8nActionBox, a1 as N8nLink, dB as N8nNotice, dO as N8nInput, q as N8nButton, fe as INVITE_USER_MODAL_KEY, ff as DELETE_USER_MODAL_KEY, fg as useDebounceFn } from "./index-V0GOmfo8.js";
+import { N as N8nDataTableServer } from "./N8nDataTableServer-Cx18Zd1O.js";
+import { N as N8nActionDropdown } from "./ActionDropdown-D-JmCYsp.js";
+const _hoisted_1$1 = { key: 1 };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "SettingsUsersRoleCell",
+  props: {
+    data: {},
+    roles: {},
+    actions: {}
+  },
+  emits: ["update:role"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selectedRole = ref(props.data.role ?? ROLE.Default);
+    const isEditable = computed(() => props.data.role !== ROLE.Owner);
+    const roleLabel2 = computed(() => props.roles[selectedRole.value].label);
+    const onActionSelect = (role) => {
+      emit("update:role", {
+        role,
+        userId: props.data.id
+      });
+    };
+    return (_ctx, _cache) => {
+      const _component_N8nText = N8nText;
+      const _component_ElRadio = resolveComponent("ElRadio");
+      return openBlock(), createElementBlock("div", null, [
+        isEditable.value ? (openBlock(), createBlock(unref(N8nActionDropdown), {
+          key: 0,
+          placement: "bottom-start",
+          items: props.actions,
+          "data-test-id": "user-role-dropdown",
+          onSelect: onActionSelect
+        }, {
+          activator: withCtx(() => [
+            createBaseVNode("button", {
+              class: normalizeClass(_ctx.$style.roleLabel),
+              type: "button"
+            }, [
+              createVNode(_component_N8nText, { color: "text-dark" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(roleLabel2.value), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(unref(N8nIcon), {
+                color: "text-dark",
+                icon: "chevron-down",
+                size: "large"
+              })
+            ], 2)
+          ]),
+          menuItem: withCtx((item) => [
+            item.id === "delete" ? (openBlock(), createBlock(_component_N8nText, {
+              key: 0,
+              color: "text-dark",
+              class: normalizeClass(_ctx.$style.removeUser)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(item.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["class"])) : (openBlock(), createBlock(_component_ElRadio, {
+              key: 1,
+              "model-value": selectedRole.value,
+              label: item.id,
+              "onUpdate:modelValue": ($event) => selectedRole.value = item.id
+            }, {
+              default: withCtx(() => [
+                createBaseVNode("span", {
+                  class: normalizeClass(_ctx.$style.radioLabel)
+                }, [
+                  createVNode(_component_N8nText, {
+                    color: "text-dark",
+                    class: "pb-3xs"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(item.label), 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  createVNode(_component_N8nText, {
+                    color: "text-dark",
+                    size: "small"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(props.roles[item.id].desc), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], 2)
+              ]),
+              _: 2
+            }, 1032, ["model-value", "label", "onUpdate:modelValue"]))
+          ]),
+          _: 1
+        }, 8, ["items"])) : (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(roleLabel2.value), 1))
+      ]);
+    };
+  }
+});
+const roleLabel = "_roleLabel_xwvmw_123";
+const radioLabel = "_radioLabel_xwvmw_133";
+const removeUser = "_removeUser_xwvmw_143";
+const style0$2 = {
+  roleLabel,
+  radioLabel,
+  removeUser
+};
+const cssModules$2 = {
+  "$style": style0$2
+};
+const SettingsUsersRoleCell = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$2]]);
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "SettingsUsersProjectsCell",
+  props: {
+    data: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const i18n = useI18n();
+    const rolesAccessingAllProjects = ref([ROLE.Owner, ROLE.Admin]);
+    const visibleProjectsNum = ref(2);
+    const allProjects = computed(() => {
+      if (props.data.role && rolesAccessingAllProjects.value.includes(props.data.role)) {
+        return [i18n.baseText("settings.users.table.row.allProjects")];
+      } else if (!props.data.projectRelations?.length) {
+        return [i18n.baseText("settings.users.table.row.personalProject")];
+      } else {
+        return props.data.projectRelations.map(({ name }) => name);
+      }
+    });
+    const projects2 = computed(() => ({
+      visible: allProjects.value.slice(0, visibleProjectsNum.value),
+      additional: allProjects.value.slice(visibleProjectsNum.value)
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.projects)
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(projects2.value.visible, (project2, index) => {
+          return openBlock(), createElementBlock(Fragment, { key: index }, [
+            createBaseVNode("span", {
+              class: normalizeClass(_ctx.$style.project)
+            }, toDisplayString(project2), 3),
+            index < projects2.value.visible.length - 1 ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.comma)
+            }, ",", 2)) : createCommentVNode("", true)
+          ], 64);
+        }), 128)),
+        projects2.value.additional.length > 0 ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.comma)
+        }, ",", 2)) : createCommentVNode("", true),
+        projects2.value.additional.length > 0 ? (openBlock(), createBlock(unref(N8nTooltip), { key: 1 }, {
+          content: withCtx(() => [
+            createBaseVNode("ul", {
+              class: normalizeClass(_ctx.$style.projectList)
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(projects2.value.additional, (project2, index) => {
+                return openBlock(), createElementBlock("li", { key: index }, toDisplayString(project2), 1);
+              }), 128))
+            ], 2)
+          ]),
+          default: withCtx(() => [
+            createBaseVNode("span", {
+              class: normalizeClass(_ctx.$style.project)
+            }, "+ " + toDisplayString(projects2.value.additional.length), 3)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const projects = "_projects_1clp6_123";
+const project = "_project_1clp6_123";
+const comma = "_comma_1clp6_138";
+const projectList = "_projectList_1clp6_143";
+const style0$1 = {
+  projects,
+  project,
+  comma,
+  projectList
+};
+const cssModules$1 = {
+  "$style": style0$1
+};
+const SettingsUsersProjectsCell = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$1]]);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SettingsUsersActionsCell",
+  props: {
+    data: {},
+    actions: {}
+  },
+  emits: ["action"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const onUserAction = (action) => {
+      emit("action", {
+        action,
+        userId: props.data.id
+      });
+    };
+    return (_ctx, _cache) => {
+      const _component_N8nActionToggle = N8nActionToggle;
+      return openBlock(), createElementBlock("div", null, [
+        !props.data.isOwner && props.data.signInType !== "ldap" && props.actions.length > 0 ? (openBlock(), createBlock(_component_N8nActionToggle, {
+          key: 0,
+          placement: "bottom",
+          actions: props.actions,
+          theme: "dark",
+          onAction: onUserAction
+        }, null, 8, ["actions"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1 = { class: "pt-xs pb-xs" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SettingsUsersTable",
+  props: /* @__PURE__ */ mergeModels({
+    data: {},
+    actions: {},
+    loading: { type: Boolean }
+  }, {
+    "tableOptions": {
+      default: () => ({})
+    },
+    "tableOptionsModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:options", "update:role", "action"], ["update:tableOptions"]),
+  setup(__props, { emit: __emit }) {
+    const i18n = useI18n();
+    const props = __props;
+    const emit = __emit;
+    const tableOptions = useModel(__props, "tableOptions");
+    const rows = computed(() => props.data.items);
+    const headers = ref([
+      {
+        title: i18n.baseText("settings.users.table.header.user"),
+        key: "name",
+        width: 400,
+        value(row) {
+          return {
+            ...row,
+            // TODO: Fix UsersInfoProps type, it should be aligned with the API response and implement 'isPending' instead of `isPendingUser`
+            isPendingUser: row.isPending
+          };
+        }
+      },
+      {
+        title: i18n.baseText("settings.users.table.header.accountType"),
+        key: "role"
+      },
+      {
+        title: i18n.baseText("settings.users.table.header.2fa"),
+        key: "mfaEnabled",
+        value(row) {
+          return row.mfaEnabled ? i18n.baseText("settings.users.table.row.2fa.enabled") : i18n.baseText("settings.users.table.row.2fa.disabled");
+        }
+      },
+      {
+        title: i18n.baseText("projects.menu.title"),
+        key: "projects",
+        disableSort: true,
+        // TODO: Fix TableHeader type so it allows `disableSort` without `value` (which is not used here)
+        value() {
+          return;
+        }
+      },
+      {
+        title: "",
+        key: "actions",
+        align: "end",
+        width: 46,
+        disableSort: true,
+        // TODO: Fix TableHeader type so it allows `disableSort` without `value` (which is not used here)
+        value() {
+          return;
+        }
+      }
+    ]);
+    const roles = computed(() => ({
+      [ROLE.Owner]: { label: i18n.baseText("auth.roles.owner"), desc: "" },
+      [ROLE.Admin]: {
+        label: i18n.baseText("auth.roles.admin"),
+        desc: i18n.baseText("settings.users.table.row.role.description.admin")
+      },
+      [ROLE.Member]: {
+        label: i18n.baseText("auth.roles.member"),
+        desc: i18n.baseText("settings.users.table.row.role.description.member")
+      },
+      [ROLE.Default]: { label: i18n.baseText("auth.roles.default"), desc: "" }
+    }));
+    const roleActions = computed(() => [
+      {
+        id: ROLE.Member,
+        label: i18n.baseText("auth.roles.member")
+      },
+      {
+        id: ROLE.Admin,
+        label: i18n.baseText("auth.roles.admin")
+      },
+      {
+        id: "delete",
+        label: i18n.baseText("settings.users.table.row.deleteUser"),
+        divided: true
+      }
+    ]);
+    const canUpdateRole = computed(() => {
+      return hasPermission(["rbac"], { rbac: { scope: ["user:update", "user:changeRole"] } });
+    });
+    const filterActions = (user) => {
+      if (user.isOwner) return [];
+      return props.actions.filter(
+        (action) => action.guard?.({ ...user, isPendingUser: user.isPending }) ?? true
+      );
+    };
+    const onRoleChange = ({ role, userId }) => {
+      if (role === "delete") {
+        emit("action", { action: "delete", userId });
+      } else {
+        emit("update:role", { role, userId });
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_N8nText = N8nText;
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(unref(N8nDataTableServer), {
+          "sort-by": tableOptions.value.sortBy,
+          "onUpdate:sortBy": _cache[1] || (_cache[1] = ($event) => tableOptions.value.sortBy = $event),
+          page: tableOptions.value.page,
+          "onUpdate:page": _cache[2] || (_cache[2] = ($event) => tableOptions.value.page = $event),
+          "items-per-page": tableOptions.value.itemsPerPage,
+          "onUpdate:itemsPerPage": _cache[3] || (_cache[3] = ($event) => tableOptions.value.itemsPerPage = $event),
+          headers: headers.value,
+          items: rows.value,
+          "items-length": _ctx.data.count,
+          "onUpdate:options": _cache[4] || (_cache[4] = ($event) => emit("update:options", $event))
+        }, {
+          [`item.name`]: withCtx(({ value }) => [
+            createBaseVNode("div", _hoisted_1, [
+              createVNode(unref(N8nUserInfo), normalizeProps(guardReactiveProps(value)), null, 16)
+            ])
+          ]),
+          [`item.role`]: withCtx(({ item }) => [
+            canUpdateRole.value ? (openBlock(), createBlock(SettingsUsersRoleCell, {
+              key: 0,
+              data: item,
+              roles: roles.value,
+              actions: roleActions.value,
+              "onUpdate:role": onRoleChange
+            }, null, 8, ["data", "roles", "actions"])) : (openBlock(), createBlock(_component_N8nText, {
+              key: 1,
+              color: "text-dark"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(roles.value[item.role ?? unref(ROLE).Default].label), 1)
+              ]),
+              _: 2
+            }, 1024))
+          ]),
+          [`item.projects`]: withCtx(({ item }) => [
+            createVNode(SettingsUsersProjectsCell, { data: item }, null, 8, ["data"])
+          ]),
+          [`item.actions`]: withCtx(({ item }) => [
+            createVNode(_sfc_main$2, {
+              data: item,
+              actions: filterActions(item),
+              onAction: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("action", $event))
+            }, null, 8, ["data", "actions"])
+          ]),
+          _: 2
+        }, 1032, ["sort-by", "page", "items-per-page", "headers", "items", "items-length"])
+      ]);
+    };
+  }
+});
+const tooltipKey = "settings.personal.mfa.enforce.unlicensed_tooltip";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SettingsUsersView",
+  setup(__props) {
+    const clipboard = useClipboard();
+    const { showToast, showError } = useToast();
+    const settingsStore = useSettingsStore();
+    const uiStore = useUIStore();
+    const usersStore = useUsersStore();
+    const ssoStore = useSSOStore();
+    const documentTitle = useDocumentTitle();
+    const pageRedirectionHelper = usePageRedirectionHelper();
+    const i18n = useI18n();
+    const search2 = ref("");
+    const usersTableState = ref({
+      page: 0,
+      itemsPerPage: 10,
+      sortBy: [
+        { id: "firstName", desc: false },
+        { id: "lastName", desc: false },
+        { id: "email", desc: false }
+      ]
+    });
+    const showUMSetupWarning = computed(() => hasPermission(["defaultUser"]));
+    onMounted(async () => {
+      documentTitle.set(i18n.baseText("settings.users"));
+      if (!showUMSetupWarning.value) {
+        await updateUsersTableData(usersTableState.value);
+      }
+    });
+    const usersListActions = computed(() => {
+      return [
+        {
+          label: i18n.baseText("settings.users.actions.copyInviteLink"),
+          value: "copyInviteLink",
+          guard: (user) => usersStore.usersLimitNotReached && !user.firstName && !!user.inviteAcceptUrl
+        },
+        {
+          label: i18n.baseText("settings.users.actions.reinvite"),
+          value: "reinvite",
+          guard: (user) => usersStore.usersLimitNotReached && !user.firstName && settingsStore.isSmtpSetup
+        },
+        {
+          label: i18n.baseText("settings.users.actions.copyPasswordResetLink"),
+          value: "copyPasswordResetLink",
+          guard: (user) => hasPermission(["rbac"], { rbac: { scope: "user:resetPassword" } }) && usersStore.usersLimitNotReached && !user.isPendingUser && user.id !== usersStore.currentUserId
+        },
+        {
+          label: i18n.baseText("settings.users.actions.allowSSOManualLogin"),
+          value: "allowSSOManualLogin",
+          guard: (user) => !!ssoStore.isSamlLoginEnabled && !user.settings?.allowSSOManualLogin
+        },
+        {
+          label: i18n.baseText("settings.users.actions.disallowSSOManualLogin"),
+          value: "disallowSSOManualLogin",
+          guard: (user) => !!ssoStore.isSamlLoginEnabled && user.settings?.allowSSOManualLogin === true
+        }
+      ];
+    });
+    const isAdvancedPermissionsEnabled = computed(
+      () => settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.AdvancedPermissions]
+    );
+    const userRoles = computed(() => {
+      return [
+        {
+          value: ROLE.Member,
+          label: i18n.baseText("auth.roles.member")
+        },
+        {
+          value: ROLE.Admin,
+          label: i18n.baseText("auth.roles.admin"),
+          disabled: !isAdvancedPermissionsEnabled.value
+        }
+      ];
+    });
+    async function onUsersListAction({ action, userId }) {
+      switch (action) {
+        case "delete":
+          await onDelete(userId);
+          break;
+        case "reinvite":
+          await onReinvite(userId);
+          break;
+        case "copyInviteLink":
+          await onCopyInviteLink(userId);
+          break;
+        case "copyPasswordResetLink":
+          await onCopyPasswordResetLink(userId);
+          break;
+        case "allowSSOManualLogin":
+          await onAllowSSOManualLogin(userId);
+          break;
+        case "disallowSSOManualLogin":
+          await onDisallowSSOManualLogin(userId);
+          break;
+      }
+    }
+    function onInvite() {
+      uiStore.openModalWithData({
+        name: INVITE_USER_MODAL_KEY,
+        data: {
+          afterInvite: async () => {
+            await updateUsersTableData(usersTableState.value);
+          }
+        }
+      });
+    }
+    async function onDelete(userId) {
+      uiStore.openModalWithData({
+        name: DELETE_USER_MODAL_KEY,
+        data: {
+          userId,
+          afterDelete: async () => {
+            await updateUsersTableData(usersTableState.value);
+          }
+        }
+      });
+    }
+    async function onReinvite(userId) {
+      try {
+        const user = usersStore.usersList.state.items.find((u) => u.id === userId);
+        if (user?.email && user?.role) {
+          if (!["global:admin", "global:member"].includes(user.role)) {
+            throw new Error("Invalid role name on reinvite");
+          }
+          await usersStore.reinviteUser({
+            email: user.email,
+            role: user.role
+          });
+          showToast({
+            type: "success",
+            title: i18n.baseText("settings.users.inviteResent"),
+            message: i18n.baseText("settings.users.emailSentTo", {
+              interpolate: { email: user.email ?? "" }
+            })
+          });
+        }
+      } catch (e) {
+        showError(e, i18n.baseText("settings.users.userReinviteError"));
+      }
+    }
+    async function onCopyInviteLink(userId) {
+      const user = usersStore.usersList.state.items.find((u) => u.id === userId);
+      if (user?.inviteAcceptUrl) {
+        void clipboard.copy(user.inviteAcceptUrl);
+        showToast({
+          type: "success",
+          title: i18n.baseText("settings.users.inviteUrlCreated"),
+          message: i18n.baseText("settings.users.inviteUrlCreated.message")
+        });
+      }
+    }
+    async function onCopyPasswordResetLink(userId) {
+      try {
+        const user = usersStore.usersList.state.items.find((u) => u.id === userId);
+        if (user) {
+          const url = await usersStore.getUserPasswordResetLink(user);
+          void clipboard.copy(url.link);
+          showToast({
+            type: "success",
+            title: i18n.baseText("settings.users.passwordResetUrlCreated"),
+            message: i18n.baseText("settings.users.passwordResetUrlCreated.message")
+          });
+        }
+      } catch (error) {
+        showError(error, i18n.baseText("settings.users.passwordResetLinkError"));
+      }
+    }
+    async function onAllowSSOManualLogin(userId) {
+      const user = usersStore.usersList.state.items.find((u) => u.id === userId);
+      if (user) {
+        if (!user.settings) {
+          user.settings = {};
+        }
+        user.settings.allowSSOManualLogin = true;
+        await usersStore.updateOtherUserSettings(userId, user.settings);
+        await updateUsersTableData(usersTableState.value);
+        showToast({
+          type: "success",
+          title: i18n.baseText("settings.users.allowSSOManualLogin"),
+          message: i18n.baseText("settings.users.allowSSOManualLogin.message")
+        });
+      }
+    }
+    async function onDisallowSSOManualLogin(userId) {
+      const user = usersStore.usersList.state.items.find((u) => u.id === userId);
+      if (user?.settings) {
+        user.settings.allowSSOManualLogin = false;
+        await usersStore.updateOtherUserSettings(userId, user.settings);
+        await updateUsersTableData(usersTableState.value);
+        showToast({
+          type: "success",
+          title: i18n.baseText("settings.users.disallowSSOManualLogin"),
+          message: i18n.baseText("settings.users.disallowSSOManualLogin.message")
+        });
+      }
+    }
+    function goToUpgrade() {
+      void pageRedirectionHelper.goToUpgrade("settings-users", "upgrade-users");
+    }
+    function goToUpgradeAdvancedPermissions() {
+      void pageRedirectionHelper.goToUpgrade("settings-users", "upgrade-advanced-permissions");
+    }
+    const onUpdateRole = async (payload) => {
+      const user = usersStore.usersList.state.items.find((u) => u.id === payload.userId);
+      if (!user) {
+        showError(new Error("User not found"), i18n.baseText("settings.users.userNotFound"));
+        return;
+      }
+      await onRoleChange(user, payload.role);
+    };
+    async function onRoleChange(user, newRoleName) {
+      try {
+        await usersStore.updateGlobalRole({ id: user.id, newRoleName });
+        const role = userRoles.value.find(({ value }) => value === newRoleName)?.label || newRoleName;
+        showToast({
+          type: "success",
+          title: i18n.baseText("settings.users.userRoleUpdated"),
+          message: i18n.baseText("settings.users.userRoleUpdated.message", {
+            interpolate: {
+              user: user.firstName && user.lastName ? `${user.firstName} ${user.lastName}` : user.email ?? "",
+              role
+            }
+          })
+        });
+      } catch (e) {
+        showError(e, i18n.baseText("settings.users.userReinviteError"));
+      }
+    }
+    const isValidSortKey = (key) => USERS_LIST_SORT_OPTIONS.includes(key);
+    const updateUsersTableData = async ({ page, itemsPerPage, sortBy }) => {
+      try {
+        usersTableState.value = {
+          page,
+          itemsPerPage,
+          sortBy
+        };
+        const skip = page * itemsPerPage;
+        const take = itemsPerPage;
+        const transformedSortBy = sortBy.flatMap(({ id, desc }) => {
+          const dir = desc ? "desc" : "asc";
+          if (id === "name") {
+            return [`firstName:${dir}`, `lastName:${dir}`, `email:${dir}`];
+          }
+          return `${id}:${dir}`;
+        }).filter(isValidSortKey);
+        await usersStore.usersList.execute(0, {
+          skip,
+          take,
+          sortBy: transformedSortBy,
+          expand: ["projectRelations"],
+          filter: {
+            fullText: search2.value.trim()
+          }
+        });
+      } catch (error) {
+        showError(error, i18n.baseText("settings.users.table.update.error"));
+      }
+    };
+    const debouncedUpdateUsersTableData = useDebounceFn(() => {
+      usersTableState.value.page = 0;
+      void updateUsersTableData(usersTableState.value);
+    }, 300);
+    const onSearch = (value) => {
+      search2.value = value;
+      void debouncedUpdateUsersTableData();
+    };
+    async function onUpdateMfaEnforced(value) {
+      try {
+        await usersStore.updateEnforceMfa(value);
+        showToast({
+          type: "success",
+          title: value ? i18n.baseText("settings.personal.mfa.enforce.enabled.title") : i18n.baseText("settings.personal.mfa.enforce.disabled.title"),
+          message: value ? i18n.baseText("settings.personal.mfa.enforce.enabled.message") : i18n.baseText("settings.personal.mfa.enforce.disabled.message")
+        });
+      } catch (error) {
+        showError(error, i18n.baseText("settings.personal.mfa.enforce.error"));
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_n8n_heading = N8nHeading;
+      const _component_n8n_action_box = N8nActionBox;
+      const _component_n8n_link = N8nLink;
+      const _component_i18n_t = resolveComponent("i18n-t");
+      const _component_n8n_notice = N8nNotice;
+      const _component_n8n_text = N8nText;
+      const _component_el_switch = resolveComponent("el-switch");
+      const _component_N8nTooltip = N8nTooltip;
+      const _component_EnterpriseEdition = resolveComponent("EnterpriseEdition");
+      const _component_n8n_icon = N8nIcon;
+      const _component_n8n_input = N8nInput;
+      const _component_n8n_button = N8nButton;
+      const _component_n8n_tooltip = N8nTooltip;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.container)
+      }, [
+        createVNode(_component_n8n_heading, {
+          tag: "h1",
+          size: "2xlarge",
+          class: "mb-xl"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(i18n).baseText("settings.users")), 1)
+          ]),
+          _: 1
+        }),
+        !unref(usersStore).usersLimitNotReached ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.setupInfoContainer)
+        }, [
+          createVNode(_component_n8n_action_box, {
+            heading: unref(i18n).baseText(unref(uiStore).contextBasedTranslationKeys.users.settings.unavailable.title),
+            description: unref(i18n).baseText(unref(uiStore).contextBasedTranslationKeys.users.settings.unavailable.description),
+            "button-text": unref(i18n).baseText(unref(uiStore).contextBasedTranslationKeys.users.settings.unavailable.button),
+            "onClick:button": goToUpgrade
+          }, null, 8, ["heading", "description", "button-text"])
+        ], 2)) : createCommentVNode("", true),
+        !isAdvancedPermissionsEnabled.value ? (openBlock(), createBlock(_component_n8n_notice, { key: 1 }, {
+          default: withCtx(() => [
+            createVNode(_component_i18n_t, { keypath: "settings.users.advancedPermissions.warning" }, {
+              link: withCtx(() => [
+                createVNode(_component_n8n_link, {
+                  "data-test-id": "upgrade-permissions-link",
+                  size: "small",
+                  onClick: goToUpgradeAdvancedPermissions
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(i18n).baseText("settings.users.advancedPermissions.warning.link")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.settingsContainer)
+        }, [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.settingsContainerInfo)
+          }, [
+            createVNode(_component_n8n_text, { bold: true }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("settings.personal.mfa.enforce.title")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_component_n8n_text, {
+              size: "small",
+              color: "text-light"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("settings.personal.mfa.enforce.message")), 1)
+              ]),
+              _: 1
+            })
+          ], 2),
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.settingsContainerAction)
+          }, [
+            createVNode(_component_EnterpriseEdition, {
+              features: [unref(EnterpriseEditionFeature).EnforceMFA]
+            }, {
+              fallback: withCtx(() => [
+                createVNode(_component_N8nTooltip, null, {
+                  content: withCtx(() => [
+                    createVNode(_component_i18n_t, {
+                      keypath: tooltipKey,
+                      tag: "span"
+                    }, {
+                      action: withCtx(() => [
+                        createBaseVNode("a", { onClick: goToUpgrade }, toDisplayString(unref(i18n).baseText("settings.personal.mfa.enforce.unlicensed_tooltip.link")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(_component_el_switch, {
+                      "model-value": unref(settingsStore).isMFAEnforced,
+                      size: "large",
+                      disabled: true,
+                      "onUpdate:modelValue": onUpdateMfaEnforced
+                    }, null, 8, ["model-value"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_el_switch, {
+                  "model-value": unref(settingsStore).isMFAEnforced,
+                  size: "large",
+                  "data-test-id": "enable-force-mfa",
+                  "onUpdate:modelValue": onUpdateMfaEnforced
+                }, null, 8, ["model-value"])
+              ]),
+              _: 1
+            }, 8, ["features"])
+          ], 2)
+        ], 2),
+        !showUMSetupWarning.value ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass(_ctx.$style.buttonContainer)
+        }, [
+          createVNode(_component_n8n_input, {
+            class: normalizeClass(_ctx.$style.search),
+            "model-value": search2.value,
+            placeholder: unref(i18n).baseText("settings.users.search.placeholder"),
+            clearable: "",
+            "data-test-id": "users-list-search",
+            "onUpdate:modelValue": onSearch
+          }, {
+            prefix: withCtx(() => [
+              createVNode(_component_n8n_icon, { icon: "search" })
+            ]),
+            _: 1
+          }, 8, ["class", "model-value", "placeholder"]),
+          createVNode(_component_n8n_tooltip, {
+            disabled: !unref(ssoStore).isSamlLoginEnabled
+          }, {
+            content: withCtx(() => [
+              createBaseVNode("span", null, toDisplayString(unref(i18n).baseText("settings.users.invite.tooltip")), 1)
+            ]),
+            default: withCtx(() => [
+              createBaseVNode("div", null, [
+                createVNode(_component_n8n_button, {
+                  disabled: unref(ssoStore).isSamlLoginEnabled || !unref(usersStore).usersLimitNotReached,
+                  label: unref(i18n).baseText("settings.users.invite"),
+                  size: "large",
+                  "data-test-id": "settings-users-invite-button",
+                  onClick: onInvite
+                }, null, 8, ["disabled", "label"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ], 2)) : createCommentVNode("", true),
+        unref(usersStore).usersLimitNotReached || unref(usersStore).usersList.state.count > 1 ? (openBlock(), createElementBlock("div", {
+          key: 3,
+          class: normalizeClass(_ctx.$style.usersContainer)
+        }, [
+          createVNode(_sfc_main$1, {
+            "table-options": usersTableState.value,
+            "onUpdate:tableOptions": _cache[0] || (_cache[0] = ($event) => usersTableState.value = $event),
+            "data-test-id": "settings-users-table",
+            data: unref(usersStore).usersList.state,
+            loading: unref(usersStore).usersList.isLoading,
+            actions: usersListActions.value,
+            "onUpdate:options": updateUsersTableData,
+            "onUpdate:role": onUpdateRole,
+            onAction: onUsersListAction
+          }, null, 8, ["table-options", "data", "loading", "actions"])
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const buttonContainer = "_buttonContainer_iin51_123";
+const search = "_search_iin51_130";
+const setupInfoContainer = "_setupInfoContainer_iin51_134";
+const settingsContainer = "_settingsContainer_iin51_138";
+const settingsContainerInfo = "_settingsContainerInfo_iin51_149";
+const settingsContainerAction = "_settingsContainerAction_iin51_158";
+const style0 = {
+  buttonContainer,
+  search,
+  setupInfoContainer,
+  settingsContainer,
+  settingsContainerInfo,
+  settingsContainerAction
+};
+const cssModules = {
+  "$style": style0
+};
+const SettingsUsersView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  SettingsUsersView as default
+};