@alepha/ui 0.13.5 → 0.13.7

package/dist/admin/AdminAudits-CwvH8e8c.js

@@ -0,0 +1,215 @@
+import { DataTable, Flex, Text } from "@alepha/ui";
+import { t } from "alepha";
+import { useClient, useRouter } from "@alepha/react";
+import { IconAlertTriangle, IconCheck, IconInfoCircle, IconUser, IconX } from "@tabler/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useI18n } from "@alepha/react/i18n";
+import { Badge, Group, Stack, Tooltip } from "@mantine/core";
+
+//#region ../../src/admin/components/audits/AdminAudits.tsx
+const getSeverityColor = (severity) => {
+	switch (severity) {
+		case "critical": return "red";
+		case "warning": return "yellow";
+		default: return "blue";
+	}
+};
+const getSeverityIcon = (severity) => {
+	switch (severity) {
+		case "critical": return /* @__PURE__ */ jsx(IconAlertTriangle, { size: 12 });
+		case "warning": return /* @__PURE__ */ jsx(IconAlertTriangle, { size: 12 });
+		default: return /* @__PURE__ */ jsx(IconInfoCircle, { size: 12 });
+	}
+};
+const getTypeColor = (type) => {
+	switch (type) {
+		case "auth": return "blue";
+		case "user": return "grape";
+		case "security": return "red";
+		case "system": return "orange";
+		case "access": return "cyan";
+		case "payment": return "green";
+		case "order": return "teal";
+		default: return "gray";
+	}
+};
+const AdminAudits = (props) => {
+	const client = useClient();
+	const router = useRouter();
+	const { l } = useI18n();
+	return /* @__PURE__ */ jsx(Flex, {
+		flex: 1,
+		direction: "column",
+		children: /* @__PURE__ */ jsx(DataTable, {
+			submitOnInit: true,
+			defaultSize: 20,
+			typeFormProps: {
+				skipSubmitButton: true,
+				columns: 4
+			},
+			tableProps: {
+				horizontalSpacing: "xs",
+				verticalSpacing: "xs",
+				striped: false,
+				highlightOnHover: true
+			},
+			filters: t.object({
+				type: t.optional(t.text()),
+				action: t.optional(t.text()),
+				severity: t.optional(t.enum([
+					"info",
+					"warning",
+					"critical"
+				])),
+				success: t.optional(t.boolean()),
+				resourceType: t.optional(t.text()),
+				search: t.optional(t.text()),
+				from: t.optional(t.datetime()),
+				to: t.optional(t.datetime())
+			}),
+			tableTrProps: (item) => ({
+				style: {
+					cursor: item.userId ? "pointer" : "default",
+					opacity: item.success ? 1 : .85
+				},
+				onClick: () => {
+					if (item.userId) router.go("adminUserDetails", { params: { userId: item.userId } });
+				}
+			}),
+			items: async (query) => {
+				return await client.findAudits({ query: {
+					...query,
+					userRealm: props.userRealmName
+				} });
+			},
+			columns: {
+				type: {
+					label: "Type",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Badge, {
+						size: "sm",
+						variant: "light",
+						color: getTypeColor(item.type),
+						children: item.type
+					})
+				},
+				action: {
+					label: "Action",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Badge, {
+						size: "sm",
+						variant: "outline",
+						children: item.action
+					})
+				},
+				severity: {
+					label: "Severity",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Badge, {
+						size: "xs",
+						variant: "light",
+						color: getSeverityColor(item.severity),
+						leftSection: getSeverityIcon(item.severity),
+						children: item.severity
+					})
+				},
+				user: {
+					label: "User",
+					fit: true,
+					value: (item) => item.userId ? /* @__PURE__ */ jsx(Tooltip, {
+						label: /* @__PURE__ */ jsxs(Stack, {
+							gap: 2,
+							children: [/* @__PURE__ */ jsx(Text, {
+								size: "xs",
+								children: item.userEmail || "No email"
+							}), /* @__PURE__ */ jsx(Text, {
+								size: "xs",
+								c: "dimmed",
+								children: item.userRealm || "default"
+							})]
+						}),
+						children: /* @__PURE__ */ jsxs(Group, {
+							gap: 4,
+							children: [/* @__PURE__ */ jsx(IconUser, { size: 12 }), /* @__PURE__ */ jsx(Text, {
+								size: "xs",
+								lineClamp: 1,
+								maw: 100,
+								children: item.userEmail?.split("@")[0] || item.userId.slice(0, 8)
+							})]
+						})
+					}) : /* @__PURE__ */ jsx(Text, {
+						size: "xs",
+						c: "dimmed",
+						children: "System"
+					})
+				},
+				description: {
+					label: "Description",
+					value: (item) => /* @__PURE__ */ jsx(Text, {
+						size: "sm",
+						lineClamp: 1,
+						children: item.description || "-"
+					})
+				},
+				resource: {
+					label: "Resource",
+					fit: true,
+					value: (item) => item.resourceType ? /* @__PURE__ */ jsx(Tooltip, {
+						label: `${item.resourceType}: ${item.resourceId}`,
+						children: /* @__PURE__ */ jsx(Badge, {
+							size: "xs",
+							variant: "dot",
+							color: "gray",
+							children: item.resourceType
+						})
+					}) : /* @__PURE__ */ jsx(Text, {
+						size: "xs",
+						c: "dimmed",
+						children: "-"
+					})
+				},
+				success: {
+					label: "Status",
+					fit: true,
+					value: (item) => item.success ? /* @__PURE__ */ jsx(IconCheck, {
+						size: 14,
+						color: "var(--mantine-color-green-6)"
+					}) : /* @__PURE__ */ jsx(Tooltip, {
+						label: item.errorMessage || "Failed",
+						children: /* @__PURE__ */ jsx(IconX, {
+							size: 14,
+							color: "var(--mantine-color-red-6)"
+						})
+					})
+				},
+				ipAddress: {
+					label: "IP",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Text, {
+						size: "xs",
+						c: "dimmed",
+						ff: "monospace",
+						children: item.ipAddress || "-"
+					})
+				},
+				createdAt: {
+					label: "Time",
+					fit: true,
+					value: (item) => /* @__PURE__ */ jsx(Tooltip, {
+						label: l(item.createdAt, { date: "medium" }),
+						children: /* @__PURE__ */ jsx(Text, {
+							size: "xs",
+							c: "dimmed",
+							children: l(item.createdAt, { date: "fromNow" })
+						})
+					})
+				}
+			}
+		})
+	});
+};
+var AdminAudits_default = AdminAudits;
+
+//#endregion
+export { AdminAudits_default as t };
+//# sourceMappingURL=AdminAudits-CwvH8e8c.js.map

package/dist/admin/AdminAudits-CwvH8e8c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminAudits-CwvH8e8c.js","names":[],"sources":["../../src/admin/components/audits/AdminAudits.tsx"],"sourcesContent":["import { useClient, useRouter } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Group, Stack, Tooltip } from \"@mantine/core\";\nimport {\n  IconAlertTriangle,\n  IconCheck,\n  IconInfoCircle,\n  IconUser,\n  IconX,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type { AuditController, AuditEntity } from \"alepha/api/audits\";\nimport type { AdminRouter } from \"../../AdminRouter.ts\";\n\nexport interface AdminAuditsProps {\n  userRealmName?: string;\n}\n\nconst getSeverityColor = (severity: string) => {\n  switch (severity) {\n    case \"critical\":\n      return \"red\";\n    case \"warning\":\n      return \"yellow\";\n    default:\n      return \"blue\";\n  }\n};\n\nconst getSeverityIcon = (severity: string) => {\n  switch (severity) {\n    case \"critical\":\n      return <IconAlertTriangle size={12} />;\n    case \"warning\":\n      return <IconAlertTriangle size={12} />;\n    default:\n      return <IconInfoCircle size={12} />;\n  }\n};\n\nconst getTypeColor = (type: string) => {\n  switch (type) {\n    case \"auth\":\n      return \"blue\";\n    case \"user\":\n      return \"grape\";\n    case \"security\":\n      return \"red\";\n    case \"system\":\n      return \"orange\";\n    case \"access\":\n      return \"cyan\";\n    case \"payment\":\n      return \"green\";\n    case \"order\":\n      return \"teal\";\n    default:\n      return \"gray\";\n  }\n};\n\nconst AdminAudits = (props: AdminAuditsProps) => {\n  const client = useClient<AuditController>();\n  const router = useRouter<AdminRouter>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    type: t.optional(t.text()),\n    action: t.optional(t.text()),\n    severity: t.optional(t.enum([\"info\", \"warning\", \"critical\"])),\n    success: t.optional(t.boolean()),\n    resourceType: t.optional(t.text()),\n    search: t.optional(t.text()),\n    from: t.optional(t.datetime()),\n    to: t.optional(t.datetime()),\n  });\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<AuditEntity, typeof filters>\n        submitOnInit\n        defaultSize={20}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 4,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n          striped: false,\n          highlightOnHover: true,\n        }}\n        filters={filters}\n        tableTrProps={(item) => ({\n          style: {\n            cursor: item.userId ? \"pointer\" : \"default\",\n            opacity: item.success ? 1 : 0.85,\n          },\n          onClick: () => {\n            if (item.userId) {\n              router.go(\"adminUserDetails\", {\n                params: { userId: item.userId },\n              });\n            }\n          },\n        })}\n        items={async (query) => {\n          const response = await client.findAudits({\n            query: {\n              ...query,\n              userRealm: props.userRealmName,\n            },\n          });\n          return response as Page<AuditEntity>;\n        }}\n        columns={{\n          type: {\n            label: \"Type\",\n            fit: true,\n            value: (item) => (\n              <Badge size=\"sm\" variant=\"light\" color={getTypeColor(item.type)}>\n                {item.type}\n              </Badge>\n            ),\n          },\n          action: {\n            label: \"Action\",\n            fit: true,\n            value: (item) => (\n              <Badge size=\"sm\" variant=\"outline\">\n                {item.action}\n              </Badge>\n            ),\n          },\n          severity: {\n            label: \"Severity\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"xs\"\n                variant=\"light\"\n                color={getSeverityColor(item.severity)}\n                leftSection={getSeverityIcon(item.severity)}\n              >\n                {item.severity}\n              </Badge>\n            ),\n          },\n          user: {\n            label: \"User\",\n            fit: true,\n            value: (item) =>\n              item.userId ? (\n                <Tooltip\n                  label={\n                    <Stack gap={2}>\n                      <Text size=\"xs\">{item.userEmail || \"No email\"}</Text>\n                      <Text size=\"xs\" c=\"dimmed\">\n                        {item.userRealm || \"default\"}\n                      </Text>\n                    </Stack>\n                  }\n                >\n                  <Group gap={4}>\n                    <IconUser size={12} />\n                    <Text size=\"xs\" lineClamp={1} maw={100}>\n                      {item.userEmail?.split(\"@\")[0] || item.userId.slice(0, 8)}\n                    </Text>\n                  </Group>\n                </Tooltip>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  System\n                </Text>\n              ),\n          },\n          description: {\n            label: \"Description\",\n            value: (item) => (\n              <Text size=\"sm\" lineClamp={1}>\n                {item.description || \"-\"}\n              </Text>\n            ),\n          },\n          resource: {\n            label: \"Resource\",\n            fit: true,\n            value: (item) =>\n              item.resourceType ? (\n                <Tooltip label={`${item.resourceType}: ${item.resourceId}`}>\n                  <Badge size=\"xs\" variant=\"dot\" color=\"gray\">\n                    {item.resourceType}\n                  </Badge>\n                </Tooltip>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  -\n                </Text>\n              ),\n          },\n          success: {\n            label: \"Status\",\n            fit: true,\n            value: (item) =>\n              item.success ? (\n                <IconCheck size={14} color=\"var(--mantine-color-green-6)\" />\n              ) : (\n                <Tooltip label={item.errorMessage || \"Failed\"}>\n                  <IconX size={14} color=\"var(--mantine-color-red-6)\" />\n                </Tooltip>\n              ),\n          },\n          ipAddress: {\n            label: \"IP\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n                {item.ipAddress || \"-\"}\n              </Text>\n            ),\n          },\n          createdAt: {\n            label: \"Time\",\n            fit: true,\n            value: (item) => (\n              <Tooltip label={l(item.createdAt, { date: \"medium\" })}>\n                <Text size=\"xs\" c=\"dimmed\">\n                  {l(item.createdAt, { date: \"fromNow\" })}\n                </Text>\n              </Tooltip>\n            ),\n          },\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default AdminAudits;\n"],"mappings":"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"}

package/dist/admin/AdminAudits-Dv8Vk_6r.js

@@ -0,0 +1,3 @@
+import { t as AdminAudits_default } from "./AdminAudits-CwvH8e8c.js";
+
+export { AdminAudits_default as default };

package/dist/admin/AdminFiles-5CPA3lQk.js

@@ -0,0 +1,3 @@
+import { t as AdminFiles_default } from "./AdminFiles-C_w1tb_x.js";
+
+export { AdminFiles_default as default };

package/dist/admin/{AdminFiles-B_jfB_Py.js → AdminFiles-C_w1tb_x.js}

@@ -1,12 +1,12 @@
 import { DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { useClient } from "@alepha/react";
-import { Badge } from "@mantine/core";
 import { jsx } from "react/jsx-runtime";
 import { useI18n } from "@alepha/react/i18n";
+import { Badge } from "@mantine/core";
 import { files } from "alepha/api/files";
 
-//#region ../../src/admin/components/AdminFiles.tsx
+//#region ../../src/admin/components/files/AdminFiles.tsx
 const AdminFiles = () => {
 	const client = useClient();
 	const { l } = useI18n();
@@ -32,6 +32,7 @@ const AdminFiles = () => {
 	};
 	return /* @__PURE__ */ jsx(Flex, {
 		flex: 1,
+		direction: "column",
 		children: /* @__PURE__ */ jsx(DataTable, {
 			submitOnInit: true,
 			defaultSize: 10,
@@ -114,4 +115,4 @@ var AdminFiles_default = AdminFiles;
 
 //#endregion
 export { AdminFiles_default as t };
-//# sourceMappingURL=AdminFiles-B_jfB_Py.js.map
+//# sourceMappingURL=AdminFiles-C_w1tb_x.js.map

package/dist/admin/AdminFiles-C_w1tb_x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminFiles-C_w1tb_x.js","names":["filters"],"sources":["../../src/admin/components/files/AdminFiles.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge } from \"@mantine/core\";\nimport { type Page, t } from \"alepha\";\nimport { type FileController, type FileEntity, files } from \"alepha/api/files\";\n\nconst AdminFiles = () => {\n  const client = useClient<FileController>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    bucket: t.optional(t.string()),\n    name: t.optional(\n      t.string({\n        $control: {\n          query: t.pick(files.schema, [\"name\", \"bucket\", \"mimeType\"]),\n        },\n      }),\n    ),\n  });\n\n  const formatFileSize = (bytes: number) => {\n    if (bytes === 0) return \"0 B\";\n    const k = 1024;\n    const sizes = [\"B\", \"KB\", \"MB\", \"GB\"];\n    const i = Math.floor(Math.log(bytes) / Math.log(k));\n    return `${Number.parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;\n  };\n\n  return (\n    <Flex flex={1} direction={\"column\"}>\n      <DataTable<FileEntity, 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 === \"name\" || key === \"bucket\") {\n            return form.submit();\n          }\n        }}\n        filters={filters}\n        items={async (filters) => {\n          const response = await client.findFiles({\n            query: filters,\n          });\n\n          return response as Page<FileEntity>;\n        }}\n        columns={{\n          name: {\n            label: \"Name\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500} lineClamp={1}>\n                {item.name}\n              </Text>\n            ),\n          },\n          bucket: {\n            label: \"Bucket\",\n            fit: true,\n            value: (item) => (\n              <Badge size=\"sm\" variant=\"light\" color=\"blue\">\n                {item.bucket}\n              </Badge>\n            ),\n          },\n          mimeType: {\n            label: \"Type\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.mimeType}\n              </Text>\n            ),\n          },\n          size: {\n            label: \"Size\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {formatFileSize(item.size)}\n              </Text>\n            ),\n          },\n          creatorName: {\n            label: \"Creator\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.creatorName || \"-\"}\n              </Text>\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 AdminFiles;\n"],"mappings":";;;;;;;;;AAOA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAA2B;CAC1C,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,UAAU,EAAE,OAAO;EACvB,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;EAC9B,MAAM,EAAE,SACN,EAAE,OAAO,EACP,UAAU,EACR,OAAO,EAAE,KAAK,MAAM,QAAQ;GAAC;GAAQ;GAAU;GAAW,CAAC,EAC5D,EACF,CAAC,CACH;EACF,CAAC;CAEF,MAAM,kBAAkB,UAAkB;AACxC,MAAI,UAAU,EAAG,QAAO;EACxB,MAAM,IAAI;EACV,MAAM,QAAQ;GAAC;GAAK;GAAM;GAAM;GAAK;EACrC,MAAM,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,KAAK,IAAI,EAAE,CAAC;AACnD,SAAO,GAAG,OAAO,YAAY,QAAQ,KAAK,GAAG,QAAQ,EAAE,CAAC,CAAC,GAAG,MAAM;;AAGpE,QACE,oBAAC;EAAK,MAAM;EAAG,WAAW;YACxB,oBAAC;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,UAAU,QAAQ,SAC5B,QAAO,KAAK,QAAQ;;GAGf;GACT,OAAO,OAAO,cAAY;AAKxB,WAJiB,MAAM,OAAO,UAAU,EACtC,OAAOA,WACR,CAAC;;GAIJ,SAAS;IACP,MAAM;KACJ,OAAO;KACP,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,IAAI;MAAK,WAAW;gBACjC,KAAK;OACD;KAEV;IACD,QAAQ;KACN,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAM,MAAK;MAAK,SAAQ;MAAQ,OAAM;gBACpC,KAAK;OACA;KAEX;IACD,UAAU;KACR,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK;OACD;KAEV;IACD,MAAM;KACJ,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,eAAe,KAAK,KAAK;OACrB;KAEV;IACD,aAAa;KACX,OAAO;KACP,KAAK;KACL,QAAQ,SACN,oBAAC;MAAK,MAAK;MAAK,GAAE;gBACf,KAAK,eAAe;OAChB;KAEV;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"}

package/dist/admin/AdminLayout-BnSmtA4x.js

@@ -0,0 +1,3 @@
+import { t as AdminLayout_default } from "./AdminLayout-XiSivwWH.js";
+
+export { AdminLayout_default as default };

package/dist/admin/AdminLayout-XiSivwWH.js

@@ -0,0 +1,39 @@
+import { ActionButton, AdminShell, AlephaMantineProvider, OmnibarButton } from "@alepha/ui";
+import { UserButton } from "@alepha/ui/auth";
+import { IconArrowLeft } from "@tabler/icons-react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../../src/admin/components/AdminLayout.tsx
+const AdminLayout = (props) => {
+	return /* @__PURE__ */ jsx(AlephaMantineProvider, { children: /* @__PURE__ */ jsx(AdminShell, {
+		appBarProps: { items: [
+			{
+				element: /* @__PURE__ */ jsx(ActionButton, {
+					variant: "subtle",
+					icon: IconArrowLeft,
+					href: "/"
+				}),
+				position: "left"
+			},
+			{
+				element: /* @__PURE__ */ jsx(OmnibarButton, {}),
+				position: "center"
+			},
+			{
+				element: /* @__PURE__ */ jsx(UserButton, {}),
+				position: "right"
+			},
+			{
+				type: "dark",
+				position: "right"
+			}
+		] },
+		sidebarProps: { autoPopulateMenu: { startsWith: "/admin" } },
+		...props.adminShellProps
+	}) });
+};
+var AdminLayout_default = AdminLayout;
+
+//#endregion
+export { AdminLayout_default as t };
+//# sourceMappingURL=AdminLayout-XiSivwWH.js.map

package/dist/admin/AdminLayout-XiSivwWH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminLayout-XiSivwWH.js","names":[],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n  ActionButton,\n  AdminShell,\n  type AdminShellProps,\n  AlephaMantineProvider,\n  OmnibarButton,\n} from \"@alepha/ui\";\nimport { UserButton } from \"@alepha/ui/auth\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\n\nexport interface AdminLayoutProps {\n  adminShellProps?: AdminShellProps;\n}\n\nconst AdminLayout = (props: AdminLayoutProps) => {\n  return (\n    <AlephaMantineProvider>\n      <AdminShell\n        appBarProps={{\n          items: [\n            {\n              element: (\n                <ActionButton\n                  variant={\"subtle\"}\n                  icon={IconArrowLeft}\n                  href={\"/\"}\n                />\n              ),\n              position: \"left\",\n            },\n            {\n              element: <OmnibarButton />,\n              position: \"center\",\n            },\n            {\n              element: <UserButton />,\n              position: \"right\",\n            },\n            {\n              type: \"dark\",\n              position: \"right\",\n            },\n          ],\n        }}\n        sidebarProps={{\n          autoPopulateMenu: {\n            startsWith: \"/admin\",\n          },\n        }}\n        {...props.adminShellProps}\n      />\n    </AlephaMantineProvider>\n  );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;AAcA,MAAM,eAAe,UAA4B;AAC/C,QACE,oBAAC,mCACC,oBAAC;EACC,aAAa,EACX,OAAO;GACL;IACE,SACE,oBAAC;KACC,SAAS;KACT,MAAM;KACN,MAAM;MACN;IAEJ,UAAU;IACX;GACD;IACE,SAAS,oBAAC,kBAAgB;IAC1B,UAAU;IACX;GACD;IACE,SAAS,oBAAC,eAAa;IACvB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;EACD,GAAI,MAAM;GACV,GACoB;;AAI5B,0BAAe"}

package/dist/admin/AdminNotifications-DLjmZWtf.js

@@ -0,0 +1,3 @@
+import { t as AdminNotifications_default } from "./AdminNotifications-DuYy74AN.js";
+
+export { AdminNotifications_default as default };

package/dist/admin/{AdminNotifications-BFEjqpqx.js → AdminNotifications-DuYy74AN.js}

@@ -2,11 +2,11 @@ import { DataTable, Flex, Text } from "@alepha/ui";
 import { t } from "alepha";
 import { useClient } from "@alepha/react";
 import { IconAlertCircle, IconCheck, IconClock, IconMail, IconMessage } from "@tabler/icons-react";
-import { Badge, Tooltip } from "@mantine/core";
 import { jsx } from "react/jsx-runtime";
 import { useI18n } from "@alepha/react/i18n";
+import { Badge, Tooltip } from "@mantine/core";
 
-//#region ../../src/admin/components/AdminNotifications.tsx
+//#region ../../src/admin/components/notifications/AdminNotifications.tsx
 const AdminNotifications = () => {
 	const client = useClient();
 	const { l } = useI18n();
@@ -151,4 +151,4 @@ var AdminNotifications_default = AdminNotifications;
 
 //#endregion
 export { AdminNotifications_default as t };
-//# sourceMappingURL=AdminNotifications-BFEjqpqx.js.map
+//# sourceMappingURL=AdminNotifications-DuYy74AN.js.map

package/dist/admin/AdminNotifications-DuYy74AN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminNotifications-DuYy74AN.js","names":["filters"],"sources":["../../src/admin/components/notifications/AdminNotifications.tsx"],"sourcesContent":["import { useClient } from \"@alepha/react\";\nimport { useI18n } from \"@alepha/react/i18n\";\nimport { DataTable, Flex, Text } from \"@alepha/ui\";\nimport { Badge, Tooltip } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconCheck,\n  IconClock,\n  IconMail,\n  IconMessage,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport type {\n  NotificationController,\n  NotificationEntity,\n} from \"alepha/api/notifications\";\n\nconst AdminNotifications = () => {\n  const client = useClient<NotificationController>();\n  const { l } = useI18n();\n\n  const filters = t.object({\n    type: t.optional(\n      t.enum([\"email\", \"sms\"], {\n        title: \"Type\",\n      }),\n    ),\n    status: t.optional(\n      t.enum([\"pending\", \"sent\", \"failed\"], {\n        title: \"Status\",\n      }),\n    ),\n    template: t.optional(\n      t.string({\n        title: \"Template\",\n      }),\n    ),\n    contact: t.optional(\n      t.string({\n        title: \"Contact\",\n      }),\n    ),\n  });\n\n  const getStatus = (item: NotificationEntity) => {\n    if (item.error) return \"failed\";\n    if (item.sentAt) return \"sent\";\n    return \"pending\";\n  };\n\n  const getStatusBadge = (item: NotificationEntity) => {\n    const status = getStatus(item);\n    switch (status) {\n      case \"sent\":\n        return (\n          <Badge\n            size=\"sm\"\n            variant=\"light\"\n            color=\"green\"\n            leftSection={<IconCheck size={12} />}\n          >\n            Sent\n          </Badge>\n        );\n      case \"failed\":\n        return (\n          <Tooltip label={item.error?.message} multiline maw={300}>\n            <Badge\n              size=\"sm\"\n              variant=\"light\"\n              color=\"red\"\n              leftSection={<IconAlertCircle size={12} />}\n            >\n              Failed\n            </Badge>\n          </Tooltip>\n        );\n      default:\n        return (\n          <Badge\n            size=\"sm\"\n            variant=\"light\"\n            color=\"yellow\"\n            leftSection={<IconClock size={12} />}\n          >\n            Pending\n          </Badge>\n        );\n    }\n  };\n\n  return (\n    <Flex flex={1} direction=\"column\">\n      <DataTable<NotificationEntity, typeof filters>\n        submitOnInit\n        defaultSize={10}\n        typeFormProps={{\n          skipSubmitButton: true,\n          columns: 4,\n        }}\n        tableProps={{\n          horizontalSpacing: \"xs\",\n          verticalSpacing: \"xs\",\n        }}\n        onFilterChange={(_key, _value, form) => {\n          return form.submit();\n        }}\n        filters={filters}\n        tableTrProps={(item) => {\n          const status = getStatus(item);\n          if (status === \"failed\") {\n            return {\n              bg: \"var(--mantine-color-red-light)\",\n            };\n          }\n          return {};\n        }}\n        items={async (filters) => {\n          const response = await client.findNotifications({\n            query: filters,\n          });\n\n          return response as Page<NotificationEntity>;\n        }}\n        columns={{\n          type: {\n            label: \"Type\",\n            fit: true,\n            value: (item) => (\n              <Badge\n                size=\"sm\"\n                variant=\"outline\"\n                leftSection={\n                  item.type === \"email\" ? (\n                    <IconMail size={12} />\n                  ) : (\n                    <IconMessage size={12} />\n                  )\n                }\n              >\n                {item.type.toUpperCase()}\n              </Badge>\n            ),\n          },\n          template: {\n            label: \"Template\",\n            value: (item) => (\n              <Text size=\"sm\" fw={500}>\n                {item.template}\n              </Text>\n            ),\n          },\n          contact: {\n            label: \"Contact\",\n            value: (item) => (\n              <Text size=\"sm\" ff=\"monospace\">\n                {item.contact}\n              </Text>\n            ),\n          },\n          category: {\n            label: \"Category\",\n            fit: true,\n            value: (item) =>\n              item.category ? (\n                <Badge size=\"xs\" variant=\"light\">\n                  {item.category}\n                </Badge>\n              ) : (\n                <Text size=\"xs\" c=\"dimmed\">\n                  -\n                </Text>\n              ),\n          },\n          status: {\n            label: \"Status\",\n            fit: true,\n            value: (item) => getStatusBadge(item),\n          },\n          sentAt: {\n            label: \"Sent\",\n            fit: true,\n            value: (item) => (\n              <Text size=\"xs\" c=\"dimmed\">\n                {item.sentAt ? l(item.sentAt, { date: \"fromNow\" }) : \"-\"}\n              </Text>\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 AdminNotifications;\n"],"mappings":"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"}

package/dist/admin/AdminParameters-DYg48Jwe.js

@@ -0,0 +1,3 @@
+import { t as AdminParameters_default } from "./AdminParameters-YagqWTG3.js";
+
+export { AdminParameters_default as default };