npm - @burdenoff/microfe-crewfoundry - Versions diffs - 2026.625.1 → 2026.626.1 - Mend

@burdenoff/microfe-crewfoundry 2026.625.1 → 2026.626.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (131) hide show

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.js CHANGED Viewed

@@ -2,10 +2,10 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useMemo as t, useState as n } from "react";
 import { BarChart3 as r, Briefcase as i, Calendar as a, CheckCircle as o, Clock as s, DollarSign as c, Globe as l, MapPin as u, MessageSquare as d, Star as f, TrendingUp as p, Users as m, Video as h } from "lucide-react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Badge as v, Button as y, Card as b, CardContent as x, CardDescription as S, CardHeader as C, CardTitle as w, GradientText as T, Separator as E, Tabs as D, TabsContent as O, TabsList as k, TabsTrigger as A } from "@burdenoff/fe-libs/ui";
+import { Badge as v, Button as y, Card as b, CardContent as x, CardDescription as S, CardHeader as C, CardTitle as w, GlassCard as T, GradientText as E, NextSteps as D, PagePurpose as O, Separator as k, Tabs as A, TabsContent as j, TabsList as M, TabsTrigger as N } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.tsx
-function j() {
-	let [j, M] = n("overview"), { marketplaceServices: N, clients: P, candidates: F } = e(), I = t(() => [
+function P() {
+	let [P, F] = n("overview"), { marketplaceServices: I, clients: L, candidates: R } = e(), z = t(() => [
 		{
 			day: "Monday",
 			slots: [
@@ -38,125 +38,160 @@ function j() {
 			day: "Friday",
 			slots: ["9:00 AM", "10:00 AM"]
 		}
-	], []), L = t(() => N.slice(0, 6).map((e) => ({
+	], []), B = t(() => I.slice(0, 6).map((e) => ({
 		title: e.title,
 		price: e.priceType === "hourly" ? `$${e.price}/hr` : e.priceType === "monthly" ? `$${e.price}/mo` : `$${e.price}`,
 		type: e.priceType,
 		description: e.description,
 		delivery: e.deliveryTime
-	})), [N]), R = t(() => [
+	})), [I]), V = t(() => [
 		{
 			label: "Avg. Placement Time",
-			value: `${Math.max(15, 45 - F.filter((e) => e.status === "hired").length)} days`,
+			value: `${Math.max(15, 45 - R.filter((e) => e.status === "hired").length)} days`,
 			trend: "-3 days vs avg"
 		},
 		{
 			label: "Offer Acceptance Rate",
-			value: `${Math.round(F.filter((e) => e.status === "hired").length / Math.max(F.filter((e) => e.status === "offer").length, 1) * 100)}%`,
+			value: `${Math.round(R.filter((e) => e.status === "hired").length / Math.max(R.filter((e) => e.status === "offer").length, 1) * 100)}%`,
 			trend: "+8% vs avg"
 		},
 		{
 			label: "Client Retention",
-			value: `${Math.min(99, Math.max(70, Math.round(P.filter((e) => e.status === "active").length / Math.max(P.length, 1) * 100)))}%`,
+			value: `${Math.min(99, Math.max(70, Math.round(L.filter((e) => e.status === "active").length / Math.max(L.length, 1) * 100)))}%`,
 			trend: "repeat clients"
 		},
 		{
 			label: "Candidates Placed (YTD)",
-			value: `${F.filter((e) => e.status === "hired").length}`,
+			value: `${R.filter((e) => e.status === "hired").length}`,
 			trend: "+12% YoY"
 		}
-	], [F, P]);
+	], [R, L]);
 	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
-				className: "pt-6",
-				children: /* @__PURE__ */ _("div", {
-					className: "flex items-start gap-6",
-					children: [/* @__PURE__ */ g("div", {
-						className: "flex h-24 w-24 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-primary to-primary/60 text-action-primary-text text-3xl font-semibold",
-						children: "MS"
-					}), /* @__PURE__ */ _("div", {
-						className: "flex-1 space-y-2",
-						children: [
-							/* @__PURE__ */ _("div", {
-								className: "flex items-center gap-3 flex-wrap",
-								children: [
-									/* @__PURE__ */ g("h1", {
-										className: "text-2xl font-semibold",
-										children: /* @__PURE__ */ g(T, { children: "Maria Santos" })
-									}),
-									/* @__PURE__ */ g(v, { children: "Top Rated Plus" }),
-									/* @__PURE__ */ g(v, {
-										variant: "secondary",
-										children: "Expert-Vetted"
-									}),
-									/* @__PURE__ */ g(v, {
-										variant: "outline",
-										className: "text-status-success-text border-status-success-text/30",
-										children: "Available Now"
-									})
-								]
-							}),
-							/* @__PURE__ */ g("p", {
-								className: "text-sm font-medium",
-								children: "Senior HR Consultant & Technical Recruiter"
-							}),
-							/* @__PURE__ */ g("p", {
-								className: "text-xs text-text-secondary",
-								children: "TalentPro Solutions"
-							}),
-							/* @__PURE__ */ _("div", {
-								className: "flex flex-wrap items-center gap-4 text-xs text-text-secondary",
-								children: [
-									/* @__PURE__ */ _("span", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ g(u, { className: "h-3 w-3" }), " San Francisco, CA"]
-									}),
-									/* @__PURE__ */ _("span", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ g(l, { className: "h-3 w-3" }), " UTC-8 (PST)"]
-									}),
-									/* @__PURE__ */ _("span", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ g(f, { className: "h-3 w-3 text-status-warning-text fill-yellow-500" }), " 4.9 (47 reviews)"]
-									}),
-									/* @__PURE__ */ _("span", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ g(i, { className: "h-3 w-3" }), " 47 completed projects"]
-									}),
-									/* @__PURE__ */ _("span", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ g(c, { className: "h-3 w-3" }), " $150/hr"]
-									})
-								]
-							}),
-							/* @__PURE__ */ _("div", {
-								className: "flex gap-2 pt-2",
-								children: [
-									/* @__PURE__ */ _(y, {
-										size: "sm",
-										children: [/* @__PURE__ */ g(d, { className: "h-3 w-3 mr-1" }), " Send Proposal"]
-									}),
-									/* @__PURE__ */ _(y, {
-										size: "sm",
-										variant: "outline",
-										children: [/* @__PURE__ */ g(h, { className: "h-3 w-3 mr-1" }), " Video Intro"]
-									}),
-									/* @__PURE__ */ _(y, {
-										size: "sm",
-										variant: "outline",
-										children: [/* @__PURE__ */ g(a, { className: "h-3 w-3 mr-1" }), " Schedule Call"]
-									})
-								]
-							})
-						]
-					})]
+			/* @__PURE__ */ g(T, {
+				treatment: "glass",
+				glow: !0,
+				className: "border-border-seam",
+				children: /* @__PURE__ */ g(x, {
+					className: "pt-6",
+					children: /* @__PURE__ */ _("div", {
+						className: "flex items-start gap-6",
+						children: [/* @__PURE__ */ g("div", {
+							className: "flex h-24 w-24 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br from-primary to-primary/60 text-action-primary-text text-3xl font-semibold",
+							children: "MS"
+						}), /* @__PURE__ */ _("div", {
+							className: "flex-1 space-y-2",
+							children: [
+								/* @__PURE__ */ _("div", {
+									className: "flex items-center gap-3 flex-wrap",
+									children: [
+										/* @__PURE__ */ g("h1", {
+											className: "text-2xl font-semibold",
+											children: /* @__PURE__ */ g(E, { children: "Maria Santos" })
+										}),
+										/* @__PURE__ */ g(v, { children: "Top Rated Plus" }),
+										/* @__PURE__ */ g(v, {
+											variant: "secondary",
+											children: "Expert-Vetted"
+										}),
+										/* @__PURE__ */ g(v, {
+											variant: "outline",
+											className: "text-status-success-text border-status-success-text/30",
+											children: "Available Now"
+										})
+									]
+								}),
+								/* @__PURE__ */ g("p", {
+									className: "text-sm font-medium",
+									children: "Senior HR Consultant & Technical Recruiter"
+								}),
+								/* @__PURE__ */ g("p", {
+									className: "text-xs text-text-secondary",
+									children: "TalentPro Solutions"
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "flex flex-wrap items-center gap-4 text-xs text-text-secondary",
+									children: [
+										/* @__PURE__ */ _("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ g(u, { className: "h-3 w-3" }), " San Francisco, CA"]
+										}),
+										/* @__PURE__ */ _("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ g(l, { className: "h-3 w-3" }), " UTC-8 (PST)"]
+										}),
+										/* @__PURE__ */ _("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ g(f, { className: "h-3 w-3 text-status-warning-text fill-yellow-500" }), " 4.9 (47 reviews)"]
+										}),
+										/* @__PURE__ */ _("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ g(i, { className: "h-3 w-3" }), " 47 completed projects"]
+										}),
+										/* @__PURE__ */ _("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ g(c, { className: "h-3 w-3" }), " $150/hr"]
+										})
+									]
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "flex gap-2 pt-2",
+									children: [
+										/* @__PURE__ */ _(y, {
+											size: "sm",
+											children: [/* @__PURE__ */ g(d, { className: "h-3 w-3 mr-1" }), " Send Proposal"]
+										}),
+										/* @__PURE__ */ _(y, {
+											size: "sm",
+											variant: "outline",
+											children: [/* @__PURE__ */ g(h, { className: "h-3 w-3 mr-1" }), " Video Intro"]
+										}),
+										/* @__PURE__ */ _(y, {
+											size: "sm",
+											variant: "outline",
+											children: [/* @__PURE__ */ g(a, { className: "h-3 w-3 mr-1" }), " Schedule Call"]
+										})
+									]
+								}),
+								/* @__PURE__ */ g(O, {
+									className: "pt-2",
+									children: "A freelancer's full profile — skills, track record, services, availability, and performance — so you can vet them thoroughly and decide whether to hire before you reach out."
+								})
+							]
+						})]
+					})
 				})
-			}) }),
+			}),
+			/* @__PURE__ */ g(D, {
+				storageKey: "crewfoundry-freelancer-profile-enhanced",
+				steps: [
+					{
+						id: "services",
+						label: "Review their services",
+						description: "See exactly what this freelancer offers and at what price.",
+						icon: /* @__PURE__ */ g(i, { className: "h-4 w-4" }),
+						onClick: () => F("services")
+					},
+					{
+						id: "availability",
+						label: "Check availability",
+						description: "Find open slots before you schedule a call.",
+						icon: /* @__PURE__ */ g(a, { className: "h-4 w-4" }),
+						onClick: () => F("availability")
+					},
+					{
+						id: "performance",
+						label: "Inspect performance",
+						description: "Look at ratings and delivery history to reduce risk.",
+						icon: /* @__PURE__ */ g(p, { className: "h-4 w-4" }),
+						onClick: () => F("analytics")
+					}
+				]
+			}),
 			/* @__PURE__ */ g("div", {
 				className: "grid gap-4 md:grid-cols-4",
-				children: R.map((e) => /* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
+				children: V.map((e) => /* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
 					className: "pt-6",
 					children: [
 						/* @__PURE__ */ g("p", {
@@ -174,29 +209,29 @@ function j() {
 					]
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ _(D, {
-				value: j,
-				onValueChange: M,
+			/* @__PURE__ */ _(A, {
+				value: P,
+				onValueChange: F,
 				children: [
-					/* @__PURE__ */ _(k, { children: [
-						/* @__PURE__ */ g(A, {
+					/* @__PURE__ */ _(M, { children: [
+						/* @__PURE__ */ g(N, {
 							value: "overview",
 							children: "Overview"
 						}),
-						/* @__PURE__ */ g(A, {
+						/* @__PURE__ */ g(N, {
 							value: "services",
 							children: "Services"
 						}),
-						/* @__PURE__ */ g(A, {
+						/* @__PURE__ */ g(N, {
 							value: "availability",
 							children: "Availability"
 						}),
-						/* @__PURE__ */ g(A, {
+						/* @__PURE__ */ g(N, {
 							value: "analytics",
 							children: "Performance"
 						})
 					] }),
-					/* @__PURE__ */ g(O, {
+					/* @__PURE__ */ g(j, {
 						value: "overview",
 						className: "space-y-6 mt-4",
 						children: /* @__PURE__ */ _("div", {
@@ -211,7 +246,7 @@ function j() {
 									children: [
 										/* @__PURE__ */ g("p", { children: "Award-winning HR consultant with 12+ years specializing in technical recruitment and talent strategy for high-growth technology companies. Deep expertise in building engineering teams, executive search, and implementing scalable hiring processes." }),
 										/* @__PURE__ */ g("p", { children: "Named one of the \"Top 50 HR Influencers\" by HR Tech Magazine in 2025. Regular speaker at HR technology conferences and contributor to industry publications." }),
-										/* @__PURE__ */ g(E, {}),
+										/* @__PURE__ */ g(k, {}),
 										/* @__PURE__ */ _("div", {
 											className: "grid grid-cols-2 gap-3 text-xs",
 											children: [
@@ -277,12 +312,12 @@ function j() {
 							})]
 						})
 					}),
-					/* @__PURE__ */ g(O, {
+					/* @__PURE__ */ g(j, {
 						value: "services",
 						className: "mt-4",
 						children: /* @__PURE__ */ g("div", {
 							className: "grid gap-4 md:grid-cols-2",
-							children: L.map((e) => /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ _("div", {
+							children: B.map((e) => /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ _("div", {
 								className: "flex items-center justify-between",
 								children: [/* @__PURE__ */ g(w, {
 									className: "text-sm",
@@ -297,7 +332,7 @@ function j() {
 								children: e.description
 							})] }), /* @__PURE__ */ _(x, {
 								className: "pt-0",
-								children: [/* @__PURE__ */ g(E, { className: "mb-3" }), /* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ g(k, { className: "mb-3" }), /* @__PURE__ */ _("div", {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ _("div", {
 										className: "space-y-0.5",
@@ -316,7 +351,7 @@ function j() {
 							})] }, e.title))
 						})
 					}),
-					/* @__PURE__ */ g(O, {
+					/* @__PURE__ */ g(j, {
 						value: "availability",
 						className: "mt-4",
 						children: /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ _(C, { children: [/* @__PURE__ */ g(w, {
@@ -324,7 +359,7 @@ function j() {
 							children: "This Week's Availability"
 						}), /* @__PURE__ */ g(S, { children: "Select a time slot to schedule a consultation" })] }), /* @__PURE__ */ g(x, {
 							className: "space-y-4",
-							children: I.map((e) => /* @__PURE__ */ _("div", {
+							children: z.map((e) => /* @__PURE__ */ _("div", {
 								className: "flex items-center gap-4",
 								children: [/* @__PURE__ */ g("span", {
 									className: "w-24 text-sm font-medium",
@@ -341,7 +376,7 @@ function j() {
 							}, e.day))
 						})] })
 					}),
-					/* @__PURE__ */ g(O, {
+					/* @__PURE__ */ g(j, {
 						value: "analytics",
 						className: "mt-4",
 						children: /* @__PURE__ */ _("div", {
@@ -438,6 +473,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as MarketplaceFreelancerProfilePageEnhancedPage };
+export { P as MarketplaceFreelancerProfilePageEnhancedPage };
 //# sourceMappingURL=MarketplaceFreelancerProfilePageEnhancedPage.js.map

package/dist/crewfoundry/pages/MarketplaceFreelancerProfilePageEnhancedPage.js.map CHANGED Viewed