@alepha/ui 0.13.2 → 0.13.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/admin/{AdminFiles-BjofP3OC.js → AdminFiles-8CC9mVsc.js} +3 -3
- package/dist/admin/{AdminFiles-BjofP3OC.js.map → AdminFiles-8CC9mVsc.js.map} +1 -1
- package/dist/admin/AdminFiles-BRLMP_7y.js +3 -0
- package/dist/admin/AdminLayout-Cm-Y4YTQ.js +396 -0
- package/dist/admin/AdminLayout-Cm-Y4YTQ.js.map +1 -0
- package/dist/admin/AdminLayout-D5M9kSiV.js +3 -0
- package/dist/admin/AdminNotifications-DxBKi2RO.js +3 -0
- package/dist/admin/AdminNotifications-d-gw5Uie.js +154 -0
- package/dist/admin/AdminNotifications-d-gw5Uie.js.map +1 -0
- package/dist/admin/{AdminSessions-CmDVneE2.js → AdminSessions-CpVusqmd.js} +37 -10
- package/dist/admin/AdminSessions-CpVusqmd.js.map +1 -0
- package/dist/admin/AdminSessions-DA285-5Q.js +3 -0
- package/dist/admin/AdminUserCreate-CQIrSslj.js +3 -0
- package/dist/admin/AdminUserCreate-DH7u_yJj.js +103 -0
- package/dist/admin/AdminUserCreate-DH7u_yJj.js.map +1 -0
- package/dist/admin/AdminUserDetails-DVmFCDsU.js +221 -0
- package/dist/admin/AdminUserDetails-DVmFCDsU.js.map +1 -0
- package/dist/admin/AdminUserDetails-T3nkXSdz.js +3 -0
- package/dist/admin/AdminUserLayout-DdtZGX8n.js +3 -0
- package/dist/admin/AdminUserLayout-gpOyn0Y7.js +153 -0
- package/dist/admin/AdminUserLayout-gpOyn0Y7.js.map +1 -0
- package/dist/admin/AdminUserSessions-CWYzjB3D.js +3 -0
- package/dist/admin/AdminUserSessions-CdVwoM-h.js +129 -0
- package/dist/admin/AdminUserSessions-CdVwoM-h.js.map +1 -0
- package/dist/admin/AdminUserSettings-S7gZvvjO.js +164 -0
- package/dist/admin/AdminUserSettings-S7gZvvjO.js.map +1 -0
- package/dist/admin/AdminUserSettings-jCzVYw_2.js +3 -0
- package/dist/admin/{AdminUsers-88De5pev.js → AdminUsers-9qEzxqAL.js} +33 -15
- package/dist/admin/AdminUsers-9qEzxqAL.js.map +1 -0
- package/dist/admin/AdminUsers-BcSUxV01.js +3 -0
- package/dist/admin/index.d.ts +5568 -418
- package/dist/admin/index.js +302 -42
- package/dist/admin/index.js.map +1 -1
- package/dist/auth/AuthLayout-BSL8ZHgr.js +19 -0
- package/dist/auth/AuthLayout-BSL8ZHgr.js.map +1 -0
- package/dist/auth/{Login-OCrvjs9U.js → Login-AlVPPqQp.js} +6 -5
- package/dist/auth/Login-AlVPPqQp.js.map +1 -0
- package/dist/auth/Login-otdWVvVU.js +4 -0
- package/dist/auth/{Register-Ei34GSba.js → Register-BxJmOqpF.js} +9 -6
- package/dist/auth/Register-BxJmOqpF.js.map +1 -0
- package/dist/auth/Register-D10MnlQc.js +4 -0
- package/dist/auth/{ResetPassword-tO0oMzfo.js → ResetPassword-BhyZ9ek4.js} +3 -3
- package/dist/auth/ResetPassword-BhyZ9ek4.js.map +1 -0
- package/dist/auth/ResetPassword-llBG-STp.js +3 -0
- package/dist/auth/VerifyEmail-BvOG-IUC.js +3 -0
- package/dist/auth/VerifyEmail-DeLct3oQ.js +131 -0
- package/dist/auth/VerifyEmail-DeLct3oQ.js.map +1 -0
- package/dist/auth/index.d.ts +2412 -2254
- package/dist/auth/index.js +97 -20
- package/dist/auth/index.js.map +1 -1
- package/dist/core/index.d.ts +280 -95
- package/dist/core/index.js +1375 -394
- package/dist/core/index.js.map +1 -1
- package/package.json +7 -6
- package/src/admin/AdminRouter.ts +116 -29
- package/src/admin/AdminSidebar.ts +31 -0
- package/src/admin/MainRouter.ts +23 -0
- package/src/admin/components/AdminLayout.tsx +66 -104
- package/src/admin/components/AdminNotifications.tsx +196 -12
- package/src/admin/components/AdminSessions.tsx +43 -7
- package/src/admin/components/AdminUserCreate.tsx +84 -0
- package/src/admin/components/AdminUserDetails.tsx +180 -0
- package/src/admin/components/AdminUserLayout.tsx +172 -0
- package/src/admin/components/AdminUserSessions.tsx +158 -0
- package/src/admin/components/AdminUserSettings.tsx +165 -0
- package/src/admin/components/AdminUsers.tsx +29 -9
- package/src/admin/index.ts +15 -3
- package/src/auth/AuthI18n.ts +22 -0
- package/src/auth/AuthRouter.ts +82 -8
- package/src/auth/components/AuthLayout.tsx +12 -0
- package/src/auth/components/Login.tsx +14 -12
- package/src/auth/components/Register.tsx +6 -5
- package/src/auth/components/ResetPassword.tsx +1 -1
- package/src/auth/components/VerifyEmail.tsx +102 -0
- package/src/auth/components/buttons/UserButton.tsx +12 -2
- package/src/auth/index.ts +1 -0
- package/src/core/components/buttons/ActionButton.tsx +12 -4
- package/src/core/components/buttons/DarkModeButton.tsx +1 -1
- package/src/core/components/buttons/ThemeButton.tsx +31 -0
- package/src/core/components/layout/AdminShell.tsx +4 -2
- package/src/core/components/layout/AlephaMantineProvider.tsx +10 -4
- package/src/core/components/layout/Omnibar.tsx +27 -15
- package/src/core/components/layout/Sidebar.tsx +33 -17
- package/src/core/components/table/DataTable.tsx +9 -5
- package/src/core/hooks/useTheme.ts +25 -0
- package/src/core/index.ts +8 -3
- package/src/core/providers/ThemeProvider.ts +90 -0
- package/src/core/themes/aurora.ts +107 -0
- package/src/core/themes/crystal.ts +107 -0
- package/src/core/themes/default.ts +7 -0
- package/src/core/themes/ember.ts +107 -0
- package/src/core/themes/index.ts +7 -0
- package/src/core/themes/midnight.ts +98 -0
- package/src/core/themes/remoraid.ts +278 -0
- package/src/core/themes/slate.ts +81 -0
- package/styles.css +84 -0
- package/dist/admin/AdminFiles-DldZB7oo.js +0 -3
- package/dist/admin/AdminJobs-BOq6AZOW.js +0 -3
- package/dist/admin/AdminJobs-CDnVxEv6.js +0 -125
- package/dist/admin/AdminJobs-CDnVxEv6.js.map +0 -1
- package/dist/admin/AdminLayout-Bgx25J8m.js +0 -3
- package/dist/admin/AdminLayout-CervL8LV.js +0 -88
- package/dist/admin/AdminLayout-CervL8LV.js.map +0 -1
- package/dist/admin/AdminNotifications-BDQXt3-e.js +0 -3
- package/dist/admin/AdminNotifications-DvI2989x.js +0 -40
- package/dist/admin/AdminNotifications-DvI2989x.js.map +0 -1
- package/dist/admin/AdminParameters-D_v0GAvI.js +0 -3
- package/dist/admin/AdminParameters-P1LB6ZI1.js +0 -40
- package/dist/admin/AdminParameters-P1LB6ZI1.js.map +0 -1
- package/dist/admin/AdminSessions-CmDVneE2.js.map +0 -1
- package/dist/admin/AdminSessions-Dkk_fzWK.js +0 -3
- package/dist/admin/AdminUsers-88De5pev.js.map +0 -1
- package/dist/admin/AdminUsers-oyAXqZ5l.js +0 -3
- package/dist/admin/AdminVerifications-D93TKymL.js +0 -3
- package/dist/admin/AdminVerifications-DBVEoqJe.js +0 -40
- package/dist/admin/AdminVerifications-DBVEoqJe.js.map +0 -1
- package/dist/auth/Login-BC2jTczq.js +0 -4
- package/dist/auth/Login-OCrvjs9U.js.map +0 -1
- package/dist/auth/Register-Dh0lsQmI.js +0 -4
- package/dist/auth/Register-Ei34GSba.js.map +0 -1
- package/dist/auth/ResetPassword-BnlAQAOE.js +0 -3
- package/dist/auth/ResetPassword-tO0oMzfo.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdminUserLayout-gpOyn0Y7.js","names":[],"sources":["../../src/admin/components/AdminUserLayout.tsx"],"sourcesContent":["import {\n NestedView,\n useClient,\n useRouter,\n useRouterState,\n} from \"@alepha/react\";\nimport { ActionButton, Flex, Text } from \"@alepha/ui\";\nimport { Avatar, Badge, Card, Group, Loader, Stack, Tabs } from \"@mantine/core\";\nimport { IconDevices, IconSettings, IconUser } from \"@tabler/icons-react\";\nimport type { UserController, UserEntity } from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\nimport type { AdminRouter } from \"../AdminRouter.ts\";\n\nexport interface AdminUserLayoutProps {\n userRealmName?: string;\n}\n\nconst AdminUserLayout = (props: AdminUserLayoutProps) => {\n const router = useRouter<AdminRouter>();\n const state = useRouterState();\n const client = useClient<UserController>();\n const userId = state.params.userId as string;\n\n const [user, setUser] = useState<UserEntity | null>(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n const loadUser = async () => {\n try {\n const data = await client.getUser({\n params: { id: userId },\n query: { userRealmName: props.userRealmName },\n });\n setUser(data);\n } finally {\n setLoading(false);\n }\n };\n\n loadUser();\n }, [userId]);\n\n if (loading) {\n return (\n <Flex flex={1} justify=\"center\" align=\"center\">\n <Loader />\n </Flex>\n );\n }\n\n if (!user) {\n return (\n <Flex flex={1} justify=\"center\" align=\"center\">\n <Text c=\"dimmed\">User not found</Text>\n </Flex>\n );\n }\n\n const currentPath = state.url.pathname;\n const detailsPath = router.path(\"adminUserDetails\", { params: { userId } });\n const sessionsPath = router.path(\"adminUserSessions\", { params: { userId } });\n const settingsPath = router.path(\"adminUserSettings\", { params: { userId } });\n\n const getActiveTab = () => {\n if (currentPath.endsWith(\"/sessions\")) return \"sessions\";\n if (currentPath.endsWith(\"/settings\")) return \"settings\";\n return \"details\";\n };\n const activeTab = getActiveTab();\n\n const displayName =\n user.firstName || user.lastName\n ? `${user.firstName ?? \"\"} ${user.lastName ?? \"\"}`.trim()\n : user.username || user.email || \"User\";\n\n return (\n <Flex flex={1} direction=\"column\" gap=\"md\" p=\"md\">\n <Card withBorder p=\"md\">\n <Group>\n <Avatar size=\"lg\" radius=\"xl\" color=\"blue\">\n {displayName.charAt(0).toUpperCase()}\n </Avatar>\n <Stack gap={4}>\n <Group gap=\"xs\">\n <Text size=\"lg\" fw={500}>\n {displayName}\n </Text>\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={user.enabled ? \"green\" : \"red\"}\n >\n {user.enabled ? \"Active\" : \"Disabled\"}\n </Badge>\n </Group>\n <Text size=\"sm\" c=\"dimmed\">\n {user.email || user.username || user.id}\n </Text>\n {user.roles.length > 0 && (\n <Group gap={4}>\n {user.roles.map((role: string) => (\n <Badge key={role} size=\"xs\" variant=\"outline\">\n {role}\n </Badge>\n ))}\n </Group>\n )}\n </Stack>\n </Group>\n </Card>\n\n <Tabs value={activeTab}>\n <Tabs.List>\n <ActionButton\n variant=\"subtle\"\n href={detailsPath}\n leftSection={<IconUser size={16} />}\n c={activeTab === \"details\" ? undefined : \"dimmed\"}\n fw={activeTab === \"details\" ? 500 : 400}\n style={{\n borderBottom:\n activeTab === \"details\"\n ? \"2px solid var(--mantine-primary-color-filled)\"\n : \"2px solid transparent\",\n borderRadius: 0,\n }}\n >\n Details\n </ActionButton>\n <ActionButton\n variant=\"subtle\"\n href={sessionsPath}\n leftSection={<IconDevices size={16} />}\n c={activeTab === \"sessions\" ? undefined : \"dimmed\"}\n fw={activeTab === \"sessions\" ? 500 : 400}\n style={{\n borderBottom:\n activeTab === \"sessions\"\n ? \"2px solid var(--mantine-primary-color-filled)\"\n : \"2px solid transparent\",\n borderRadius: 0,\n }}\n >\n Sessions\n </ActionButton>\n <ActionButton\n variant=\"subtle\"\n href={settingsPath}\n leftSection={<IconSettings size={16} />}\n c={activeTab === \"settings\" ? undefined : \"dimmed\"}\n fw={activeTab === \"settings\" ? 500 : 400}\n style={{\n borderBottom:\n activeTab === \"settings\"\n ? \"2px solid var(--mantine-primary-color-filled)\"\n : \"2px solid transparent\",\n borderRadius: 0,\n }}\n >\n Settings\n </ActionButton>\n </Tabs.List>\n </Tabs>\n\n <Flex flex={1}>\n <NestedView />\n </Flex>\n </Flex>\n );\n};\n\nexport default AdminUserLayout;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { ActionButton, DataTable, Flex, Text } from "@alepha/ui";
|
|
2
|
+
import { t } from "alepha";
|
|
3
|
+
import { useClient, useRouterState } from "@alepha/react";
|
|
4
|
+
import { IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet, IconTrash } from "@tabler/icons-react";
|
|
5
|
+
import { useState } from "react";
|
|
6
|
+
import { Badge, Group } from "@mantine/core";
|
|
7
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
+
import { useI18n } from "@alepha/react/i18n";
|
|
9
|
+
|
|
10
|
+
//#region src/admin/components/AdminUserSessions.tsx
|
|
11
|
+
const AdminUserSessions = (props) => {
|
|
12
|
+
const state = useRouterState();
|
|
13
|
+
const client = useClient();
|
|
14
|
+
const { l } = useI18n();
|
|
15
|
+
const userId = state.params.userId;
|
|
16
|
+
const [refreshKey, setRefreshKey] = useState(0);
|
|
17
|
+
const getDeviceIcon = (device) => {
|
|
18
|
+
switch (device) {
|
|
19
|
+
case "MOBILE": return /* @__PURE__ */ jsx(IconDeviceMobile, { size: 14 });
|
|
20
|
+
case "TABLET": return /* @__PURE__ */ jsx(IconDeviceTablet, { size: 14 });
|
|
21
|
+
default: return /* @__PURE__ */ jsx(IconDeviceDesktop, { size: 14 });
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const isExpired = (expiresAt) => {
|
|
25
|
+
return new Date(expiresAt) < /* @__PURE__ */ new Date();
|
|
26
|
+
};
|
|
27
|
+
const handleDelete = async (sessionId) => {
|
|
28
|
+
await client.deleteSession({
|
|
29
|
+
params: { id: sessionId },
|
|
30
|
+
query: { userRealmName: props.userRealmName }
|
|
31
|
+
});
|
|
32
|
+
setRefreshKey((k) => k + 1);
|
|
33
|
+
};
|
|
34
|
+
return /* @__PURE__ */ jsx(Flex, {
|
|
35
|
+
flex: 1,
|
|
36
|
+
direction: "column",
|
|
37
|
+
children: /* @__PURE__ */ jsx(DataTable, {
|
|
38
|
+
submitOnInit: true,
|
|
39
|
+
defaultSize: 10,
|
|
40
|
+
filters: t.object({}),
|
|
41
|
+
tableProps: {
|
|
42
|
+
horizontalSpacing: "xs",
|
|
43
|
+
verticalSpacing: "xs"
|
|
44
|
+
},
|
|
45
|
+
tableTrProps: (item) => {
|
|
46
|
+
if (isExpired(item.expiresAt)) return { opacity: .5 };
|
|
47
|
+
return {};
|
|
48
|
+
},
|
|
49
|
+
items: async (filters) => {
|
|
50
|
+
return await client.findSessions({ query: {
|
|
51
|
+
...filters,
|
|
52
|
+
userId,
|
|
53
|
+
userRealmName: props.userRealmName
|
|
54
|
+
} });
|
|
55
|
+
},
|
|
56
|
+
columns: {
|
|
57
|
+
userAgent: {
|
|
58
|
+
label: "Device",
|
|
59
|
+
value: (item) => /* @__PURE__ */ jsx(Group, {
|
|
60
|
+
gap: 4,
|
|
61
|
+
children: item.userAgent ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Badge, {
|
|
62
|
+
size: "xs",
|
|
63
|
+
variant: "light",
|
|
64
|
+
leftSection: getDeviceIcon(item.userAgent.device),
|
|
65
|
+
children: item.userAgent.device
|
|
66
|
+
}), /* @__PURE__ */ jsxs(Text, {
|
|
67
|
+
size: "xs",
|
|
68
|
+
c: "dimmed",
|
|
69
|
+
children: [
|
|
70
|
+
item.userAgent.browser,
|
|
71
|
+
" / ",
|
|
72
|
+
item.userAgent.os
|
|
73
|
+
]
|
|
74
|
+
})] }) : /* @__PURE__ */ jsx(Text, {
|
|
75
|
+
size: "xs",
|
|
76
|
+
c: "dimmed",
|
|
77
|
+
children: "-"
|
|
78
|
+
})
|
|
79
|
+
})
|
|
80
|
+
},
|
|
81
|
+
ip: {
|
|
82
|
+
label: "IP Address",
|
|
83
|
+
fit: true,
|
|
84
|
+
value: (item) => /* @__PURE__ */ jsx(Text, {
|
|
85
|
+
size: "xs",
|
|
86
|
+
ff: "monospace",
|
|
87
|
+
c: "dimmed",
|
|
88
|
+
children: item.ip || "-"
|
|
89
|
+
})
|
|
90
|
+
},
|
|
91
|
+
expiresAt: {
|
|
92
|
+
label: "Status",
|
|
93
|
+
fit: true,
|
|
94
|
+
value: (item) => /* @__PURE__ */ jsx(Badge, {
|
|
95
|
+
size: "sm",
|
|
96
|
+
variant: "light",
|
|
97
|
+
color: isExpired(item.expiresAt) ? "red" : "green",
|
|
98
|
+
children: isExpired(item.expiresAt) ? "Expired" : "Active"
|
|
99
|
+
})
|
|
100
|
+
},
|
|
101
|
+
createdAt: {
|
|
102
|
+
label: "Created",
|
|
103
|
+
fit: true,
|
|
104
|
+
value: (item) => /* @__PURE__ */ jsx(Text, {
|
|
105
|
+
size: "xs",
|
|
106
|
+
c: "dimmed",
|
|
107
|
+
children: l(item.createdAt, { date: "fromNow" })
|
|
108
|
+
})
|
|
109
|
+
},
|
|
110
|
+
actions: {
|
|
111
|
+
label: "",
|
|
112
|
+
fit: true,
|
|
113
|
+
value: (item) => /* @__PURE__ */ jsx(ActionButton, {
|
|
114
|
+
size: "xs",
|
|
115
|
+
variant: "subtle",
|
|
116
|
+
color: "red",
|
|
117
|
+
onClick: () => handleDelete(item.id),
|
|
118
|
+
children: /* @__PURE__ */ jsx(IconTrash, { size: 14 })
|
|
119
|
+
})
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}, refreshKey)
|
|
123
|
+
});
|
|
124
|
+
};
|
|
125
|
+
var AdminUserSessions_default = AdminUserSessions;
|
|
126
|
+
|
|
127
|
+
//#endregion
|
|
128
|
+
export { AdminUserSessions_default as t };
|
|
129
|
+
//# sourceMappingURL=AdminUserSessions-CdVwoM-h.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdminUserSessions-CdVwoM-h.js","names":[],"sources":["../../src/admin/components/AdminUserSessions.tsx"],"sourcesContent":["import { useClient, useRouterState } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group } from \"@mantine/core\";\nimport {\n IconDeviceDesktop,\n IconDeviceMobile,\n IconDeviceTablet,\n IconTrash,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { SessionController, SessionEntity } from \"alepha/api/users\";\nimport { useState } from \"react\";\n\nexport interface AdminUserSessionsProps {\n userRealmName?: string;\n}\n\nconst AdminUserSessions = (props: AdminUserSessionsProps) => {\n const state = useRouterState();\n const client = useClient<SessionController>();\n const { l } = useI18n();\n const userId = state.params.userId as string;\n const [refreshKey, setRefreshKey] = useState(0);\n\n const getDeviceIcon = (device?: string) => {\n switch (device) {\n case \"MOBILE\":\n return <IconDeviceMobile size={14} />;\n case \"TABLET\":\n return <IconDeviceTablet size={14} />;\n default:\n return <IconDeviceDesktop size={14} />;\n }\n };\n\n const isExpired = (expiresAt: Date | string) => {\n return new Date(expiresAt) < new Date();\n };\n\n const handleDelete = async (sessionId: string) => {\n await client.deleteSession({\n params: { id: sessionId },\n query: { userRealmName: props.userRealmName },\n });\n setRefreshKey((k) => k + 1);\n };\n\n const filters = t.object({});\n\n return (\n <Flex flex={1} direction=\"column\">\n <DataTable<SessionEntity, typeof filters>\n key={refreshKey}\n submitOnInit\n defaultSize={10}\n filters={filters}\n tableProps={{\n horizontalSpacing: \"xs\",\n verticalSpacing: \"xs\",\n }}\n tableTrProps={(item) => {\n if (isExpired(item.expiresAt)) {\n return {\n opacity: 0.5,\n };\n }\n return {};\n }}\n items={async (filters) => {\n const response = await client.findSessions({\n query: {\n ...filters,\n userId,\n userRealmName: props.userRealmName,\n },\n });\n\n return response as Page<SessionEntity>;\n }}\n columns={{\n userAgent: {\n label: \"Device\",\n value: (item) => (\n <Group gap={4}>\n {item.userAgent ? (\n <>\n <Badge\n size=\"xs\"\n variant=\"light\"\n leftSection={getDeviceIcon(item.userAgent.device)}\n >\n {item.userAgent.device}\n </Badge>\n <Text size=\"xs\" c=\"dimmed\">\n {item.userAgent.browser} / {item.userAgent.os}\n </Text>\n </>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n -\n </Text>\n )}\n </Group>\n ),\n },\n ip: {\n label: \"IP Address\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" ff=\"monospace\" c=\"dimmed\">\n {item.ip || \"-\"}\n </Text>\n ),\n },\n expiresAt: {\n label: \"Status\",\n fit: true,\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={isExpired(item.expiresAt) ? \"red\" : \"green\"}\n >\n {isExpired(item.expiresAt) ? \"Expired\" : \"Active\"}\n </Badge>\n ),\n },\n createdAt: {\n label: \"Created\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n actions: {\n label: \"\",\n fit: true,\n value: (item) => (\n <ActionButton\n size=\"xs\"\n variant=\"subtle\"\n color=\"red\"\n onClick={() => handleDelete(item.id)}\n >\n <IconTrash size={14} />\n </ActionButton>\n ),\n },\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminUserSessions;\n"],"mappings":";;;;;;;;;;AAkBA,MAAM,qBAAqB,UAAkC;CAC3D,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,WAA8B;CAC7C,MAAM,EAAE,MAAM,SAAS;CACvB,MAAM,SAAS,MAAM,OAAO;CAC5B,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAE/C,MAAM,iBAAiB,WAAoB;AACzC,UAAQ,QAAR;GACE,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,KAAK,SACH,QAAO,oBAAC,oBAAiB,MAAM,KAAM;GACvC,QACE,QAAO,oBAAC,qBAAkB,MAAM,KAAM;;;CAI5C,MAAM,aAAa,cAA6B;AAC9C,SAAO,IAAI,KAAK,UAAU,mBAAG,IAAI,MAAM;;CAGzC,MAAM,eAAe,OAAO,cAAsB;AAChD,QAAM,OAAO,cAAc;GACzB,QAAQ,EAAE,IAAI,WAAW;GACzB,OAAO,EAAE,eAAe,MAAM,eAAe;GAC9C,CAAC;AACF,iBAAe,MAAM,IAAI,EAAE;;AAK7B,QACE,oBAAC;EAAK,MAAM;EAAG,WAAU;YACvB,oBAAC;GAEC;GACA,aAAa;GACb,SARU,EAAE,OAAO,EAAE,CAAC;GAStB,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,eAAe,SAAS;AACtB,QAAI,UAAU,KAAK,UAAU,CAC3B,QAAO,EACL,SAAS,IACV;AAEH,WAAO,EAAE;;GAEX,OAAO,OAAO,YAAY;AASxB,WARiB,MAAM,OAAO,aAAa,EACzC,OAAO;KACL,GAAG;KACH;KACA,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,WAAW;KACT,OAAO;KACP,QAAQ,SACN,oBAAC;MAAM,KAAK;gBACT,KAAK,YACJ,4CACE,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,aAAa,cAAc,KAAK,UAAU,OAAO;iBAEhD,KAAK,UAAU;QACV,EACR,qBAAC;OAAK,MAAK;OAAK,GAAE;;QACf,KAAK,UAAU;QAAQ;QAAI,KAAK,UAAU;;QACtC,IACN,GAEH,oBAAC;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB;OAEH;KAEX;IACD,IAAI;KACF,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAG;MAAY,GAAE;gBAC9B,KAAK,MAAM;OACP;KAEV;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,UAAU,KAAK,UAAU,GAAG,QAAQ;gBAE1C,UAAU,KAAK,UAAU,GAAG,YAAY;OACnC;KAEX;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAM;MACN,eAAe,aAAa,KAAK,GAAG;gBAEpC,oBAAC,aAAU,MAAM,KAAM;OACV;KAElB;IACF;KAlGI,WAmGL;GACG;;AAIX,gCAAe"}
|
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
import { ActionButton, Flex, Text } from "@alepha/ui";
|
|
2
|
+
import { useClient, useRouter, useRouterState } from "@alepha/react";
|
|
3
|
+
import { IconAlertCircle, IconCheck, IconMail, IconTrash } from "@tabler/icons-react";
|
|
4
|
+
import { useEffect, useState } from "react";
|
|
5
|
+
import { Alert, Card, Group, Loader, Stack } from "@mantine/core";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
|
|
8
|
+
//#region src/admin/components/AdminUserSettings.tsx
|
|
9
|
+
const AdminUserSettings = (props) => {
|
|
10
|
+
const router = useRouter();
|
|
11
|
+
const state = useRouterState();
|
|
12
|
+
const client = useClient();
|
|
13
|
+
const userId = state.params.userId;
|
|
14
|
+
const [user, setUser] = useState(null);
|
|
15
|
+
const [loading, setLoading] = useState(true);
|
|
16
|
+
const [deleteLoading, setDeleteLoading] = useState(false);
|
|
17
|
+
const [verifyLoading, setVerifyLoading] = useState(false);
|
|
18
|
+
const [verifySuccess, setVerifySuccess] = useState(false);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
const loadUser = async () => {
|
|
21
|
+
try {
|
|
22
|
+
setUser(await client.getUser({
|
|
23
|
+
params: { id: userId },
|
|
24
|
+
query: { userRealmName: props.userRealmName }
|
|
25
|
+
}));
|
|
26
|
+
} finally {
|
|
27
|
+
setLoading(false);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
loadUser();
|
|
31
|
+
}, [userId]);
|
|
32
|
+
const handleDelete = async () => {
|
|
33
|
+
if (!confirm("Are you sure you want to delete this user?")) return;
|
|
34
|
+
setDeleteLoading(true);
|
|
35
|
+
try {
|
|
36
|
+
await client.deleteUser({
|
|
37
|
+
params: { id: userId },
|
|
38
|
+
query: { userRealmName: props.userRealmName }
|
|
39
|
+
});
|
|
40
|
+
await router.go("adminUsers");
|
|
41
|
+
} finally {
|
|
42
|
+
setDeleteLoading(false);
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
const handleTriggerEmailVerification = async () => {
|
|
46
|
+
if (!user?.email) return;
|
|
47
|
+
setVerifyLoading(true);
|
|
48
|
+
setVerifySuccess(false);
|
|
49
|
+
try {
|
|
50
|
+
await client.requestEmailVerification({
|
|
51
|
+
query: {
|
|
52
|
+
userRealmName: props.userRealmName,
|
|
53
|
+
method: "link",
|
|
54
|
+
verifyUrl: `${window.location.origin}/verify-email`
|
|
55
|
+
},
|
|
56
|
+
body: { email: user.email }
|
|
57
|
+
});
|
|
58
|
+
setVerifySuccess(true);
|
|
59
|
+
} finally {
|
|
60
|
+
setVerifyLoading(false);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
if (loading) return /* @__PURE__ */ jsx(Flex, {
|
|
64
|
+
flex: 1,
|
|
65
|
+
justify: "center",
|
|
66
|
+
align: "center",
|
|
67
|
+
children: /* @__PURE__ */ jsx(Loader, {})
|
|
68
|
+
});
|
|
69
|
+
if (!user) return /* @__PURE__ */ jsx(Flex, {
|
|
70
|
+
flex: 1,
|
|
71
|
+
justify: "center",
|
|
72
|
+
align: "center",
|
|
73
|
+
children: /* @__PURE__ */ jsx(Text, {
|
|
74
|
+
c: "dimmed",
|
|
75
|
+
children: "User not found"
|
|
76
|
+
})
|
|
77
|
+
});
|
|
78
|
+
return /* @__PURE__ */ jsxs(Flex, {
|
|
79
|
+
flex: 1,
|
|
80
|
+
direction: "column",
|
|
81
|
+
gap: "md",
|
|
82
|
+
children: [user.email && !user.emailVerified && /* @__PURE__ */ jsx(Card, {
|
|
83
|
+
withBorder: true,
|
|
84
|
+
p: "lg",
|
|
85
|
+
children: /* @__PURE__ */ jsxs(Stack, {
|
|
86
|
+
gap: "md",
|
|
87
|
+
children: [
|
|
88
|
+
/* @__PURE__ */ jsx(Text, {
|
|
89
|
+
size: "lg",
|
|
90
|
+
fw: 500,
|
|
91
|
+
children: "Email Verification"
|
|
92
|
+
}),
|
|
93
|
+
/* @__PURE__ */ jsx(Alert, {
|
|
94
|
+
variant: "light",
|
|
95
|
+
color: "yellow",
|
|
96
|
+
icon: /* @__PURE__ */ jsx(IconMail, {}),
|
|
97
|
+
children: /* @__PURE__ */ jsxs(Text, {
|
|
98
|
+
size: "sm",
|
|
99
|
+
children: [
|
|
100
|
+
"This user's email (",
|
|
101
|
+
user.email,
|
|
102
|
+
") is not verified. You can send a verification link to the user."
|
|
103
|
+
]
|
|
104
|
+
})
|
|
105
|
+
}),
|
|
106
|
+
verifySuccess && /* @__PURE__ */ jsx(Alert, {
|
|
107
|
+
variant: "light",
|
|
108
|
+
color: "green",
|
|
109
|
+
icon: /* @__PURE__ */ jsx(IconCheck, {}),
|
|
110
|
+
children: /* @__PURE__ */ jsxs(Text, {
|
|
111
|
+
size: "sm",
|
|
112
|
+
children: [
|
|
113
|
+
"Verification link sent successfully to ",
|
|
114
|
+
user.email,
|
|
115
|
+
"."
|
|
116
|
+
]
|
|
117
|
+
})
|
|
118
|
+
}),
|
|
119
|
+
/* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsx(ActionButton, {
|
|
120
|
+
leftSection: /* @__PURE__ */ jsx(IconMail, { size: 16 }),
|
|
121
|
+
loading: verifyLoading,
|
|
122
|
+
onClick: handleTriggerEmailVerification,
|
|
123
|
+
children: "Send Verification Link"
|
|
124
|
+
}) })
|
|
125
|
+
]
|
|
126
|
+
})
|
|
127
|
+
}), /* @__PURE__ */ jsx(Card, {
|
|
128
|
+
withBorder: true,
|
|
129
|
+
p: "lg",
|
|
130
|
+
children: /* @__PURE__ */ jsxs(Stack, {
|
|
131
|
+
gap: "md",
|
|
132
|
+
children: [
|
|
133
|
+
/* @__PURE__ */ jsx(Text, {
|
|
134
|
+
size: "lg",
|
|
135
|
+
fw: 500,
|
|
136
|
+
c: "red",
|
|
137
|
+
children: "Danger Zone"
|
|
138
|
+
}),
|
|
139
|
+
/* @__PURE__ */ jsx(Alert, {
|
|
140
|
+
variant: "light",
|
|
141
|
+
color: "red",
|
|
142
|
+
icon: /* @__PURE__ */ jsx(IconAlertCircle, {}),
|
|
143
|
+
children: /* @__PURE__ */ jsx(Text, {
|
|
144
|
+
size: "sm",
|
|
145
|
+
children: "Deleting this user will permanently remove their account and all associated data. This action cannot be undone."
|
|
146
|
+
})
|
|
147
|
+
}),
|
|
148
|
+
/* @__PURE__ */ jsx(Group, { children: /* @__PURE__ */ jsx(ActionButton, {
|
|
149
|
+
color: "red",
|
|
150
|
+
leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 16 }),
|
|
151
|
+
loading: deleteLoading,
|
|
152
|
+
onClick: handleDelete,
|
|
153
|
+
children: "Delete User"
|
|
154
|
+
}) })
|
|
155
|
+
]
|
|
156
|
+
})
|
|
157
|
+
})]
|
|
158
|
+
});
|
|
159
|
+
};
|
|
160
|
+
var AdminUserSettings_default = AdminUserSettings;
|
|
161
|
+
|
|
162
|
+
//#endregion
|
|
163
|
+
export { AdminUserSettings_default as t };
|
|
164
|
+
//# sourceMappingURL=AdminUserSettings-S7gZvvjO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdminUserSettings-S7gZvvjO.js","names":[],"sources":["../../src/admin/components/AdminUserSettings.tsx"],"sourcesContent":["import { useClient, useRouter, useRouterState } from \"@alepha/react\";\nimport { ActionButton, Flex, Text } from \"@alepha/ui\";\nimport { Alert, Card, Group, Loader, Stack } from \"@mantine/core\";\nimport {\n IconAlertCircle,\n IconCheck,\n IconMail,\n IconTrash,\n} from \"@tabler/icons-react\";\nimport type { UserController, UserEntity } from \"alepha/api/users\";\nimport { useEffect, useState } from \"react\";\nimport type { AdminRouter } from \"../AdminRouter.ts\";\n\nexport interface AdminUserSettingsProps {\n userRealmName?: string;\n}\n\nconst AdminUserSettings = (props: AdminUserSettingsProps) => {\n const router = useRouter<AdminRouter>();\n const state = useRouterState();\n const client = useClient<UserController>();\n const userId = state.params.userId as string;\n\n const [user, setUser] = useState<UserEntity | null>(null);\n const [loading, setLoading] = useState(true);\n const [deleteLoading, setDeleteLoading] = useState(false);\n const [verifyLoading, setVerifyLoading] = useState(false);\n const [verifySuccess, setVerifySuccess] = useState(false);\n\n useEffect(() => {\n const loadUser = async () => {\n try {\n const data = await client.getUser({\n params: { id: userId },\n query: { userRealmName: props.userRealmName },\n });\n setUser(data);\n } finally {\n setLoading(false);\n }\n };\n\n loadUser();\n }, [userId]);\n\n const handleDelete = async () => {\n if (!confirm(\"Are you sure you want to delete this user?\")) {\n return;\n }\n\n setDeleteLoading(true);\n try {\n await client.deleteUser({\n params: { id: userId },\n query: { userRealmName: props.userRealmName },\n });\n await router.go(\"adminUsers\");\n } finally {\n setDeleteLoading(false);\n }\n };\n\n const handleTriggerEmailVerification = async () => {\n if (!user?.email) return;\n\n setVerifyLoading(true);\n setVerifySuccess(false);\n try {\n await client.requestEmailVerification({\n query: {\n userRealmName: props.userRealmName,\n method: \"link\",\n verifyUrl: `${window.location.origin}/verify-email`,\n },\n body: { email: user.email },\n });\n setVerifySuccess(true);\n } finally {\n setVerifyLoading(false);\n }\n };\n\n if (loading) {\n return (\n <Flex flex={1} justify=\"center\" align=\"center\">\n <Loader />\n </Flex>\n );\n }\n\n if (!user) {\n return (\n <Flex flex={1} justify=\"center\" align=\"center\">\n <Text c=\"dimmed\">User not found</Text>\n </Flex>\n );\n }\n\n return (\n <Flex flex={1} direction=\"column\" gap=\"md\">\n {user.email && !user.emailVerified && (\n <Card withBorder p=\"lg\">\n <Stack gap=\"md\">\n <Text size=\"lg\" fw={500}>\n Email Verification\n </Text>\n\n <Alert variant=\"light\" color=\"yellow\" icon={<IconMail />}>\n <Text size=\"sm\">\n This user's email ({user.email}) is not verified. You can send a\n verification link to the user.\n </Text>\n </Alert>\n\n {verifySuccess && (\n <Alert variant=\"light\" color=\"green\" icon={<IconCheck />}>\n <Text size=\"sm\">\n Verification link sent successfully to {user.email}.\n </Text>\n </Alert>\n )}\n\n <Group>\n <ActionButton\n leftSection={<IconMail size={16} />}\n loading={verifyLoading}\n onClick={handleTriggerEmailVerification}\n >\n Send Verification Link\n </ActionButton>\n </Group>\n </Stack>\n </Card>\n )}\n\n <Card withBorder p=\"lg\">\n <Stack gap=\"md\">\n <Text size=\"lg\" fw={500} c=\"red\">\n Danger Zone\n </Text>\n\n <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n <Text size=\"sm\">\n Deleting this user will permanently remove their account and all\n associated data. This action cannot be undone.\n </Text>\n </Alert>\n\n <Group>\n <ActionButton\n color=\"red\"\n leftSection={<IconTrash size={16} />}\n loading={deleteLoading}\n onClick={handleDelete}\n >\n Delete User\n </ActionButton>\n </Group>\n </Stack>\n </Card>\n </Flex>\n );\n};\n\nexport default AdminUserSettings;\n"],"mappings":";;;;;;;;AAiBA,MAAM,qBAAqB,UAAkC;CAC3D,MAAM,SAAS,WAAwB;CACvC,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,SAAS,WAA2B;CAC1C,MAAM,SAAS,MAAM,OAAO;CAE5B,MAAM,CAAC,MAAM,WAAW,SAA4B,KAAK;CACzD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;AAEzD,iBAAgB;EACd,MAAM,WAAW,YAAY;AAC3B,OAAI;AAKF,YAJa,MAAM,OAAO,QAAQ;KAChC,QAAQ,EAAE,IAAI,QAAQ;KACtB,OAAO,EAAE,eAAe,MAAM,eAAe;KAC9C,CAAC,CACW;aACL;AACR,eAAW,MAAM;;;AAIrB,YAAU;IACT,CAAC,OAAO,CAAC;CAEZ,MAAM,eAAe,YAAY;AAC/B,MAAI,CAAC,QAAQ,6CAA6C,CACxD;AAGF,mBAAiB,KAAK;AACtB,MAAI;AACF,SAAM,OAAO,WAAW;IACtB,QAAQ,EAAE,IAAI,QAAQ;IACtB,OAAO,EAAE,eAAe,MAAM,eAAe;IAC9C,CAAC;AACF,SAAM,OAAO,GAAG,aAAa;YACrB;AACR,oBAAiB,MAAM;;;CAI3B,MAAM,iCAAiC,YAAY;AACjD,MAAI,CAAC,MAAM,MAAO;AAElB,mBAAiB,KAAK;AACtB,mBAAiB,MAAM;AACvB,MAAI;AACF,SAAM,OAAO,yBAAyB;IACpC,OAAO;KACL,eAAe,MAAM;KACrB,QAAQ;KACR,WAAW,GAAG,OAAO,SAAS,OAAO;KACtC;IACD,MAAM,EAAE,OAAO,KAAK,OAAO;IAC5B,CAAC;AACF,oBAAiB,KAAK;YACd;AACR,oBAAiB,MAAM;;;AAI3B,KAAI,QACF,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC,WAAS;GACL;AAIX,KAAI,CAAC,KACH,QACE,oBAAC;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,oBAAC;GAAK,GAAE;aAAS;IAAqB;GACjC;AAIX,QACE,qBAAC;EAAK,MAAM;EAAG,WAAU;EAAS,KAAI;aACnC,KAAK,SAAS,CAAC,KAAK,iBACnB,oBAAC;GAAK;GAAW,GAAE;aACjB,qBAAC;IAAM,KAAI;;KACT,oBAAC;MAAK,MAAK;MAAK,IAAI;gBAAK;OAElB;KAEP,oBAAC;MAAM,SAAQ;MAAQ,OAAM;MAAS,MAAM,oBAAC,aAAW;gBACtD,qBAAC;OAAK,MAAK;;QAAK;QACM,KAAK;QAAM;;QAE1B;OACD;KAEP,iBACC,oBAAC;MAAM,SAAQ;MAAQ,OAAM;MAAQ,MAAM,oBAAC,cAAY;gBACtD,qBAAC;OAAK,MAAK;;QAAK;QAC0B,KAAK;QAAM;;QAC9C;OACD;KAGV,oBAAC,mBACC,oBAAC;MACC,aAAa,oBAAC,YAAS,MAAM,KAAM;MACnC,SAAS;MACT,SAAS;gBACV;OAEc,GACT;;KACF;IACH,EAGT,oBAAC;GAAK;GAAW,GAAE;aACjB,qBAAC;IAAM,KAAI;;KACT,oBAAC;MAAK,MAAK;MAAK,IAAI;MAAK,GAAE;gBAAM;OAE1B;KAEP,oBAAC;MAAM,SAAQ;MAAQ,OAAM;MAAM,MAAM,oBAAC,oBAAkB;gBAC1D,oBAAC;OAAK,MAAK;iBAAK;QAGT;OACD;KAER,oBAAC,mBACC,oBAAC;MACC,OAAM;MACN,aAAa,oBAAC,aAAU,MAAM,KAAM;MACpC,SAAS;MACT,SAAS;gBACV;OAEc,GACT;;KACF;IACH;GACF;;AAIX,gCAAe"}
|
|
@@ -1,19 +1,31 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ActionButton, DataTable, Text } from "@alepha/ui";
|
|
2
2
|
import { t } from "alepha";
|
|
3
|
-
import { useClient } from "@alepha/react";
|
|
4
|
-
import {
|
|
5
|
-
import { Badge, Group } from "@mantine/core";
|
|
3
|
+
import { useClient, useRouter } from "@alepha/react";
|
|
4
|
+
import { IconCheck, IconPlus, IconX } from "@tabler/icons-react";
|
|
5
|
+
import { Badge, Flex as Flex$1, Group } from "@mantine/core";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
import {
|
|
7
|
+
import { useI18n } from "@alepha/react/i18n";
|
|
8
8
|
import { users } from "alepha/api/users";
|
|
9
9
|
|
|
10
10
|
//#region src/admin/components/AdminUsers.tsx
|
|
11
11
|
const AdminUsers = (props) => {
|
|
12
12
|
const client = useClient();
|
|
13
|
+
const router = useRouter();
|
|
13
14
|
const { l } = useI18n();
|
|
14
|
-
|
|
15
|
+
const filters = t.object({ query: t.optional(t.string({ $control: { query: t.omit(users.schema, ["id", "version"]) } })) });
|
|
16
|
+
return /* @__PURE__ */ jsxs(Flex$1, {
|
|
15
17
|
flex: 1,
|
|
16
|
-
|
|
18
|
+
direction: "column",
|
|
19
|
+
children: [/* @__PURE__ */ jsx(Flex$1, {
|
|
20
|
+
justify: "flex-end",
|
|
21
|
+
p: "md",
|
|
22
|
+
pb: 0,
|
|
23
|
+
children: /* @__PURE__ */ jsx(ActionButton, {
|
|
24
|
+
leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }),
|
|
25
|
+
href: router.path("adminUserCreate"),
|
|
26
|
+
children: "Create User"
|
|
27
|
+
})
|
|
28
|
+
}), /* @__PURE__ */ jsx(DataTable, {
|
|
17
29
|
submitOnInit: true,
|
|
18
30
|
defaultSize: 10,
|
|
19
31
|
typeFormProps: {
|
|
@@ -22,19 +34,25 @@ const AdminUsers = (props) => {
|
|
|
22
34
|
},
|
|
23
35
|
tableProps: {
|
|
24
36
|
horizontalSpacing: "xs",
|
|
25
|
-
verticalSpacing: "xs"
|
|
37
|
+
verticalSpacing: "xs",
|
|
38
|
+
striped: false,
|
|
39
|
+
highlightOnHover: true
|
|
26
40
|
},
|
|
27
41
|
onFilterChange: (key, value, form) => {
|
|
28
42
|
if (key === "query") return form.submit();
|
|
29
43
|
},
|
|
30
|
-
filters
|
|
44
|
+
filters,
|
|
31
45
|
tableTrProps: (item) => {
|
|
32
|
-
|
|
33
|
-
|
|
46
|
+
const baseProps = {
|
|
47
|
+
style: { cursor: "pointer" },
|
|
48
|
+
onClick: () => router.go("adminUserDetails", { params: { userId: item.id } })
|
|
49
|
+
};
|
|
50
|
+
if (!item.enabled) baseProps.opacity = .5;
|
|
51
|
+
return baseProps;
|
|
34
52
|
},
|
|
35
|
-
items: async (filters) => {
|
|
53
|
+
items: async (filters$1) => {
|
|
36
54
|
return await client.findUsers({ query: {
|
|
37
|
-
...filters,
|
|
55
|
+
...filters$1,
|
|
38
56
|
userRealmName: props.userRealmName
|
|
39
57
|
} });
|
|
40
58
|
},
|
|
@@ -94,11 +112,11 @@ const AdminUsers = (props) => {
|
|
|
94
112
|
})
|
|
95
113
|
}
|
|
96
114
|
}
|
|
97
|
-
})
|
|
115
|
+
})]
|
|
98
116
|
});
|
|
99
117
|
};
|
|
100
118
|
var AdminUsers_default = AdminUsers;
|
|
101
119
|
|
|
102
120
|
//#endregion
|
|
103
121
|
export { AdminUsers_default as t };
|
|
104
|
-
//# sourceMappingURL=AdminUsers-
|
|
122
|
+
//# sourceMappingURL=AdminUsers-9qEzxqAL.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdminUsers-9qEzxqAL.js","names":["Flex","baseProps: Record<string, any>","filters"],"sources":["../../src/admin/components/AdminUsers.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { ActionButton, DataTable, Text } from \"@alepha/ui\";\nimport { Badge, Flex, Group } from \"@mantine/core\";\nimport { IconCheck, IconPlus, IconX } from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport { type UserController, type UserEntity, users } from \"alepha/api/users\";\nimport type { AdminRouter } from \"../AdminRouter.ts\";\n\nexport interface AdminUsersProps {\n userRealmName?: string;\n}\n\nconst AdminUsers = (props: AdminUsersProps) => {\n const client = useClient<UserController>();\n const router = useRouter<AdminRouter>();\n const { l } = useI18n();\n\n const filters = t.object({\n query: t.optional(\n t.string({\n $control: {\n query: t.omit(users.schema, [\"id\", \"version\"]),\n },\n }),\n ),\n });\n\n return (\n <Flex flex={1} direction=\"column\">\n <Flex justify=\"flex-end\" p=\"md\" pb={0}>\n <ActionButton\n leftSection={<IconPlus size={16} />}\n href={router.path(\"adminUserCreate\")}\n >\n Create User\n </ActionButton>\n </Flex>\n\n <DataTable<UserEntity, typeof filters>\n submitOnInit\n defaultSize={10}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 3,\n }}\n tableProps={{\n horizontalSpacing: \"xs\",\n verticalSpacing: \"xs\",\n striped: false,\n highlightOnHover: true,\n }}\n onFilterChange={(key, value, form) => {\n if (key === \"query\") {\n return form.submit();\n }\n }}\n filters={filters}\n tableTrProps={(item) => {\n const baseProps: Record<string, any> = {\n style: { cursor: \"pointer\" },\n onClick: () =>\n router.go(\"adminUserDetails\", {\n params: { userId: item.id },\n }),\n };\n\n if (!item.enabled) {\n baseProps.opacity = 0.5;\n }\n\n return baseProps;\n }}\n items={async (filters) => {\n const response = await client.findUsers({\n query: {\n ...filters,\n userRealmName: props.userRealmName,\n },\n });\n\n return response as Page<UserEntity>;\n }}\n columns={{\n username: {\n label: \"Username\",\n value: (item) => (\n <Text size=\"sm\" fw={500}>\n {item.username || \"-\"}\n </Text>\n ),\n },\n email: {\n label: \"Email\",\n value: (item) => (\n <Group gap=\"xs\">\n <Text size=\"sm\">{item.email || \"-\"}</Text>\n {item.email && (\n <Badge\n size=\"xs\"\n variant=\"light\"\n color={item.emailVerified ? \"green\" : \"gray\"}\n leftSection={\n item.emailVerified ? (\n <IconCheck size={10} />\n ) : (\n <IconX size={10} />\n )\n }\n >\n {item.emailVerified ? \"Verified\" : \"Unverified\"}\n </Badge>\n )}\n </Group>\n ),\n },\n roles: {\n label: \"Roles\",\n value: (item) => (\n <Group gap={4}>\n {item.roles.map((role: string) => (\n <Badge key={role} size=\"xs\" variant=\"outline\">\n {role}\n </Badge>\n ))}\n </Group>\n ),\n },\n enabled: {\n label: \"Status\",\n fit: true,\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={item.enabled ? \"green\" : \"red\"}\n >\n {item.enabled ? \"Active\" : \"Disabled\"}\n </Badge>\n ),\n },\n createdAt: {\n label: \"Created\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n }}\n />\n </Flex>\n );\n};\n\nexport default AdminUsers;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,cAAc,UAA2B;CAC7C,MAAM,SAAS,WAA2B;CAC1C,MAAM,SAAS,WAAwB;CACvC,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,UAAU,EAAE,OAAO,EACvB,OAAO,EAAE,SACP,EAAE,OAAO,EACP,UAAU,EACR,OAAO,EAAE,KAAK,MAAM,QAAQ,CAAC,MAAM,UAAU,CAAC,EAC/C,EACF,CAAC,CACH,EACF,CAAC;AAEF,QACE,qBAACA;EAAK,MAAM;EAAG,WAAU;aACvB,oBAACA;GAAK,SAAQ;GAAW,GAAE;GAAK,IAAI;aAClC,oBAAC;IACC,aAAa,oBAAC,YAAS,MAAM,KAAM;IACnC,MAAM,OAAO,KAAK,kBAAkB;cACrC;KAEc;IACV,EAEP,oBAAC;GACC;GACA,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IACjB,SAAS;IACT,kBAAkB;IACnB;GACD,iBAAiB,KAAK,OAAO,SAAS;AACpC,QAAI,QAAQ,QACV,QAAO,KAAK,QAAQ;;GAGf;GACT,eAAe,SAAS;IACtB,MAAMC,YAAiC;KACrC,OAAO,EAAE,QAAQ,WAAW;KAC5B,eACE,OAAO,GAAG,oBAAoB,EAC5B,QAAQ,EAAE,QAAQ,KAAK,IAAI,EAC5B,CAAC;KACL;AAED,QAAI,CAAC,KAAK,QACR,WAAU,UAAU;AAGtB,WAAO;;GAET,OAAO,OAAO,cAAY;AAQxB,WAPiB,MAAM,OAAO,UAAU,EACtC,OAAO;KACL,GAAGC;KACH,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,UAAU;KACR,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAI;gBACjB,KAAK,YAAY;OACb;KAEV;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,qBAAC;MAAM,KAAI;iBACT,oBAAC;OAAK,MAAK;iBAAM,KAAK,SAAS;QAAW,EACzC,KAAK,SACJ,oBAAC;OACC,MAAK;OACL,SAAQ;OACR,OAAO,KAAK,gBAAgB,UAAU;OACtC,aACE,KAAK,gBACH,oBAAC,aAAU,MAAM,KAAM,GAEvB,oBAAC,SAAM,MAAM,KAAM;iBAItB,KAAK,gBAAgB,aAAa;QAC7B;OAEJ;KAEX;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,oBAAC;MAAM,KAAK;gBACT,KAAK,MAAM,KAAK,SACf,oBAAC;OAAiB,MAAK;OAAK,SAAQ;iBACjC;SADS,KAEJ,CACR;OACI;KAEX;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,OAAO,KAAK,UAAU,UAAU;gBAE/B,KAAK,UAAU,WAAW;OACrB;KAEX;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;IACD;GACG;;AAIX,yBAAe"}
|