@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/LearningMyLearningPagePage.d.ts

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

package/dist/crewfoundry/pages/LearningMyLearningPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LearningMyLearningPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/LearningMyLearningPagePage.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,0BAA0B,4CA4JzC"}

package/dist/crewfoundry/pages/LearningMyLearningPagePage.js

@@ -0,0 +1,166 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t } from "react";
+import { Award as n, BookOpen as r, Clock as i, Play as a, Star as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Button as u, Card as d, CardContent as f, CardDescription as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/LearningMyLearningPagePage.tsx
+var g = (/* @__PURE__ */ new Date("2026-03-01T00:00:00Z")).getTime(), _ = (e) => {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
+};
+function v() {
+	let { courses: v } = e(), y = t(() => v.filter((e) => e.status === "active").slice(0, 8).map((e, t) => {
+		let n = Math.min(e.modules, Math.round(e.completed / Math.max(e.enrolled, 1) * e.modules)), r = Math.round(n / Math.max(e.modules, 1) * 100);
+		return {
+			id: e.id,
+			title: e.title,
+			progress: r,
+			modules: e.modules,
+			completedModules: n,
+			instructor: e.instructor,
+			dueDate: _(new Date(g + (t + 1) * 864e5 * 12).toISOString())
+		};
+	}), [v]), b = t(() => v.filter((e) => e.completed > 0).slice(0, 8).map((e, t) => ({
+		id: `completed-${e.id}`,
+		title: e.title,
+		completedDate: _((/* @__PURE__ */ new Date(g - (t + 1) * 864e5 * 15)).toISOString()),
+		rating: Number(e.rating.toFixed(1)),
+		certificate: e.completed / Math.max(e.enrolled, 1) > .35
+	})), [v]), x = y.reduce((e, t) => e + t.completedModules * 1.25, 0);
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+				className: "text-2xl font-semibold",
+				children: "My Learning"
+			}), /* @__PURE__ */ s("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Track your learning progress and achievements"
+			})] }),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-4",
+				children: [
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(h, {
+							className: "text-sm font-medium",
+							children: "In Progress"
+						}), /* @__PURE__ */ s(r, { className: "h-4 w-4 text-blue-500" })]
+					}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: y.length
+					}) })] }),
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(h, {
+							className: "text-sm font-medium",
+							children: "Completed"
+						}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: b.length
+					}) })] }),
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(h, {
+							className: "text-sm font-medium",
+							children: "Hours Logged"
+						}), /* @__PURE__ */ s(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: x.toFixed(1)
+					}) })] }),
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(h, {
+							className: "text-sm font-medium",
+							children: "Certificates"
+						}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-yellow-500" })]
+					}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: b.filter((e) => e.certificate).length
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(h, { children: "In Progress" }), /* @__PURE__ */ s(p, { children: "Continue where you left off" })] }), /* @__PURE__ */ s(f, {
+				className: "space-y-4",
+				children: y.map((e) => /* @__PURE__ */ c("div", {
+					className: "flex items-center gap-4 rounded border p-4",
+					children: [/* @__PURE__ */ c("div", {
+						className: "flex-1",
+						children: [
+							/* @__PURE__ */ s("p", {
+								className: "text-sm font-medium",
+								children: e.title
+							}),
+							/* @__PURE__ */ c("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.instructor,
+									" · Due ",
+									e.dueDate
+								]
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "mt-2 flex items-center gap-2",
+								children: [/* @__PURE__ */ s("div", {
+									className: "h-2 flex-1 overflow-hidden rounded bg-muted",
+									children: /* @__PURE__ */ s("div", {
+										className: "h-2 rounded bg-primary",
+										style: { width: `${e.progress}%` }
+									})
+								}), /* @__PURE__ */ c("span", {
+									className: "text-xs font-medium",
+									children: [e.progress, "%"]
+								})]
+							}),
+							/* @__PURE__ */ c("p", {
+								className: "mt-1 text-xs text-muted-foreground",
+								children: [
+									e.completedModules,
+									"/",
+									e.modules,
+									" modules"
+								]
+							})
+						]
+					}), /* @__PURE__ */ c(u, {
+						size: "sm",
+						children: [/* @__PURE__ */ s(a, { className: "mr-1 h-3 w-3" }), "Continue"]
+					})]
+				}, e.id))
+			})] }),
+			/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(m, { children: /* @__PURE__ */ s(h, { children: "Completed" }) }), /* @__PURE__ */ s(f, {
+				className: "space-y-3",
+				children: b.map((e) => /* @__PURE__ */ c("div", {
+					className: "flex items-center justify-between rounded border p-3",
+					children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
+						className: "text-sm font-medium",
+						children: e.title
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: ["Completed ", e.completedDate]
+					})] }), /* @__PURE__ */ c("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ c("div", {
+							className: "flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ s(o, { className: "h-3 w-3 text-yellow-500" }),
+								e.rating,
+								"/5"
+							]
+						}), e.certificate ? /* @__PURE__ */ s(l, {
+							variant: "default",
+							className: "text-[10px]",
+							children: "Certificate"
+						}) : null]
+					})]
+				}, e.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { v as LearningMyLearningPagePage };
+
+//# sourceMappingURL=LearningMyLearningPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LearningMyLearningPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/LearningMyLearningPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Award, BookOpen, Clock, Play, Star } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype EnrolledCourse = {\n  id: string;\n  title: string;\n  progress: number;\n  modules: number;\n  completedModules: number;\n  instructor: string;\n  dueDate: string;\n};\n\ntype CompletedCourse = {\n  id: string;\n  title: string;\n  completedDate: string;\n  rating: number;\n  certificate: boolean;\n};\n\nconst BASE_TS = new Date('2026-03-01T00:00:00Z').getTime();\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 LearningMyLearningPagePage() {\n  const { courses } = useCrewFoundryStore();\n\n  const myEnrolledCourses = useMemo<EnrolledCourse[]>(() => {\n    return courses\n      .filter((course) => course.status === 'active')\n      .slice(0, 8)\n      .map((course, index) => {\n        const completedModules = Math.min(\n          course.modules,\n          Math.round((course.completed / Math.max(course.enrolled, 1)) * course.modules)\n        );\n        const progress = Math.round((completedModules / Math.max(course.modules, 1)) * 100);\n        return {\n          id: course.id,\n          title: course.title,\n          progress,\n          modules: course.modules,\n          completedModules,\n          instructor: course.instructor,\n          dueDate: isoDate(new Date(BASE_TS + (index + 1) * 86400000 * 12).toISOString()),\n        };\n      });\n  }, [courses]);\n\n  const completedCourses = useMemo<CompletedCourse[]>(() => {\n    return courses\n      .filter((course) => course.completed > 0)\n      .slice(0, 8)\n      .map((course, index) => ({\n        id: `completed-${course.id}`,\n        title: course.title,\n        completedDate: isoDate(new Date(BASE_TS - (index + 1) * 86400000 * 15).toISOString()),\n        rating: Number(course.rating.toFixed(1)),\n        certificate: course.completed / Math.max(course.enrolled, 1) > 0.35,\n      }));\n  }, [courses]);\n\n  const hoursLogged = myEnrolledCourses.reduce(\n    (sum, course) => sum + course.completedModules * 1.25,\n    0\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">My Learning</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Track your learning progress and achievements\n        </p>\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\">In Progress</CardTitle>\n            <BookOpen className=\"h-4 w-4 text-blue-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{myEnrolledCourses.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\">Completed</CardTitle>\n            <Award className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{completedCourses.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\">Hours Logged</CardTitle>\n            <Clock className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{hoursLogged.toFixed(1)}</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\">Certificates</CardTitle>\n            <Award className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {completedCourses.filter((course) => course.certificate).length}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>In Progress</CardTitle>\n          <CardDescription>Continue where you left off</CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          {myEnrolledCourses.map((course) => (\n            <div key={course.id} className=\"flex items-center gap-4 rounded border p-4\">\n              <div className=\"flex-1\">\n                <p className=\"text-sm font-medium\">{course.title}</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {course.instructor} · Due {course.dueDate}\n                </p>\n                <div className=\"mt-2 flex items-center gap-2\">\n                  <div className=\"h-2 flex-1 overflow-hidden rounded bg-muted\">\n                    <div\n                      className=\"h-2 rounded bg-primary\"\n                      style={{ width: `${course.progress}%` }}\n                    />\n                  </div>\n                  <span className=\"text-xs font-medium\">{course.progress}%</span>\n                </div>\n                <p className=\"mt-1 text-xs text-muted-foreground\">\n                  {course.completedModules}/{course.modules} modules\n                </p>\n              </div>\n              <Button size=\"sm\">\n                <Play className=\"mr-1 h-3 w-3\" />\n                Continue\n              </Button>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Completed</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {completedCourses.map((course) => (\n            <div key={course.id} className=\"flex items-center justify-between rounded border p-3\">\n              <div>\n                <p className=\"text-sm font-medium\">{course.title}</p>\n                <p className=\"text-xs text-muted-foreground\">Completed {course.completedDate}</p>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-yellow-500\" />\n                  {course.rating}/5\n                </div>\n                {course.certificate ? (\n                  <Badge variant=\"default\" className=\"text-[10px]\">\n                    Certificate\n                  </Badge>\n                ) : null}\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceBookingManagementPagePage.d.ts

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

package/dist/crewfoundry/pages/MarketplaceBookingManagementPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceBookingManagementPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/MarketplaceBookingManagementPagePage.tsx"],"names":[],"mappings":"AAuBA,wBAAgB,oCAAoC,4CAgHnD"}

package/dist/crewfoundry/pages/MarketplaceBookingManagementPagePage.js

@@ -0,0 +1,118 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t } from "react";
+import { Calendar as n, CheckCircle as r, Clock as i, Plus as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Badge as c, Button as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/MarketplaceBookingManagementPagePage.tsx
+var m = (e) => {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
+};
+function h() {
+	let { marketplaceServices: h, projects: g, teams: _ } = e(), v = t(() => h.slice(0, 12).map((e, t) => {
+		let n = g[t % Math.max(g.length, 1)], r = _[t % Math.max(_.length, 1)], i = e.status === "active" ? "confirmed" : e.status === "pending" ? "pending" : "completed";
+		return {
+			id: e.id,
+			service: e.title,
+			provider: e.provider,
+			date: m(n?.startDate || e.deliveryTime),
+			time: `${String(t % 12 + 1).padStart(2, "0")}:00 ${t % 2 == 0 ? "AM" : "PM"}`,
+			duration: `${Math.max(1, Math.ceil((r?.memberCount || 4) / 4))} hours`,
+			status: i
+		};
+	}), [
+		h,
+		g,
+		_
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+					className: "text-2xl font-semibold",
+					children: "Booking Management"
+				}), /* @__PURE__ */ o("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Manage service provider appointments"
+				})] }), /* @__PURE__ */ s(l, {
+					size: "sm",
+					children: [/* @__PURE__ */ o(a, { className: "mr-1 h-4 w-4" }), "New Booking"]
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Upcoming"
+						}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-blue-500" })]
+					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: v.filter((e) => e.status !== "completed").length
+					}) })] }),
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Confirmed"
+						}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: v.filter((e) => e.status === "confirmed").length
+					}) })] }),
+					/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s(f, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(p, {
+							className: "text-sm font-medium",
+							children: "Pending"
+						}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-yellow-500" })]
+					}), /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: v.filter((e) => e.status === "pending").length
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ s(u, { children: [/* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(p, { children: "All Bookings" }) }), /* @__PURE__ */ o(d, {
+				className: "space-y-3",
+				children: v.map((e) => /* @__PURE__ */ s("div", {
+					className: "flex items-center justify-between rounded border p-4",
+					children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+						className: "text-sm font-medium",
+						children: e.service
+					}), /* @__PURE__ */ o("p", {
+						className: "text-xs text-muted-foreground",
+						children: e.provider
+					})] }), /* @__PURE__ */ s("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ s("div", {
+							className: "text-right text-xs",
+							children: [/* @__PURE__ */ o("p", {
+								className: "font-medium",
+								children: e.date
+							}), /* @__PURE__ */ s("p", {
+								className: "text-muted-foreground",
+								children: [
+									e.time,
+									" · ",
+									e.duration
+								]
+							})]
+						}), /* @__PURE__ */ o(c, {
+							variant: e.status === "confirmed" ? "default" : e.status === "completed" ? "secondary" : "outline",
+							className: "text-[10px]",
+							children: e.status
+						})]
+					})]
+				}, e.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { h as MarketplaceBookingManagementPagePage };
+
+//# sourceMappingURL=MarketplaceBookingManagementPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceBookingManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceBookingManagementPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Calendar, CheckCircle, Clock, Plus } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype Booking = {\n  id: string;\n  service: string;\n  provider: string;\n  date: string;\n  time: string;\n  duration: string;\n  status: 'confirmed' | 'pending' | 'completed';\n};\n\nconst formatDate = (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 MarketplaceBookingManagementPagePage() {\n  const { marketplaceServices, projects, teams } = useCrewFoundryStore();\n\n  const bookings = useMemo<Booking[]>(() => {\n    return marketplaceServices.slice(0, 12).map((service, index) => {\n      const project = projects[index % Math.max(projects.length, 1)];\n      const team = teams[index % Math.max(teams.length, 1)];\n      const status: Booking['status'] =\n        service.status === 'active'\n          ? 'confirmed'\n          : service.status === 'pending'\n            ? 'pending'\n            : 'completed';\n\n      return {\n        id: service.id,\n        service: service.title,\n        provider: service.provider,\n        date: formatDate(project?.startDate || service.deliveryTime),\n        time: `${String((index % 12) + 1).padStart(2, '0')}:00 ${index % 2 === 0 ? 'AM' : 'PM'}`,\n        duration: `${Math.max(1, Math.ceil((team?.memberCount || 4) / 4))} hours`,\n        status,\n      };\n    });\n  }, [marketplaceServices, projects, teams]);\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\">Booking Management</h1>\n          <p className=\"text-sm text-muted-foreground\">Manage service provider appointments</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Booking\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Upcoming</CardTitle>\n            <Calendar className=\"h-4 w-4 text-blue-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {bookings.filter((booking) => booking.status !== 'completed').length}\n            </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\">Confirmed</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {bookings.filter((booking) => booking.status === 'confirmed').length}\n            </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\">Pending</CardTitle>\n            <Clock className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {bookings.filter((booking) => booking.status === 'pending').length}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>All Bookings</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {bookings.map((booking) => (\n            <div key={booking.id} className=\"flex items-center justify-between rounded border p-4\">\n              <div>\n                <p className=\"text-sm font-medium\">{booking.service}</p>\n                <p className=\"text-xs text-muted-foreground\">{booking.provider}</p>\n              </div>\n              <div className=\"flex items-center gap-3\">\n                <div className=\"text-right text-xs\">\n                  <p className=\"font-medium\">{booking.date}</p>\n                  <p className=\"text-muted-foreground\">\n                    {booking.time} · {booking.duration}\n                  </p>\n                </div>\n                <Badge\n                  variant={\n                    booking.status === 'confirmed'\n                      ? 'default'\n                      : booking.status === 'completed'\n                        ? 'secondary'\n                        : 'outline'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {booking.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.d.ts

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

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceEarningsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,2BAA2B,4CAqI1C"}

package/dist/crewfoundry/pages/MarketplaceEarningsPagePage.js

@@ -0,0 +1,148 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t } from "react";
+import { ArrowUp as n, 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 } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx
+var p = (e) => {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "N/A" : t.toLocaleString("en-US", { month: "short" });
+}, m = (e) => {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "Unknown" : t.toISOString().split("T")[0];
+};
+function h() {
+	let { invoices: h, marketplaceServices: g, clients: _ } = e(), v = t(() => h.slice(0, 12).map((e, t) => ({
+		id: e.id,
+		client: e.clientName,
+		service: g[t % Math.max(g.length, 1)]?.title || "Marketplace Service",
+		amount: e.amount,
+		date: m(e.issueDate),
+		status: e.status === "paid" ? "completed" : "pending"
+	})), [h, g]), y = t(() => v.slice(0, 6).map((e, t) => {
+		let n = v.filter((t) => p(t.date) === p(e.date)), r = n.reduce((e, t) => e + t.amount, 0);
+		return {
+			month: p(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), w = _.length > 0 ? Math.round(S / _.length * 100) : 0;
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+				className: "text-2xl font-semibold",
+				children: "Earnings"
+			}), /* @__PURE__ */ o("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Revenue from marketplace services"
+			})] }),
+			/* @__PURE__ */ s("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(d, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(f, {
+							className: "text-sm font-medium",
+							children: "Total Earnings"
+						}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: ["$", b.toLocaleString()]
+					}), /* @__PURE__ */ s("div", {
+						className: "flex items-center text-xs text-green-600",
+						children: [
+							/* @__PURE__ */ o(n, { className: "mr-1 h-3 w-3" }),
+							"+",
+							w,
+							"% from recent cycle"
+						]
+					})] })] }),
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(d, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(f, {
+							className: "text-sm font-medium",
+							children: "Avg Order Value"
+						}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: ["$", Math.round(b / Math.max(S, 1)).toLocaleString()]
+					}) })] }),
+					/* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s(d, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ o(f, {
+							className: "text-sm font-medium",
+							children: "Pending"
+						}), /* @__PURE__ */ o(a, { className: "h-4 w-4 text-yellow-500" })]
+					}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: ["$", C.toLocaleString()]
+					}) })] })
+				]
+			}),
+			/* @__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__ */ s("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ o("span", {
+							className: "w-10 text-sm text-muted-foreground",
+							children: e.month
+						}),
+						/* @__PURE__ */ o("div", {
+							className: "h-4 flex-1 overflow-hidden rounded bg-muted",
+							children: /* @__PURE__ */ o("div", {
+								className: "h-4 rounded bg-primary",
+								style: { width: `${Math.round(e.amount / x * 100)}%` }
+							})
+						}),
+						/* @__PURE__ */ s("span", {
+							className: "w-16 text-right text-sm font-medium",
+							children: [
+								"$",
+								(e.amount / 1e3).toFixed(1),
+								"K"
+							]
+						}),
+						/* @__PURE__ */ s(c, {
+							variant: "outline",
+							className: "text-[10px]",
+							children: [e.orders, " orders"]
+						})
+					]
+				}, `${e.month}-${t}`))
+			})] }),
+			/* @__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__ */ s("div", {
+					className: "flex items-center justify-between rounded border p-3",
+					children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
+						className: "text-sm font-medium",
+						children: e.client
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							e.service,
+							" · ",
+							e.date
+						]
+					})] }), /* @__PURE__ */ s("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ s("span", {
+							className: "text-sm font-bold",
+							children: ["$", e.amount.toLocaleString()]
+						}), /* @__PURE__ */ o(c, {
+							variant: e.status === "completed" ? "default" : "secondary",
+							className: "text-[10px]",
+							children: e.status
+						})]
+					})]
+				}, e.id))
+			})] })
+		]
+	});
+}
+//#endregion
+export { h as MarketplaceEarningsPagePage };
+
+//# sourceMappingURL=MarketplaceEarningsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceEarningsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceEarningsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Badge, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { ArrowUp, 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  service: 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, marketplaceServices, clients } = useCrewFoundryStore();\n\n  const recentPayments = useMemo<PaymentItem[]>(() => {\n    return invoices.slice(0, 12).map((invoice, index) => ({\n      id: invoice.id,\n      client: invoice.clientName,\n      service:\n        marketplaceServices[index % Math.max(marketplaceServices.length, 1)]?.title ||\n        'Marketplace Service',\n      amount: invoice.amount,\n      date: isoDate(invoice.issueDate),\n      status: invoice.status === 'paid' ? 'completed' : 'pending',\n    }));\n  }, [invoices, marketplaceServices]);\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  const growthBase = clients.length > 0 ? Math.round((totalOrders / clients.length) * 100) : 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Earnings</h1>\n        <p className=\"text-sm text-muted-foreground\">Revenue from marketplace services</p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalEarnings.toLocaleString()}</div>\n            <div className=\"flex items-center text-xs text-green-600\">\n              <ArrowUp className=\"mr-1 h-3 w-3\" />+{growthBase}% from recent cycle\n            </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\">Avg Order Value</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              ${Math.round(totalEarnings / Math.max(totalOrders, 1)).toLocaleString()}\n            </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\">Pending</CardTitle>\n            <Wallet className=\"h-4 w-4 text-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${pendingAmount.toLocaleString()}</div>\n          </CardContent>\n        </Card>\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-muted-foreground\">{earning.month}</span>\n              <div className=\"h-4 flex-1 overflow-hidden rounded bg-muted\">\n                <div\n                  className=\"h-4 rounded bg-primary\"\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-muted-foreground\">\n                  {payment.service} · {payment.date}\n                </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":";;;;;;AAoBA,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,aAAU,wBAAqB,eAAY,GAAqB,EAElE,IAAiB,QACd,EAAS,MAAM,GAAG,GAAG,CAAC,KAAK,GAAS,OAAW;EACpD,IAAI,EAAQ;EACZ,QAAQ,EAAQ;EAChB,SACE,EAAoB,IAAQ,KAAK,IAAI,EAAoB,QAAQ,EAAE,GAAG,SACtE;EACF,QAAQ,EAAQ;EAChB,MAAM,EAAQ,EAAQ,UAAU;EAChC,QAAQ,EAAQ,WAAW,SAAS,cAAc;EACnD,EAAE,EACF,CAAC,GAAU,EAAoB,CAAC,EAE7B,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,EAC9C,IAAa,EAAQ,SAAS,IAAI,KAAK,MAAO,IAAc,EAAQ,SAAU,IAAI,GAAG;AAE3F,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAa,CAAA,EACpD,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAAqC,CAAA,CAC9E,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAA0B,CAAA,EACrE,kBAAC,GAAD,EAAY,WAAU,iCAAkC,CAAA,CAC7C;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAoC,KAAE,EAAc,gBAAgB,CAAO;SAC3E,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAS,WAAU,gBAAiB,CAAA;;OAAE;OAAW;OAC7C;QACM,EAAA,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAA2B,CAAA,EACtE,kBAAC,GAAD,EAAY,WAAU,iCAAkC,CAAA,CAC7C;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAoC,KAChC,KAAK,MAAM,IAAgB,KAAK,IAAI,GAAa,EAAE,CAAC,CAAC,gBAAgB,CACnE;SACM,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAmB,CAAA,EAC9D,kBAAC,GAAD,EAAQ,WAAU,2BAA4B,CAAA,CACnC;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAoC,KAAE,EAAc,gBAAgB,CAAO;SAC/D,CAAA,CACT,EAAA,CAAA;KACH;;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;iBAAsC,EAAQ;OAAa,CAAA;MAC3E,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;gBAAb;OACG,EAAQ;OAAQ;OAAI,EAAQ;OAC3B;QACA,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,EAAQ;OACH,CAAA,CACJ;QACF;OAhBI,EAAQ,GAgBZ,CACN;IACU,CAAA,CACT,EAAA,CAAA;GACH"}

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.d.ts

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

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceFreelancerProfilePageEnhancedPage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,4CAA4C,4CA8T3D"}