@burdenoff/microfe-crewfoundry 2026.704.3 → 2026.704.4

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.js

@@ -1,120 +1,121 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useMemo as t } from "react";
-import { DollarSign as n, TrendingUp as r, Wallet as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Badge as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, GlassCard as f, GradientText as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { useMemo as n } from "react";
+import { DollarSign as r, TrendingUp as i, Wallet as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f, GlassCard as p, GradientText as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx
-var h = (e) => {
+var g = (e) => {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "N/A" : t.toLocaleString("en-US", { month: "short" });
-}, g = (e) => {
+}, _ = (e) => {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
 };
-function _() {
-	let { invoices: _ } = e(), v = t(() => _.slice(0, 12).map((e) => ({
+function v() {
+	let { invoices: v } = e(), y = n(() => v.slice(0, 12).map((e) => ({
 		id: e.id,
 		client: e.clientName,
 		amount: e.amount,
-		date: g(e.issueDate),
+		date: _(e.issueDate),
 		status: e.status === "paid" ? "completed" : "pending"
-	})), [_]), y = t(() => v.slice(0, 6).map((e, t) => {
-		let n = v.filter((t) => h(t.date) === h(e.date)), r = n.reduce((e, t) => e + t.amount, 0);
+	})), [v]), b = n(() => y.slice(0, 6).map((e, t) => {
+		let n = y.filter((t) => g(t.date) === g(e.date)), r = n.reduce((e, t) => e + t.amount, 0);
 		return {
-			month: h(e.date) || `M${t + 1}`,
+			month: g(e.date) || `M${t + 1}`,
 			amount: r,
 			orders: n.length
 		};
-	}), [v]), b = y.reduce((e, t) => e + t.amount, 0), x = Math.max(1, ...y.map((e) => e.amount)), S = y.reduce((e, t) => e + t.orders, 0), C = v.filter((e) => e.status === "pending").reduce((e, t) => e + t.amount, 0);
-	return /* @__PURE__ */ o("div", {
+	}), [y]), x = b.reduce((e, t) => e + t.amount, 0), S = Math.max(1, ...b.map((e) => e.amount)), C = b.reduce((e, t) => e + t.orders, 0), w = y.filter((e) => e.status === "pending").reduce((e, t) => e + t.amount, 0);
+	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ o("div", { children: [
-				/* @__PURE__ */ a("h1", {
+			/* @__PURE__ */ s("div", { children: [
+				/* @__PURE__ */ o("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ a(p, { children: "Earnings" })
+					children: /* @__PURE__ */ o(m, { children: "Earnings" })
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ o("p", {
 					className: "text-sm text-text-secondary",
 					children: "Revenue from marketplace services"
 				}),
-				/* @__PURE__ */ a(m, {
+				/* @__PURE__ */ o(h, {
 					className: "mt-1",
 					children: "Track what you've earned on the marketplace — payouts, pending balances, and earning trends so you always know where you stand."
 				})
 			] }),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ o(f, {
+					/* @__PURE__ */ s(p, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ o(u, {
+						children: [/* @__PURE__ */ s(d, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ a(d, {
+							children: [/* @__PURE__ */ o(f, {
 								className: "text-sm font-medium",
 								children: "Total Earnings"
-							}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o("div", {
+							}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", b.toLocaleString()]
-						}), /* @__PURE__ */ o("p", {
+							children: ["$", x.toLocaleString()]
+						}), /* @__PURE__ */ s("p", {
 							className: "text-xs text-text-secondary",
 							children: [
 								"Across ",
-								S,
+								C,
 								" paid orders"
 							]
 						})] })]
 					}),
-					/* @__PURE__ */ o(f, {
+					/* @__PURE__ */ s(p, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ o(u, {
+						children: [/* @__PURE__ */ s(d, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ a(d, {
+							children: [/* @__PURE__ */ o(f, {
 								className: "text-sm font-medium",
 								children: "Avg Order Value"
-							}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
+							}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", Math.round(b / Math.max(S, 1)).toLocaleString()]
+							children: ["$", Math.round(x / Math.max(C, 1)).toLocaleString()]
 						}) })]
 					}),
-					/* @__PURE__ */ o(f, {
+					/* @__PURE__ */ s(p, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ o(u, {
+						children: [/* @__PURE__ */ s(d, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ a(d, {
+							children: [/* @__PURE__ */ o(f, {
 								className: "text-sm font-medium",
 								children: "Pending"
-							}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
+							}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: ["$", C.toLocaleString()]
+							children: ["$", w.toLocaleString()]
 						}) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(d, { children: "Earnings Trend" }) }), /* @__PURE__ */ a(l, {
+			/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, { children: "Earnings Trend" }) }), /* @__PURE__ */ o(u, {
 				className: "space-y-3",
-				children: y.map((e, t) => /* @__PURE__ */ o("div", {
+				children: b.map((e, t) => /* @__PURE__ */ s("div", {
 					className: "flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ a("span", {
+						/* @__PURE__ */ o("span", {
 							className: "w-10 text-sm text-text-secondary",
 							children: e.month
 						}),
-						/* @__PURE__ */ a("div", {
+						/* @__PURE__ */ o("div", {
 							className: "h-4 flex-1 overflow-hidden rounded bg-bg-sunken",
-							children: /* @__PURE__ */ a("div", {
+							children: /* @__PURE__ */ o("div", {
 								className: "h-4 rounded bg-action-primary-bg",
-								style: { width: `${Math.round(e.amount / x * 100)}%` }
+								style: { width: `${Math.round(e.amount / S * 100)}%` }
 							})
 						}),
-						/* @__PURE__ */ o("span", {
+						/* @__PURE__ */ s("span", {
 							className: "w-16 text-right text-sm font-medium",
 							children: [
 								"$",
@@ -122,7 +123,7 @@ function _() {
 								"K"
 							]
 						}),
-						/* @__PURE__ */ o(s, {
+						/* @__PURE__ */ s(c, {
 							variant: "outline",
 							className: "text-[10px]",
 							children: [e.orders, " orders"]
@@ -130,25 +131,25 @@ function _() {
 					]
 				}, `${e.month}-${t}`))
 			})] }),
-			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(d, { children: "Recent Payments" }) }), /* @__PURE__ */ a(l, {
+			/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(f, { children: "Recent Payments" }) }), /* @__PURE__ */ o(u, {
 				className: "space-y-3",
-				children: v.map((e) => /* @__PURE__ */ o("div", {
+				children: y.map((e) => /* @__PURE__ */ s("div", {
 					className: "flex items-center justify-between rounded border p-3",
-					children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+					children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
 						className: "text-sm font-medium",
 						children: e.client
-					}), /* @__PURE__ */ a("p", {
+					}), /* @__PURE__ */ o("p", {
 						className: "text-xs text-text-secondary",
 						children: e.date
-					})] }), /* @__PURE__ */ o("div", {
+					})] }), /* @__PURE__ */ s("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ o("span", {
+						children: [/* @__PURE__ */ s("span", {
 							className: "text-sm font-bold",
 							children: ["$", e.amount.toLocaleString()]
-						}), /* @__PURE__ */ a(s, {
+						}), /* @__PURE__ */ o(c, {
 							variant: e.status === "completed" ? "default" : "secondary",
 							className: "text-[10px]",
-							children: e.status
+							children: t(e.status)
 						})]
 					})]
 				}, e.id))
@@ -157,6 +158,6 @@ function _() {
 	});
 }
 //#endregion
-export { _ as MarketplaceEarningsPagePage };
+export { v as MarketplaceEarningsPagePage };
 
 //# sourceMappingURL=MarketplaceEarningsPagePage.js.map

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceEarningsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { DollarSign, TrendingUp, Wallet } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype EarningPoint = {\n  month: string;\n  amount: number;\n  orders: number;\n};\n\ntype PaymentItem = {\n  id: string;\n  client: string;\n  amount: number;\n  date: string;\n  status: 'completed' | 'pending';\n};\n\nconst monthLabel = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'N/A';\n  }\n  return parsed.toLocaleString('en-US', { month: 'short' });\n};\n\nconst isoDate = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Unknown';\n  }\n  return parsed.toISOString().split('T')[0];\n};\n\nexport function MarketplaceEarningsPagePage() {\n  const { invoices } = useCrewFoundryStore();\n\n  const recentPayments = useMemo<PaymentItem[]>(() => {\n    return invoices.slice(0, 12).map((invoice) => ({\n      id: invoice.id,\n      client: invoice.clientName,\n      amount: invoice.amount,\n      date: isoDate(invoice.issueDate),\n      status: invoice.status === 'paid' ? 'completed' : 'pending',\n    }));\n  }, [invoices]);\n\n  const earningsData = useMemo<EarningPoint[]>(() => {\n    return recentPayments.slice(0, 6).map((payment, index) => {\n      const sibling = recentPayments.filter(\n        (item) => monthLabel(item.date) === monthLabel(payment.date)\n      );\n      const amount = sibling.reduce((sum, item) => sum + item.amount, 0);\n      return {\n        month: monthLabel(payment.date) || `M${index + 1}`,\n        amount,\n        orders: sibling.length,\n      };\n    });\n  }, [recentPayments]);\n\n  const totalEarnings = earningsData.reduce((sum, point) => sum + point.amount, 0);\n  const maxEarning = Math.max(1, ...earningsData.map((point) => point.amount));\n  const totalOrders = earningsData.reduce((sum, point) => sum + point.orders, 0);\n  const pendingAmount = recentPayments\n    .filter((payment) => payment.status === 'pending')\n    .reduce((sum, payment) => sum + payment.amount, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Earnings</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Revenue from marketplace services</p>\n        <PagePurpose className=\"mt-1\">\n          Track what you&apos;ve earned on the marketplace — payouts, pending balances, and earning\n          trends so you always know where you stand.\n        </PagePurpose>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Earnings</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalEarnings.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">Across {totalOrders} paid orders</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Order Value</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${Math.round(totalEarnings / Math.max(totalOrders, 1)).toLocaleString()}\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Pending</CardTitle>\n            <Wallet className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${pendingAmount.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Earnings Trend</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {earningsData.map((earning, index) => (\n            <div key={`${earning.month}-${index}`} className=\"flex items-center gap-3\">\n              <span className=\"w-10 text-sm text-text-secondary\">{earning.month}</span>\n              <div className=\"h-4 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                <div\n                  className=\"h-4 rounded bg-action-primary-bg\"\n                  style={{ width: `${Math.round((earning.amount / maxEarning) * 100)}%` }}\n                />\n              </div>\n              <span className=\"w-16 text-right text-sm font-medium\">\n                ${(earning.amount / 1000).toFixed(1)}K\n              </span>\n              <Badge variant=\"outline\" className=\"text-[10px]\">\n                {earning.orders} orders\n              </Badge>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Recent Payments</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {recentPayments.map((payment) => (\n            <div key={payment.id} className=\"flex items-center justify-between rounded border p-3\">\n              <div>\n                <p className=\"text-sm font-medium\">{payment.client}</p>\n                <p className=\"text-xs text-text-secondary\">{payment.date}</p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm font-bold\">${payment.amount.toLocaleString()}</span>\n                <Badge\n                  variant={payment.status === 'completed' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {payment.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarketplaceEarningsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { DollarSign, TrendingUp, Wallet } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\ntype EarningPoint = {\n  month: string;\n  amount: number;\n  orders: number;\n};\n\ntype PaymentItem = {\n  id: string;\n  client: string;\n  amount: number;\n  date: string;\n  status: 'completed' | 'pending';\n};\n\nconst monthLabel = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'N/A';\n  }\n  return parsed.toLocaleString('en-US', { month: 'short' });\n};\n\nconst isoDate = (value: string): string => {\n  const parsed = new Date(value);\n  if (Number.isNaN(parsed.getTime())) {\n    return 'Unknown';\n  }\n  return parsed.toISOString().split('T')[0];\n};\n\nexport function MarketplaceEarningsPagePage() {\n  const { invoices } = useCrewFoundryStore();\n\n  const recentPayments = useMemo<PaymentItem[]>(() => {\n    return invoices.slice(0, 12).map((invoice) => ({\n      id: invoice.id,\n      client: invoice.clientName,\n      amount: invoice.amount,\n      date: isoDate(invoice.issueDate),\n      status: invoice.status === 'paid' ? 'completed' : 'pending',\n    }));\n  }, [invoices]);\n\n  const earningsData = useMemo<EarningPoint[]>(() => {\n    return recentPayments.slice(0, 6).map((payment, index) => {\n      const sibling = recentPayments.filter(\n        (item) => monthLabel(item.date) === monthLabel(payment.date)\n      );\n      const amount = sibling.reduce((sum, item) => sum + item.amount, 0);\n      return {\n        month: monthLabel(payment.date) || `M${index + 1}`,\n        amount,\n        orders: sibling.length,\n      };\n    });\n  }, [recentPayments]);\n\n  const totalEarnings = earningsData.reduce((sum, point) => sum + point.amount, 0);\n  const maxEarning = Math.max(1, ...earningsData.map((point) => point.amount));\n  const totalOrders = earningsData.reduce((sum, point) => sum + point.orders, 0);\n  const pendingAmount = recentPayments\n    .filter((payment) => payment.status === 'pending')\n    .reduce((sum, payment) => sum + payment.amount, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Earnings</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Revenue from marketplace services</p>\n        <PagePurpose className=\"mt-1\">\n          Track what you&apos;ve earned on the marketplace — payouts, pending balances, and earning\n          trends so you always know where you stand.\n        </PagePurpose>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Earnings</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalEarnings.toLocaleString()}</div>\n            <p className=\"text-xs text-text-secondary\">Across {totalOrders} paid orders</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Order Value</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${Math.round(totalEarnings / Math.max(totalOrders, 1)).toLocaleString()}\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Pending</CardTitle>\n            <Wallet className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${pendingAmount.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Earnings Trend</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {earningsData.map((earning, index) => (\n            <div key={`${earning.month}-${index}`} className=\"flex items-center gap-3\">\n              <span className=\"w-10 text-sm text-text-secondary\">{earning.month}</span>\n              <div className=\"h-4 flex-1 overflow-hidden rounded bg-bg-sunken\">\n                <div\n                  className=\"h-4 rounded bg-action-primary-bg\"\n                  style={{ width: `${Math.round((earning.amount / maxEarning) * 100)}%` }}\n                />\n              </div>\n              <span className=\"w-16 text-right text-sm font-medium\">\n                ${(earning.amount / 1000).toFixed(1)}K\n              </span>\n              <Badge variant=\"outline\" className=\"text-[10px]\">\n                {earning.orders} orders\n              </Badge>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Recent Payments</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {recentPayments.map((payment) => (\n            <div key={payment.id} className=\"flex items-center justify-between rounded border p-3\">\n              <div>\n                <p className=\"text-sm font-medium\">{payment.client}</p>\n                <p className=\"text-xs text-text-secondary\">{payment.date}</p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm font-bold\">${payment.amount.toLocaleString()}</span>\n                <Badge\n                  variant={payment.status === 'completed' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {formatEnumLabel(payment.status)}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AA6BA,IAAM,KAAc,MAA0B;CAC5C,IAAM,IAAS,IAAI,KAAK,EAAM;AAI9B,QAHI,OAAO,MAAM,EAAO,SAAS,CAAC,GACzB,QAEF,EAAO,eAAe,SAAS,EAAE,OAAO,SAAS,CAAC;GAGrD,KAAW,MAA0B;CACzC,IAAM,IAAS,IAAI,KAAK,EAAM;AAI9B,QAHI,OAAO,MAAM,EAAO,SAAS,CAAC,GACzB,YAEF,EAAO,aAAa,CAAC,MAAM,IAAI,CAAC;;AAGzC,SAAgB,IAA8B;CAC5C,IAAM,EAAE,gBAAa,GAAqB,EAEpC,IAAiB,QACd,EAAS,MAAM,GAAG,GAAG,CAAC,KAAK,OAAa;EAC7C,IAAI,EAAQ;EACZ,QAAQ,EAAQ;EAChB,QAAQ,EAAQ;EAChB,MAAM,EAAQ,EAAQ,UAAU;EAChC,QAAQ,EAAQ,WAAW,SAAS,cAAc;EACnD,EAAE,EACF,CAAC,EAAS,CAAC,EAER,IAAe,QACZ,EAAe,MAAM,GAAG,EAAE,CAAC,KAAK,GAAS,MAAU;EACxD,IAAM,IAAU,EAAe,QAC5B,MAAS,EAAW,EAAK,KAAK,KAAK,EAAW,EAAQ,KAAK,CAC7D,EACK,IAAS,EAAQ,QAAQ,GAAK,MAAS,IAAM,EAAK,QAAQ,EAAE;AAClE,SAAO;GACL,OAAO,EAAW,EAAQ,KAAK,IAAI,IAAI,IAAQ;GAC/C;GACA,QAAQ,EAAQ;GACjB;GACD,EACD,CAAC,EAAe,CAAC,EAEd,IAAgB,EAAa,QAAQ,GAAK,MAAU,IAAM,EAAM,QAAQ,EAAE,EAC1E,IAAa,KAAK,IAAI,GAAG,GAAG,EAAa,KAAK,MAAU,EAAM,OAAO,CAAC,EACtE,IAAc,EAAa,QAAQ,GAAK,MAAU,IAAM,EAAM,QAAQ,EAAE,EACxE,IAAgB,EACnB,QAAQ,MAAY,EAAQ,WAAW,UAAU,CACjD,QAAQ,GAAK,MAAY,IAAM,EAAQ,QAAQ,EAAE;AAEpD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,YAAuB,CAAA;KAClC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAqC,CAAA;IAChF,kBAAC,GAAD;KAAa,WAAU;eAAO;KAGhB,CAAA;IACV,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA0B,CAAA,EACrE,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,KAAE,EAAc,gBAAgB,CAAO;UACxF,kBAAC,KAAD;OAAG,WAAU;iBAAb;QAA2C;QAAQ;QAAY;QAAgB;SACnE,EAAA,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA2B,CAAA,EACtE,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,KAC7C,KAAK,MAAM,IAAgB,KAAK,IAAI,GAAa,EAAE,CAAC,CAAC,gBAAgB,CACnE;UACM,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAmB,CAAA,EAC9D,kBAAC,GAAD,EAAQ,WAAU,oCAAqC,CAAA,CAC5C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,KAAE,EAAc,gBAAgB,CAAO;UAC5E,CAAA,CACJ;;KACR;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,kBAA0B,CAAA,EAC1B,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAa,KAAK,GAAS,MAC1B,kBAAC,OAAD;KAAuC,WAAU;eAAjD;MACE,kBAAC,QAAD;OAAM,WAAU;iBAAoC,EAAQ;OAAa,CAAA;MACzE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EAAE,OAAO,GAAG,KAAK,MAAO,EAAQ,SAAS,IAAc,IAAI,CAAC,IAAI;QACvE,CAAA;OACE,CAAA;MACN,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAAsD;SACjD,EAAQ,SAAS,KAAM,QAAQ,EAAE;QAAC;QAChC;;MACP,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAAnC,CACG,EAAQ,QAAO,UACV;;MACJ;OAdI,GAAG,EAAQ,MAAM,GAAG,IAcxB,CACN;IACU,CAAA,CACT,EAAA,CAAA;GAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EAC3B,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAe,KAAK,MACnB,kBAAC,OAAD;KAAsB,WAAU;eAAhC,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAuB,EAAQ;MAAW,CAAA,EACvD,kBAAC,KAAD;MAAG,WAAU;gBAA+B,EAAQ;MAAS,CAAA,CACzD,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAAoC,KAAE,EAAQ,OAAO,gBAAgB,CAAQ;UAC7E,kBAAC,GAAD;OACE,SAAS,EAAQ,WAAW,cAAc,YAAY;OACtD,WAAU;iBAET,EAAgB,EAAQ,OAAO;OAC1B,CAAA,CACJ;QACF;OAdI,EAAQ,GAcZ,CACN;IACU,CAAA,CACT,EAAA,CAAA;GACH"}