@burdenoff/microfe-crewfoundry 2026.704.6 → 2026.704.7

package/dist/crewfoundry/pages/MarketplaceMarketplacePagePage.js

@@ -1,172 +1,261 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { ShoppingBag as n, Star as r, Users as i } from "lucide-react";
-import { useNavigate as a } from "react-router-dom";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Card as l, CardContent as u, CardDescription as d, CardHeader as f, CardTitle as p, GlassCard as m, GradientText as h, PagePurpose as g, Pagination as _ } from "@burdenoff/fe-libs/ui";
-import { usePagination as v } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { getInitials as t } from "../components/viz/lib/format.js";
+import { RatingStars as n } from "../components/viz/RatingStars.js";
+import { SegmentedTabs as r } from "../components/viz/SegmentedTabs.js";
+import "../components/viz/index.js";
+import { useEffect as i, useMemo as a, useState as o } from "react";
+import { CheckCircle2 as s, Clock3 as c, PauseCircle as l, Search as u, ShoppingBag as d, Star as f, Users as p } from "lucide-react";
+import { useNavigate as m } from "react-router-dom";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, CardContent as v, CardHeader as y, CardTitle as b, GlassCard as x, GradientText as S, IllustratedEmptyState as C, Input as w, PagePurpose as T, Pagination as E } from "@burdenoff/fe-libs/ui";
+import { usePagination as D } from "@burdenoff/fe-libs/shared/hooks";
+import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx
-function b() {
-	let { t: b } = y(), x = a(), { marketplaceServices: S } = e(), C = (e, t) => {
-		let n = b(e);
+function k(e) {
+	switch (e) {
+		case "active": return {
+			label: "Available",
+			icon: s,
+			className: "bg-status-success-bg text-status-success-text"
+		};
+		case "pending": return {
+			label: "Pending",
+			icon: c,
+			className: "bg-status-warning-bg text-status-warning-text"
+		};
+		default: return {
+			label: "Unavailable",
+			icon: l,
+			className: "bg-bg-sunken text-text-secondary"
+		};
+	}
+}
+function A() {
+	let { t: s } = O(), l = m(), { marketplaceServices: A } = e(), j = (e, t) => {
+		let n = s(e);
 		return n === e ? t : n;
-	}, { page: w, pageSize: T, offset: E, setPage: D } = v({ initialPageSize: 9 }), O = S.length > 0 ? (S.reduce((e, t) => e + t.rating, 0) / S.length).toFixed(1) : "0.0", k = S.slice(E, E + T), A = (e) => x(`../marketplace/service-details-page?id=${e}`);
-	return /* @__PURE__ */ s("div", {
+	}, { page: M, pageSize: N, offset: P, setPage: F } = D({ initialPageSize: 9 }), [I, L] = o(""), [R, z] = o("all"), B = a(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of A) e.set(t.category, (e.get(t.category) ?? 0) + 1);
+		let t = [{
+			id: "all",
+			label: "All",
+			count: A.length
+		}];
+		for (let [n, r] of [...e.entries()].sort((e, t) => e[0].localeCompare(t[0]))) t.push({
+			id: n,
+			label: n,
+			count: r
+		});
+		return t;
+	}, [A]), V = a(() => {
+		let e = I.trim().toLowerCase();
+		return A.filter((t) => R !== "all" && t.category !== R ? !1 : e ? `${t.title} ${t.provider} ${t.category} ${t.skills.join(" ")}`.toLowerCase().includes(e) : !0);
+	}, [
+		A,
+		I,
+		R
+	]);
+	i(() => {
+		F(1);
+	}, [
+		I,
+		R,
+		F
+	]);
+	let H = A.length > 0 ? (A.reduce((e, t) => e + t.rating, 0) / A.length).toFixed(1) : "0.0", U = A.reduce((e, t) => e + t.reviews, 0), W = V.slice(P, P + N), G = (e) => l(`../marketplace/service-details-page?id=${e}`);
+	return /* @__PURE__ */ g("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ s("div", { children: [
-				/* @__PURE__ */ o("h1", {
+			/* @__PURE__ */ g("div", { children: [
+				/* @__PURE__ */ h("h1", {
 					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ o(h, { children: C("crewfoundry.marketplace.title", "HR Services Marketplace") })
+					children: /* @__PURE__ */ h(S, { children: j("crewfoundry.marketplace.title", "Talent Marketplace") })
 				}),
-				/* @__PURE__ */ o("p", {
+				/* @__PURE__ */ h("p", {
 					className: "text-sm text-text-secondary",
-					children: C("crewfoundry.marketplace.subtitle", "Find and hire professional HR service providers")
+					children: j("crewfoundry.marketplace.subtitle", "Book vetted specialists and services")
 				}),
-				/* @__PURE__ */ o(g, {
+				/* @__PURE__ */ h(T, {
 					className: "mt-1",
-					children: "Discover freelancers and services for your projects — browse the marketplace to find and hire the right talent on demand."
+					children: "Discover freelancers and services for your projects — search, filter by category, and hire the right talent on demand."
 				})
 			] }),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ s(m, {
+					/* @__PURE__ */ g(x, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(f, {
+						children: [/* @__PURE__ */ g(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(p, {
+							children: [/* @__PURE__ */ h(b, {
 								className: "text-sm font-medium",
-								children: C("crewfoundry.marketplace.stats.services", "Services")
-							}), /* @__PURE__ */ o(n, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+								children: j("crewfoundry.marketplace.stats.services", "Services")
+							}), /* @__PURE__ */ h(d, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ h(v, { children: /* @__PURE__ */ h("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: S.length
+							children: A.length
 						}) })]
 					}),
-					/* @__PURE__ */ s(m, {
+					/* @__PURE__ */ g(x, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(f, {
+						children: [/* @__PURE__ */ g(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(p, {
+							children: [/* @__PURE__ */ h(b, {
 								className: "text-sm font-medium",
-								children: C("crewfoundry.marketplace.stats.avgRating", "Avg Rating")
-							}), /* @__PURE__ */ o(r, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+								children: j("crewfoundry.marketplace.stats.avgRating", "Avg Rating")
+							}), /* @__PURE__ */ h(f, { className: "h-4 w-4 text-status-warning-text" })]
+						}), /* @__PURE__ */ h(v, { children: /* @__PURE__ */ h("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: O
+							children: H
 						}) })]
 					}),
-					/* @__PURE__ */ s(m, {
+					/* @__PURE__ */ g(x, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ s(f, {
+						children: [/* @__PURE__ */ g(y, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ o(p, {
+							children: [/* @__PURE__ */ h(b, {
 								className: "text-sm font-medium",
-								children: C("crewfoundry.marketplace.stats.totalReviews", "Total Reviews")
-							}), /* @__PURE__ */ o(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o("div", {
+								children: j("crewfoundry.marketplace.stats.totalReviews", "Total Reviews")
+							}), /* @__PURE__ */ h(p, { className: "h-4 w-4 text-text-secondary" })]
+						}), /* @__PURE__ */ h(v, { children: /* @__PURE__ */ h("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: S.reduce((e, t) => e + t.reviews, 0)
+							children: U
 						}) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ o("h2", {
-				className: "text-lg font-medium",
-				children: C("crewfoundry.marketplace.featured.title", "Featured Services")
+			/* @__PURE__ */ g("div", {
+				className: "flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",
+				children: [/* @__PURE__ */ g("div", {
+					className: "relative w-full max-w-sm",
+					children: [/* @__PURE__ */ h(u, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ h(w, {
+						placeholder: "Search services, providers, skills…",
+						className: "pl-9",
+						value: I,
+						onChange: (e) => L(e.target.value),
+						"aria-label": "Search marketplace services"
+					})]
+				}), /* @__PURE__ */ h("div", {
+					className: "-mx-1 overflow-x-auto px-1 pb-1",
+					children: /* @__PURE__ */ h(r, {
+						tabs: B,
+						value: R,
+						onChange: z,
+						"aria-label": "Filter services by category"
+					})
+				})]
 			}),
-			/* @__PURE__ */ o("div", {
+			W.length === 0 ? /* @__PURE__ */ h(C, {
+				illustration: "empty-search",
+				title: "No services found",
+				description: "Try a different search term or category to find the help you need."
+			}) : /* @__PURE__ */ h("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: k.map((e) => /* @__PURE__ */ s(l, {
-					role: "button",
-					tabIndex: 0,
-					"aria-label": `View details for ${e.title}`,
-					onClick: () => A(e.id),
-					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), A(e.id));
-					},
-					className: "hover:shadow-md transition-shadow cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
-					children: [/* @__PURE__ */ s(f, { children: [
-						/* @__PURE__ */ s("div", {
-							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ o(c, {
-								variant: "outline",
-								className: "text-[10px]",
-								children: e.category
-							}), /* @__PURE__ */ o(c, {
-								variant: e.status === "active" ? "default" : "secondary",
-								className: "text-[10px]",
-								children: t(e.status)
-							})]
-						}),
-						/* @__PURE__ */ o(p, {
-							className: "text-base mt-2",
-							children: e.title
-						}),
-						/* @__PURE__ */ o(d, { children: e.provider })
-					] }), /* @__PURE__ */ s(u, { children: [
-						/* @__PURE__ */ o("p", {
-							className: "text-sm text-text-secondary mb-3",
-							children: e.description
-						}),
-						/* @__PURE__ */ o("div", {
-							className: "flex flex-wrap gap-1 mb-3",
-							children: e.skills.map((e) => /* @__PURE__ */ o(c, {
-								variant: "outline",
-								className: "text-[9px]",
-								children: e
-							}, e))
-						}),
-						/* @__PURE__ */ s("div", {
-							className: "flex items-center justify-between text-sm",
-							children: [/* @__PURE__ */ s("span", {
-								className: "font-bold",
-								children: [
-									"$",
-									e.price.toLocaleString(),
-									/* @__PURE__ */ s("span", {
-										className: "text-xs font-normal text-text-secondary",
-										children: ["/", e.priceType]
-									})
-								]
-							}), /* @__PURE__ */ s("span", {
-								className: "flex items-center gap-1",
-								children: [
-									/* @__PURE__ */ o(r, { className: "h-3 w-3 text-status-warning-text" }),
-									e.rating,
-									" (",
-									e.reviews,
-									")"
-								]
-							})]
-						}),
-						/* @__PURE__ */ s("p", {
-							className: "text-xs text-text-secondary mt-1",
+				children: W.map((e) => {
+					let r = k(e.status), i = r.icon;
+					return /* @__PURE__ */ h(x, {
+						treatment: "glass",
+						role: "button",
+						tabIndex: 0,
+						"aria-label": `View and book ${e.title} by ${e.provider}`,
+						onClick: () => G(e.id),
+						onKeyDown: (t) => {
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), G(e.id));
+						},
+						className: "cursor-pointer border-border-seam transition-shadow hover:shadow-elevation-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]",
+						children: /* @__PURE__ */ g(v, {
+							className: "flex h-full flex-col gap-3 p-4",
 							children: [
-								C("crewfoundry.marketplace.card.delivery", "Delivery"),
-								": ",
-								e.deliveryTime
+								/* @__PURE__ */ g("div", {
+									className: "flex items-start justify-between gap-2",
+									children: [/* @__PURE__ */ g("div", {
+										className: "flex items-center gap-2.5",
+										children: [/* @__PURE__ */ h("span", {
+											className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-sm font-semibold text-action-primary-text",
+											"aria-hidden": "true",
+											children: t(e.provider)
+										}), /* @__PURE__ */ g("div", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ h("p", {
+												className: "truncate text-sm font-semibold",
+												children: e.provider
+											}), /* @__PURE__ */ h("span", {
+												className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary",
+												children: e.category
+											})]
+										})]
+									}), /* @__PURE__ */ g("div", {
+										className: "shrink-0 text-right",
+										children: [/* @__PURE__ */ g("p", {
+											className: "text-base font-bold tabular-nums",
+											children: ["$", e.price.toLocaleString()]
+										}), /* @__PURE__ */ g("p", {
+											className: "text-[10px] text-text-secondary",
+											children: ["/", e.priceType]
+										})]
+									})]
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "text-sm font-medium",
+									children: e.title
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "flex flex-wrap items-center gap-2",
+									children: [/* @__PURE__ */ h(n, {
+										value: e.rating,
+										count: e.reviews,
+										showValue: !0,
+										size: 14
+									}), /* @__PURE__ */ g("span", {
+										className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium ${r.className}`,
+										children: [/* @__PURE__ */ h(i, { className: "h-3 w-3" }), r.label]
+									})]
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "line-clamp-2 text-xs text-text-secondary",
+									children: e.description
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "flex flex-wrap gap-1",
+									children: e.skills.slice(0, 4).map((e) => /* @__PURE__ */ h("span", {
+										className: "rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary",
+										children: e
+									}, e))
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "mt-auto flex items-center justify-between pt-1 text-[11px] text-text-secondary",
+									children: /* @__PURE__ */ g("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ h(c, { className: "h-3 w-3" }), e.deliveryTime]
+									})
+								}),
+								/* @__PURE__ */ h(_, {
+									className: "w-full",
+									onClick: (t) => {
+										t.stopPropagation(), G(e.id);
+									},
+									children: j("crewfoundry.marketplace.card.book", "View & Book")
+								})
 							]
 						})
-					] })]
-				}, e.id))
+					}, e.id);
+				})
 			}),
-			/* @__PURE__ */ o(_, {
-				page: w,
-				pageSize: T,
-				totalItems: S.length,
-				onPageChange: D
-			})
+			V.length > N ? /* @__PURE__ */ h(E, {
+				page: M,
+				pageSize: N,
+				totalItems: V.length,
+				onPageChange: F
+			}) : null
 		]
 	});
 }
 //#endregion
-export { b as MarketplaceMarketplacePagePage };
+export { A as MarketplaceMarketplacePagePage };
 
 //# sourceMappingURL=MarketplaceMarketplacePagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMarketplacePagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { ShoppingBag, Star, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function MarketplaceMarketplacePagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 9 });\n  const avgRating =\n    marketplaceServices.length > 0\n      ? (\n          marketplaceServices.reduce((s, m) => s + m.rating, 0) / marketplaceServices.length\n        ).toFixed(1)\n      : '0.0';\n  const pagedServices = marketplaceServices.slice(offset, offset + pageSize);\n  const openService = (id: string) => navigate(`../marketplace/service-details-page?id=${id}`);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>\n            {t('crewfoundry.marketplace.title', 'HR Services Marketplace')}\n          </GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {t('crewfoundry.marketplace.subtitle', 'Find and hire professional HR service providers')}\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Discover freelancers and services for your projects — browse the marketplace to find and\n          hire the right talent on demand.\n        </PagePurpose>\n      </div>\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\">\n              {t('crewfoundry.marketplace.stats.services', 'Services')}\n            </CardTitle>\n            <ShoppingBag className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{marketplaceServices.length}</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\">\n              {t('crewfoundry.marketplace.stats.avgRating', 'Avg Rating')}\n            </CardTitle>\n            <Star className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgRating}</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\">\n              {t('crewfoundry.marketplace.stats.totalReviews', 'Total Reviews')}\n            </CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {marketplaceServices.reduce((s, m) => s + m.reviews, 0)}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n      <h2 className=\"text-lg font-medium\">\n        {t('crewfoundry.marketplace.featured.title', 'Featured Services')}\n      </h2>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {pagedServices.map((svc) => (\n          <Card\n            key={svc.id}\n            role=\"button\"\n            tabIndex={0}\n            aria-label={`View details for ${svc.title}`}\n            onClick={() => openService(svc.id)}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                openService(svc.id);\n              }\n            }}\n            className=\"hover:shadow-md transition-shadow cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg\"\n          >\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {svc.category}\n                </Badge>\n                <Badge\n                  variant={svc.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {formatEnumLabel(svc.status)}\n                </Badge>\n              </div>\n              <CardTitle className=\"text-base mt-2\">{svc.title}</CardTitle>\n              <CardDescription>{svc.provider}</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-text-secondary mb-3\">{svc.description}</p>\n              <div className=\"flex flex-wrap gap-1 mb-3\">\n                {svc.skills.map((s) => (\n                  <Badge key={s} variant=\"outline\" className=\"text-[9px]\">\n                    {s}\n                  </Badge>\n                ))}\n              </div>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"font-bold\">\n                  ${svc.price.toLocaleString()}\n                  <span className=\"text-xs font-normal text-text-secondary\">/{svc.priceType}</span>\n                </span>\n                <span className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 text-status-warning-text\" />\n                  {svc.rating} ({svc.reviews})\n                </span>\n              </div>\n              <p className=\"text-xs text-text-secondary mt-1\">\n                {t('crewfoundry.marketplace.card.delivery', 'Delivery')}: {svc.deliveryTime}\n              </p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n      <Pagination\n        page={page}\n        pageSize={pageSize}\n        totalItems={marketplaceServices.length}\n        onPageChange={setPage}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarketplaceMarketplacePagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport {\n  Button,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { CheckCircle2, Clock3, PauseCircle, Search, ShoppingBag, Star, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { RatingStars, SegmentedTabs, getInitials, type SegmentedTab } from '../components/viz';\n\n/** Honest availability derived from the real service `status` enum (never \"Booked\"). */\nfunction availabilityOf(status: MarketplaceService['status']): {\n  label: string;\n  icon: typeof CheckCircle2;\n  className: string;\n} {\n  switch (status) {\n    case 'active':\n      return {\n        label: 'Available',\n        icon: CheckCircle2,\n        className: 'bg-status-success-bg text-status-success-text',\n      };\n    case 'pending':\n      return {\n        label: 'Pending',\n        icon: Clock3,\n        className: 'bg-status-warning-bg text-status-warning-text',\n      };\n    default:\n      return {\n        label: 'Unavailable',\n        icon: PauseCircle,\n        className: 'bg-bg-sunken text-text-secondary',\n      };\n  }\n}\n\nexport function MarketplaceMarketplacePagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 9 });\n  const [search, setSearch] = useState('');\n  const [category, setCategory] = useState('all');\n\n  const categoryTabs = useMemo<SegmentedTab[]>(() => {\n    const counts = new Map<string, number>();\n    for (const svc of marketplaceServices) {\n      counts.set(svc.category, (counts.get(svc.category) ?? 0) + 1);\n    }\n    const tabs: SegmentedTab[] = [{ id: 'all', label: 'All', count: marketplaceServices.length }];\n    for (const [name, count] of [...counts.entries()].sort((a, b) => a[0].localeCompare(b[0]))) {\n      tabs.push({ id: name, label: name, count });\n    }\n    return tabs;\n  }, [marketplaceServices]);\n\n  const filtered = useMemo(() => {\n    const query = search.trim().toLowerCase();\n    return marketplaceServices.filter((svc) => {\n      if (category !== 'all' && svc.category !== category) {\n        return false;\n      }\n      if (!query) {\n        return true;\n      }\n      return `${svc.title} ${svc.provider} ${svc.category} ${svc.skills.join(' ')}`\n        .toLowerCase()\n        .includes(query);\n    });\n  }, [marketplaceServices, search, category]);\n\n  useEffect(() => {\n    setPage(1);\n  }, [search, category, setPage]);\n\n  const avgRating =\n    marketplaceServices.length > 0\n      ? (\n          marketplaceServices.reduce((s, m) => s + m.rating, 0) / marketplaceServices.length\n        ).toFixed(1)\n      : '0.0';\n  const totalReviews = marketplaceServices.reduce((s, m) => s + m.reviews, 0);\n  const pagedServices = filtered.slice(offset, offset + pageSize);\n  const openService = (id: string) => navigate(`../marketplace/service-details-page?id=${id}`);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>{t('crewfoundry.marketplace.title', 'Talent Marketplace')}</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {t('crewfoundry.marketplace.subtitle', 'Book vetted specialists and services')}\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Discover freelancers and services for your projects — search, filter by category, and hire\n          the right talent on demand.\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\">\n              {t('crewfoundry.marketplace.stats.services', 'Services')}\n            </CardTitle>\n            <ShoppingBag className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{marketplaceServices.length}</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\">\n              {t('crewfoundry.marketplace.stats.avgRating', 'Avg Rating')}\n            </CardTitle>\n            <Star className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgRating}</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\">\n              {t('crewfoundry.marketplace.stats.totalReviews', 'Total Reviews')}\n            </CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalReviews}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n        <div className=\"relative w-full max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n          <Input\n            placeholder=\"Search services, providers, skills…\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(event) => setSearch(event.target.value)}\n            aria-label=\"Search marketplace services\"\n          />\n        </div>\n        <div className=\"-mx-1 overflow-x-auto px-1 pb-1\">\n          <SegmentedTabs\n            tabs={categoryTabs}\n            value={category}\n            onChange={setCategory}\n            aria-label=\"Filter services by category\"\n          />\n        </div>\n      </div>\n\n      {pagedServices.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"No services found\"\n          description=\"Try a different search term or category to find the help you need.\"\n        />\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {pagedServices.map((svc) => {\n            const availability = availabilityOf(svc.status);\n            const AvailabilityIcon = availability.icon;\n            return (\n              <GlassCard\n                key={svc.id}\n                treatment=\"glass\"\n                role=\"button\"\n                tabIndex={0}\n                aria-label={`View and book ${svc.title} by ${svc.provider}`}\n                onClick={() => openService(svc.id)}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    openService(svc.id);\n                  }\n                }}\n                className=\"cursor-pointer border-border-seam transition-shadow hover:shadow-elevation-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n              >\n                <CardContent className=\"flex h-full flex-col gap-3 p-4\">\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <div className=\"flex items-center gap-2.5\">\n                      <span\n                        className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-sm font-semibold text-action-primary-text\"\n                        aria-hidden=\"true\"\n                      >\n                        {getInitials(svc.provider)}\n                      </span>\n                      <div className=\"min-w-0\">\n                        <p className=\"truncate text-sm font-semibold\">{svc.provider}</p>\n                        <span className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary\">\n                          {svc.category}\n                        </span>\n                      </div>\n                    </div>\n                    <div className=\"shrink-0 text-right\">\n                      <p className=\"text-base font-bold tabular-nums\">${svc.price.toLocaleString()}</p>\n                      <p className=\"text-[10px] text-text-secondary\">/{svc.priceType}</p>\n                    </div>\n                  </div>\n\n                  <p className=\"text-sm font-medium\">{svc.title}</p>\n\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <RatingStars value={svc.rating} count={svc.reviews} showValue size={14} />\n                    <span\n                      className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium ${availability.className}`}\n                    >\n                      <AvailabilityIcon className=\"h-3 w-3\" />\n                      {availability.label}\n                    </span>\n                  </div>\n\n                  <p className=\"line-clamp-2 text-xs text-text-secondary\">{svc.description}</p>\n\n                  <div className=\"flex flex-wrap gap-1\">\n                    {svc.skills.slice(0, 4).map((skill) => (\n                      <span\n                        key={skill}\n                        className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary\"\n                      >\n                        {skill}\n                      </span>\n                    ))}\n                  </div>\n\n                  <div className=\"mt-auto flex items-center justify-between pt-1 text-[11px] text-text-secondary\">\n                    <span className=\"flex items-center gap-1\">\n                      <Clock3 className=\"h-3 w-3\" />\n                      {svc.deliveryTime}\n                    </span>\n                  </div>\n\n                  <Button\n                    className=\"w-full\"\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      openService(svc.id);\n                    }}\n                  >\n                    {t('crewfoundry.marketplace.card.book', 'View & Book')}\n                  </Button>\n                </CardContent>\n              </GlassCard>\n            );\n          })}\n        </div>\n      )}\n\n      {filtered.length > pageSize ? (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}