mirror of
https://github.com/docmost/docmost.git
synced 2026-05-07 06:23:06 +08:00
fix
This commit is contained in:
@@ -880,5 +880,28 @@
|
|||||||
"Try a different search term.": "Try a different search term.",
|
"Try a different search term.": "Try a different search term.",
|
||||||
"Try again": "Try again",
|
"Try again": "Try again",
|
||||||
"Untitled chat": "Untitled chat",
|
"Untitled chat": "Untitled chat",
|
||||||
"What can I help you with?": "What can I help you with?"
|
"What can I help you with?": "What can I help you with?",
|
||||||
|
"Are you sure you want to revoke this SCIM token": "Are you sure you want to revoke this SCIM token",
|
||||||
|
"Automatically provision users and groups from your identity provider via SCIM.": "Automatically provision users and groups from your identity provider via SCIM.",
|
||||||
|
"Configure your identity provider with this URL to provision users and groups.": "Configure your identity provider with this URL to provision users and groups.",
|
||||||
|
"Create SCIM token": "Create SCIM token",
|
||||||
|
"Created by": "Created by",
|
||||||
|
"Custom": "Custom",
|
||||||
|
"Enable SCIM": "Enable SCIM",
|
||||||
|
"Enter a descriptive name": "Enter a descriptive name",
|
||||||
|
"I've saved my SCIM token": "I've saved my SCIM token",
|
||||||
|
"Important": "Important",
|
||||||
|
"Make sure to copy your SCIM token now. You won't be able to see it again!": "Make sure to copy your SCIM token now. You won't be able to see it again!",
|
||||||
|
"Never": "Never",
|
||||||
|
"Revoke SCIM token": "Revoke SCIM token",
|
||||||
|
"SCIM endpoint URL": "SCIM endpoint URL",
|
||||||
|
"SCIM provisioning": "SCIM provisioning",
|
||||||
|
"SCIM takes precedence over SSO group sync while enabled.": "SCIM takes precedence over SSO group sync while enabled.",
|
||||||
|
"SCIM token": "SCIM token",
|
||||||
|
"SCIM token created": "SCIM token created",
|
||||||
|
"SCIM token created successfully": "SCIM token created successfully",
|
||||||
|
"SCIM tokens": "SCIM tokens",
|
||||||
|
"This action cannot be undone. Your identity provider will stop syncing immediately.": "This action cannot be undone. Your identity provider will stop syncing immediately.",
|
||||||
|
"Toggle SCIM provisioning": "Toggle SCIM provisioning",
|
||||||
|
"Token": "Token"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -116,7 +116,9 @@ export default function GlobalAppShell({
|
|||||||
</AppShell.Navbar>
|
</AppShell.Navbar>
|
||||||
<AppShell.Main>
|
<AppShell.Main>
|
||||||
{isSettingsRoute ? (
|
{isSettingsRoute ? (
|
||||||
<Container size={900}>{children}</Container>
|
<Container size={900} pb={80}>
|
||||||
|
{children}
|
||||||
|
</Container>
|
||||||
) : (
|
) : (
|
||||||
children
|
children
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -13,6 +13,7 @@ import { getShares } from "@/features/share/services/share-service.ts";
|
|||||||
import { getApiKeys } from "@/ee/api-key";
|
import { getApiKeys } from "@/ee/api-key";
|
||||||
import { getAuditLogs } from "@/ee/audit/services/audit-service";
|
import { getAuditLogs } from "@/ee/audit/services/audit-service";
|
||||||
import { getVerificationList } from "@/ee/page-verification/services/page-verification-service";
|
import { getVerificationList } from "@/ee/page-verification/services/page-verification-service";
|
||||||
|
import { getScimTokens } from "@/ee/scim/services/scim-token-service";
|
||||||
|
|
||||||
export const prefetchWorkspaceMembers = () => {
|
export const prefetchWorkspaceMembers = () => {
|
||||||
const params: QueryParams = { limit: 100, query: "" };
|
const params: QueryParams = { limit: 100, query: "" };
|
||||||
@@ -98,3 +99,10 @@ export const prefetchVerifiedPages = () => {
|
|||||||
queryFn: () => getVerificationList(params),
|
queryFn: () => getVerificationList(params),
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const prefetchScimTokens = () => {
|
||||||
|
queryClient.prefetchQuery({
|
||||||
|
queryKey: ["scim-token-list", { cursor: undefined }],
|
||||||
|
queryFn: () => getScimTokens({}),
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|||||||
@@ -31,6 +31,7 @@ import {
|
|||||||
prefetchBilling,
|
prefetchBilling,
|
||||||
prefetchGroups,
|
prefetchGroups,
|
||||||
prefetchLicense,
|
prefetchLicense,
|
||||||
|
prefetchScimTokens,
|
||||||
prefetchShares,
|
prefetchShares,
|
||||||
prefetchSpaces,
|
prefetchSpaces,
|
||||||
prefetchSsoProviders,
|
prefetchSsoProviders,
|
||||||
@@ -204,7 +205,10 @@ export default function SettingsSidebar() {
|
|||||||
}
|
}
|
||||||
break;
|
break;
|
||||||
case "Security & SSO":
|
case "Security & SSO":
|
||||||
prefetchHandler = prefetchSsoProviders;
|
prefetchHandler = () => {
|
||||||
|
prefetchSsoProviders();
|
||||||
|
prefetchScimTokens();
|
||||||
|
};
|
||||||
break;
|
break;
|
||||||
case "Public sharing":
|
case "Public sharing":
|
||||||
prefetchHandler = prefetchShares;
|
prefetchHandler = prefetchShares;
|
||||||
|
|||||||
@@ -0,0 +1,78 @@
|
|||||||
|
import { Modal, TextInput, Button, Group, Stack } from "@mantine/core";
|
||||||
|
import { useForm } from "@mantine/form";
|
||||||
|
import { zod4Resolver } from "mantine-form-zod-resolver";
|
||||||
|
import { z } from "zod/v4";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
import { useCreateScimTokenMutation } from "@/ee/scim/queries/scim-token-query";
|
||||||
|
import { IScimToken } from "@/ee/scim/types/scim-token.types";
|
||||||
|
|
||||||
|
interface CreateScimTokenModalProps {
|
||||||
|
opened: boolean;
|
||||||
|
onClose: () => void;
|
||||||
|
onSuccess: (response: IScimToken) => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
const formSchema = z.object({
|
||||||
|
name: z.string().min(1, "Name is required"),
|
||||||
|
});
|
||||||
|
type FormValues = z.infer<typeof formSchema>;
|
||||||
|
|
||||||
|
export function CreateScimTokenModal({
|
||||||
|
opened,
|
||||||
|
onClose,
|
||||||
|
onSuccess,
|
||||||
|
}: CreateScimTokenModalProps) {
|
||||||
|
const { t } = useTranslation();
|
||||||
|
const createMutation = useCreateScimTokenMutation();
|
||||||
|
|
||||||
|
const form = useForm<FormValues>({
|
||||||
|
validate: zod4Resolver(formSchema),
|
||||||
|
initialValues: { name: "" },
|
||||||
|
});
|
||||||
|
|
||||||
|
const handleSubmit = async (data: FormValues) => {
|
||||||
|
try {
|
||||||
|
const created = await createMutation.mutateAsync({ name: data.name });
|
||||||
|
onSuccess(created);
|
||||||
|
form.reset();
|
||||||
|
onClose();
|
||||||
|
} catch (err) {
|
||||||
|
//
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleClose = () => {
|
||||||
|
form.reset();
|
||||||
|
onClose();
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
opened={opened}
|
||||||
|
onClose={handleClose}
|
||||||
|
title={t("Create SCIM token")}
|
||||||
|
size="md"
|
||||||
|
>
|
||||||
|
<form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
|
||||||
|
<Stack gap="md">
|
||||||
|
<TextInput
|
||||||
|
label={t("Name")}
|
||||||
|
placeholder={t("Enter a descriptive name")}
|
||||||
|
data-autofocus
|
||||||
|
required
|
||||||
|
{...form.getInputProps("name")}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Group justify="flex-end" mt="md">
|
||||||
|
<Button variant="default" onClick={handleClose}>
|
||||||
|
{t("Cancel")}
|
||||||
|
</Button>
|
||||||
|
<Button type="submit" loading={createMutation.isPending}>
|
||||||
|
{t("Create")}
|
||||||
|
</Button>
|
||||||
|
</Group>
|
||||||
|
</Stack>
|
||||||
|
</form>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,55 @@
|
|||||||
|
import { Group, Text, Switch, Tooltip } from "@mantine/core";
|
||||||
|
import { useAtom } from "jotai";
|
||||||
|
import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
|
||||||
|
import React, { useState } from "react";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
import { updateWorkspace } from "@/features/workspace/services/workspace-service.ts";
|
||||||
|
import { notifications } from "@mantine/notifications";
|
||||||
|
import { useHasFeature } from "@/ee/hooks/use-feature.ts";
|
||||||
|
import { Feature } from "@/ee/features.ts";
|
||||||
|
import { useUpgradeLabel } from "@/ee/hooks/use-upgrade-label.ts";
|
||||||
|
|
||||||
|
export default function EnableScim() {
|
||||||
|
const { t } = useTranslation();
|
||||||
|
const [workspace, setWorkspace] = useAtom(workspaceAtom);
|
||||||
|
const [checked, setChecked] = useState(workspace?.isScimEnabled ?? false);
|
||||||
|
const hasAccess = useHasFeature(Feature.SCIM);
|
||||||
|
const upgradeLabel = useUpgradeLabel();
|
||||||
|
|
||||||
|
const handleChange = async (event: React.ChangeEvent<HTMLInputElement>) => {
|
||||||
|
const value = event.currentTarget.checked;
|
||||||
|
try {
|
||||||
|
const updatedWorkspace = await updateWorkspace({ isScimEnabled: value });
|
||||||
|
setChecked(value);
|
||||||
|
setWorkspace(updatedWorkspace);
|
||||||
|
} catch (err) {
|
||||||
|
notifications.show({
|
||||||
|
message: err?.response?.data?.message,
|
||||||
|
color: "red",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Group justify="space-between" wrap="nowrap" gap="xl">
|
||||||
|
<div>
|
||||||
|
<Text size="md">{t("Enable SCIM")}</Text>
|
||||||
|
<Text size="sm" c="dimmed">
|
||||||
|
{t(
|
||||||
|
"Automatically provision users and groups from your identity provider via SCIM.",
|
||||||
|
)}
|
||||||
|
</Text>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Tooltip label={upgradeLabel} disabled={hasAccess} refProp="rootRef">
|
||||||
|
<Switch
|
||||||
|
labelPosition="left"
|
||||||
|
defaultChecked={checked}
|
||||||
|
onChange={handleChange}
|
||||||
|
disabled={!hasAccess}
|
||||||
|
aria-label={t("Toggle SCIM provisioning")}
|
||||||
|
/>
|
||||||
|
</Tooltip>
|
||||||
|
</Group>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,59 @@
|
|||||||
|
import { Modal, Text, Button, Group, Stack } from "@mantine/core";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
import { useRevokeScimTokenMutation } from "@/ee/scim/queries/scim-token-query";
|
||||||
|
import { IScimToken } from "@/ee/scim/types/scim-token.types";
|
||||||
|
|
||||||
|
interface RevokeScimTokenModalProps {
|
||||||
|
opened: boolean;
|
||||||
|
onClose: () => void;
|
||||||
|
scimToken: IScimToken | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function RevokeScimTokenModal({
|
||||||
|
opened,
|
||||||
|
onClose,
|
||||||
|
scimToken,
|
||||||
|
}: RevokeScimTokenModalProps) {
|
||||||
|
const { t } = useTranslation();
|
||||||
|
const revokeMutation = useRevokeScimTokenMutation();
|
||||||
|
|
||||||
|
const handleRevoke = async () => {
|
||||||
|
if (!scimToken) return;
|
||||||
|
await revokeMutation.mutateAsync({ tokenId: scimToken.id });
|
||||||
|
onClose();
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal
|
||||||
|
opened={opened}
|
||||||
|
onClose={onClose}
|
||||||
|
title={t("Revoke SCIM token")}
|
||||||
|
size="md"
|
||||||
|
>
|
||||||
|
<Stack gap="md">
|
||||||
|
<Text>
|
||||||
|
{t("Are you sure you want to revoke this SCIM token")}{" "}
|
||||||
|
<strong>{scimToken?.name}</strong>?
|
||||||
|
</Text>
|
||||||
|
<Text size="sm" c="dimmed">
|
||||||
|
{t(
|
||||||
|
"This action cannot be undone. Your identity provider will stop syncing immediately.",
|
||||||
|
)}
|
||||||
|
</Text>
|
||||||
|
|
||||||
|
<Group justify="flex-end" mt="md">
|
||||||
|
<Button variant="default" onClick={onClose}>
|
||||||
|
{t("Cancel")}
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
color="red"
|
||||||
|
onClick={handleRevoke}
|
||||||
|
loading={revokeMutation.isPending}
|
||||||
|
>
|
||||||
|
{t("Revoke")}
|
||||||
|
</Button>
|
||||||
|
</Group>
|
||||||
|
</Stack>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,63 @@
|
|||||||
|
import {
|
||||||
|
Modal,
|
||||||
|
Text,
|
||||||
|
Stack,
|
||||||
|
Alert,
|
||||||
|
Group,
|
||||||
|
Button,
|
||||||
|
TextInput,
|
||||||
|
} from "@mantine/core";
|
||||||
|
import { IconAlertTriangle } from "@tabler/icons-react";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
import CopyTextButton from "@/components/common/copy.tsx";
|
||||||
|
import { IScimToken } from "@/ee/scim/types/scim-token.types";
|
||||||
|
|
||||||
|
interface ScimTokenCreatedModalProps {
|
||||||
|
opened: boolean;
|
||||||
|
onClose: () => void;
|
||||||
|
scimToken: IScimToken | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ScimTokenCreatedModal({
|
||||||
|
opened,
|
||||||
|
onClose,
|
||||||
|
scimToken,
|
||||||
|
}: ScimTokenCreatedModalProps) {
|
||||||
|
const { t } = useTranslation();
|
||||||
|
if (!scimToken) return null;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Modal opened={opened} onClose={onClose} title={t("SCIM token created")} size="lg">
|
||||||
|
<Stack gap="md">
|
||||||
|
<Alert
|
||||||
|
icon={<IconAlertTriangle size={16} />}
|
||||||
|
title={t("Important")}
|
||||||
|
color="red"
|
||||||
|
>
|
||||||
|
{t(
|
||||||
|
"Make sure to copy your SCIM token now. You won't be able to see it again!",
|
||||||
|
)}
|
||||||
|
</Alert>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<Text size="sm" fw={500} mb="xs">
|
||||||
|
{t("SCIM token")}
|
||||||
|
</Text>
|
||||||
|
<Group gap="xs" wrap="nowrap">
|
||||||
|
<TextInput
|
||||||
|
variant="filled"
|
||||||
|
style={{ flex: 1 }}
|
||||||
|
value={scimToken.token}
|
||||||
|
readOnly
|
||||||
|
/>
|
||||||
|
<CopyTextButton text={scimToken.token} />
|
||||||
|
</Group>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Button fullWidth onClick={onClose} mt="md">
|
||||||
|
{t("I've saved my SCIM token")}
|
||||||
|
</Button>
|
||||||
|
</Stack>
|
||||||
|
</Modal>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,120 @@
|
|||||||
|
import { ActionIcon, Group, Menu, Table, Text } from "@mantine/core";
|
||||||
|
import { IconDots, IconTrash } from "@tabler/icons-react";
|
||||||
|
import { format } from "date-fns";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
|
||||||
|
import React from "react";
|
||||||
|
import NoTableResults from "@/components/common/no-table-results";
|
||||||
|
import { IScimToken } from "@/ee/scim/types/scim-token.types";
|
||||||
|
|
||||||
|
interface ScimTokenTableProps {
|
||||||
|
tokens: IScimToken[];
|
||||||
|
isLoading?: boolean;
|
||||||
|
onRevoke?: (token: IScimToken) => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function ScimTokenTable({
|
||||||
|
tokens,
|
||||||
|
isLoading,
|
||||||
|
onRevoke,
|
||||||
|
}: ScimTokenTableProps) {
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
const formatDate = (date: Date | string | null) => {
|
||||||
|
if (!date) return t("Never");
|
||||||
|
return format(new Date(date), "MMM dd, yyyy");
|
||||||
|
};
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Table.ScrollContainer minWidth={500}>
|
||||||
|
<Table highlightOnHover verticalSpacing="sm">
|
||||||
|
<Table.Thead>
|
||||||
|
<Table.Tr>
|
||||||
|
<Table.Th>{t("Name")}</Table.Th>
|
||||||
|
<Table.Th>{t("Token")}</Table.Th>
|
||||||
|
<Table.Th>{t("Created by")}</Table.Th>
|
||||||
|
<Table.Th>{t("Last used")}</Table.Th>
|
||||||
|
<Table.Th>{t("Created")}</Table.Th>
|
||||||
|
<Table.Th></Table.Th>
|
||||||
|
</Table.Tr>
|
||||||
|
</Table.Thead>
|
||||||
|
|
||||||
|
<Table.Tbody>
|
||||||
|
{tokens && tokens.length > 0 ? (
|
||||||
|
tokens.map((token) => (
|
||||||
|
<Table.Tr key={token.id}>
|
||||||
|
<Table.Td>
|
||||||
|
<Text fz="sm" fw={500}>
|
||||||
|
{token.name}
|
||||||
|
</Text>
|
||||||
|
</Table.Td>
|
||||||
|
|
||||||
|
<Table.Td>
|
||||||
|
<Text fz="sm" ff="monospace" c="dimmed">
|
||||||
|
••••{token.tokenLastFour}
|
||||||
|
</Text>
|
||||||
|
</Table.Td>
|
||||||
|
|
||||||
|
{token.creator ? (
|
||||||
|
<Table.Td>
|
||||||
|
<Group gap="4" wrap="nowrap">
|
||||||
|
<CustomAvatar
|
||||||
|
avatarUrl={token.creator?.avatarUrl}
|
||||||
|
name={token.creator.name}
|
||||||
|
size="sm"
|
||||||
|
/>
|
||||||
|
<Text fz="sm" lineClamp={1}>
|
||||||
|
{token.creator.name}
|
||||||
|
</Text>
|
||||||
|
</Group>
|
||||||
|
</Table.Td>
|
||||||
|
) : (
|
||||||
|
<Table.Td>
|
||||||
|
<Text fz="sm" c="dimmed">
|
||||||
|
—
|
||||||
|
</Text>
|
||||||
|
</Table.Td>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<Table.Td>
|
||||||
|
<Text fz="sm" style={{ whiteSpace: "nowrap" }}>
|
||||||
|
{formatDate(token.lastUsedAt)}
|
||||||
|
</Text>
|
||||||
|
</Table.Td>
|
||||||
|
|
||||||
|
<Table.Td>
|
||||||
|
<Text fz="sm" style={{ whiteSpace: "nowrap" }}>
|
||||||
|
{formatDate(token.createdAt)}
|
||||||
|
</Text>
|
||||||
|
</Table.Td>
|
||||||
|
|
||||||
|
<Table.Td>
|
||||||
|
<Menu position="bottom-end" withinPortal>
|
||||||
|
<Menu.Target>
|
||||||
|
<ActionIcon variant="subtle" color="gray">
|
||||||
|
<IconDots size={16} />
|
||||||
|
</ActionIcon>
|
||||||
|
</Menu.Target>
|
||||||
|
<Menu.Dropdown>
|
||||||
|
{onRevoke && (
|
||||||
|
<Menu.Item
|
||||||
|
leftSection={<IconTrash size={16} />}
|
||||||
|
color="red"
|
||||||
|
onClick={() => onRevoke(token)}
|
||||||
|
>
|
||||||
|
{t("Revoke")}
|
||||||
|
</Menu.Item>
|
||||||
|
)}
|
||||||
|
</Menu.Dropdown>
|
||||||
|
</Menu>
|
||||||
|
</Table.Td>
|
||||||
|
</Table.Tr>
|
||||||
|
))
|
||||||
|
) : (
|
||||||
|
<NoTableResults colSpan={6} />
|
||||||
|
)}
|
||||||
|
</Table.Tbody>
|
||||||
|
</Table>
|
||||||
|
</Table.ScrollContainer>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,30 @@
|
|||||||
|
import { Group, Stack, Text, TextInput } from "@mantine/core";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
import CopyTextButton from "@/components/common/copy.tsx";
|
||||||
|
|
||||||
|
export function ScimUrlPanel() {
|
||||||
|
const { t } = useTranslation();
|
||||||
|
const scimUrl = `${window.location.origin}/api/scim/v2`;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Stack gap="xs">
|
||||||
|
<Text size="sm" fw={500}>
|
||||||
|
{t("SCIM endpoint URL")}
|
||||||
|
</Text>
|
||||||
|
<Text size="xs" c="dimmed">
|
||||||
|
{t(
|
||||||
|
"Configure your identity provider with this URL to provision users and groups.",
|
||||||
|
)}
|
||||||
|
</Text>
|
||||||
|
<Group gap="xs" wrap="nowrap">
|
||||||
|
<TextInput
|
||||||
|
variant="filled"
|
||||||
|
style={{ flex: 1 }}
|
||||||
|
value={scimUrl}
|
||||||
|
readOnly
|
||||||
|
/>
|
||||||
|
<CopyTextButton text={scimUrl} />
|
||||||
|
</Group>
|
||||||
|
</Stack>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,2 @@
|
|||||||
|
export * from "./types/scim-token.types";
|
||||||
|
export * from "./services/scim-token-service";
|
||||||
@@ -0,0 +1,72 @@
|
|||||||
|
import { IPagination, QueryParams } from "@/lib/types.ts";
|
||||||
|
import {
|
||||||
|
keepPreviousData,
|
||||||
|
useMutation,
|
||||||
|
useQuery,
|
||||||
|
useQueryClient,
|
||||||
|
UseQueryResult,
|
||||||
|
} from "@tanstack/react-query";
|
||||||
|
import {
|
||||||
|
createScimToken,
|
||||||
|
getScimTokens,
|
||||||
|
revokeScimToken,
|
||||||
|
} from "@/ee/scim/services/scim-token-service";
|
||||||
|
import {
|
||||||
|
IScimToken,
|
||||||
|
ICreateScimTokenRequest,
|
||||||
|
IRevokeScimTokenRequest,
|
||||||
|
} from "@/ee/scim/types/scim-token.types";
|
||||||
|
import { notifications } from "@mantine/notifications";
|
||||||
|
import { useTranslation } from "react-i18next";
|
||||||
|
|
||||||
|
export function useGetScimTokensQuery(
|
||||||
|
params?: QueryParams,
|
||||||
|
): UseQueryResult<IPagination<IScimToken>, Error> {
|
||||||
|
return useQuery({
|
||||||
|
queryKey: ["scim-token-list", params],
|
||||||
|
queryFn: () => getScimTokens(params),
|
||||||
|
staleTime: 0,
|
||||||
|
gcTime: 0,
|
||||||
|
placeholderData: keepPreviousData,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useCreateScimTokenMutation() {
|
||||||
|
const queryClient = useQueryClient();
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
return useMutation<IScimToken, Error, ICreateScimTokenRequest>({
|
||||||
|
mutationFn: (data) => createScimToken(data),
|
||||||
|
onSuccess: () => {
|
||||||
|
notifications.show({ message: t("SCIM token created successfully") });
|
||||||
|
queryClient.invalidateQueries({
|
||||||
|
predicate: (item) =>
|
||||||
|
["scim-token-list"].includes(item.queryKey[0] as string),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onError: (error) => {
|
||||||
|
const errorMessage = error["response"]?.data?.message;
|
||||||
|
notifications.show({ message: errorMessage, color: "red" });
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useRevokeScimTokenMutation() {
|
||||||
|
const queryClient = useQueryClient();
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
|
return useMutation<void, Error, IRevokeScimTokenRequest>({
|
||||||
|
mutationFn: (data) => revokeScimToken(data),
|
||||||
|
onSuccess: () => {
|
||||||
|
notifications.show({ message: t("Revoked successfully") });
|
||||||
|
queryClient.invalidateQueries({
|
||||||
|
predicate: (item) =>
|
||||||
|
["scim-token-list"].includes(item.queryKey[0] as string),
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onError: (error) => {
|
||||||
|
const errorMessage = error["response"]?.data?.message;
|
||||||
|
notifications.show({ message: errorMessage, color: "red" });
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -0,0 +1,27 @@
|
|||||||
|
import api from "@/lib/api-client";
|
||||||
|
import {
|
||||||
|
IScimToken,
|
||||||
|
ICreateScimTokenRequest,
|
||||||
|
IRevokeScimTokenRequest,
|
||||||
|
} from "@/ee/scim/types/scim-token.types";
|
||||||
|
import { IPagination, QueryParams } from "@/lib/types.ts";
|
||||||
|
|
||||||
|
export async function getScimTokens(
|
||||||
|
params?: QueryParams,
|
||||||
|
): Promise<IPagination<IScimToken>> {
|
||||||
|
const req = await api.post("/scim-tokens", { ...params });
|
||||||
|
return req.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function createScimToken(
|
||||||
|
data: ICreateScimTokenRequest,
|
||||||
|
): Promise<IScimToken> {
|
||||||
|
const req = await api.post<IScimToken>("/scim-tokens/create", data);
|
||||||
|
return req.data;
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function revokeScimToken(
|
||||||
|
data: IRevokeScimTokenRequest,
|
||||||
|
): Promise<void> {
|
||||||
|
await api.post("/scim-tokens/revoke", data);
|
||||||
|
}
|
||||||
@@ -0,0 +1,22 @@
|
|||||||
|
import { IUser } from "@/features/user/types/user.types.ts";
|
||||||
|
|
||||||
|
export interface IScimToken {
|
||||||
|
id: string;
|
||||||
|
name: string;
|
||||||
|
token?: string;
|
||||||
|
tokenLastFour: string;
|
||||||
|
isEnabled: boolean;
|
||||||
|
creatorId: string;
|
||||||
|
workspaceId: string;
|
||||||
|
lastUsedAt: string | null;
|
||||||
|
createdAt: string;
|
||||||
|
creator?: Partial<IUser>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ICreateScimTokenRequest {
|
||||||
|
name: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface IRevokeScimTokenRequest {
|
||||||
|
tokenId: string;
|
||||||
|
}
|
||||||
@@ -69,8 +69,8 @@ export default function SsoProviderList() {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Card shadow="sm" radius="sm">
|
<Card shadow="sm" radius="sm">
|
||||||
<Table.ScrollContainer minWidth={600}>
|
<Table.ScrollContainer minWidth={600} maxHeight={400}>
|
||||||
<Table verticalSpacing="sm">
|
<Table verticalSpacing="sm" stickyHeader>
|
||||||
<Table.Thead>
|
<Table.Thead>
|
||||||
<Table.Tr>
|
<Table.Tr>
|
||||||
<Table.Th>{t("Name")}</Table.Th>
|
<Table.Th>{t("Name")}</Table.Th>
|
||||||
|
|||||||
@@ -1,8 +1,9 @@
|
|||||||
import { Helmet } from "react-helmet-async";
|
import { Helmet } from "react-helmet-async";
|
||||||
import { getAppName, isCloud } from "@/lib/config.ts";
|
import { getAppName, isCloud } from "@/lib/config.ts";
|
||||||
import SettingsTitle from "@/components/settings/settings-title.tsx";
|
import SettingsTitle from "@/components/settings/settings-title.tsx";
|
||||||
import { Divider, Title } from "@mantine/core";
|
import { Alert, Button, Card, Divider, Group, Space, Title } from "@mantine/core";
|
||||||
import React from "react";
|
import { IconInfoCircle } from "@tabler/icons-react";
|
||||||
|
import React, { useState } from "react";
|
||||||
import useUserRole from "@/hooks/use-user-role.tsx";
|
import useUserRole from "@/hooks/use-user-role.tsx";
|
||||||
import SsoProviderList from "@/ee/security/components/sso-provider-list.tsx";
|
import SsoProviderList from "@/ee/security/components/sso-provider-list.tsx";
|
||||||
import CreateSsoProvider from "@/ee/security/components/create-sso-provider.tsx";
|
import CreateSsoProvider from "@/ee/security/components/create-sso-provider.tsx";
|
||||||
@@ -12,16 +13,37 @@ import { useTranslation } from "react-i18next";
|
|||||||
import EnforceMfa from "@/ee/security/components/enforce-mfa.tsx";
|
import EnforceMfa from "@/ee/security/components/enforce-mfa.tsx";
|
||||||
import DisablePublicSharing from "@/ee/security/components/disable-public-sharing.tsx";
|
import DisablePublicSharing from "@/ee/security/components/disable-public-sharing.tsx";
|
||||||
import TrashRetention from "@/ee/security/components/trash-retention.tsx";
|
import TrashRetention from "@/ee/security/components/trash-retention.tsx";
|
||||||
|
import { useAtom } from "jotai";
|
||||||
|
import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
|
||||||
import { useHasFeature } from "@/ee/hooks/use-feature";
|
import { useHasFeature } from "@/ee/hooks/use-feature";
|
||||||
import { Feature } from "@/ee/features";
|
import { Feature } from "@/ee/features";
|
||||||
|
import { useGetScimTokensQuery } from "@/ee/scim/queries/scim-token-query";
|
||||||
|
import { ScimUrlPanel } from "@/ee/scim/components/scim-url-panel";
|
||||||
|
import { ScimTokenTable } from "@/ee/scim/components/scim-token-table";
|
||||||
|
import { CreateScimTokenModal } from "@/ee/scim/components/create-scim-token-modal";
|
||||||
|
import { ScimTokenCreatedModal } from "@/ee/scim/components/scim-token-created-modal";
|
||||||
|
import { RevokeScimTokenModal } from "@/ee/scim/components/revoke-scim-token-modal";
|
||||||
|
import EnableScim from "@/ee/scim/components/enable-scim";
|
||||||
|
import { useCursorPaginate } from "@/hooks/use-cursor-paginate";
|
||||||
|
import Paginate from "@/components/common/paginate";
|
||||||
|
import { IScimToken } from "@/ee/scim/types/scim-token.types";
|
||||||
|
|
||||||
export default function Security() {
|
export default function Security() {
|
||||||
const { t } = useTranslation();
|
const { t } = useTranslation();
|
||||||
const { isAdmin } = useUserRole();
|
const { isAdmin } = useUserRole();
|
||||||
const hasCustomSso = useHasFeature(Feature.SSO_CUSTOM);
|
const hasCustomSso = useHasFeature(Feature.SSO_CUSTOM);
|
||||||
const hasRetention = useHasFeature(Feature.RETENTION);
|
const hasScim = useHasFeature(Feature.SCIM);
|
||||||
const hasSharingControls = useHasFeature(Feature.SHARING_CONTROLS);
|
const [workspace] = useAtom(workspaceAtom);
|
||||||
|
const isScimEnabled = workspace?.isScimEnabled ?? false;
|
||||||
|
|
||||||
|
const { cursor, goNext, goPrev } = useCursorPaginate();
|
||||||
|
const { data: scimData, isLoading: scimLoading } = useGetScimTokensQuery(
|
||||||
|
hasScim && isScimEnabled ? { cursor } : undefined,
|
||||||
|
);
|
||||||
|
|
||||||
|
const [createOpen, setCreateOpen] = useState(false);
|
||||||
|
const [createdToken, setCreatedToken] = useState<IScimToken | null>(null);
|
||||||
|
const [revokeTarget, setRevokeTarget] = useState<IScimToken | null>(null);
|
||||||
|
|
||||||
if (!isAdmin) {
|
if (!isAdmin) {
|
||||||
return null;
|
return null;
|
||||||
@@ -45,7 +67,7 @@ export default function Security() {
|
|||||||
<Divider my="lg" />
|
<Divider my="lg" />
|
||||||
|
|
||||||
<Title order={4} my="lg">
|
<Title order={4} my="lg">
|
||||||
Single sign-on (SSO)
|
{t("Single sign-on (SSO)")}
|
||||||
</Title>
|
</Title>
|
||||||
|
|
||||||
<EnforceSso />
|
<EnforceSso />
|
||||||
@@ -66,6 +88,81 @@ export default function Security() {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
<SsoProviderList />
|
<SsoProviderList />
|
||||||
|
|
||||||
|
{hasScim && (
|
||||||
|
<>
|
||||||
|
<Divider my="xl" />
|
||||||
|
|
||||||
|
<Title order={4} my="lg">
|
||||||
|
{t("SCIM provisioning")}
|
||||||
|
</Title>
|
||||||
|
|
||||||
|
<Alert
|
||||||
|
icon={<IconInfoCircle size={16} />}
|
||||||
|
color="blue"
|
||||||
|
variant="light"
|
||||||
|
mb="md"
|
||||||
|
>
|
||||||
|
{t("SCIM takes precedence over SSO group sync while enabled.")}
|
||||||
|
</Alert>
|
||||||
|
|
||||||
|
<EnableScim />
|
||||||
|
|
||||||
|
<Divider my="lg" />
|
||||||
|
|
||||||
|
<ScimUrlPanel />
|
||||||
|
|
||||||
|
{isScimEnabled && (
|
||||||
|
<>
|
||||||
|
<Divider my="lg" />
|
||||||
|
|
||||||
|
<Group justify="space-between" mb="md">
|
||||||
|
<Title order={5}>{t("SCIM tokens")}</Title>
|
||||||
|
<Button onClick={() => setCreateOpen(true)}>
|
||||||
|
{t("Create SCIM token")}
|
||||||
|
</Button>
|
||||||
|
</Group>
|
||||||
|
|
||||||
|
<Card shadow="sm" radius="sm">
|
||||||
|
<ScimTokenTable
|
||||||
|
tokens={scimData?.items}
|
||||||
|
isLoading={scimLoading}
|
||||||
|
onRevoke={setRevokeTarget}
|
||||||
|
/>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<Space h="md" />
|
||||||
|
|
||||||
|
{scimData?.items.length > 0 && (
|
||||||
|
<Paginate
|
||||||
|
hasPrevPage={scimData?.meta?.hasPrevPage}
|
||||||
|
hasNextPage={scimData?.meta?.hasNextPage}
|
||||||
|
onNext={() => goNext(scimData?.meta?.nextCursor)}
|
||||||
|
onPrev={goPrev}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<CreateScimTokenModal
|
||||||
|
opened={createOpen}
|
||||||
|
onClose={() => setCreateOpen(false)}
|
||||||
|
onSuccess={setCreatedToken}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<ScimTokenCreatedModal
|
||||||
|
opened={!!createdToken}
|
||||||
|
onClose={() => setCreatedToken(null)}
|
||||||
|
scimToken={createdToken}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<RevokeScimTokenModal
|
||||||
|
opened={!!revokeTarget}
|
||||||
|
onClose={() => setRevokeTarget(null)}
|
||||||
|
scimToken={revokeTarget}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</>
|
||||||
|
)}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -28,6 +28,7 @@ export interface IWorkspace {
|
|||||||
trashRetentionDays?: number;
|
trashRetentionDays?: number;
|
||||||
restrictApiToAdmins?: boolean;
|
restrictApiToAdmins?: boolean;
|
||||||
allowMemberTemplates?: boolean;
|
allowMemberTemplates?: boolean;
|
||||||
|
isScimEnabled?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface IWorkspaceSettings {
|
export interface IWorkspaceSettings {
|
||||||
|
|||||||
@@ -41,6 +41,10 @@ export class UpdateWorkspaceDto extends PartialType(CreateWorkspaceDto) {
|
|||||||
@IsBoolean()
|
@IsBoolean()
|
||||||
mcpEnabled: boolean;
|
mcpEnabled: boolean;
|
||||||
|
|
||||||
|
@IsOptional()
|
||||||
|
@IsBoolean()
|
||||||
|
isScimEnabled: boolean;
|
||||||
|
|
||||||
@IsOptional()
|
@IsOptional()
|
||||||
@IsBoolean()
|
@IsBoolean()
|
||||||
aiChat: boolean;
|
aiChat: boolean;
|
||||||
|
|||||||
@@ -331,7 +331,8 @@ export class WorkspaceService {
|
|||||||
typeof updateWorkspaceDto.trashRetentionDays !== 'undefined' ||
|
typeof updateWorkspaceDto.trashRetentionDays !== 'undefined' ||
|
||||||
typeof updateWorkspaceDto.mcpEnabled !== 'undefined' ||
|
typeof updateWorkspaceDto.mcpEnabled !== 'undefined' ||
|
||||||
typeof updateWorkspaceDto.restrictApiToAdmins !== 'undefined' ||
|
typeof updateWorkspaceDto.restrictApiToAdmins !== 'undefined' ||
|
||||||
typeof updateWorkspaceDto.allowMemberTemplates !== 'undefined'
|
typeof updateWorkspaceDto.allowMemberTemplates !== 'undefined' ||
|
||||||
|
typeof updateWorkspaceDto.isScimEnabled !== 'undefined'
|
||||||
) {
|
) {
|
||||||
const ws = await this.db
|
const ws = await this.db
|
||||||
.selectFrom('workspaces')
|
.selectFrom('workspaces')
|
||||||
@@ -351,6 +352,14 @@ export class WorkspaceService {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (typeof updateWorkspaceDto.isScimEnabled !== 'undefined') {
|
||||||
|
if (!this.licenseCheckService.hasFeature(ws.licenseKey, Feature.SCIM, ws.plan)) {
|
||||||
|
throw new ForbiddenException(
|
||||||
|
'This feature requires a valid license',
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if (
|
if (
|
||||||
typeof updateWorkspaceDto.disablePublicSharing !== 'undefined' ||
|
typeof updateWorkspaceDto.disablePublicSharing !== 'undefined' ||
|
||||||
typeof updateWorkspaceDto.trashRetentionDays !== 'undefined' ||
|
typeof updateWorkspaceDto.trashRetentionDays !== 'undefined' ||
|
||||||
@@ -535,6 +544,7 @@ export class WorkspaceService {
|
|||||||
'enforceSso',
|
'enforceSso',
|
||||||
'enforceMfa',
|
'enforceMfa',
|
||||||
'emailDomains',
|
'emailDomains',
|
||||||
|
'isScimEnabled',
|
||||||
],
|
],
|
||||||
updateWorkspaceDto,
|
updateWorkspaceDto,
|
||||||
workspaceBefore,
|
workspaceBefore,
|
||||||
|
|||||||
@@ -9,7 +9,6 @@ export async function up(db: Kysely<any>): Promise<void> {
|
|||||||
.addColumn('name', 'varchar', (col) => col.notNull())
|
.addColumn('name', 'varchar', (col) => col.notNull())
|
||||||
.addColumn('token_hash', 'varchar', (col) => col.notNull())
|
.addColumn('token_hash', 'varchar', (col) => col.notNull())
|
||||||
.addColumn('token_last_four', 'varchar(4)', (col) => col.notNull())
|
.addColumn('token_last_four', 'varchar(4)', (col) => col.notNull())
|
||||||
.addColumn('expires_at', 'timestamptz')
|
|
||||||
.addColumn('last_used_at', 'timestamptz')
|
.addColumn('last_used_at', 'timestamptz')
|
||||||
.addColumn('is_enabled', 'boolean', (col) => col.notNull().defaultTo(true))
|
.addColumn('is_enabled', 'boolean', (col) => col.notNull().defaultTo(true))
|
||||||
.addColumn('creator_id', 'uuid', (col) =>
|
.addColumn('creator_id', 'uuid', (col) =>
|
||||||
|
|||||||
-1
@@ -417,7 +417,6 @@ export interface Notifications {
|
|||||||
export interface ScimTokens {
|
export interface ScimTokens {
|
||||||
createdAt: Generated<Timestamp>;
|
createdAt: Generated<Timestamp>;
|
||||||
deletedAt: Timestamp | null;
|
deletedAt: Timestamp | null;
|
||||||
expiresAt: Timestamp | null;
|
|
||||||
id: Generated<string>;
|
id: Generated<string>;
|
||||||
isEnabled: Generated<boolean>;
|
isEnabled: Generated<boolean>;
|
||||||
lastUsedAt: Timestamp | null;
|
lastUsedAt: Timestamp | null;
|
||||||
|
|||||||
+1
-1
Submodule apps/server/src/ee updated: 8c045de7c1...c10c645927
Reference in New Issue
Block a user