@alepha/ui 0.11.12 → 0.12.1

package/dist/admin/AdminSessions-Pjdz-iZx.js

@@ -0,0 +1,123 @@
+import { i as DataTable_default, n as Flex$1, r as Text$1 } from "./core-CzO6aavT.js";
+import { useI18n } from "@alepha/react/i18n";
+import { t } from "alepha";
+import { useClient } from "@alepha/react";
+import { Badge, Group } from "@mantine/core";
+import { IconDeviceDesktop, IconDeviceMobile, IconDeviceTablet } from "@tabler/icons-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { sessions } from "alepha/api/users";
+
+//#region src/admin/components/AdminSessions.tsx
+const AdminSessions = (props) => {
+	const client = useClient();
+	const { l } = useI18n();
+	const filters = t.object({ userId: t.optional(t.uuid({ $control: { query: t.pick(sessions.schema, ["userId"]) } })) });
+	const getDeviceIcon = (device) => {
+		switch (device) {
+			case "MOBILE": return /* @__PURE__ */ jsx(IconDeviceMobile, { size: 14 });
+			case "TABLET": return /* @__PURE__ */ jsx(IconDeviceTablet, { size: 14 });
+			default: return /* @__PURE__ */ jsx(IconDeviceDesktop, { size: 14 });
+		}
+	};
+	const isExpired = (expiresAt) => {
+		return new Date(expiresAt) < /* @__PURE__ */ new Date();
+	};
+	return /* @__PURE__ */ jsx(Flex$1, {
+		flex: 1,
+		children: /* @__PURE__ */ jsx(DataTable_default, {
+			submitOnInit: true,
+			defaultSize: 10,
+			typeFormProps: {
+				skipSubmitButton: true,
+				columns: 3
+			},
+			tableProps: {
+				horizontalSpacing: "xs",
+				verticalSpacing: "xs"
+			},
+			onFilterChange: (key, _value, form) => {
+				if (key === "userId") return form.submit();
+			},
+			filters,
+			tableTrProps: (item) => {
+				if (isExpired(item.expiresAt)) return { opacity: .5 };
+				return {};
+			},
+			items: async (filters$1) => {
+				return await client.findSessions({ query: {
+					...filters$1,
+					userRealmName: props.userRealmName
+				} });
+			},
+			columns: {
+				userId: {
+					label: "User ID",
+					value: (item) => /* @__PURE__ */ jsxs(Text$1, {
+						size: "xs",
+						ff: "monospace",
+						children: [item.userId.slice(0, 8), "..."]
+					})
+				},
+				userAgent: {
+					label: "Device",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Group, {
+						gap: 4,
+						children: item.userAgent ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Badge, {
+							size: "xs",
+							variant: "light",
+							leftSection: getDeviceIcon(item.userAgent.device),
+							children: item.userAgent.device
+						}), /* @__PURE__ */ jsxs(Text$1, {
+							size: "xs",
+							c: "dimmed",
+							children: [
+								item.userAgent.browser,
+								" / ",
+								item.userAgent.os
+							]
+						})] }) : /* @__PURE__ */ jsx(Text$1, {
+							size: "xs",
+							c: "dimmed",
+							children: "-"
+						})
+					})
+				},
+				ip: {
+					label: "IP",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						ff: "monospace",
+						c: "dimmed",
+						children: item.ip || "-"
+					})
+				},
+				expiresAt: {
+					label: "Status",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Badge, {
+						size: "sm",
+						variant: "light",
+						color: isExpired(item.expiresAt) ? "red" : "green",
+						children: isExpired(item.expiresAt) ? "Expired" : "Active"
+					})
+				},
+				createdAt: {
+					label: "Created",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						children: l(item.createdAt, { date: "fromNow" })
+					})
+				}
+			}
+		})
+	});
+};
+var AdminSessions_default = AdminSessions;
+
+//#endregion
+export { AdminSessions_default as t };
+//# sourceMappingURL=AdminSessions-Pjdz-iZx.js.map

package/dist/admin/AdminSessions-Pjdz-iZx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminSessions-Pjdz-iZx.js","names":["Flex","DataTable","filters","Text"],"sources":["../../src/admin/components/AdminSessions.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group } from \"@mantine/core\";\nimport {\n  IconDeviceDesktop,\n  IconDeviceMobile,\n  IconDeviceTablet,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n  type SessionController,\n  type SessionEntity,\n  sessions,\n} from \"alepha/api/users\";\n\nexport interface AdminSessionsProps {\n  userRealmName?: string;\n}\n\nconst AdminSessions = (props: AdminSessionsProps) => {\n  const client = useClient<SessionController>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    userId: t.optional(\n      t.uuid({\n        $control: {\n          query: t.pick(sessions.schema, [\"userId\"]),\n        },\n      }),\n    ),\n  });\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  return (\n    <Flex flex={1}>\n      <DataTable<SessionEntity, 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        }}\n        onFilterChange={(key, _value, form) => {\n          if (key === \"userId\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\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              userRealmName: props.userRealmName,\n            },\n          });\n\n          return response as Page<SessionEntity>;\n        }}\n        columns={{\n          userId: {\n            label: \"User ID\",\n            value: (item) => (\n              <Text size=\"xs\" ff=\"monospace\">\n                {item.userId.slice(0, 8)}...\n              </Text>\n            ),\n          },\n          userAgent: {\n            label: \"Device\",\n            fit: true,\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\",\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        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminSessions;\n"],"mappings":";;;;;;;;;;AAoBA,MAAM,iBAAiB,UAA8B;CACnD,MAAM,SAAS,WAA8B;CAC7C,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,UAAU,EAAE,OAAO,EACvB,QAAQ,EAAE,SACR,EAAE,KAAK,EACL,UAAU,EACR,OAAO,EAAE,KAAK,SAAS,QAAQ,CAAC,SAAS,CAAC,EAC3C,EACF,CAAC,CACH,EACF,CAAC;CAEF,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;;AAGzC,QACE,oBAACA;EAAK,MAAM;YACV,oBAACC;GACC;GACA,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,iBAAiB,KAAK,QAAQ,SAAS;AACrC,QAAI,QAAQ,SACV,QAAO,KAAK,QAAQ;;GAGf;GACT,eAAe,SAAS;AACtB,QAAI,UAAU,KAAK,UAAU,CAC3B,QAAO,EACL,SAAS,IACV;AAEH,WAAO,EAAE;;GAEX,OAAO,OAAO,cAAY;AAQxB,WAPiB,MAAM,OAAO,aAAa,EACzC,OAAO;KACL,GAAGC;KACH,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,QAAQ;KACN,OAAO;KACP,QAAQ,SACN,qBAACC;MAAK,MAAK;MAAK,IAAG;iBAChB,KAAK,OAAO,MAAM,GAAG,EAAE,EAAC;OACpB;KAEV;IACD,WAAW;KACT,OAAO;KACP,KAAK;KACL,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,qBAACA;OAAK,MAAK;OAAK,GAAE;;QACf,KAAK,UAAU;QAAQ;QAAI,KAAK,UAAU;;QACtC,IACN,GAEH,oBAACA;OAAK,MAAK;OAAK,GAAE;iBAAS;QAEpB;OAEH;KAEX;IACD,IAAI;KACF,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAACA;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,oBAACA;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;IACD;GACG;;AAIX,4BAAe"}

package/dist/admin/AdminUsers-BgTL-zSY.js

@@ -0,0 +1,4 @@
+import "./core-CzO6aavT.js";
+import { t as AdminUsers_default } from "./AdminUsers-C1HsrRxn.js";
+
+export { AdminUsers_default as default };

package/dist/admin/AdminUsers-C1HsrRxn.js

@@ -0,0 +1,104 @@
+import { i as DataTable_default, n as Flex$1, r as Text$1 } from "./core-CzO6aavT.js";
+import { useI18n } from "@alepha/react/i18n";
+import { t } from "alepha";
+import { useClient } from "@alepha/react";
+import { Badge, Group } from "@mantine/core";
+import { IconCheck, IconX } from "@tabler/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { users } from "alepha/api/users";
+
+//#region src/admin/components/AdminUsers.tsx
+const AdminUsers = (props) => {
+	const client = useClient();
+	const { l } = useI18n();
+	return /* @__PURE__ */ jsx(Flex$1, {
+		flex: 1,
+		children: /* @__PURE__ */ jsx(DataTable_default, {
+			submitOnInit: true,
+			defaultSize: 10,
+			typeFormProps: {
+				skipSubmitButton: true,
+				columns: 3
+			},
+			tableProps: {
+				horizontalSpacing: "xs",
+				verticalSpacing: "xs"
+			},
+			onFilterChange: (key, value, form) => {
+				if (key === "query") return form.submit();
+			},
+			filters: t.object({ query: t.optional(t.string({ $control: { query: t.omit(users.schema, ["id", "version"]) } })) }),
+			tableTrProps: (item) => {
+				if (!item.enabled) return { opacity: .5 };
+				return {};
+			},
+			items: async (filters) => {
+				return await client.findUsers({ query: {
+					...filters,
+					userRealmName: props.userRealmName
+				} });
+			},
+			columns: {
+				username: {
+					label: "Username",
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "sm",
+						fw: 500,
+						children: item.username || "-"
+					})
+				},
+				email: {
+					label: "Email",
+					value: (item) => /* @__PURE__ */ jsxs(Group, {
+						gap: "xs",
+						children: [/* @__PURE__ */ jsx(Text$1, {
+							size: "sm",
+							children: item.email || "-"
+						}), item.email && /* @__PURE__ */ jsx(Badge, {
+							size: "xs",
+							variant: "light",
+							color: item.emailVerified ? "green" : "gray",
+							leftSection: item.emailVerified ? /* @__PURE__ */ jsx(IconCheck, { size: 10 }) : /* @__PURE__ */ jsx(IconX, { size: 10 }),
+							children: item.emailVerified ? "Verified" : "Unverified"
+						})]
+					})
+				},
+				roles: {
+					label: "Roles",
+					value: (item) => /* @__PURE__ */ jsx(Group, {
+						gap: 4,
+						children: item.roles.map((role) => /* @__PURE__ */ jsx(Badge, {
+							size: "xs",
+							variant: "outline",
+							children: role
+						}, role))
+					})
+				},
+				enabled: {
+					label: "Status",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Badge, {
+						size: "sm",
+						variant: "light",
+						color: item.enabled ? "green" : "red",
+						children: item.enabled ? "Active" : "Disabled"
+					})
+				},
+				createdAt: {
+					label: "Created",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Text$1, {
+						size: "xs",
+						c: "dimmed",
+						children: l(item.createdAt, { date: "fromNow" })
+					})
+				}
+			}
+		})
+	});
+};
+var AdminUsers_default = AdminUsers;
+
+//#endregion
+export { AdminUsers_default as t };
+//# sourceMappingURL=AdminUsers-C1HsrRxn.js.map

package/dist/admin/AdminUsers-C1HsrRxn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUsers-C1HsrRxn.js","names":["Flex","DataTable","Text"],"sources":["../../src/admin/components/AdminUsers.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group } from \"@mantine/core\";\nimport { IconCheck, IconX } from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport { type UserController, type UserEntity, users } from \"alepha/api/users\";\n\nexport interface AdminUsersProps {\n  userRealmName?: string;\n}\n\nconst AdminUsers = (props: AdminUsersProps) => {\n  const client = useClient<UserController>();\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}>\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        }}\n        onFilterChange={(key, value, form) => {\n          if (key === \"query\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        tableTrProps={(item) => {\n          if (!item.enabled) {\n            return {\n              opacity: 0.5,\n            };\n          }\n          return {};\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":";;;;;;;;;;AAYA,MAAM,cAAc,UAA2B;CAC7C,MAAM,SAAS,WAA2B;CAC1C,MAAM,EAAE,MAAM,SAAS;AAYvB,QACE,oBAACA;EAAK,MAAM;YACV,oBAACC;GACC;GACA,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,iBAAiB,KAAK,OAAO,SAAS;AACpC,QAAI,QAAQ,QACV,QAAO,KAAK,QAAQ;;GAGxB,SA5BU,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;GAqBI,eAAe,SAAS;AACtB,QAAI,CAAC,KAAK,QACR,QAAO,EACL,SAAS,IACV;AAEH,WAAO,EAAE;;GAEX,OAAO,OAAO,YAAY;AAQxB,WAPiB,MAAM,OAAO,UAAU,EACtC,OAAO;KACL,GAAG;KACH,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,UAAU;KACR,OAAO;KACP,QAAQ,SACN,oBAACC;MAAK,MAAK;MAAK,IAAI;gBACjB,KAAK,YAAY;OACb;KAEV;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,qBAAC;MAAM,KAAI;iBACT,oBAACA;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,oBAACA;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;IACD;GACG;;AAIX,yBAAe"}

package/dist/admin/AdminUsers-HqvxwNGZ.cjs

@@ -0,0 +1,4 @@
+require('./core-aFtK4l9I.cjs');
+const require_AdminUsers = require('./AdminUsers-M2uEQbp5.cjs');
+
+exports.default = require_AdminUsers.AdminUsers_default;

package/dist/admin/AdminUsers-M2uEQbp5.cjs

@@ -0,0 +1,109 @@
+const require_core = require('./core-aFtK4l9I.cjs');
+let __alepha_react_i18n = require("@alepha/react/i18n");
+let alepha = require("alepha");
+let __alepha_react = require("@alepha/react");
+let __mantine_core = require("@mantine/core");
+let __tabler_icons_react = require("@tabler/icons-react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let alepha_api_users = require("alepha/api/users");
+
+//#region src/admin/components/AdminUsers.tsx
+const AdminUsers = (props) => {
+	const client = (0, __alepha_react.useClient)();
+	const { l } = (0, __alepha_react_i18n.useI18n)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
+		flex: 1,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core.DataTable_default, {
+			submitOnInit: true,
+			defaultSize: 10,
+			typeFormProps: {
+				skipSubmitButton: true,
+				columns: 3
+			},
+			tableProps: {
+				horizontalSpacing: "xs",
+				verticalSpacing: "xs"
+			},
+			onFilterChange: (key, value, form) => {
+				if (key === "query") return form.submit();
+			},
+			filters: alepha.t.object({ query: alepha.t.optional(alepha.t.string({ $control: { query: alepha.t.omit(alepha_api_users.users.schema, ["id", "version"]) } })) }),
+			tableTrProps: (item) => {
+				if (!item.enabled) return { opacity: .5 };
+				return {};
+			},
+			items: async (filters) => {
+				return await client.findUsers({ query: {
+					...filters,
+					userRealmName: props.userRealmName
+				} });
+			},
+			columns: {
+				username: {
+					label: "Username",
+					value: (item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
+						size: "sm",
+						fw: 500,
+						children: item.username || "-"
+					})
+				},
+				email: {
+					label: "Email",
+					value: (item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Group, {
+						gap: "xs",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
+							size: "sm",
+							children: item.email || "-"
+						}), item.email && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Badge, {
+							size: "xs",
+							variant: "light",
+							color: item.emailVerified ? "green" : "gray",
+							leftSection: item.emailVerified ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconCheck, { size: 10 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconX, { size: 10 }),
+							children: item.emailVerified ? "Verified" : "Unverified"
+						})]
+					})
+				},
+				roles: {
+					label: "Roles",
+					value: (item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Group, {
+						gap: 4,
+						children: item.roles.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Badge, {
+							size: "xs",
+							variant: "outline",
+							children: role
+						}, role))
+					})
+				},
+				enabled: {
+					label: "Status",
+					fit: true,
+					value: (item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Badge, {
+						size: "sm",
+						variant: "light",
+						color: item.enabled ? "green" : "red",
+						children: item.enabled ? "Active" : "Disabled"
+					})
+				},
+				createdAt: {
+					label: "Created",
+					fit: true,
+					value: (item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
+						size: "xs",
+						c: "dimmed",
+						children: l(item.createdAt, { date: "fromNow" })
+					})
+				}
+			}
+		})
+	});
+};
+var AdminUsers_default = AdminUsers;
+
+//#endregion
+Object.defineProperty(exports, 'AdminUsers_default', {
+  enumerable: true,
+  get: function () {
+    return AdminUsers_default;
+  }
+});
+//# sourceMappingURL=AdminUsers-M2uEQbp5.cjs.map

package/dist/admin/AdminUsers-M2uEQbp5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUsers-M2uEQbp5.cjs","names":["Flex","DataTable","t","users","Text","Group","Badge","IconCheck","IconX"],"sources":["../../src/admin/components/AdminUsers.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group } from \"@mantine/core\";\nimport { IconCheck, IconX } from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport { type UserController, type UserEntity, users } from \"alepha/api/users\";\n\nexport interface AdminUsersProps {\n  userRealmName?: string;\n}\n\nconst AdminUsers = (props: AdminUsersProps) => {\n  const client = useClient<UserController>();\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}>\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        }}\n        onFilterChange={(key, value, form) => {\n          if (key === \"query\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        tableTrProps={(item) => {\n          if (!item.enabled) {\n            return {\n              opacity: 0.5,\n            };\n          }\n          return {};\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":";;;;;;;;;;AAYA,MAAM,cAAc,UAA2B;CAC7C,MAAM,wCAAoC;CAC1C,MAAM,EAAE,wCAAe;AAYvB,QACE,2CAACA;EAAK,MAAM;YACV,2CAACC;GACC;GACA,aAAa;GACb,eAAe;IACb,kBAAkB;IAClB,SAAS;IACV;GACD,YAAY;IACV,mBAAmB;IACnB,iBAAiB;IAClB;GACD,iBAAiB,KAAK,OAAO,SAAS;AACpC,QAAI,QAAQ,QACV,QAAO,KAAK,QAAQ;;GAGxB,SA5BUC,SAAE,OAAO,EACvB,OAAOA,SAAE,SACPA,SAAE,OAAO,EACP,UAAU,EACR,OAAOA,SAAE,KAAKC,uBAAM,QAAQ,CAAC,MAAM,UAAU,CAAC,EAC/C,EACF,CAAC,CACH,EACF,CAAC;GAqBI,eAAe,SAAS;AACtB,QAAI,CAAC,KAAK,QACR,QAAO,EACL,SAAS,IACV;AAEH,WAAO,EAAE;;GAEX,OAAO,OAAO,YAAY;AAQxB,WAPiB,MAAM,OAAO,UAAU,EACtC,OAAO;KACL,GAAG;KACH,eAAe,MAAM;KACtB,EACF,CAAC;;GAIJ,SAAS;IACP,UAAU;KACR,OAAO;KACP,QAAQ,SACN,2CAACC;MAAK,MAAK;MAAK,IAAI;gBACjB,KAAK,YAAY;OACb;KAEV;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,4CAACC;MAAM,KAAI;iBACT,2CAACD;OAAK,MAAK;iBAAM,KAAK,SAAS;QAAW,EACzC,KAAK,SACJ,2CAACE;OACC,MAAK;OACL,SAAQ;OACR,OAAO,KAAK,gBAAgB,UAAU;OACtC,aACE,KAAK,gBACH,2CAACC,kCAAU,MAAM,KAAM,GAEvB,2CAACC,8BAAM,MAAM,KAAM;iBAItB,KAAK,gBAAgB,aAAa;QAC7B;OAEJ;KAEX;IACD,OAAO;KACL,OAAO;KACP,QAAQ,SACN,2CAACH;MAAM,KAAK;gBACT,KAAK,MAAM,KAAK,SACf,2CAACC;OAAiB,MAAK;OAAK,SAAQ;iBACjC;SADS,KAEJ,CACR;OACI;KAEX;IACD,SAAS;KACP,OAAO;KACP,KAAK;KACL,QAAQ,SACN,2CAACA;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,2CAACF;MAAK,MAAK;MAAK,GAAE;gBACf,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;OAClC;KAEV;IACF;IACD;GACG;;AAIX,yBAAe"}

package/dist/admin/AdminVerifications-BVssbtfU.cjs

@@ -0,0 +1,44 @@
+let __mantine_core = require("@mantine/core");
+let __tabler_icons_react = require("@tabler/icons-react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/admin/components/AdminVerifications.tsx
+const AdminVerifications = () => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Flex, {
+		flex: 1,
+		justify: "center",
+		align: "center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__mantine_core.Stack, {
+			align: "center",
+			gap: "xs",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__tabler_icons_react.IconShieldCheck, {
+					size: 48,
+					stroke: 1.5,
+					color: "var(--mantine-color-dimmed)"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
+					c: "dimmed",
+					children: "Verification Management"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__mantine_core.Text, {
+					size: "xs",
+					c: "dimmed",
+					ta: "center",
+					maw: 400,
+					children: "Verifications are automatically managed by the system. Email and SMS verification codes are generated and validated through the verification API endpoints."
+				})
+			]
+		})
+	});
+};
+var AdminVerifications_default = AdminVerifications;
+
+//#endregion
+Object.defineProperty(exports, 'AdminVerifications_default', {
+  enumerable: true,
+  get: function () {
+    return AdminVerifications_default;
+  }
+});
+//# sourceMappingURL=AdminVerifications-BVssbtfU.cjs.map

package/dist/admin/AdminVerifications-BVssbtfU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminVerifications-BVssbtfU.cjs","names":["Flex","Stack","IconShieldCheck","Text"],"sources":["../../src/admin/components/AdminVerifications.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { Stack } from \"@mantine/core\";\nimport { IconShieldCheck } from \"@tabler/icons-react\";\n\nconst AdminVerifications = () => {\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack align=\"center\" gap=\"xs\">\n        <IconShieldCheck\n          size={48}\n          stroke={1.5}\n          color=\"var(--mantine-color-dimmed)\"\n        />\n        <Text c=\"dimmed\">Verification Management</Text>\n        <Text size=\"xs\" c=\"dimmed\" ta=\"center\" maw={400}>\n          Verifications are automatically managed by the system. Email and SMS\n          verification codes are generated and validated through the\n          verification API endpoints.\n        </Text>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default AdminVerifications;\n"],"mappings":";;;;;AAIA,MAAM,2BAA2B;AAC/B,QACE,2CAACA;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,4CAACC;GAAM,OAAM;GAAS,KAAI;;IACxB,2CAACC;KACC,MAAM;KACN,QAAQ;KACR,OAAM;MACN;IACF,2CAACC;KAAK,GAAE;eAAS;MAA8B;IAC/C,2CAACA;KAAK,MAAK;KAAK,GAAE;KAAS,IAAG;KAAS,KAAK;eAAK;MAI1C;;IACD;GACH;;AAIX,iCAAe"}

package/dist/admin/AdminVerifications-Df6DRgNo.js

@@ -0,0 +1,4 @@
+import "./core-CzO6aavT.js";
+import { t as AdminVerifications_default } from "./AdminVerifications-VMpm30mS.js";
+
+export { AdminVerifications_default as default };

package/dist/admin/AdminVerifications-DxAtcYUR.cjs

@@ -0,0 +1,4 @@
+require('./core-aFtK4l9I.cjs');
+const require_AdminVerifications = require('./AdminVerifications-BVssbtfU.cjs');
+
+exports.default = require_AdminVerifications.AdminVerifications_default;

package/dist/admin/AdminVerifications-VMpm30mS.js

@@ -0,0 +1,40 @@
+import { n as Flex$1, r as Text$1 } from "./core-CzO6aavT.js";
+import { Stack } from "@mantine/core";
+import { IconShieldCheck } from "@tabler/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/admin/components/AdminVerifications.tsx
+const AdminVerifications = () => {
+	return /* @__PURE__ */ jsx(Flex$1, {
+		flex: 1,
+		justify: "center",
+		align: "center",
+		children: /* @__PURE__ */ jsxs(Stack, {
+			align: "center",
+			gap: "xs",
+			children: [
+				/* @__PURE__ */ jsx(IconShieldCheck, {
+					size: 48,
+					stroke: 1.5,
+					color: "var(--mantine-color-dimmed)"
+				}),
+				/* @__PURE__ */ jsx(Text$1, {
+					c: "dimmed",
+					children: "Verification Management"
+				}),
+				/* @__PURE__ */ jsx(Text$1, {
+					size: "xs",
+					c: "dimmed",
+					ta: "center",
+					maw: 400,
+					children: "Verifications are automatically managed by the system. Email and SMS verification codes are generated and validated through the verification API endpoints."
+				})
+			]
+		})
+	});
+};
+var AdminVerifications_default = AdminVerifications;
+
+//#endregion
+export { AdminVerifications_default as t };
+//# sourceMappingURL=AdminVerifications-VMpm30mS.js.map

package/dist/admin/AdminVerifications-VMpm30mS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminVerifications-VMpm30mS.js","names":["Flex","Text"],"sources":["../../src/admin/components/AdminVerifications.tsx"],"sourcesContent":["import { Flex, Text } from \"@alepha/ui\";\nimport { Stack } from \"@mantine/core\";\nimport { IconShieldCheck } from \"@tabler/icons-react\";\n\nconst AdminVerifications = () => {\n  return (\n    <Flex flex={1} justify=\"center\" align=\"center\">\n      <Stack align=\"center\" gap=\"xs\">\n        <IconShieldCheck\n          size={48}\n          stroke={1.5}\n          color=\"var(--mantine-color-dimmed)\"\n        />\n        <Text c=\"dimmed\">Verification Management</Text>\n        <Text size=\"xs\" c=\"dimmed\" ta=\"center\" maw={400}>\n          Verifications are automatically managed by the system. Email and SMS\n          verification codes are generated and validated through the\n          verification API endpoints.\n        </Text>\n      </Stack>\n    </Flex>\n  );\n};\n\nexport default AdminVerifications;\n"],"mappings":";;;;;;AAIA,MAAM,2BAA2B;AAC/B,QACE,oBAACA;EAAK,MAAM;EAAG,SAAQ;EAAS,OAAM;YACpC,qBAAC;GAAM,OAAM;GAAS,KAAI;;IACxB,oBAAC;KACC,MAAM;KACN,QAAQ;KACR,OAAM;MACN;IACF,oBAACC;KAAK,GAAE;eAAS;MAA8B;IAC/C,oBAACA;KAAK,MAAK;KAAK,GAAE;KAAS,IAAG;KAAS,KAAK;eAAK;MAI1C;;IACD;GACH;;AAIX,iCAAe"}