@burdenoff/microfe-crewfoundry 2026.704.3 → 2026.704.4

package/dist/crewfoundry/pages/MarketplaceMarketplacePagePage.js

@@ -1,143 +1,144 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { ShoppingBag as t, Star as n, Users as r } from "lucide-react";
-import { useNavigate as i } from "react-router-dom";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Badge as s, Card as c, CardContent as l, CardDescription as u, CardHeader as d, CardTitle as f, GlassCard as p, GradientText as m, PagePurpose as h, Pagination as g } from "@burdenoff/fe-libs/ui";
-import { usePagination as _ } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+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";
 //#region src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx
-function y() {
-	let { t: y } = v(), b = i(), { marketplaceServices: x } = e(), S = (e, t) => {
-		let n = y(e);
+function b() {
+	let { t: b } = y(), x = a(), { marketplaceServices: S } = e(), C = (e, t) => {
+		let n = b(e);
 		return n === e ? t : n;
-	}, { page: C, pageSize: w, offset: T, setPage: E } = _({ initialPageSize: 9 }), D = x.length > 0 ? (x.reduce((e, t) => e + t.rating, 0) / x.length).toFixed(1) : "0.0", O = x.slice(T, T + w), k = (e) => b(`../../marketplace/service-details-page?id=${e}`);
-	return /* @__PURE__ */ o("div", {
+	}, { 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", {
 		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(m, { children: S("crewfoundry.marketplace.title", "HR Services Marketplace") })
+					children: /* @__PURE__ */ o(h, { children: C("crewfoundry.marketplace.title", "HR Services Marketplace") })
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ o("p", {
 					className: "text-sm text-text-secondary",
-					children: S("crewfoundry.marketplace.subtitle", "Find and hire professional HR service providers")
+					children: C("crewfoundry.marketplace.subtitle", "Find and hire professional HR service providers")
 				}),
-				/* @__PURE__ */ a(h, {
+				/* @__PURE__ */ o(g, {
 					className: "mt-1",
 					children: "Discover freelancers and services for your projects — browse the marketplace to find and hire the right talent on demand."
 				})
 			] }),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ o(p, {
+					/* @__PURE__ */ s(m, {
 						treatment: "glass",
 						glow: !0,
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ o(d, {
+						children: [/* @__PURE__ */ s(f, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ a(f, {
+							children: [/* @__PURE__ */ o(p, {
 								className: "text-sm font-medium",
-								children: S("crewfoundry.marketplace.stats.services", "Services")
-							}), /* @__PURE__ */ a(t, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", {
+								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", {
 							className: "text-2xl font-bold tabular-nums",
-							children: x.length
+							children: S.length
 						}) })]
 					}),
-					/* @__PURE__ */ o(p, {
+					/* @__PURE__ */ s(m, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ o(d, {
+						children: [/* @__PURE__ */ s(f, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ a(f, {
+							children: [/* @__PURE__ */ o(p, {
 								className: "text-sm font-medium",
-								children: S("crewfoundry.marketplace.stats.avgRating", "Avg Rating")
-							}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", {
+								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", {
 							className: "text-2xl font-bold tabular-nums",
-							children: D
+							children: O
 						}) })]
 					}),
-					/* @__PURE__ */ o(p, {
+					/* @__PURE__ */ s(m, {
 						treatment: "metric",
 						className: "border-border-seam",
-						children: [/* @__PURE__ */ o(d, {
+						children: [/* @__PURE__ */ s(f, {
 							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ a(f, {
+							children: [/* @__PURE__ */ o(p, {
 								className: "text-sm font-medium",
-								children: S("crewfoundry.marketplace.stats.totalReviews", "Total Reviews")
-							}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", {
+								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", {
 							className: "text-2xl font-bold tabular-nums",
-							children: x.reduce((e, t) => e + t.reviews, 0)
+							children: S.reduce((e, t) => e + t.reviews, 0)
 						}) })]
 					})
 				]
 			}),
-			/* @__PURE__ */ a("h2", {
+			/* @__PURE__ */ o("h2", {
 				className: "text-lg font-medium",
-				children: S("crewfoundry.marketplace.featured.title", "Featured Services")
+				children: C("crewfoundry.marketplace.featured.title", "Featured Services")
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-				children: O.map((e) => /* @__PURE__ */ o(c, {
+				children: k.map((e) => /* @__PURE__ */ s(l, {
 					role: "button",
 					tabIndex: 0,
 					"aria-label": `View details for ${e.title}`,
-					onClick: () => k(e.id),
+					onClick: () => A(e.id),
 					onKeyDown: (t) => {
-						(t.key === "Enter" || t.key === " ") && (t.preventDefault(), k(e.id));
+						(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__ */ o(d, { children: [
-						/* @__PURE__ */ o("div", {
+					children: [/* @__PURE__ */ s(f, { children: [
+						/* @__PURE__ */ s("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ a(s, {
+							children: [/* @__PURE__ */ o(c, {
 								variant: "outline",
 								className: "text-[10px]",
 								children: e.category
-							}), /* @__PURE__ */ a(s, {
+							}), /* @__PURE__ */ o(c, {
 								variant: e.status === "active" ? "default" : "secondary",
 								className: "text-[10px]",
-								children: e.status
+								children: t(e.status)
 							})]
 						}),
-						/* @__PURE__ */ a(f, {
+						/* @__PURE__ */ o(p, {
 							className: "text-base mt-2",
 							children: e.title
 						}),
-						/* @__PURE__ */ a(u, { children: e.provider })
-					] }), /* @__PURE__ */ o(l, { children: [
-						/* @__PURE__ */ a("p", {
+						/* @__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__ */ a("div", {
+						/* @__PURE__ */ o("div", {
 							className: "flex flex-wrap gap-1 mb-3",
-							children: e.skills.map((e) => /* @__PURE__ */ a(s, {
+							children: e.skills.map((e) => /* @__PURE__ */ o(c, {
 								variant: "outline",
 								className: "text-[9px]",
 								children: e
 							}, e))
 						}),
-						/* @__PURE__ */ o("div", {
+						/* @__PURE__ */ s("div", {
 							className: "flex items-center justify-between text-sm",
-							children: [/* @__PURE__ */ o("span", {
+							children: [/* @__PURE__ */ s("span", {
 								className: "font-bold",
 								children: [
 									"$",
 									e.price.toLocaleString(),
-									/* @__PURE__ */ o("span", {
+									/* @__PURE__ */ s("span", {
 										className: "text-xs font-normal text-text-secondary",
 										children: ["/", e.priceType]
 									})
 								]
-							}), /* @__PURE__ */ o("span", {
+							}), /* @__PURE__ */ s("span", {
 								className: "flex items-center gap-1",
 								children: [
-									/* @__PURE__ */ a(n, { className: "h-3 w-3 text-status-warning-text" }),
+									/* @__PURE__ */ o(r, { className: "h-3 w-3 text-status-warning-text" }),
 									e.rating,
 									" (",
 									e.reviews,
@@ -145,10 +146,10 @@ function y() {
 								]
 							})]
 						}),
-						/* @__PURE__ */ o("p", {
+						/* @__PURE__ */ s("p", {
 							className: "text-xs text-text-secondary mt-1",
 							children: [
-								S("crewfoundry.marketplace.card.delivery", "Delivery"),
+								C("crewfoundry.marketplace.card.delivery", "Delivery"),
 								": ",
 								e.deliveryTime
 							]
@@ -156,16 +157,16 @@ function y() {
 					] })]
 				}, e.id))
 			}),
-			/* @__PURE__ */ a(g, {
-				page: C,
-				pageSize: w,
-				totalItems: x.length,
-				onPageChange: E
+			/* @__PURE__ */ o(_, {
+				page: w,
+				pageSize: T,
+				totalItems: S.length,
+				onPageChange: D
 			})
 		]
 	});
 }
 //#endregion
-export { y as MarketplaceMarketplacePagePage };
+export { b 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';\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                  {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":";;;;;;;;AAkBA,SAAgB,IAAiC;CAC/C,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAW,GAAa,EACxB,EAAE,2BAAwB,GAAqB,EAC/C,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,EAAE,SAAM,aAAU,WAAQ,eAAY,EAAc,EAAE,iBAAiB,GAAG,CAAC,EAC3E,IACJ,EAAoB,SAAS,KAEvB,EAAoB,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAoB,QAC5E,QAAQ,EAAE,GACZ,OACA,IAAgB,EAAoB,MAAM,GAAQ,IAAS,EAAS,EACpE,KAAe,MAAe,EAAS,6CAA6C,IAAK;AAE/F,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UACG,EAAE,iCAAiC,0BAA0B,EACjD,CAAA;KACZ,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,oCAAoC,kDAAkD;KACvF,CAAA;IACJ,kBAAC,GAAD;KAAa,WAAU;eAAO;KAGhB,CAAA;IACV,EAAA,CAAA;GACN,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;kBAClB,EAAE,0CAA0C,WAAW;QAC9C,CAAA,EACZ,kBAAC,GAAD,EAAa,WAAU,+BAAgC,CAAA,CAC5C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAoB;OAAa,CAAA,EACvE,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAE,2CAA2C,aAAa;QACjD,CAAA,EACZ,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA,CAC1C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC;OAAgB,CAAA,EACtD,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAE,8CAA8C,gBAAgB;QACvD,CAAA,EACZ,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAoB,QAAQ,GAAG,MAAM,IAAI,EAAE,SAAS,EAAE;OACnD,CAAA,EACM,CAAA,CACJ;;KACR;;GACN,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,0CAA0C,oBAAoB;IAC9D,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAc,KAAK,MAClB,kBAAC,GAAD;KAEE,MAAK;KACL,UAAU;KACV,cAAY,oBAAoB,EAAI;KACpC,eAAe,EAAY,EAAI,GAAG;KAClC,YAAY,MAAU;AACpB,OAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,EAAY,EAAI,GAAG;;KAGvB,WAAU;eAZZ,CAcE,kBAAC,GAAD,EAAA,UAAA;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAChC,EAAI;QACC,CAAA,EACR,kBAAC,GAAD;QACE,SAAS,EAAI,WAAW,WAAW,YAAY;QAC/C,WAAU;kBAET,EAAI;QACC,CAAA,CACJ;;MACN,kBAAC,GAAD;OAAW,WAAU;iBAAkB,EAAI;OAAkB,CAAA;MAC7D,kBAAC,GAAD,EAAA,UAAkB,EAAI,UAA2B,CAAA;MACtC,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAoC,EAAI;OAAgB,CAAA;MACrE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAI,OAAO,KAAK,MACf,kBAAC,GAAD;QAAe,SAAQ;QAAU,WAAU;kBACxC;QACK,EAFI,EAEJ,CACR;OACE,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SAA4B;SACxB,EAAI,MAAM,gBAAgB;SAC5B,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAA0D,KAAE,EAAI,UAAiB;;SAC5E;WACP,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA;SACpD,EAAI;SAAO;SAAG,EAAI;SAAQ;SACtB;UACH;;MACN,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAE,yCAAyC,WAAW;QAAC;QAAG,EAAI;QAC7D;;MACQ,EAAA,CAAA,CACT;OAnDA,EAAI,GAmDJ,CACP;IACE,CAAA;GACN,kBAAC,GAAD;IACQ;IACI;IACV,YAAY,EAAoB;IAChC,cAAc;IACd,CAAA;GACE"}
+{"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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"}

package/dist/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.js

@@ -1,55 +1,56 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useState as t } from "react";
-import { Search as n, Star as r } from "lucide-react";
-import { useNavigate as i } from "react-router-dom";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Badge as s, CardContent as c, GlassCard as l, GradientText as u, IllustratedEmptyState as d, Input as f, PagePurpose as p, Pagination as m, ResponsiveTable as h } from "@burdenoff/fe-libs/ui";
-import { usePagination as g } from "@burdenoff/fe-libs/shared/hooks";
+import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
+import { useState as n } from "react";
+import { Search as r, Star 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, CardContent as l, GlassCard as u, GradientText as d, IllustratedEmptyState as f, Input as p, PagePurpose as m, Pagination as h, ResponsiveTable as g } from "@burdenoff/fe-libs/ui";
+import { usePagination as _ } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.tsx
-function _() {
-	let _ = i(), { marketplaceServices: v } = e(), [y, b] = t(""), { page: x, pageSize: S, offset: C, setPage: w } = g({ initialPageSize: 10 }), T = v.filter((e) => `${e.title} ${e.provider} ${e.category}`.toLowerCase().includes(y.toLowerCase())), E = T.slice(C, C + S);
-	return /* @__PURE__ */ o("div", {
+function v() {
+	let v = a(), { marketplaceServices: y } = e(), [b, x] = n(""), { page: S, pageSize: C, offset: w, setPage: T } = _({ initialPageSize: 10 }), E = y.filter((e) => `${e.title} ${e.provider} ${e.category}`.toLowerCase().includes(b.toLowerCase())), D = E.slice(w, w + C);
+	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(u, { children: "Browse Services" })
+					children: /* @__PURE__ */ o(d, { children: "Browse Services" })
 				}),
-				/* @__PURE__ */ o("p", {
+				/* @__PURE__ */ s("p", {
 					className: "text-sm text-text-secondary",
-					children: [v.length, " services available"]
+					children: [y.length, " services available"]
 				}),
-				/* @__PURE__ */ a(p, {
+				/* @__PURE__ */ o(m, {
 					className: "mt-1",
 					children: "Explore services offered on the marketplace — search and compare offerings to find exactly the help your project needs."
 				})
 			] }),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ s("div", {
 				className: "relative max-w-sm",
-				children: [/* @__PURE__ */ a(n, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ a(f, {
+				children: [/* @__PURE__ */ o(r, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ o(p, {
 					placeholder: "Search services...",
 					className: "pl-9",
-					value: y,
-					onChange: (e) => b(e.target.value)
+					value: b,
+					onChange: (e) => x(e.target.value)
 				})]
 			}),
-			/* @__PURE__ */ a(l, {
+			/* @__PURE__ */ o(u, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam",
-				children: /* @__PURE__ */ a(c, {
+				children: /* @__PURE__ */ o(l, {
 					className: "p-4",
-					children: /* @__PURE__ */ a(h, {
+					children: /* @__PURE__ */ o(g, {
 						columns: [
 							{
 								key: "service",
 								header: "Service",
 								priority: "primary",
-								cell: (e) => /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+								cell: (e) => /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
 									className: "font-medium",
 									children: e.title
-								}), /* @__PURE__ */ o("p", {
+								}), /* @__PURE__ */ s("p", {
 									className: "text-xs text-text-secondary truncate",
 									children: [e.description.slice(0, 60), e.description.length > 60 ? "…" : ""]
 								})] })
@@ -58,7 +59,7 @@ function _() {
 								key: "provider",
 								header: "Provider",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ a("span", {
+								cell: (e) => /* @__PURE__ */ o("span", {
 									className: "text-text-secondary",
 									children: e.provider
 								})
@@ -67,7 +68,7 @@ function _() {
 								key: "category",
 								header: "Category",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ a(s, {
+								cell: (e) => /* @__PURE__ */ o(c, {
 									variant: "outline",
 									className: "w-fit h-fit text-[10px]",
 									children: e.category
@@ -77,7 +78,7 @@ function _() {
 								key: "price",
 								header: "Price",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ o("span", {
+								cell: (e) => /* @__PURE__ */ s("span", {
 									className: "font-medium",
 									children: [
 										"$",
@@ -91,10 +92,10 @@ function _() {
 								key: "rating",
 								header: "Rating",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ o("span", {
+								cell: (e) => /* @__PURE__ */ s("span", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ a(r, { className: "h-3 w-3 text-status-warning-text" }),
+										/* @__PURE__ */ o(i, { className: "h-3 w-3 text-status-warning-text" }),
 										e.rating,
 										" (",
 										e.reviews,
@@ -106,17 +107,17 @@ function _() {
 								key: "status",
 								header: "Status",
 								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ a(s, {
+								cell: (e) => /* @__PURE__ */ o(c, {
 									variant: e.status === "active" ? "default" : "secondary",
 									className: "text-[10px]",
-									children: e.status
+									children: t(e.status)
 								})
 							}
 						],
-						data: E,
+						data: D,
 						rowKey: (e) => e.id,
-						onRowClick: (e) => _(`../../marketplace/service-details-page?id=${e.id}`),
-						emptyState: /* @__PURE__ */ a(d, {
+						onRowClick: (e) => v(`../../marketplace/service-details-page?id=${e.id}`),
+						emptyState: /* @__PURE__ */ o(f, {
 							illustration: "empty-search",
 							title: "No services found",
 							description: "Try a different search term to find the help you need."
@@ -124,16 +125,16 @@ function _() {
 					})
 				})
 			}),
-			T.length > 0 ? /* @__PURE__ */ a(m, {
-				page: x,
-				pageSize: S,
-				totalItems: T.length,
-				onPageChange: w
+			E.length > 0 ? /* @__PURE__ */ o(h, {
+				page: S,
+				pageSize: C,
+				totalItems: E.length,
+				onPageChange: T
 			}) : null
 		]
 	});
 }
 //#endregion
-export { _ as MarketplaceMarketplaceServicesPagePage };
+export { v as MarketplaceMarketplaceServicesPagePage };
 
 //# sourceMappingURL=MarketplaceMarketplaceServicesPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMarketplaceServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Search, Star } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\n\nexport function MarketplaceMarketplaceServicesPagePage() {\n  const navigate = useNavigate();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 10 });\n  const filtered = marketplaceServices.filter((s) =>\n    `${s.title} ${s.provider} ${s.category}`.toLowerCase().includes(search.toLowerCase())\n  );\n  const paged = filtered.slice(offset, offset + pageSize);\n\n  const columns: ResponsiveTableColumn<MarketplaceService>[] = [\n    {\n      key: 'service',\n      header: 'Service',\n      priority: 'primary',\n      cell: (svc) => (\n        <div>\n          <p className=\"font-medium\">{svc.title}</p>\n          <p className=\"text-xs text-text-secondary truncate\">\n            {svc.description.slice(0, 60)}\n            {svc.description.length > 60 ? '…' : ''}\n          </p>\n        </div>\n      ),\n    },\n    {\n      key: 'provider',\n      header: 'Provider',\n      priority: 'secondary',\n      cell: (svc) => <span className=\"text-text-secondary\">{svc.provider}</span>,\n    },\n    {\n      key: 'category',\n      header: 'Category',\n      priority: 'secondary',\n      cell: (svc) => (\n        <Badge variant=\"outline\" className=\"w-fit h-fit text-[10px]\">\n          {svc.category}\n        </Badge>\n      ),\n    },\n    {\n      key: 'price',\n      header: 'Price',\n      priority: 'secondary',\n      cell: (svc) => (\n        <span className=\"font-medium\">\n          ${svc.price.toLocaleString()}/{svc.priceType}\n        </span>\n      ),\n    },\n    {\n      key: 'rating',\n      header: 'Rating',\n      priority: 'secondary',\n      cell: (svc) => (\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      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'secondary',\n      cell: (svc) => (\n        <Badge variant={svc.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {svc.status}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Browse Services</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {marketplaceServices.length} services available\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Explore services offered on the marketplace — search and compare offerings to find exactly\n          the help your project needs.\n        </PagePurpose>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input\n          placeholder=\"Search services...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-4\">\n          <ResponsiveTable\n            columns={columns}\n            data={paged}\n            rowKey={(svc) => svc.id}\n            onRowClick={(svc) => navigate(`../../marketplace/service-details-page?id=${svc.id}`)}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No services found\"\n                description=\"Try a different search term to find the help you need.\"\n              />\n            }\n          />\n        </CardContent>\n      </GlassCard>\n      {filtered.length > 0 ? (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,IAAyC;CACvD,IAAM,IAAW,GAAa,EACxB,EAAE,2BAAwB,GAAqB,EAC/C,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,EAAE,SAAM,aAAU,WAAQ,eAAY,EAAc,EAAE,iBAAiB,IAAI,CAAC,EAC5E,IAAW,EAAoB,QAAQ,MAC3C,GAAG,EAAE,MAAM,GAAG,EAAE,SAAS,GAAG,EAAE,WAAW,aAAa,CAAC,SAAS,EAAO,aAAa,CAAC,CACtF,EACK,IAAQ,EAAS,MAAM,GAAQ,IAAS,EAAS;AAkEvD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,mBAA8B,CAAA;KACzC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAb,CACG,EAAoB,QAAO,sBAC1B;;IACJ,kBAAC,GAAD;KAAa,WAAU;eAAO;KAGhB,CAAA;IACV,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;KAC1C,CAAA,CACE;;GACN,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAC1C,kBAAC,GAAD;KAAa,WAAU;eACrB,kBAAC,GAAD;MACW,SA1F0C;OAC3D;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAe,EAAI;SAAU,CAAA,EAC1C,kBAAC,KAAD;SAAG,WAAU;mBAAb,CACG,EAAI,YAAY,MAAM,GAAG,GAAG,EAC5B,EAAI,YAAY,SAAS,KAAK,MAAM,GACnC;WACA,EAAA,CAAA;QAET;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MAAQ,kBAAC,QAAD;SAAM,WAAU;mBAAuB,EAAI;SAAgB,CAAA;QAC3E;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,GAAD;SAAO,SAAQ;SAAU,WAAU;mBAChC,EAAI;SACC,CAAA;QAEX;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UAA8B;UAC1B,EAAI,MAAM,gBAAgB;UAAC;UAAE,EAAI;UAC9B;;QAEV;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA;UACpD,EAAI;UAAO;UAAG,EAAI;UAAQ;UACtB;;QAEV;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,GAAD;SAAO,SAAS,EAAI,WAAW,WAAW,YAAY;SAAa,WAAU;mBAC1E,EAAI;SACC,CAAA;QAEX;OACF;MA6BS,MAAM;MACN,SAAS,MAAQ,EAAI;MACrB,aAAa,MAAQ,EAAS,6CAA6C,EAAI,KAAK;MACpF,YACE,kBAAC,GAAD;OACE,cAAa;OACb,OAAM;OACN,aAAY;OACZ,CAAA;MAEJ,CAAA;KACU,CAAA;IACJ,CAAA;GACX,EAAS,SAAS,IACjB,kBAAC,GAAD;IACQ;IACI;IACV,YAAY,EAAS;IACrB,cAAc;IACd,CAAA,GACA;GACA"}
+{"version":3,"file":"MarketplaceMarketplaceServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Search, Star } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function MarketplaceMarketplaceServicesPagePage() {\n  const navigate = useNavigate();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 10 });\n  const filtered = marketplaceServices.filter((s) =>\n    `${s.title} ${s.provider} ${s.category}`.toLowerCase().includes(search.toLowerCase())\n  );\n  const paged = filtered.slice(offset, offset + pageSize);\n\n  const columns: ResponsiveTableColumn<MarketplaceService>[] = [\n    {\n      key: 'service',\n      header: 'Service',\n      priority: 'primary',\n      cell: (svc) => (\n        <div>\n          <p className=\"font-medium\">{svc.title}</p>\n          <p className=\"text-xs text-text-secondary truncate\">\n            {svc.description.slice(0, 60)}\n            {svc.description.length > 60 ? '…' : ''}\n          </p>\n        </div>\n      ),\n    },\n    {\n      key: 'provider',\n      header: 'Provider',\n      priority: 'secondary',\n      cell: (svc) => <span className=\"text-text-secondary\">{svc.provider}</span>,\n    },\n    {\n      key: 'category',\n      header: 'Category',\n      priority: 'secondary',\n      cell: (svc) => (\n        <Badge variant=\"outline\" className=\"w-fit h-fit text-[10px]\">\n          {svc.category}\n        </Badge>\n      ),\n    },\n    {\n      key: 'price',\n      header: 'Price',\n      priority: 'secondary',\n      cell: (svc) => (\n        <span className=\"font-medium\">\n          ${svc.price.toLocaleString()}/{svc.priceType}\n        </span>\n      ),\n    },\n    {\n      key: 'rating',\n      header: 'Rating',\n      priority: 'secondary',\n      cell: (svc) => (\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      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'secondary',\n      cell: (svc) => (\n        <Badge variant={svc.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {formatEnumLabel(svc.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Browse Services</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {marketplaceServices.length} services available\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Explore services offered on the marketplace — search and compare offerings to find exactly\n          the help your project needs.\n        </PagePurpose>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input\n          placeholder=\"Search services...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-4\">\n          <ResponsiveTable\n            columns={columns}\n            data={paged}\n            rowKey={(svc) => svc.id}\n            onRowClick={(svc) => navigate(`../../marketplace/service-details-page?id=${svc.id}`)}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No services found\"\n                description=\"Try a different search term to find the help you need.\"\n              />\n            }\n          />\n        </CardContent>\n      </GlassCard>\n      {filtered.length > 0 ? (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAmBA,SAAgB,IAAyC;CACvD,IAAM,IAAW,GAAa,EACxB,EAAE,2BAAwB,GAAqB,EAC/C,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,EAAE,SAAM,aAAU,WAAQ,eAAY,EAAc,EAAE,iBAAiB,IAAI,CAAC,EAC5E,IAAW,EAAoB,QAAQ,MAC3C,GAAG,EAAE,MAAM,GAAG,EAAE,SAAS,GAAG,EAAE,WAAW,aAAa,CAAC,SAAS,EAAO,aAAa,CAAC,CACtF,EACK,IAAQ,EAAS,MAAM,GAAQ,IAAS,EAAS;AAkEvD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,mBAA8B,CAAA;KACzC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAb,CACG,EAAoB,QAAO,sBAC1B;;IACJ,kBAAC,GAAD;KAAa,WAAU;eAAO;KAGhB,CAAA;IACV,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;KAC1C,CAAA,CACE;;GACN,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAC1C,kBAAC,GAAD;KAAa,WAAU;eACrB,kBAAC,GAAD;MACW,SA1F0C;OAC3D;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAe,EAAI;SAAU,CAAA,EAC1C,kBAAC,KAAD;SAAG,WAAU;mBAAb,CACG,EAAI,YAAY,MAAM,GAAG,GAAG,EAC5B,EAAI,YAAY,SAAS,KAAK,MAAM,GACnC;WACA,EAAA,CAAA;QAET;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MAAQ,kBAAC,QAAD;SAAM,WAAU;mBAAuB,EAAI;SAAgB,CAAA;QAC3E;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,GAAD;SAAO,SAAQ;SAAU,WAAU;mBAChC,EAAI;SACC,CAAA;QAEX;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UAA8B;UAC1B,EAAI,MAAM,gBAAgB;UAAC;UAAE,EAAI;UAC9B;;QAEV;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA;UACpD,EAAI;UAAO;UAAG,EAAI;UAAQ;UACtB;;QAEV;OACD;QACE,KAAK;QACL,QAAQ;QACR,UAAU;QACV,OAAO,MACL,kBAAC,GAAD;SAAO,SAAS,EAAI,WAAW,WAAW,YAAY;SAAa,WAAU;mBAC1E,EAAgB,EAAI,OAAO;SACtB,CAAA;QAEX;OACF;MA6BS,MAAM;MACN,SAAS,MAAQ,EAAI;MACrB,aAAa,MAAQ,EAAS,6CAA6C,EAAI,KAAK;MACpF,YACE,kBAAC,GAAD;OACE,cAAa;OACb,OAAM;OACN,aAAY;OACZ,CAAA;MAEJ,CAAA;KACU,CAAA;IACJ,CAAA;GACX,EAAS,SAAS,IACjB,kBAAC,GAAD;IACQ;IACI;IACV,YAAY,EAAS;IACrB,cAAc;IACd,CAAA,GACA;GACA"}