@burdenoff/microfe-assethandler 2026.510.104

package/dist/assethandler/pages/TransactionsTransactionDetailPage.js

@@ -0,0 +1,281 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { ArrowLeft as t, Building as n, Calendar as r, CheckCircle2 as i, DollarSign as a, FileText as o, Package as s, Printer as c, User as l, XCircle as u } from "lucide-react";
+import { useParams as d } from "react-router-dom";
+import { Badge as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Separator as v } from "@burdenoff/fe-libs/ui";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/assethandler/pages/TransactionsTransactionDetailPage.tsx
+var x = {
+	pending: "outline",
+	approved: "default",
+	completed: "secondary",
+	rejected: "destructive",
+	cancelled: "outline"
+}, S = {
+	purchase: "default",
+	lease: "secondary",
+	disposal: "destructive",
+	transfer: "outline",
+	maintenance: "secondary",
+	depreciation: "outline"
+}, C = [
+	{
+		status: "Created",
+		date: "2026-01-15T10:30:00Z",
+		actor: "Procurement System"
+	},
+	{
+		status: "Pending Approval",
+		date: "2026-01-15T10:30:00Z",
+		actor: "Auto-routed"
+	},
+	{
+		status: "Approved",
+		date: "2026-01-16T14:20:00Z",
+		actor: "Michael Chen"
+	},
+	{
+		status: "Completed",
+		date: "2026-01-17T09:00:00Z",
+		actor: "Finance System"
+	}
+];
+function w() {
+	let { transactionId: w } = d(), { transactions: T } = e(), E = T.find((e) => e.id === w) ?? T[0];
+	return E ? /* @__PURE__ */ b("div", {
+		className: "space-y-6 p-6 max-w-5xl",
+		children: [/* @__PURE__ */ b("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ b("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ y(p, {
+					variant: "outline",
+					size: "sm",
+					children: /* @__PURE__ */ y(t, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ y("h1", {
+							className: "text-2xl font-semibold",
+							children: E.id
+						}),
+						/* @__PURE__ */ y(f, {
+							variant: x[E.status],
+							children: E.status
+						}),
+						/* @__PURE__ */ y(f, {
+							variant: S[E.type],
+							children: E.type
+						})
+					]
+				}), /* @__PURE__ */ y("p", {
+					className: "text-sm text-muted-foreground",
+					children: E.description
+				})] })]
+			}), /* @__PURE__ */ b("div", {
+				className: "flex gap-2",
+				children: [
+					/* @__PURE__ */ b(p, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ y(c, { className: "mr-2 h-4 w-4" }), "Print"]
+					}),
+					/* @__PURE__ */ b(p, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ y(i, { className: "mr-2 h-4 w-4" }), "Approve"]
+					}),
+					/* @__PURE__ */ b(p, {
+						variant: "destructive",
+						size: "sm",
+						children: [/* @__PURE__ */ y(u, { className: "mr-2 h-4 w-4" }), "Reject"]
+					})
+				]
+			})]
+		}), /* @__PURE__ */ b("div", {
+			className: "grid gap-6 md:grid-cols-2",
+			children: [
+				/* @__PURE__ */ b(m, { children: [/* @__PURE__ */ y(g, { children: /* @__PURE__ */ b(_, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ y(o, { className: "h-5 w-5" }), "Transaction Information"]
+				}) }), /* @__PURE__ */ b(h, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ b("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Transaction ID"
+								}), /* @__PURE__ */ y("p", {
+									className: "font-mono font-medium",
+									children: E.id
+								})] }),
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Type"
+								}), /* @__PURE__ */ y(f, {
+									variant: S[E.type],
+									children: E.type
+								})] }),
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Category"
+								}), /* @__PURE__ */ y("p", {
+									className: "font-medium",
+									children: E.category
+								})] }),
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Status"
+								}), /* @__PURE__ */ y(f, {
+									variant: x[E.status],
+									children: E.status
+								})] })
+							]
+						}),
+						/* @__PURE__ */ y(v, {}),
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Description"
+						}), /* @__PURE__ */ y("p", {
+							className: "mt-1",
+							children: E.description
+						})] })
+					]
+				})] }),
+				/* @__PURE__ */ b(m, { children: [/* @__PURE__ */ y(g, { children: /* @__PURE__ */ b(_, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ y(a, { className: "h-5 w-5" }), "Financial Details"]
+				}) }), /* @__PURE__ */ b(h, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ b("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Amount"
+								}), /* @__PURE__ */ y("p", {
+									className: `text-2xl font-bold ${E.amount < 0 ? "text-destructive" : ""}`,
+									children: ((e) => Math.abs(e).toLocaleString("en-US", {
+										style: "currency",
+										currency: "USD"
+									}))(E.amount)
+								})] }),
+								/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Currency"
+								}), /* @__PURE__ */ y("p", {
+									className: "font-medium",
+									children: E.currency
+								})] }),
+								E.poNumber && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-sm text-muted-foreground",
+									children: "PO Number"
+								}), /* @__PURE__ */ y("p", {
+									className: "font-mono font-medium",
+									children: E.poNumber
+								})] }),
+								E.invoiceNumber && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Invoice Number"
+								}), /* @__PURE__ */ y("p", {
+									className: "font-mono font-medium",
+									children: E.invoiceNumber
+								})] })
+							]
+						}),
+						/* @__PURE__ */ y(v, {}),
+						/* @__PURE__ */ b("div", {
+							className: "grid grid-cols-2 gap-4",
+							children: [E.approvedBy && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Approved By"
+							}), /* @__PURE__ */ b("div", {
+								className: "flex items-center gap-1 mt-1",
+								children: [/* @__PURE__ */ y(l, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ y("p", {
+									className: "font-medium",
+									children: E.approvedBy
+								})]
+							})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Date"
+							}), /* @__PURE__ */ b("div", {
+								className: "flex items-center gap-1 mt-1",
+								children: [/* @__PURE__ */ y(r, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ y("p", {
+									className: "font-medium",
+									children: new Date(E.date).toLocaleDateString()
+								})]
+							})] })]
+						})
+					]
+				})] }),
+				/* @__PURE__ */ b(m, { children: [/* @__PURE__ */ y(g, { children: /* @__PURE__ */ b(_, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ y(s, { className: "h-5 w-5" }), "Related Items"]
+				}) }), /* @__PURE__ */ y(h, {
+					className: "space-y-4",
+					children: /* @__PURE__ */ b("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [
+							E.vendor && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Vendor"
+							}), /* @__PURE__ */ y("p", {
+								className: "font-medium",
+								children: E.vendor
+							})] }),
+							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Department"
+							}), /* @__PURE__ */ b("div", {
+								className: "flex items-center gap-1 mt-1",
+								children: [/* @__PURE__ */ y(n, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ y("p", {
+									className: "font-medium",
+									children: E.department
+								})]
+							})] }),
+							E.relatedAsset && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Related Asset"
+							}), /* @__PURE__ */ y("p", {
+								className: "font-mono font-medium",
+								children: E.relatedAsset
+							})] })
+						]
+					})
+				})] }),
+				/* @__PURE__ */ b(m, { children: [/* @__PURE__ */ y(g, { children: /* @__PURE__ */ y(_, { children: "Status Timeline" }) }), /* @__PURE__ */ y(h, { children: /* @__PURE__ */ y("div", {
+					className: "space-y-4",
+					children: C.map((e, t) => /* @__PURE__ */ b("div", {
+						className: "flex gap-4",
+						children: [/* @__PURE__ */ b("div", {
+							className: "flex flex-col items-center",
+							children: [/* @__PURE__ */ y("div", { className: `h-3 w-3 rounded-full ${t === C.length - 1 ? "bg-green-500" : "bg-primary"}` }), t < C.length - 1 && /* @__PURE__ */ y("div", { className: "w-px flex-1 bg-border" })]
+						}), /* @__PURE__ */ b("div", {
+							className: "pb-4",
+							children: [/* @__PURE__ */ y("p", {
+								className: "font-medium text-sm",
+								children: e.status
+							}), /* @__PURE__ */ b("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									new Date(e.date).toLocaleString(),
+									" by ",
+									e.actor
+								]
+							})]
+						})]
+					}, t))
+				}) })] })
+			]
+		})]
+	}) : /* @__PURE__ */ y("div", {
+		className: "p-6 text-center text-muted-foreground",
+		children: "Transaction not found."
+	});
+}
+//#endregion
+export { w as TransactionsTransactionDetailPage };
+
+//# sourceMappingURL=TransactionsTransactionDetailPage.js.map

package/dist/assethandler/pages/TransactionsTransactionDetailPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionsTransactionDetailPage.js","names":[],"sources":["../../../src/assethandler/pages/TransactionsTransactionDetailPage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Separator,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  ArrowLeft,\n  Printer,\n  CheckCircle2,\n  XCircle,\n  DollarSign,\n  Calendar,\n  Building,\n  FileText,\n  User,\n  Package,\n} from 'lucide-react';\nimport { useParams } from 'react-router-dom';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\n\nconst statusColors: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  pending: 'outline',\n  approved: 'default',\n  completed: 'secondary',\n  rejected: 'destructive',\n  cancelled: 'outline',\n};\n\nconst typeColors: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  purchase: 'default',\n  lease: 'secondary',\n  disposal: 'destructive',\n  transfer: 'outline',\n  maintenance: 'secondary',\n  depreciation: 'outline',\n};\n\nconst statusTimeline = [\n  { status: 'Created', date: '2026-01-15T10:30:00Z', actor: 'Procurement System' },\n  { status: 'Pending Approval', date: '2026-01-15T10:30:00Z', actor: 'Auto-routed' },\n  { status: 'Approved', date: '2026-01-16T14:20:00Z', actor: 'Michael Chen' },\n  { status: 'Completed', date: '2026-01-17T09:00:00Z', actor: 'Finance System' },\n];\n\nexport function TransactionsTransactionDetailPage() {\n  const { transactionId } = useParams<{ transactionId: string }>();\n  const { transactions } = useAssetHandlerStore();\n  const transaction = transactions.find((item) => item.id === transactionId) ?? transactions[0];\n\n  if (!transaction) {\n    return <div className=\"p-6 text-center text-muted-foreground\">Transaction not found.</div>;\n  }\n\n  const formatAmount = (amount: number) => {\n    return Math.abs(amount).toLocaleString('en-US', { style: 'currency', currency: 'USD' });\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-5xl\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"outline\" size=\"sm\">\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <div className=\"flex items-center gap-2\">\n              <h1 className=\"text-2xl font-semibold\">{transaction.id}</h1>\n              <Badge variant={statusColors[transaction.status]}>{transaction.status}</Badge>\n              <Badge variant={typeColors[transaction.type]}>{transaction.type}</Badge>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">{transaction.description}</p>\n          </div>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Printer className=\"mr-2 h-4 w-4\" />\n            Print\n          </Button>\n          <Button variant=\"outline\" size=\"sm\">\n            <CheckCircle2 className=\"mr-2 h-4 w-4\" />\n            Approve\n          </Button>\n          <Button variant=\"destructive\" size=\"sm\">\n            <XCircle className=\"mr-2 h-4 w-4\" />\n            Reject\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-6 md:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <FileText className=\"h-5 w-5\" />\n              Transaction Information\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Transaction ID</p>\n                <p className=\"font-mono font-medium\">{transaction.id}</p>\n              </div>\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Type</p>\n                <Badge variant={typeColors[transaction.type]}>{transaction.type}</Badge>\n              </div>\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Category</p>\n                <p className=\"font-medium\">{transaction.category}</p>\n              </div>\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Status</p>\n                <Badge variant={statusColors[transaction.status]}>{transaction.status}</Badge>\n              </div>\n            </div>\n            <Separator />\n            <div>\n              <p className=\"text-sm text-muted-foreground\">Description</p>\n              <p className=\"mt-1\">{transaction.description}</p>\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <DollarSign className=\"h-5 w-5\" />\n              Financial Details\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Amount</p>\n                <p\n                  className={`text-2xl font-bold ${transaction.amount < 0 ? 'text-destructive' : ''}`}\n                >\n                  {formatAmount(transaction.amount)}\n                </p>\n              </div>\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Currency</p>\n                <p className=\"font-medium\">{transaction.currency}</p>\n              </div>\n              {transaction.poNumber && (\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">PO Number</p>\n                  <p className=\"font-mono font-medium\">{transaction.poNumber}</p>\n                </div>\n              )}\n              {transaction.invoiceNumber && (\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">Invoice Number</p>\n                  <p className=\"font-mono font-medium\">{transaction.invoiceNumber}</p>\n                </div>\n              )}\n            </div>\n            <Separator />\n            <div className=\"grid grid-cols-2 gap-4\">\n              {transaction.approvedBy && (\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">Approved By</p>\n                  <div className=\"flex items-center gap-1 mt-1\">\n                    <User className=\"h-4 w-4 text-muted-foreground\" />\n                    <p className=\"font-medium\">{transaction.approvedBy}</p>\n                  </div>\n                </div>\n              )}\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Date</p>\n                <div className=\"flex items-center gap-1 mt-1\">\n                  <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                  <p className=\"font-medium\">{new Date(transaction.date).toLocaleDateString()}</p>\n                </div>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Package className=\"h-5 w-5\" />\n              Related Items\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-4\">\n              {transaction.vendor && (\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">Vendor</p>\n                  <p className=\"font-medium\">{transaction.vendor}</p>\n                </div>\n              )}\n              <div>\n                <p className=\"text-sm text-muted-foreground\">Department</p>\n                <div className=\"flex items-center gap-1 mt-1\">\n                  <Building className=\"h-4 w-4 text-muted-foreground\" />\n                  <p className=\"font-medium\">{transaction.department}</p>\n                </div>\n              </div>\n              {transaction.relatedAsset && (\n                <div>\n                  <p className=\"text-sm text-muted-foreground\">Related Asset</p>\n                  <p className=\"font-mono font-medium\">{transaction.relatedAsset}</p>\n                </div>\n              )}\n            </div>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Status Timeline</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <div className=\"space-y-4\">\n              {statusTimeline.map((entry, i) => (\n                <div key={i} className=\"flex gap-4\">\n                  <div className=\"flex flex-col items-center\">\n                    <div\n                      className={`h-3 w-3 rounded-full ${i === statusTimeline.length - 1 ? 'bg-green-500' : 'bg-primary'}`}\n                    />\n                    {i < statusTimeline.length - 1 && <div className=\"w-px flex-1 bg-border\" />}\n                  </div>\n                  <div className=\"pb-4\">\n                    <p className=\"font-medium text-sm\">{entry.status}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {new Date(entry.date).toLocaleString()} by {entry.actor}\n                    </p>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/TransactionsTransactionListPage.d.ts

@@ -0,0 +1,2 @@
+export declare function TransactionsTransactionListPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TransactionsTransactionListPage.d.ts.map

package/dist/assethandler/pages/TransactionsTransactionListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionsTransactionListPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/TransactionsTransactionListPage.tsx"],"names":[],"mappings":"AAmDA,wBAAgB,+BAA+B,4CAsS9C"}

package/dist/assethandler/pages/TransactionsTransactionListPage.js

@@ -0,0 +1,220 @@
+import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
+import { tWithFallback as t } from "../utils/i18n.js";
+import { useState as n } from "react";
+import { ArrowUpDown as r, CheckCircle2 as i, Clock as a, DollarSign as o, Download as s, Filter as c, Search as l } from "lucide-react";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, Input as g, Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, SelectValue as x, Table as S, TableBody as C, TableCell as w, TableHead as T, TableHeader as E, TableRow as D } from "@burdenoff/fe-libs/ui";
+import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+//#region src/assethandler/pages/TransactionsTransactionListPage.tsx
+var j = {
+	purchase: "default",
+	lease: "secondary",
+	disposal: "destructive",
+	transfer: "outline",
+	maintenance: "secondary",
+	depreciation: "outline"
+}, M = {
+	pending: "outline",
+	approved: "default",
+	completed: "secondary",
+	rejected: "destructive",
+	cancelled: "outline"
+};
+function N() {
+	let { t: N } = O(), { transactions: P } = e(), [F, I] = n(""), [L, R] = n("all"), [z, B] = n("all"), V = P.filter((e) => !(L !== "all" && e.type !== L || z !== "all" && e.status !== z || F && !e.description.toLowerCase().includes(F.toLowerCase()) && !e.id.toLowerCase().includes(F.toLowerCase()))), H = P.filter((e) => e.amount > 0).reduce((e, t) => e + t.amount, 0), U = P.filter((e) => e.status === "pending").length, W = P.filter((e) => e.status === "completed").length, G = (e) => {
+		let t = Math.abs(e).toLocaleString("en-US", {
+			style: "currency",
+			currency: "USD"
+		});
+		return e < 0 ? `-${t}` : t;
+	};
+	return /* @__PURE__ */ A("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ A("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("h1", {
+					className: "text-2xl font-semibold",
+					children: t(N, "assethandler.transactions.title", "Transactions")
+				}), /* @__PURE__ */ k("p", {
+					className: "text-sm text-muted-foreground",
+					children: t(N, "assethandler.transactions.description", "Track all financial transactions related to asset management.")
+				})] }), /* @__PURE__ */ A(d, {
+					variant: "outline",
+					size: "sm",
+					children: [/* @__PURE__ */ k(s, { className: "mr-2 h-4 w-4" }), t(N, "assethandler.transactions.actions.export", "Export")]
+				})]
+			}),
+			/* @__PURE__ */ A("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ A(f, { children: [/* @__PURE__ */ A(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ k(h, {
+							className: "text-sm font-medium",
+							children: t(N, "assethandler.transactions.stats.totalTransactions", "Total Transactions")
+						}), /* @__PURE__ */ k(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ k(p, { children: /* @__PURE__ */ k("div", {
+						className: "text-2xl font-bold",
+						children: P.length
+					}) })] }),
+					/* @__PURE__ */ A(f, { children: [/* @__PURE__ */ A(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ k(h, {
+							className: "text-sm font-medium",
+							children: t(N, "assethandler.transactions.stats.totalSpend", "Total Spend")
+						}), /* @__PURE__ */ k(o, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ k(p, { children: /* @__PURE__ */ k("div", {
+						className: "text-2xl font-bold",
+						children: G(H)
+					}) })] }),
+					/* @__PURE__ */ A(f, { children: [/* @__PURE__ */ A(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ k(h, {
+							className: "text-sm font-medium",
+							children: t(N, "assethandler.transactions.stats.pendingApprovals", "Pending Approvals")
+						}), /* @__PURE__ */ k(a, { className: "h-4 w-4 text-yellow-500" })]
+					}), /* @__PURE__ */ k(p, { children: /* @__PURE__ */ k("div", {
+						className: "text-2xl font-bold",
+						children: U
+					}) })] }),
+					/* @__PURE__ */ A(f, { children: [/* @__PURE__ */ A(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ k(h, {
+							className: "text-sm font-medium",
+							children: t(N, "assethandler.transactions.stats.completed", "Completed")
+						}), /* @__PURE__ */ k(i, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ k(p, { children: /* @__PURE__ */ k("div", {
+						className: "text-2xl font-bold",
+						children: W
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ A(f, { children: [/* @__PURE__ */ k(m, { children: /* @__PURE__ */ A("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ k(h, { children: t(N, "assethandler.transactions.table.title", "All Transactions") }), /* @__PURE__ */ A("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ A("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ k(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ k(g, {
+								placeholder: t(N, "assethandler.transactions.search.placeholder", "Search..."),
+								value: F,
+								onChange: (e) => I(e.target.value),
+								className: "pl-9 w-[200px]"
+							})]
+						}),
+						/* @__PURE__ */ A(_, {
+							value: L,
+							onValueChange: R,
+							children: [/* @__PURE__ */ A(b, {
+								className: "w-[140px]",
+								children: [/* @__PURE__ */ k(c, { className: "mr-2 h-4 w-4" }), /* @__PURE__ */ k(x, { placeholder: t(N, "assethandler.transactions.filters.type.placeholder", "Type") })]
+							}), /* @__PURE__ */ A(v, { children: [
+								/* @__PURE__ */ k(y, {
+									value: "all",
+									children: t(N, "assethandler.transactions.filters.type.all", "All Types")
+								}),
+								/* @__PURE__ */ k(y, {
+									value: "purchase",
+									children: t(N, "assethandler.transactions.filters.type.purchase", "Purchase")
+								}),
+								/* @__PURE__ */ k(y, {
+									value: "lease",
+									children: t(N, "assethandler.transactions.filters.type.lease", "Lease")
+								}),
+								/* @__PURE__ */ k(y, {
+									value: "disposal",
+									children: t(N, "assethandler.transactions.filters.type.disposal", "Disposal")
+								}),
+								/* @__PURE__ */ k(y, {
+									value: "transfer",
+									children: t(N, "assethandler.transactions.filters.type.transfer", "Transfer")
+								}),
+								/* @__PURE__ */ k(y, {
+									value: "maintenance",
+									children: t(N, "assethandler.transactions.filters.type.maintenance", "Maintenance")
+								})
+							] })]
+						}),
+						/* @__PURE__ */ A(_, {
+							value: z,
+							onValueChange: B,
+							children: [/* @__PURE__ */ k(b, {
+								className: "w-[140px]",
+								children: /* @__PURE__ */ k(x, { placeholder: t(N, "assethandler.transactions.filters.status.placeholder", "Status") })
+							}), /* @__PURE__ */ A(v, { children: [
+								/* @__PURE__ */ k(y, {
+									value: "all",
+									children: t(N, "assethandler.transactions.filters.status.all", "All Statuses")
+								}),
+								/* @__PURE__ */ k(y, {
+									value: "pending",
+									children: t(N, "assethandler.transactions.filters.status.pending", "Pending")
+								}),
+								/* @__PURE__ */ k(y, {
+									value: "approved",
+									children: t(N, "assethandler.transactions.filters.status.approved", "Approved")
+								}),
+								/* @__PURE__ */ k(y, {
+									value: "completed",
+									children: t(N, "assethandler.transactions.filters.status.completed", "Completed")
+								}),
+								/* @__PURE__ */ k(y, {
+									value: "rejected",
+									children: t(N, "assethandler.transactions.filters.status.rejected", "Rejected")
+								})
+							] })]
+						})
+					]
+				})]
+			}) }), /* @__PURE__ */ k(p, { children: /* @__PURE__ */ A(S, { children: [/* @__PURE__ */ k(E, { children: /* @__PURE__ */ A(D, { children: [
+				/* @__PURE__ */ k(T, { children: t(N, "assethandler.transactions.table.id", "ID") }),
+				/* @__PURE__ */ k(T, { children: t(N, "assethandler.transactions.table.type", "Type") }),
+				/* @__PURE__ */ k(T, { children: t(N, "assethandler.transactions.table.description", "Description") }),
+				/* @__PURE__ */ k(T, {
+					className: "text-right",
+					children: t(N, "assethandler.transactions.table.amount", "Amount")
+				}),
+				/* @__PURE__ */ k(T, { children: t(N, "assethandler.transactions.table.category", "Category") }),
+				/* @__PURE__ */ k(T, { children: t(N, "assethandler.transactions.table.date", "Date") }),
+				/* @__PURE__ */ k(T, { children: t(N, "assethandler.transactions.table.status", "Status") }),
+				/* @__PURE__ */ k(T, { children: t(N, "assethandler.transactions.table.vendor", "Vendor") }),
+				/* @__PURE__ */ k(T, { children: t(N, "assethandler.transactions.table.department", "Department") })
+			] }) }), /* @__PURE__ */ A(C, { children: [V.map((e) => /* @__PURE__ */ A(D, { children: [
+				/* @__PURE__ */ k(w, {
+					className: "font-mono text-sm",
+					children: e.id
+				}),
+				/* @__PURE__ */ k(w, { children: /* @__PURE__ */ k(u, {
+					variant: j[e.type] || "secondary",
+					children: e.type
+				}) }),
+				/* @__PURE__ */ k(w, {
+					className: "max-w-[200px] truncate",
+					children: e.description
+				}),
+				/* @__PURE__ */ k(w, {
+					className: `text-right font-medium ${e.amount < 0 ? "text-destructive" : ""}`,
+					children: G(e.amount)
+				}),
+				/* @__PURE__ */ k(w, { children: e.category }),
+				/* @__PURE__ */ k(w, { children: new Date(e.date).toLocaleDateString() }),
+				/* @__PURE__ */ k(w, { children: /* @__PURE__ */ k(u, {
+					variant: M[e.status] || "secondary",
+					children: e.status
+				}) }),
+				/* @__PURE__ */ k(w, { children: e.vendor || "—" }),
+				/* @__PURE__ */ k(w, { children: e.department })
+			] }, e.id)), V.length === 0 && /* @__PURE__ */ k(D, { children: /* @__PURE__ */ k(w, {
+				colSpan: 9,
+				className: "text-center text-muted-foreground py-8",
+				children: t(N, "assethandler.transactions.empty", "No transactions found.")
+			}) })] })] }) })] })
+		]
+	});
+}
+//#endregion
+export { N as TransactionsTransactionListPage };
+
+//# sourceMappingURL=TransactionsTransactionListPage.js.map

package/dist/assethandler/pages/TransactionsTransactionListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionsTransactionListPage.js","names":[],"sources":["../../../src/assethandler/pages/TransactionsTransactionListPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Search,\n  Filter,\n  Download,\n  DollarSign,\n  Clock,\n  CheckCircle2,\n  ArrowUpDown,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { tWithFallback } from '../utils/i18n';\n\nconst typeColors: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  purchase: 'default',\n  lease: 'secondary',\n  disposal: 'destructive',\n  transfer: 'outline',\n  maintenance: 'secondary',\n  depreciation: 'outline',\n};\n\nconst statusColors: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  pending: 'outline',\n  approved: 'default',\n  completed: 'secondary',\n  rejected: 'destructive',\n  cancelled: 'outline',\n};\n\nexport function TransactionsTransactionListPage() {\n  const { t } = useI18n();\n  const { transactions } = useAssetHandlerStore();\n  const [search, setSearch] = useState('');\n  const [typeFilter, setTypeFilter] = useState('all');\n  const [statusFilter, setStatusFilter] = useState('all');\n\n  const filtered = transactions.filter((t) => {\n    if (typeFilter !== 'all' && t.type !== typeFilter) return false;\n    if (statusFilter !== 'all' && t.status !== statusFilter) return false;\n    if (\n      search &&\n      !t.description.toLowerCase().includes(search.toLowerCase()) &&\n      !t.id.toLowerCase().includes(search.toLowerCase())\n    )\n      return false;\n    return true;\n  });\n\n  const totalSpend = transactions.filter((t) => t.amount > 0).reduce((a, t) => a + t.amount, 0);\n  const pending = transactions.filter((t) => t.status === 'pending').length;\n  const completed = transactions.filter((t) => t.status === 'completed').length;\n\n  const formatAmount = (amount: number) => {\n    const formatted = Math.abs(amount).toLocaleString('en-US', {\n      style: 'currency',\n      currency: 'USD',\n    });\n    return amount < 0 ? `-${formatted}` : formatted;\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            {tWithFallback(t, 'assethandler.transactions.title', 'Transactions')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {tWithFallback(\n              t,\n              'assethandler.transactions.description',\n              'Track all financial transactions related to asset management.'\n            )}\n          </p>\n        </div>\n        <Button variant=\"outline\" size=\"sm\">\n          <Download className=\"mr-2 h-4 w-4\" />\n          {tWithFallback(t, 'assethandler.transactions.actions.export', 'Export')}\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tWithFallback(\n                t,\n                'assethandler.transactions.stats.totalTransactions',\n                'Total Transactions'\n              )}\n            </CardTitle>\n            <ArrowUpDown className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{transactions.length}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tWithFallback(t, 'assethandler.transactions.stats.totalSpend', 'Total Spend')}\n            </CardTitle>\n            <DollarSign className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{formatAmount(totalSpend)}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tWithFallback(\n                t,\n                'assethandler.transactions.stats.pendingApprovals',\n                'Pending Approvals'\n              )}\n            </CardTitle>\n            <Clock className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{pending}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tWithFallback(t, 'assethandler.transactions.stats.completed', 'Completed')}\n            </CardTitle>\n            <CheckCircle2 className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{completed}</div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <div className=\"flex items-center justify-between\">\n            <CardTitle>\n              {tWithFallback(t, 'assethandler.transactions.table.title', 'All Transactions')}\n            </CardTitle>\n            <div className=\"flex items-center gap-2\">\n              <div className=\"relative\">\n                <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n                <Input\n                  placeholder={tWithFallback(\n                    t,\n                    'assethandler.transactions.search.placeholder',\n                    'Search...'\n                  )}\n                  value={search}\n                  onChange={(e) => setSearch(e.target.value)}\n                  className=\"pl-9 w-[200px]\"\n                />\n              </div>\n              <Select value={typeFilter} onValueChange={setTypeFilter}>\n                <SelectTrigger className=\"w-[140px]\">\n                  <Filter className=\"mr-2 h-4 w-4\" />\n                  <SelectValue\n                    placeholder={tWithFallback(\n                      t,\n                      'assethandler.transactions.filters.type.placeholder',\n                      'Type'\n                    )}\n                  />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">\n                    {tWithFallback(t, 'assethandler.transactions.filters.type.all', 'All Types')}\n                  </SelectItem>\n                  <SelectItem value=\"purchase\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.transactions.filters.type.purchase',\n                      'Purchase'\n                    )}\n                  </SelectItem>\n                  <SelectItem value=\"lease\">\n                    {tWithFallback(t, 'assethandler.transactions.filters.type.lease', 'Lease')}\n                  </SelectItem>\n                  <SelectItem value=\"disposal\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.transactions.filters.type.disposal',\n                      'Disposal'\n                    )}\n                  </SelectItem>\n                  <SelectItem value=\"transfer\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.transactions.filters.type.transfer',\n                      'Transfer'\n                    )}\n                  </SelectItem>\n                  <SelectItem value=\"maintenance\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.transactions.filters.type.maintenance',\n                      'Maintenance'\n                    )}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n              <Select value={statusFilter} onValueChange={setStatusFilter}>\n                <SelectTrigger className=\"w-[140px]\">\n                  <SelectValue\n                    placeholder={tWithFallback(\n                      t,\n                      'assethandler.transactions.filters.status.placeholder',\n                      'Status'\n                    )}\n                  />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.transactions.filters.status.all',\n                      'All Statuses'\n                    )}\n                  </SelectItem>\n                  <SelectItem value=\"pending\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.transactions.filters.status.pending',\n                      'Pending'\n                    )}\n                  </SelectItem>\n                  <SelectItem value=\"approved\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.transactions.filters.status.approved',\n                      'Approved'\n                    )}\n                  </SelectItem>\n                  <SelectItem value=\"completed\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.transactions.filters.status.completed',\n                      'Completed'\n                    )}\n                  </SelectItem>\n                  <SelectItem value=\"rejected\">\n                    {tWithFallback(\n                      t,\n                      'assethandler.transactions.filters.status.rejected',\n                      'Rejected'\n                    )}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent>\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.transactions.table.id', 'ID')}\n                </TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.transactions.table.type', 'Type')}\n                </TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.transactions.table.description', 'Description')}\n                </TableHead>\n                <TableHead className=\"text-right\">\n                  {tWithFallback(t, 'assethandler.transactions.table.amount', 'Amount')}\n                </TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.transactions.table.category', 'Category')}\n                </TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.transactions.table.date', 'Date')}\n                </TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.transactions.table.status', 'Status')}\n                </TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.transactions.table.vendor', 'Vendor')}\n                </TableHead>\n                <TableHead>\n                  {tWithFallback(t, 'assethandler.transactions.table.department', 'Department')}\n                </TableHead>\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {filtered.map((t) => (\n                <TableRow key={t.id}>\n                  <TableCell className=\"font-mono text-sm\">{t.id}</TableCell>\n                  <TableCell>\n                    <Badge variant={typeColors[t.type] || 'secondary'}>{t.type}</Badge>\n                  </TableCell>\n                  <TableCell className=\"max-w-[200px] truncate\">{t.description}</TableCell>\n                  <TableCell\n                    className={`text-right font-medium ${t.amount < 0 ? 'text-destructive' : ''}`}\n                  >\n                    {formatAmount(t.amount)}\n                  </TableCell>\n                  <TableCell>{t.category}</TableCell>\n                  <TableCell>{new Date(t.date).toLocaleDateString()}</TableCell>\n                  <TableCell>\n                    <Badge variant={statusColors[t.status] || 'secondary'}>{t.status}</Badge>\n                  </TableCell>\n                  <TableCell>{t.vendor || '—'}</TableCell>\n                  <TableCell>{t.department}</TableCell>\n                </TableRow>\n              ))}\n              {filtered.length === 0 && (\n                <TableRow>\n                  <TableCell colSpan={9} className=\"text-center text-muted-foreground py-8\">\n                    {tWithFallback(t, 'assethandler.transactions.empty', 'No transactions found.')}\n                  </TableCell>\n                </TableRow>\n              )}\n            </TableBody>\n          </Table>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/UsersPage.d.ts

@@ -0,0 +1,2 @@
+export declare function UsersPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UsersPage.d.ts.map

package/dist/assethandler/pages/UsersPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersPage.d.ts","sourceRoot":"","sources":["../../../src/assethandler/pages/UsersPage.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,SAAS,4CAoMxB"}