npm - @burdenoff/microfe-proserviceworld - Versions diffs - 2026.509.101 - Mend

@burdenoff/microfe-proserviceworld 2026.509.101

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 (106) hide show

package/dist/proserviceworld/pages/ServiceDetailsPage.js ADDED Viewed

@@ -0,0 +1,563 @@
+import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
+import { useState as t } from "react";
+import { ArrowLeft as n, BookOpen as r, Calendar as i, CheckCircle2 as a, ChevronDown as o, ChevronUp as s, ClipboardList as c, Clock as l, DollarSign as u, FileText as d, MessageSquare as f, Package as p, Shield as m, Star as h, Tag as g, User as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/ServiceDetailsPage.tsx
+function E() {
+	let { services: E, providers: D } = e(), [O, k] = t(E[0]?.id ?? ""), [A, j] = t("packages"), [M, N] = t(null), [P, F] = t(!1), [I, L] = t(null), R = E.find((e) => e.id === O) ?? E[0], z = R ? D.find((e) => e.id === R.providerId) : null;
+	if (!R) return /* @__PURE__ */ v("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ v("p", {
+			className: "text-muted-foreground",
+			children: "No services available."
+		})
+	});
+	let B = [
+		{
+			key: "packages",
+			label: "Packages",
+			icon: p
+		},
+		{
+			key: "deliverables",
+			label: "Deliverables",
+			icon: d
+		},
+		{
+			key: "requirements",
+			label: "Requirements",
+			icon: c
+		},
+		{
+			key: "faq",
+			label: "FAQ",
+			icon: r
+		}
+	], V = R.pricing.type === "hourly" ? `$${R.pricing.hourlyRate}/hr` : R.pricing.type === "fixed" ? `$${R.pricing.basePrice.toLocaleString()} fixed` : `From $${R.pricing.basePrice.toLocaleString()}`;
+	return /* @__PURE__ */ y("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ y("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ y(x, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => k(E[0]?.id ?? ""),
+							children: [/* @__PURE__ */ v(n, { className: "mr-2 h-4 w-4" }), " Services"]
+						}),
+						/* @__PURE__ */ v("span", {
+							className: "text-muted-foreground",
+							children: "/"
+						}),
+						/* @__PURE__ */ v("select", {
+							className: "rounded border bg-background px-2 py-1 text-sm",
+							value: O,
+							onChange: (e) => k(e.target.value),
+							children: E.map((e) => /* @__PURE__ */ v("option", {
+								value: e.id,
+								children: e.title
+							}, e.id))
+						})
+					]
+				}), /* @__PURE__ */ y(x, {
+					size: "sm",
+					onClick: () => F(!0),
+					children: [/* @__PURE__ */ v(i, { className: "mr-2 h-4 w-4" }), " Book This Service"]
+				})]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ y("div", {
+					className: "space-y-6 lg:col-span-2",
+					children: [
+						/* @__PURE__ */ v(S, { children: /* @__PURE__ */ y(C, {
+							className: "pt-6",
+							children: [
+								/* @__PURE__ */ y("div", {
+									className: "flex flex-wrap items-start justify-between gap-4",
+									children: [/* @__PURE__ */ y("div", {
+										className: "space-y-2",
+										children: [
+											/* @__PURE__ */ y("div", {
+												className: "flex items-center gap-2",
+												children: [
+													R.featured && /* @__PURE__ */ v(b, { children: "Featured" }),
+													/* @__PURE__ */ v(b, {
+														variant: "secondary",
+														children: R.category.replace(/_/g, " ")
+													}),
+													/* @__PURE__ */ v(b, {
+														variant: "outline",
+														children: R.subcategory
+													})
+												]
+											}),
+											/* @__PURE__ */ v("h1", {
+												className: "text-2xl font-bold",
+												children: R.title
+											}),
+											/* @__PURE__ */ v("p", {
+												className: "max-w-2xl text-muted-foreground",
+												children: R.description
+											})
+										]
+									}), /* @__PURE__ */ y("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ v("p", {
+											className: "text-2xl font-bold text-primary",
+											children: V
+										}), /* @__PURE__ */ y("p", {
+											className: "text-xs text-muted-foreground",
+											children: [R.pricing.type, " pricing"]
+										})]
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "mt-6 flex flex-wrap gap-6 border-t pt-4",
+									children: [
+										/* @__PURE__ */ y("div", {
+											className: "flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ v(h, { className: "h-4 w-4 text-yellow-500" }),
+												/* @__PURE__ */ v("span", {
+													className: "text-sm font-medium",
+													children: R.rating
+												}),
+												/* @__PURE__ */ y("span", {
+													className: "text-xs text-muted-foreground",
+													children: [
+														"(",
+														R.providerReviews,
+														" reviews)"
+													]
+												})
+											]
+										}),
+										/* @__PURE__ */ y("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ v(l, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ y("span", {
+												className: "text-sm",
+												children: [R.duration.typical, " days typical"]
+											})]
+										}),
+										/* @__PURE__ */ y("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ v(a, { className: "h-4 w-4 text-green-500" }), /* @__PURE__ */ y("span", {
+												className: "text-sm",
+												children: [R.totalBookings, " bookings"]
+											})]
+										}),
+										/* @__PURE__ */ y("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ v(i, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ y("span", {
+												className: "text-sm",
+												children: [
+													R.duration.min,
+													"-",
+													R.duration.max,
+													" days range"
+												]
+											})]
+										})
+									]
+								}),
+								R.tags.length > 0 && /* @__PURE__ */ y("div", {
+									className: "mt-4 flex flex-wrap gap-2",
+									children: [/* @__PURE__ */ v(g, { className: "h-4 w-4 text-muted-foreground" }), R.tags.map((e) => /* @__PURE__ */ v(b, {
+										variant: "outline",
+										className: "text-xs",
+										children: e
+									}, e))]
+								})
+							]
+						}) }),
+						/* @__PURE__ */ v("div", {
+							className: "flex gap-1 border-b",
+							children: B.map(({ key: e, label: t, icon: n }) => /* @__PURE__ */ y("button", {
+								onClick: () => j(e),
+								className: `flex items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors ${A === e ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+								children: [/* @__PURE__ */ v(n, { className: "h-4 w-4" }), t]
+							}, e))
+						}),
+						A === "packages" && /* @__PURE__ */ v("div", {
+							className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+							children: R.packages.map((e) => /* @__PURE__ */ y(S, {
+								className: `relative ${e.popular ? "border-primary ring-1 ring-primary" : ""} ${I === e.id ? "bg-primary/5" : ""}`,
+								children: [
+									e.popular && /* @__PURE__ */ v("div", {
+										className: "absolute -top-3 left-1/2 -translate-x-1/2",
+										children: /* @__PURE__ */ v(b, {
+											className: "bg-primary text-primary-foreground",
+											children: "Most Popular"
+										})
+									}),
+									/* @__PURE__ */ y(w, {
+										className: "pb-3",
+										children: [/* @__PURE__ */ v(T, {
+											className: "text-lg",
+											children: e.name
+										}), /* @__PURE__ */ v("p", {
+											className: "text-sm text-muted-foreground",
+											children: e.description
+										})]
+									}),
+									/* @__PURE__ */ y(C, {
+										className: "space-y-4",
+										children: [
+											/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("span", {
+												className: "text-3xl font-bold",
+												children: ["$", e.price.toLocaleString()]
+											}), /* @__PURE__ */ y("span", {
+												className: "text-sm text-muted-foreground",
+												children: [
+													" / ",
+													e.duration,
+													" days"
+												]
+											})] }),
+											/* @__PURE__ */ v("ul", {
+												className: "space-y-2",
+												children: e.features.map((e, t) => /* @__PURE__ */ y("li", {
+													className: "flex items-start gap-2 text-sm",
+													children: [/* @__PURE__ */ v(a, { className: "mt-0.5 h-4 w-4 shrink-0 text-green-500" }), e]
+												}, t))
+											}),
+											/* @__PURE__ */ v(x, {
+												className: "w-full",
+												variant: e.popular ? "default" : "outline",
+												onClick: () => {
+													L(e.id), F(!0);
+												},
+												children: "Select Package"
+											})
+										]
+									})
+								]
+							}, e.id))
+						}),
+						A === "deliverables" && /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
+							className: "text-base",
+							children: "What You'll Receive"
+						}) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v("ul", {
+							className: "grid gap-3 sm:grid-cols-2",
+							children: R.deliverables.map((e, t) => /* @__PURE__ */ y("li", {
+								className: "flex items-center gap-3 rounded-lg border p-3",
+								children: [/* @__PURE__ */ v(d, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ v("span", {
+									className: "text-sm font-medium",
+									children: e
+								})]
+							}, t))
+						}) })] }),
+						A === "requirements" && /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
+							className: "text-base",
+							children: "What We Need From You"
+						}) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v("ul", {
+							className: "space-y-3",
+							children: R.requirements.map((e, t) => /* @__PURE__ */ y("li", {
+								className: "flex items-start gap-3 rounded-lg border p-3",
+								children: [/* @__PURE__ */ v(c, { className: "mt-0.5 h-5 w-5 text-orange-500" }), /* @__PURE__ */ v("span", {
+									className: "text-sm",
+									children: e
+								})]
+							}, t))
+						}) })] }),
+						A === "faq" && /* @__PURE__ */ v("div", {
+							className: "space-y-3",
+							children: R.faq.length === 0 ? /* @__PURE__ */ v(S, { children: /* @__PURE__ */ v(C, {
+								className: "py-8 text-center text-muted-foreground",
+								children: "No FAQ items for this service yet."
+							}) }) : R.faq.map((e) => /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ y("button", {
+								className: "flex w-full items-center justify-between p-4 text-left",
+								onClick: () => N(M === e.id ? null : e.id),
+								children: [/* @__PURE__ */ v("span", {
+									className: "font-medium",
+									children: e.question
+								}), M === e.id ? /* @__PURE__ */ v(s, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ v(o, { className: "h-4 w-4 text-muted-foreground" })]
+							}), M === e.id && /* @__PURE__ */ v(C, {
+								className: "border-t pt-4",
+								children: /* @__PURE__ */ v("p", {
+									className: "text-sm text-muted-foreground",
+									children: e.answer
+								})
+							})] }, e.id))
+						})
+					]
+				}), /* @__PURE__ */ y("div", {
+					className: "space-y-4",
+					children: [z && /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
+						className: "text-base",
+						children: "Service Provider"
+					}) }), /* @__PURE__ */ y(C, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ y("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ v("div", {
+									className: "flex h-12 w-12 items-center justify-center rounded-full bg-primary/10 text-primary font-semibold",
+									children: z.name.charAt(0)
+								}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									className: "font-medium",
+									children: z.name
+								}), /* @__PURE__ */ v("p", {
+									className: "text-sm text-muted-foreground",
+									children: z.businessName
+								})] })]
+							}),
+							z.verified && /* @__PURE__ */ y("div", {
+								className: "flex items-center gap-2 rounded-lg bg-green-50 p-2 dark:bg-green-950",
+								children: [/* @__PURE__ */ v(m, { className: "h-4 w-4 text-green-600" }), /* @__PURE__ */ v("span", {
+									className: "text-sm font-medium text-green-700 dark:text-green-400",
+									children: "Verified Provider"
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "space-y-3 text-sm",
+								children: [
+									/* @__PURE__ */ y("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ v("span", {
+											className: "text-muted-foreground",
+											children: "Rating"
+										}), /* @__PURE__ */ y("div", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ v(h, { className: "h-4 w-4 text-yellow-500" }),
+												/* @__PURE__ */ v("span", {
+													className: "font-medium",
+													children: z.rating
+												}),
+												/* @__PURE__ */ y("span", {
+													className: "text-muted-foreground",
+													children: [
+														"(",
+														z.totalReviews,
+														")"
+													]
+												})
+											]
+										})]
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ v("span", {
+											className: "text-muted-foreground",
+											children: "Completion Rate"
+										}), /* @__PURE__ */ y("span", {
+											className: "font-medium",
+											children: [z.completionRate, "%"]
+										})]
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ v("span", {
+											className: "text-muted-foreground",
+											children: "Response Time"
+										}), /* @__PURE__ */ y("span", {
+											className: "font-medium",
+											children: [z.responseTime, "h avg"]
+										})]
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ v("span", {
+											className: "text-muted-foreground",
+											children: "Experience"
+										}), /* @__PURE__ */ y("span", {
+											className: "font-medium",
+											children: [z.yearsExperience, " years"]
+										})]
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ v("span", {
+											className: "text-muted-foreground",
+											children: "Projects Done"
+										}), /* @__PURE__ */ v("span", {
+											className: "font-medium",
+											children: z.projectsCompleted
+										})]
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ v("span", {
+											className: "text-muted-foreground",
+											children: "Hourly Rate"
+										}), /* @__PURE__ */ y("span", {
+											className: "font-medium",
+											children: [
+												"$",
+												z.hourlyRate,
+												"/hr"
+											]
+										})]
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ v("span", {
+											className: "text-muted-foreground",
+											children: "Location"
+										}), /* @__PURE__ */ v("span", {
+											className: "font-medium",
+											children: z.location
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "space-y-2 border-t pt-3",
+								children: [/* @__PURE__ */ v("p", {
+									className: "text-xs font-medium text-muted-foreground",
+									children: "Certifications"
+								}), /* @__PURE__ */ v("div", {
+									className: "flex flex-wrap gap-1",
+									children: z.certifications.map((e) => /* @__PURE__ */ v(b, {
+										variant: "secondary",
+										className: "text-xs",
+										children: e
+									}, e))
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "space-y-2 border-t pt-3",
+								children: [/* @__PURE__ */ v("p", {
+									className: "text-xs font-medium text-muted-foreground",
+									children: "Languages"
+								}), /* @__PURE__ */ v("div", {
+									className: "flex flex-wrap gap-1",
+									children: z.languages.map((e) => /* @__PURE__ */ v(b, {
+										variant: "outline",
+										className: "text-xs",
+										children: e
+									}, e))
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "flex gap-2 border-t pt-3",
+								children: [/* @__PURE__ */ y(x, {
+									className: "flex-1",
+									size: "sm",
+									variant: "outline",
+									children: [/* @__PURE__ */ v(_, { className: "mr-2 h-4 w-4" }), " View Profile"]
+								}), /* @__PURE__ */ y(x, {
+									className: "flex-1",
+									size: "sm",
+									variant: "outline",
+									children: [/* @__PURE__ */ v(f, { className: "mr-2 h-4 w-4" }), " Message"]
+								})]
+							})
+						]
+					})] }), /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
+						className: "text-base",
+						children: "Quick Book"
+					}) }), /* @__PURE__ */ y(C, {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ y("div", {
+								className: "flex items-center justify-between text-sm",
+								children: [/* @__PURE__ */ v("span", {
+									className: "text-muted-foreground",
+									children: "Starting from"
+								}), /* @__PURE__ */ y("span", {
+									className: "text-lg font-bold text-primary",
+									children: ["$", R.pricing.basePrice.toLocaleString()]
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "flex items-center gap-2 text-sm text-muted-foreground",
+								children: [/* @__PURE__ */ v(l, { className: "h-4 w-4" }), /* @__PURE__ */ y("span", { children: [
+									"Typical duration: ",
+									R.duration.typical,
+									" days"
+								] })]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "flex items-center gap-2 text-sm text-muted-foreground",
+								children: [/* @__PURE__ */ v(u, { className: "h-4 w-4" }), /* @__PURE__ */ y("span", { children: [R.pricing.type, " pricing model"] })]
+							}),
+							/* @__PURE__ */ y(x, {
+								className: "w-full",
+								onClick: () => F(!0),
+								children: [/* @__PURE__ */ v(i, { className: "mr-2 h-4 w-4" }), " Book Now"]
+							})
+						]
+					})] })]
+				})]
+			}),
+			P && /* @__PURE__ */ v("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
+				children: /* @__PURE__ */ y(S, {
+					className: "w-full max-w-lg mx-4",
+					children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ y("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ v(T, { children: "Book Service" }), /* @__PURE__ */ v(x, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => F(!1),
+							children: "Close"
+						})]
+					}) }), /* @__PURE__ */ y(C, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								className: "font-medium",
+								children: R.title
+							}), /* @__PURE__ */ y("p", {
+								className: "text-sm text-muted-foreground",
+								children: ["by ", R.providerName]
+							})] }),
+							/* @__PURE__ */ y("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ v("p", {
+									className: "text-sm font-medium",
+									children: "Select Package"
+								}), R.packages.map((e) => /* @__PURE__ */ y("button", {
+									onClick: () => L(e.id),
+									className: `w-full rounded-lg border p-3 text-left transition-colors ${I === e.id ? "border-primary bg-primary/5" : "hover:bg-muted/50"}`,
+									children: [/* @__PURE__ */ y("div", {
+										className: "flex items-center justify-between",
+										children: [/* @__PURE__ */ v("span", {
+											className: "font-medium",
+											children: e.name
+										}), /* @__PURE__ */ y("span", {
+											className: "font-bold",
+											children: ["$", e.price.toLocaleString()]
+										})]
+									}), /* @__PURE__ */ y("p", {
+										className: "text-xs text-muted-foreground",
+										children: [
+											e.description,
+											" - ",
+											e.duration,
+											" days"
+										]
+									})]
+								}, e.id))]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ v(x, {
+									variant: "outline",
+									className: "flex-1",
+									onClick: () => F(!1),
+									children: "Cancel"
+								}), /* @__PURE__ */ v(x, {
+									className: "flex-1",
+									disabled: !I,
+									children: "Confirm Booking"
+								})]
+							})
+						]
+					})]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { E as ServiceDetailsPage };
+//# sourceMappingURL=ServiceDetailsPage.js.map

package/dist/proserviceworld/pages/ServiceDetailsPage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ServiceDetailsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ServiceDetailsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport {\n ArrowLeft,\n Star,\n Clock,\n CheckCircle2,\n ChevronDown,\n ChevronUp,\n Package,\n FileText,\n ClipboardList,\n Tag,\n Shield,\n Calendar,\n DollarSign,\n User,\n MessageSquare,\n BookOpen,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\n\ntype Tab = 'packages' | 'deliverables' | 'requirements' | 'faq';\n\nexport function ServiceDetailsPage() {\n const { services, providers } = useProServiceWorldStore();\n const [selectedServiceId, setSelectedServiceId] = useState(services[0]?.id ?? '');\n const [activeTab, setActiveTab] = useState<Tab>('packages');\n const [expandedFaq, setExpandedFaq] = useState<string | null>(null);\n const [showBookingModal, setShowBookingModal] = useState(false);\n const [selectedPackageId, setSelectedPackageId] = useState<string | null>(null);\n\n const service = services.find((s) => s.id === selectedServiceId) ?? services[0];\n const provider = service ? providers.find((p) => p.id === service.providerId) : null;\n\n if (!service) {\n return (\n <div className=\"flex items-center justify-center p-12\">\n <p className=\"text-muted-foreground\">No services available.</p>\n </div>\n );\n }\n\n const tabs: { key: Tab; label: string; icon: typeof Package }[] = [\n { key: 'packages', label: 'Packages', icon: Package },\n { key: 'deliverables', label: 'Deliverables', icon: FileText },\n { key: 'requirements', label: 'Requirements', icon: ClipboardList },\n { key: 'faq', label: 'FAQ', icon: BookOpen },\n ];\n\n const pricingLabel =\n service.pricing.type === 'hourly'\n ? `$${service.pricing.hourlyRate}/hr`\n : service.pricing.type === 'fixed'\n ? `$${service.pricing.basePrice.toLocaleString()} fixed`\n : `From $${service.pricing.basePrice.toLocaleString()}`;\n\n return (\n <div className=\"space-y-6 p-6\">\n {/* Breadcrumb + Service selector */}\n <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <div className=\"flex items-center gap-3\">\n <Button\n variant=\"outline\"\n size=\"sm\"\n onClick={() => setSelectedServiceId(services[0]?.id ?? '')}\n >\n <ArrowLeft className=\"mr-2 h-4 w-4\" /> Services\n </Button>\n <span className=\"text-muted-foreground\">/</span>\n <select\n className=\"rounded border bg-background px-2 py-1 text-sm\"\n value={selectedServiceId}\n onChange={(e) => setSelectedServiceId(e.target.value)}\n >\n {services.map((s) => (\n <option key={s.id} value={s.id}>\n {s.title}\n </option>\n ))}\n </select>\n </div>\n <Button size=\"sm\" onClick={() => setShowBookingModal(true)}>\n <Calendar className=\"mr-2 h-4 w-4\" /> Book This Service\n </Button>\n </div>\n\n <div className=\"grid gap-6 lg:grid-cols-3\">\n {/* Main content — 2 columns */}\n <div className=\"space-y-6 lg:col-span-2\">\n {/* Service header */}\n <Card>\n <CardContent className=\"pt-6\">\n <div className=\"flex flex-wrap items-start justify-between gap-4\">\n <div className=\"space-y-2\">\n <div className=\"flex items-center gap-2\">\n {service.featured && <Badge>Featured</Badge>}\n <Badge variant=\"secondary\">{service.category.replace(/_/g, ' ')}</Badge>\n <Badge variant=\"outline\">{service.subcategory}</Badge>\n </div>\n <h1 className=\"text-2xl font-bold\">{service.title}</h1>\n <p className=\"max-w-2xl text-muted-foreground\">{service.description}</p>\n </div>\n <div className=\"text-right\">\n <p className=\"text-2xl font-bold text-primary\">{pricingLabel}</p>\n <p className=\"text-xs text-muted-foreground\">{service.pricing.type} pricing</p>\n </div>\n </div>\n\n {/* Stats row */}\n <div className=\"mt-6 flex flex-wrap gap-6 border-t pt-4\">\n <div className=\"flex items-center gap-2\">\n <Star className=\"h-4 w-4 text-yellow-500\" />\n <span className=\"text-sm font-medium\">{service.rating}</span>\n <span className=\"text-xs text-muted-foreground\">\n ({service.providerReviews} reviews)\n </span>\n </div>\n <div className=\"flex items-center gap-2\">\n <Clock className=\"h-4 w-4 text-muted-foreground\" />\n <span className=\"text-sm\">{service.duration.typical} days typical</span>\n </div>\n <div className=\"flex items-center gap-2\">\n <CheckCircle2 className=\"h-4 w-4 text-green-500\" />\n <span className=\"text-sm\">{service.totalBookings} bookings</span>\n </div>\n <div className=\"flex items-center gap-2\">\n <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n <span className=\"text-sm\">\n {service.duration.min}-{service.duration.max} days range\n </span>\n </div>\n </div>\n\n {/* Tags */}\n {service.tags.length > 0 && (\n <div className=\"mt-4 flex flex-wrap gap-2\">\n <Tag className=\"h-4 w-4 text-muted-foreground\" />\n {service.tags.map((tag) => (\n <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n {tag}\n </Badge>\n ))}\n </div>\n )}\n </CardContent>\n </Card>\n\n {/* Tabs */}\n <div className=\"flex gap-1 border-b\">\n {tabs.map(({ key, label, icon: Icon }) => (\n <button\n key={key}\n onClick={() => setActiveTab(key)}\n className={`flex items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors ${\n activeTab === key\n ? 'border-primary text-primary'\n : 'border-transparent text-muted-foreground hover:text-foreground'\n }`}\n >\n <Icon className=\"h-4 w-4\" />\n {label}\n </button>\n ))}\n </div>\n\n {/* Tab content */}\n {activeTab === 'packages' && (\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n {service.packages.map((pkg) => (\n <Card\n key={pkg.id}\n className={`relative ${pkg.popular ? 'border-primary ring-1 ring-primary' : ''} ${\n selectedPackageId === pkg.id ? 'bg-primary/5' : ''\n }`}\n >\n {pkg.popular && (\n <div className=\"absolute -top-3 left-1/2 -translate-x-1/2\">\n <Badge className=\"bg-primary text-primary-foreground\">Most Popular</Badge>\n </div>\n )}\n <CardHeader className=\"pb-3\">\n <CardTitle className=\"text-lg\">{pkg.name}</CardTitle>\n <p className=\"text-sm text-muted-foreground\">{pkg.description}</p>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div>\n <span className=\"text-3xl font-bold\">${pkg.price.toLocaleString()}</span>\n <span className=\"text-sm text-muted-foreground\"> / {pkg.duration} days</span>\n </div>\n <ul className=\"space-y-2\">\n {pkg.features.map((feature, i) => (\n <li key={i} className=\"flex items-start gap-2 text-sm\">\n <CheckCircle2 className=\"mt-0.5 h-4 w-4 shrink-0 text-green-500\" />\n {feature}\n </li>\n ))}\n </ul>\n <Button\n className=\"w-full\"\n variant={pkg.popular ? 'default' : 'outline'}\n onClick={() => {\n setSelectedPackageId(pkg.id);\n setShowBookingModal(true);\n }}\n >\n Select Package\n </Button>\n </CardContent>\n </Card>\n ))}\n </div>\n )}\n\n {activeTab === 'deliverables' && (\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">What You'll Receive</CardTitle>\n </CardHeader>\n <CardContent>\n <ul className=\"grid gap-3 sm:grid-cols-2\">\n {service.deliverables.map((item, i) => (\n <li key={i} className=\"flex items-center gap-3 rounded-lg border p-3\">\n <FileText className=\"h-5 w-5 text-primary\" />\n <span className=\"text-sm font-medium\">{item}</span>\n </li>\n ))}\n </ul>\n </CardContent>\n </Card>\n )}\n\n {activeTab === 'requirements' && (\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">What We Need From You</CardTitle>\n </CardHeader>\n <CardContent>\n <ul className=\"space-y-3\">\n {service.requirements.map((item, i) => (\n <li key={i} className=\"flex items-start gap-3 rounded-lg border p-3\">\n <ClipboardList className=\"mt-0.5 h-5 w-5 text-orange-500\" />\n <span className=\"text-sm\">{item}</span>\n </li>\n ))}\n </ul>\n </CardContent>\n </Card>\n )}\n\n {activeTab === 'faq' && (\n <div className=\"space-y-3\">\n {service.faq.length === 0 ? (\n <Card>\n <CardContent className=\"py-8 text-center text-muted-foreground\">\n No FAQ items for this service yet.\n </CardContent>\n </Card>\n ) : (\n service.faq.map((item) => (\n <Card key={item.id}>\n <button\n className=\"flex w-full items-center justify-between p-4 text-left\"\n onClick={() => setExpandedFaq(expandedFaq === item.id ? null : item.id)}\n >\n <span className=\"font-medium\">{item.question}</span>\n {expandedFaq === item.id ? (\n <ChevronUp className=\"h-4 w-4 text-muted-foreground\" />\n ) : (\n <ChevronDown className=\"h-4 w-4 text-muted-foreground\" />\n )}\n </button>\n {expandedFaq === item.id && (\n <CardContent className=\"border-t pt-4\">\n <p className=\"text-sm text-muted-foreground\">{item.answer}</p>\n </CardContent>\n )}\n </Card>\n ))\n )}\n </div>\n )}\n </div>\n\n {/* Provider sidebar */}\n <div className=\"space-y-4\">\n {provider && (\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">Service Provider</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"flex items-center gap-3\">\n <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-primary/10 text-primary font-semibold\">\n {provider.name.charAt(0)}\n </div>\n <div>\n <p className=\"font-medium\">{provider.name}</p>\n <p className=\"text-sm text-muted-foreground\">{provider.businessName}</p>\n </div>\n </div>\n\n {provider.verified && (\n <div className=\"flex items-center gap-2 rounded-lg bg-green-50 p-2 dark:bg-green-950\">\n <Shield className=\"h-4 w-4 text-green-600\" />\n <span className=\"text-sm font-medium text-green-700 dark:text-green-400\">\n Verified Provider\n </span>\n </div>\n )}\n\n <div className=\"space-y-3 text-sm\">\n <div className=\"flex items-center justify-between\">\n <span className=\"text-muted-foreground\">Rating</span>\n <div className=\"flex items-center gap-1\">\n <Star className=\"h-4 w-4 text-yellow-500\" />\n <span className=\"font-medium\">{provider.rating}</span>\n <span className=\"text-muted-foreground\">({provider.totalReviews})</span>\n </div>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-muted-foreground\">Completion Rate</span>\n <span className=\"font-medium\">{provider.completionRate}%</span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-muted-foreground\">Response Time</span>\n <span className=\"font-medium\">{provider.responseTime}h avg</span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-muted-foreground\">Experience</span>\n <span className=\"font-medium\">{provider.yearsExperience} years</span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-muted-foreground\">Projects Done</span>\n <span className=\"font-medium\">{provider.projectsCompleted}</span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-muted-foreground\">Hourly Rate</span>\n <span className=\"font-medium\">${provider.hourlyRate}/hr</span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-muted-foreground\">Location</span>\n <span className=\"font-medium\">{provider.location}</span>\n </div>\n </div>\n\n <div className=\"space-y-2 border-t pt-3\">\n <p className=\"text-xs font-medium text-muted-foreground\">Certifications</p>\n <div className=\"flex flex-wrap gap-1\">\n {provider.certifications.map((cert) => (\n <Badge key={cert} variant=\"secondary\" className=\"text-xs\">\n {cert}\n </Badge>\n ))}\n </div>\n </div>\n\n <div className=\"space-y-2 border-t pt-3\">\n <p className=\"text-xs font-medium text-muted-foreground\">Languages</p>\n <div className=\"flex flex-wrap gap-1\">\n {provider.languages.map((lang) => (\n <Badge key={lang} variant=\"outline\" className=\"text-xs\">\n {lang}\n </Badge>\n ))}\n </div>\n </div>\n\n <div className=\"flex gap-2 border-t pt-3\">\n <Button className=\"flex-1\" size=\"sm\" variant=\"outline\">\n <User className=\"mr-2 h-4 w-4\" /> View Profile\n </Button>\n <Button className=\"flex-1\" size=\"sm\" variant=\"outline\">\n <MessageSquare className=\"mr-2 h-4 w-4\" /> Message\n </Button>\n </div>\n </CardContent>\n </Card>\n )}\n\n {/* Quick booking card */}\n <Card>\n <CardHeader>\n <CardTitle className=\"text-base\">Quick Book</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <div className=\"flex items-center justify-between text-sm\">\n <span className=\"text-muted-foreground\">Starting from</span>\n <span className=\"text-lg font-bold text-primary\">\n ${service.pricing.basePrice.toLocaleString()}\n </span>\n </div>\n <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n <Clock className=\"h-4 w-4\" />\n <span>Typical duration: {service.duration.typical} days</span>\n </div>\n <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n <DollarSign className=\"h-4 w-4\" />\n <span>{service.pricing.type} pricing model</span>\n </div>\n <Button className=\"w-full\" onClick={() => setShowBookingModal(true)}>\n <Calendar className=\"mr-2 h-4 w-4\" /> Book Now\n </Button>\n </CardContent>\n </Card>\n </div>\n </div>\n\n {/* Booking Modal */}\n {showBookingModal && (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\">\n <Card className=\"w-full max-w-lg mx-4\">\n <CardHeader>\n <div className=\"flex items-center justify-between\">\n <CardTitle>Book Service</CardTitle>\n <Button variant=\"outline\" size=\"sm\" onClick={() => setShowBookingModal(false)}>\n Close\n </Button>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div>\n <p className=\"font-medium\">{service.title}</p>\n <p className=\"text-sm text-muted-foreground\">by {service.providerName}</p>\n </div>\n\n <div className=\"space-y-2\">\n <p className=\"text-sm font-medium\">Select Package</p>\n {service.packages.map((pkg) => (\n <button\n key={pkg.id}\n onClick={() => setSelectedPackageId(pkg.id)}\n className={`w-full rounded-lg border p-3 text-left transition-colors ${\n selectedPackageId === pkg.id\n ? 'border-primary bg-primary/5'\n : 'hover:bg-muted/50'\n }`}\n >\n <div className=\"flex items-center justify-between\">\n <span className=\"font-medium\">{pkg.name}</span>\n <span className=\"font-bold\">${pkg.price.toLocaleString()}</span>\n </div>\n <p className=\"text-xs text-muted-foreground\">\n {pkg.description} - {pkg.duration} days\n </p>\n </button>\n ))}\n </div>\n\n <div className=\"flex gap-2\">\n <Button\n variant=\"outline\"\n className=\"flex-1\"\n onClick={() => setShowBookingModal(false)}\n >\n Cancel\n </Button>\n <Button className=\"flex-1\" disabled={!selectedPackageId}>\n Confirm Booking\n </Button>\n </div>\n </CardContent>\n </Card>\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/proserviceworld/pages/ServicesPage.d.ts ADDED Viewed

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

package/dist/proserviceworld/pages/ServicesPage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ServicesPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/ServicesPage.tsx"],"names":[],"mappings":"AAkDA,wBAAgB,YAAY,4CA6P3B"}