@burdenoff/microfe-proserviceworld 2026.625.1 → 2026.626.1

package/dist/proserviceworld/pages/ServiceDetailsPage.js

@@ -2,18 +2,19 @@ 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, EmphasisPanel as E, GlassCard as D, ShowMore as O } from "@burdenoff/fe-libs/ui";
+import { Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T, EmphasisPanel as E, GlassCard as D, IllustratedEmptyState as O, NextSteps as k, PagePurpose as A, ShowMore as j } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/ServiceDetailsPage.tsx
-function k() {
-	let { services: k, providers: A } = e(), [j, M] = t(k[0]?.id ?? ""), [N, P] = t("packages"), [F, I] = t(null), [L, R] = t(!1), [z, B] = t(null), V = k.find((e) => e.id === j) ?? k[0], H = V ? A.find((e) => e.id === V.providerId) : null;
-	if (!V) return /* @__PURE__ */ v("div", {
-		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ v("p", {
-			className: "text-text-secondary",
-			children: "No services available."
+function M() {
+	let { services: M, providers: N } = e(), [P, F] = t(M[0]?.id ?? ""), [I, L] = t("packages"), [R, z] = t(null), [B, V] = t(!1), [H, U] = t(null), W = M.find((e) => e.id === P) ?? M[0], G = W ? N.find((e) => e.id === W.providerId) : null;
+	if (!W) return /* @__PURE__ */ v("div", {
+		className: "p-6 bg-bg-canvas min-h-screen",
+		children: /* @__PURE__ */ v(O, {
+			illustration: "empty-data",
+			title: "No services available",
+			description: "There are no services to display yet. Once services are published they will appear here with full package and provider details."
 		})
 	});
-	let U = [
+	let K = [
 		{
 			key: "packages",
 			label: "Packages",
@@ -34,7 +35,7 @@ function k() {
 			label: "FAQ",
 			icon: r
 		}
-	], W = V.pricing.type === "hourly" ? `$${V.pricing.hourlyRate}/hr` : V.pricing.type === "fixed" ? `$${V.pricing.basePrice.toLocaleString()} fixed` : `From $${V.pricing.basePrice.toLocaleString()}`;
+	], q = W.pricing.type === "hourly" ? `$${W.pricing.hourlyRate}/hr` : W.pricing.type === "fixed" ? `$${W.pricing.basePrice.toLocaleString()} fixed` : `From $${W.pricing.basePrice.toLocaleString()}`;
 	return /* @__PURE__ */ y("div", {
 		className: "space-y-6 p-6 bg-bg-canvas min-h-screen",
 		children: [
@@ -46,7 +47,7 @@ function k() {
 						/* @__PURE__ */ y(x, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => M(k[0]?.id ?? ""),
+							onClick: () => F(M[0]?.id ?? ""),
 							children: [/* @__PURE__ */ v(n, { className: "mr-2 h-4 w-4" }), " Services"]
 						}),
 						/* @__PURE__ */ v("span", {
@@ -56,9 +57,9 @@ function k() {
 						/* @__PURE__ */ v("select", {
 							"aria-label": "Select service",
 							className: "rounded border border-border-seam bg-bg-surface px-2 py-1 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-							value: j,
-							onChange: (e) => M(e.target.value),
-							children: k.map((e) => /* @__PURE__ */ v("option", {
+							value: P,
+							onChange: (e) => F(e.target.value),
+							children: M.map((e) => /* @__PURE__ */ v("option", {
 								value: e.id,
 								children: e.title
 							}, e.id))
@@ -66,10 +67,40 @@ function k() {
 					]
 				}), /* @__PURE__ */ y(x, {
 					size: "sm",
-					onClick: () => R(!0),
+					onClick: () => V(!0),
 					children: [/* @__PURE__ */ v(i, { className: "mr-2 h-4 w-4" }), " Book This Service"]
 				})]
 			}),
+			/* @__PURE__ */ v(A, {
+				icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" }),
+				children: "Everything you need to decide on this service. Compare packages and pricing, see exactly what you will receive and what is required from you, read the FAQ, and review the provider behind it — then book the package that fits your project."
+			}),
+			/* @__PURE__ */ v(k, {
+				storageKey: "proserviceworld-service-details",
+				steps: [
+					{
+						id: "packages",
+						label: "Compare packages",
+						description: "Review tiers, features, and pricing to pick the right fit.",
+						icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" }),
+						onClick: () => L("packages")
+					},
+					{
+						id: "requirements",
+						label: "Check what is required",
+						description: "See the deliverables and what the provider needs from you.",
+						icon: /* @__PURE__ */ v(c, { className: "h-4 w-4" }),
+						onClick: () => L("requirements")
+					},
+					{
+						id: "book",
+						label: "Book this service",
+						description: "Select a package and confirm your booking.",
+						icon: /* @__PURE__ */ v(i, { className: "h-4 w-4" }),
+						onClick: () => V(!0)
+					}
+				]
+			}),
 			/* @__PURE__ */ y("div", {
 				className: "grid gap-6 lg:grid-cols-3",
 				children: [/* @__PURE__ */ y("div", {
@@ -86,34 +117,34 @@ function k() {
 											/* @__PURE__ */ y("div", {
 												className: "flex items-center gap-2",
 												children: [
-													V.featured && /* @__PURE__ */ v(b, { children: "Featured" }),
+													W.featured && /* @__PURE__ */ v(b, { children: "Featured" }),
 													/* @__PURE__ */ v(b, {
 														variant: "secondary",
-														children: V.category.replace(/_/g, " ")
+														children: W.category.replace(/_/g, " ")
 													}),
 													/* @__PURE__ */ v(b, {
 														variant: "outline",
-														children: V.subcategory
+														children: W.subcategory
 													})
 												]
 											}),
 											/* @__PURE__ */ v("h1", {
 												className: "text-2xl font-bold tracking-tight",
-												children: V.title
+												children: W.title
 											}),
 											/* @__PURE__ */ v("p", {
 												className: "max-w-2xl text-text-secondary",
-												children: V.description
+												children: W.description
 											})
 										]
 									}), /* @__PURE__ */ y("div", {
 										className: "text-right",
 										children: [/* @__PURE__ */ v("p", {
 											className: "text-2xl font-bold text-accent-blue tabular-nums",
-											children: W
+											children: q
 										}), /* @__PURE__ */ y("p", {
 											className: "text-xs text-text-secondary",
-											children: [V.pricing.type, " pricing"]
+											children: [W.pricing.type, " pricing"]
 										})]
 									})]
 								}),
@@ -126,13 +157,13 @@ function k() {
 												/* @__PURE__ */ v(h, { className: "h-4 w-4 text-status-warning-text" }),
 												/* @__PURE__ */ v("span", {
 													className: "text-sm font-medium tabular-nums",
-													children: V.rating
+													children: W.rating
 												}),
 												/* @__PURE__ */ y("span", {
 													className: "text-xs text-text-secondary",
 													children: [
 														"(",
-														V.providerReviews,
+														W.providerReviews,
 														" reviews)"
 													]
 												})
@@ -142,14 +173,14 @@ function k() {
 											className: "flex items-center gap-2",
 											children: [/* @__PURE__ */ v(l, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y("span", {
 												className: "text-sm tabular-nums",
-												children: [V.duration.typical, " days typical"]
+												children: [W.duration.typical, " days typical"]
 											})]
 										}),
 										/* @__PURE__ */ y("div", {
 											className: "flex items-center gap-2",
 											children: [/* @__PURE__ */ v(a, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ y("span", {
 												className: "text-sm tabular-nums",
-												children: [V.totalBookings, " bookings"]
+												children: [W.totalBookings, " bookings"]
 											})]
 										}),
 										/* @__PURE__ */ y("div", {
@@ -157,18 +188,18 @@ function k() {
 											children: [/* @__PURE__ */ v(i, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y("span", {
 												className: "text-sm tabular-nums",
 												children: [
-													V.duration.min,
+													W.duration.min,
 													"-",
-													V.duration.max,
+													W.duration.max,
 													" days range"
 												]
 											})]
 										})
 									]
 								}),
-								V.tags.length > 0 && /* @__PURE__ */ y("div", {
+								W.tags.length > 0 && /* @__PURE__ */ y("div", {
 									className: "mt-4 flex flex-wrap items-center gap-2",
-									children: [/* @__PURE__ */ v(g, { className: "h-4 w-4 text-text-secondary" }), V.tags.map((e) => /* @__PURE__ */ v(b, {
+									children: [/* @__PURE__ */ v(g, { className: "h-4 w-4 text-text-secondary" }), W.tags.map((e) => /* @__PURE__ */ v(b, {
 										variant: "outline",
 										className: "text-xs",
 										children: e
@@ -178,19 +209,19 @@ function k() {
 						}),
 						/* @__PURE__ */ v("div", {
 							className: "flex gap-1 border-b border-border-seam",
-							children: U.map(({ key: e, label: t, icon: n }) => /* @__PURE__ */ y("button", {
-								onClick: () => P(e),
-								"aria-pressed": N === e,
-								className: `flex items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${N === e ? "border-accent-blue text-accent-blue" : "border-transparent text-text-secondary hover:text-text-primary"}`,
+							children: K.map(({ key: e, label: t, icon: n }) => /* @__PURE__ */ y("button", {
+								onClick: () => L(e),
+								"aria-pressed": I === e,
+								className: `flex items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${I === e ? "border-accent-blue text-accent-blue" : "border-transparent text-text-secondary hover:text-text-primary"}`,
 								children: [/* @__PURE__ */ v(n, { className: "h-4 w-4" }), t]
 							}, e))
 						}),
-						N === "packages" && /* @__PURE__ */ v("div", {
+						I === "packages" && /* @__PURE__ */ v("div", {
 							className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-							children: V.packages.map((e) => /* @__PURE__ */ y(D, {
+							children: W.packages.map((e) => /* @__PURE__ */ y(D, {
 								treatment: e.popular ? "glass" : "plain",
 								glow: e.popular,
-								className: `relative border-border-seam ${z === e.id ? "ring-1 ring-accent-blue" : ""}`,
+								className: `relative border-border-seam ${H === e.id ? "ring-1 ring-accent-blue" : ""}`,
 								children: [
 									e.popular && /* @__PURE__ */ v("div", {
 										className: "absolute -top-3 left-1/2 -translate-x-1/2",
@@ -234,7 +265,7 @@ function k() {
 												className: "w-full",
 												variant: e.popular ? "default" : "outline",
 												onClick: () => {
-													B(e.id), R(!0);
+													U(e.id), V(!0);
 												},
 												children: "Select Package"
 											})
@@ -243,16 +274,16 @@ function k() {
 								]
 							}, e.id))
 						}),
-						N === "deliverables" && /* @__PURE__ */ y(S, {
+						I === "deliverables" && /* @__PURE__ */ y(S, {
 							className: "border-border-seam",
 							children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
 								className: "text-base",
 								children: "What You'll Receive"
-							}) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v(O, {
+							}) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v(j, {
 								collapsedHeight: 180,
 								children: /* @__PURE__ */ v("ul", {
 									className: "grid gap-3 sm:grid-cols-2",
-									children: V.deliverables.map((e, t) => /* @__PURE__ */ y("li", {
+									children: W.deliverables.map((e, t) => /* @__PURE__ */ y("li", {
 										className: "flex items-center gap-3 rounded-lg border border-border-seam p-3",
 										children: [/* @__PURE__ */ v(d, { className: "h-5 w-5 text-accent-blue" }), /* @__PURE__ */ v("span", {
 											className: "text-sm font-medium",
@@ -262,16 +293,16 @@ function k() {
 								})
 							}) })]
 						}),
-						N === "requirements" && /* @__PURE__ */ y(S, {
+						I === "requirements" && /* @__PURE__ */ y(S, {
 							className: "border-border-seam",
 							children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
 								className: "text-base",
 								children: "What We Need From You"
-							}) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v(O, {
+							}) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ v(j, {
 								collapsedHeight: 180,
 								children: /* @__PURE__ */ v("ul", {
 									className: "space-y-3",
-									children: V.requirements.map((e, t) => /* @__PURE__ */ y("li", {
+									children: W.requirements.map((e, t) => /* @__PURE__ */ y("li", {
 										className: "flex items-start gap-3 rounded-lg border border-border-seam p-3",
 										children: [/* @__PURE__ */ v(c, { className: "mt-0.5 h-5 w-5 text-status-warning-text" }), /* @__PURE__ */ v("span", {
 											className: "text-sm",
@@ -281,25 +312,29 @@ function k() {
 								})
 							}) })]
 						}),
-						N === "faq" && /* @__PURE__ */ v("div", {
+						I === "faq" && /* @__PURE__ */ v("div", {
 							className: "space-y-3",
-							children: V.faq.length === 0 ? /* @__PURE__ */ v(S, {
+							children: W.faq.length === 0 ? /* @__PURE__ */ v(S, {
 								className: "border-border-seam",
 								children: /* @__PURE__ */ v(C, {
-									className: "py-8 text-center text-text-secondary",
-									children: "No FAQ items for this service yet."
+									className: "py-6",
+									children: /* @__PURE__ */ v(O, {
+										illustration: "empty-generic",
+										title: "No FAQ items yet",
+										description: "This service does not have any frequently asked questions yet. Message the provider if you have a question before booking."
+									})
 								})
-							}) : V.faq.map((e) => /* @__PURE__ */ y(S, {
+							}) : W.faq.map((e) => /* @__PURE__ */ y(S, {
 								className: "border-border-seam",
 								children: [/* @__PURE__ */ y("button", {
 									className: "flex w-full items-center justify-between p-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-									"aria-expanded": F === e.id,
-									onClick: () => I(F === e.id ? null : e.id),
+									"aria-expanded": R === e.id,
+									onClick: () => z(R === e.id ? null : e.id),
 									children: [/* @__PURE__ */ v("span", {
 										className: "font-medium",
 										children: e.question
-									}), F === e.id ? /* @__PURE__ */ v(s, { className: "h-4 w-4 text-text-secondary" }) : /* @__PURE__ */ v(o, { className: "h-4 w-4 text-text-secondary" })]
-								}), F === e.id && /* @__PURE__ */ v(C, {
+									}), R === e.id ? /* @__PURE__ */ v(s, { className: "h-4 w-4 text-text-secondary" }) : /* @__PURE__ */ v(o, { className: "h-4 w-4 text-text-secondary" })]
+								}), R === e.id && /* @__PURE__ */ v(C, {
 									className: "border-t border-border-seam pt-4",
 									children: /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
@@ -311,7 +346,7 @@ function k() {
 					]
 				}), /* @__PURE__ */ y("div", {
 					className: "space-y-4",
-					children: [H && /* @__PURE__ */ y(S, {
+					children: [G && /* @__PURE__ */ y(S, {
 						className: "border-border-seam",
 						children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, {
 							className: "text-base",
@@ -323,16 +358,16 @@ function k() {
 									className: "flex items-center gap-3",
 									children: [/* @__PURE__ */ v("div", {
 										className: "flex h-12 w-12 items-center justify-center rounded-full bg-accent-soft text-text-primary font-semibold",
-										children: H.name.charAt(0)
+										children: G.name.charAt(0)
 									}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "font-medium",
-										children: H.name
+										children: G.name
 									}), /* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
-										children: H.businessName
+										children: G.businessName
 									})] })]
 								}),
-								H.verified && /* @__PURE__ */ y("div", {
+								G.verified && /* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2 rounded-lg bg-status-success-bg-subtle p-2",
 									children: [/* @__PURE__ */ v(m, { className: "h-4 w-4 text-status-success-text" }), /* @__PURE__ */ v("span", {
 										className: "text-sm font-medium text-status-success-text",
@@ -353,13 +388,13 @@ function k() {
 													/* @__PURE__ */ v(h, { className: "h-4 w-4 text-status-warning-text" }),
 													/* @__PURE__ */ v("span", {
 														className: "font-medium tabular-nums",
-														children: H.rating
+														children: G.rating
 													}),
 													/* @__PURE__ */ y("span", {
 														className: "text-text-secondary tabular-nums",
 														children: [
 															"(",
-															H.totalReviews,
+															G.totalReviews,
 															")"
 														]
 													})
@@ -373,7 +408,7 @@ function k() {
 												children: "Completion Rate"
 											}), /* @__PURE__ */ y("span", {
 												className: "font-medium tabular-nums",
-												children: [H.completionRate, "%"]
+												children: [G.completionRate, "%"]
 											})]
 										}),
 										/* @__PURE__ */ y("div", {
@@ -383,7 +418,7 @@ function k() {
 												children: "Response Time"
 											}), /* @__PURE__ */ y("span", {
 												className: "font-medium tabular-nums",
-												children: [H.responseTime, "h avg"]
+												children: [G.responseTime, "h avg"]
 											})]
 										}),
 										/* @__PURE__ */ y("div", {
@@ -393,7 +428,7 @@ function k() {
 												children: "Experience"
 											}), /* @__PURE__ */ y("span", {
 												className: "font-medium tabular-nums",
-												children: [H.yearsExperience, " years"]
+												children: [G.yearsExperience, " years"]
 											})]
 										}),
 										/* @__PURE__ */ y("div", {
@@ -403,7 +438,7 @@ function k() {
 												children: "Projects Done"
 											}), /* @__PURE__ */ v("span", {
 												className: "font-medium tabular-nums",
-												children: H.projectsCompleted
+												children: G.projectsCompleted
 											})]
 										}),
 										/* @__PURE__ */ y("div", {
@@ -415,7 +450,7 @@ function k() {
 												className: "font-medium tabular-nums",
 												children: [
 													"$",
-													H.hourlyRate,
+													G.hourlyRate,
 													"/hr"
 												]
 											})]
@@ -427,7 +462,7 @@ function k() {
 												children: "Location"
 											}), /* @__PURE__ */ v("span", {
 												className: "font-medium",
-												children: H.location
+												children: G.location
 											})]
 										})
 									]
@@ -439,7 +474,7 @@ function k() {
 										children: "Certifications"
 									}), /* @__PURE__ */ v("div", {
 										className: "flex flex-wrap gap-1",
-										children: H.certifications.map((e) => /* @__PURE__ */ v(b, {
+										children: G.certifications.map((e) => /* @__PURE__ */ v(b, {
 											variant: "secondary",
 											className: "text-xs",
 											children: e
@@ -453,7 +488,7 @@ function k() {
 										children: "Languages"
 									}), /* @__PURE__ */ v("div", {
 										className: "flex flex-wrap gap-1",
-										children: H.languages.map((e) => /* @__PURE__ */ v(b, {
+										children: G.languages.map((e) => /* @__PURE__ */ v(b, {
 											variant: "outline",
 											className: "text-xs",
 											children: e
@@ -493,24 +528,24 @@ function k() {
 										children: "Starting from"
 									}), /* @__PURE__ */ y("span", {
 										className: "text-lg font-bold text-accent-blue tabular-nums",
-										children: ["$", V.pricing.basePrice.toLocaleString()]
+										children: ["$", W.pricing.basePrice.toLocaleString()]
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
 									children: [/* @__PURE__ */ v(l, { className: "h-4 w-4" }), /* @__PURE__ */ y("span", { children: [
 										"Typical duration: ",
-										V.duration.typical,
+										W.duration.typical,
 										" days"
 									] })]
 								}),
 								/* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ v(u, { className: "h-4 w-4" }), /* @__PURE__ */ y("span", { children: [V.pricing.type, " pricing model"] })]
+									children: [/* @__PURE__ */ v(u, { className: "h-4 w-4" }), /* @__PURE__ */ y("span", { children: [W.pricing.type, " pricing model"] })]
 								}),
 								/* @__PURE__ */ y(x, {
 									className: "w-full",
-									onClick: () => R(!0),
+									onClick: () => V(!0),
 									children: [/* @__PURE__ */ v(i, { className: "mr-2 h-4 w-4" }), " Book Now"]
 								})
 							]
@@ -518,7 +553,7 @@ function k() {
 					})]
 				})]
 			}),
-			L && /* @__PURE__ */ v("div", {
+			B && /* @__PURE__ */ v("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay",
 				children: /* @__PURE__ */ y(D, {
 					treatment: "glass",
@@ -528,7 +563,7 @@ function k() {
 						children: [/* @__PURE__ */ v(T, { children: "Book Service" }), /* @__PURE__ */ v(x, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => R(!1),
+							onClick: () => V(!1),
 							children: "Close"
 						})]
 					}) }), /* @__PURE__ */ y(C, {
@@ -536,20 +571,20 @@ function k() {
 						children: [
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "font-medium",
-								children: V.title
+								children: W.title
 							}), /* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
-								children: ["by ", V.providerName]
+								children: ["by ", W.providerName]
 							})] }),
 							/* @__PURE__ */ y("div", {
 								className: "space-y-2",
 								children: [/* @__PURE__ */ v("p", {
 									className: "text-sm font-medium",
 									children: "Select Package"
-								}), V.packages.map((e) => /* @__PURE__ */ y("button", {
-									onClick: () => B(e.id),
-									"aria-pressed": z === e.id,
-									className: `w-full rounded-lg border p-3 text-left transition-shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${z === e.id ? "border-accent-blue bg-accent-blue-subtle" : "border-border-seam hover:shadow-pop"}`,
+								}), W.packages.map((e) => /* @__PURE__ */ y("button", {
+									onClick: () => U(e.id),
+									"aria-pressed": H === e.id,
+									className: `w-full rounded-lg border p-3 text-left transition-shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${H === e.id ? "border-accent-blue bg-accent-blue-subtle" : "border-border-seam hover:shadow-pop"}`,
 									children: [/* @__PURE__ */ y("div", {
 										className: "flex items-center justify-between",
 										children: [/* @__PURE__ */ v("span", {
@@ -575,11 +610,11 @@ function k() {
 								children: [/* @__PURE__ */ v(x, {
 									variant: "outline",
 									className: "flex-1",
-									onClick: () => R(!1),
+									onClick: () => V(!1),
 									children: "Cancel"
 								}), /* @__PURE__ */ v(x, {
 									className: "flex-1",
-									disabled: !z,
+									disabled: !H,
 									children: "Confirm Booking"
 								})]
 							})
@@ -591,6 +626,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as ServiceDetailsPage };
+export { M as ServiceDetailsPage };
 
 //# sourceMappingURL=ServiceDetailsPage.js.map