@levo-so/studio 0.1.114 → 0.2.1

package/{bookingCard-CUv7WgqT.js → bookingCard-CZ3Jj9sL.js}

@@ -1,52 +1,53 @@
 "use client";
-import { t as e } from "./Button-Uwxgkriw.js";
-import { n as t } from "./AuthProvider-C6bvedwF.js";
-import { n, t as r } from "./StripePaymentModal-BsYNQ4MB.js";
-import { BillingStep as i } from "./BillingStep-DjNmSVkY.js";
-import { cn as a, errorHandler as o, useLevo as s } from "@levo-so/react";
-import { useEffect as c, useRef as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import m from "dayjs";
-import { Calendar as h, CheckCircle2 as g, Clock as _, CreditCard as ee, Download as te, Loader2 as ne, Pencil as re, RefreshCw as v, ShieldCheck as y, Ticket as ie, XCircle as ae } from "lucide-react";
-import { useRazorpay as oe } from "react-razorpay";
+import { t as e } from "./Button-CmwbMGFV.js";
+import { n as t } from "./AuthProvider-CFQqiIf1.js";
+import { n, t as r } from "./StripePaymentModal-DfFlmYsp.js";
+import { BillingStep as i } from "./BillingStep-D4P_J_PJ.js";
+import { errorHandler as a, useLevo as o } from "@levo-so/react";
+import { useEffect as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { cn as p } from "@levo/utils/cn";
+import { Calendar as m, CheckCircle2 as h, Clock as g, CreditCard as ee, Download as te, Loader2 as ne, Pencil as re, RefreshCw as ie, ShieldCheck as _, Ticket as ae, XCircle as oe } from "lucide-react";
+import v from "dayjs";
+import { useRazorpay as se } from "react-razorpay";
 //#region src/components/bookingCard/BookingCard.tsx
-var b = ({ items: e, textSizeClass: t = "text-sm" }) => {
-	let [n, r] = u(!1), i = l(null);
-	if (c(() => {
+var y = ({ items: e, textSizeClass: t = "text-sm" }) => {
+	let [n, r] = l(!1), i = c(null);
+	if (s(() => {
 		if (!n) return;
 		let e = (e) => {
 			i.current && !i.current.contains(e.target) && r(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [n]), e.length === 0) return /* @__PURE__ */ f("span", {
-		className: a("text-gray-900", t),
+	}, [n]), e.length === 0) return /* @__PURE__ */ d("span", {
+		className: p("text-gray-900", t),
 		children: "-"
 	});
-	let o = String(e[0] ?? "-"), s = e.length - 1;
-	return /* @__PURE__ */ p("div", {
+	let a = String(e[0] ?? "-"), o = e.length - 1;
+	return /* @__PURE__ */ f("div", {
 		ref: i,
 		className: "relative inline-block",
 		onMouseEnter: () => r(!0),
 		onMouseLeave: () => r(!1),
-		children: [/* @__PURE__ */ p("button", {
+		children: [/* @__PURE__ */ f("button", {
 			type: "button",
 			onClick: () => r((e) => !e),
-			className: a("cursor-pointer text-right font-medium text-gray-900 underline decoration-dotted decoration-gray-300 underline-offset-2 hover:decoration-gray-500", t),
-			children: [o, s > 0 && /* @__PURE__ */ p("span", {
+			className: p("cursor-pointer text-right font-medium text-gray-900 underline decoration-dotted decoration-gray-300 underline-offset-2 hover:decoration-gray-500", t),
+			children: [a, o > 0 && /* @__PURE__ */ f("span", {
 				className: "ml-1 font-normal text-gray-500",
 				children: [
 					"+",
-					s,
+					o,
 					" more"
 				]
 			})]
-		}), n && /* @__PURE__ */ f("div", {
+		}), n && /* @__PURE__ */ d("div", {
 			className: "absolute right-0 z-20 mt-1.5 min-w-[200px] max-w-[280px] rounded-md border border-gray-200 bg-white p-2.5 shadow-lg",
-			children: /* @__PURE__ */ f("ul", {
+			children: /* @__PURE__ */ d("ul", {
 				className: "space-y-1.5 text-left",
-				children: e.map((e, t) => /* @__PURE__ */ p("li", {
+				children: e.map((e, t) => /* @__PURE__ */ f("li", {
 					className: "flex items-start gap-2 text-gray-700 text-xs leading-snug",
-					children: [/* @__PURE__ */ f("span", { className: "mt-1.5 size-1 shrink-0 rounded-full bg-orange-400" }), /* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ d("span", { className: "mt-1.5 size-1 shrink-0 rounded-full bg-orange-400" }), /* @__PURE__ */ d("span", {
 						className: "break-words",
 						children: String(e ?? "-")
 					})]
@@ -54,37 +55,37 @@ var b = ({ items: e, textSizeClass: t = "text-sm" }) => {
 			})
 		})]
 	});
-}, x = ({ summary: c, billingDetails: x, onBillingEdit: S, onComplete: C, className: se }) => {
-	let w = s(), { workspace: T } = t(), { Razorpay: ce } = oe(), { stripePromise: le, config: E, isOpen: D, openStripeCheckout: ue, closeStripeCheckout: O, setOnComplete: de } = n(), [k, A] = u("summary"), [fe, j] = u(null), [pe, M] = u(!1), [me, N] = u(null), [he, ge] = u("razorpay"), P = l(!1), F = l(null), I = l(null), L = (e, t) => {
+}, b = ({ summary: s, billingDetails: b, onBillingEdit: x, onComplete: S, className: ce }) => {
+	let C = o(), { workspace: w } = t(), { Razorpay: le } = se(), { stripePromise: ue, config: T, isOpen: E, openStripeCheckout: de, closeStripeCheckout: D, setOnComplete: fe } = n(), [O, k] = l("summary"), [A, j] = l(null), [pe, M] = l(!1), [me, N] = l(null), [he, ge] = l("razorpay"), P = c(!1), F = c(null), I = c(null), L = (e, t) => {
 		let n = t && t.trim() ? t : "INR", r = e / 100;
 		return new Intl.NumberFormat("en-IN", {
 			style: "currency",
 			currency: n,
 			minimumFractionDigits: 0
 		}).format(r);
-	}, R = (e) => e ? m(e).format("D MMM YYYY") : null, z = (e) => e ? m(e).format("h:mm A") : null, B = (e) => e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (e) => e.toUpperCase()), V = (e) => e == null ? "-" : typeof e == "boolean" ? e ? "Yes" : "No" : Array.isArray(e) ? e.join(", ") : typeof e == "object" ? JSON.stringify(e) : String(e), H = () => {
+	}, R = (e) => e ? v(e).format("D MMM YYYY") : null, z = (e) => e ? v(e).format("h:mm A") : null, B = (e) => e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (e) => e.toUpperCase()), V = (e) => e == null ? "-" : typeof e == "boolean" ? e ? "Yes" : "No" : Array.isArray(e) ? e.join(", ") : typeof e == "object" ? JSON.stringify(e) : String(e), H = () => {
 		try {
 			Object.keys(localStorage).forEach((e) => {
 				e.startsWith("levo_collection_cart_") && localStorage.removeItem(e);
 			}), window.dispatchEvent(new Event("levo_cart_updated"));
 		} catch (e) {
-			o(e);
+			a(e);
 		}
-	}, U = Object.entries(c.form_data || {}).filter(([e, t]) => t != null && t !== ""), W = () => {
+	}, U = Object.entries(s.form_data || {}).filter(([e, t]) => t != null && t !== ""), W = () => {
 		if (!I.current) return;
 		let e = I.current;
-		w?.fetch?.url(`/v1/payment/booking/${c._id}/confirm`)?.options({ headers: { Origin: T?.id || "" } })?.post({ session_id: e })?.json().then((e) => {
-			e?.content?.data ? (N(e.content.data), A("confirmed"), H()) : (j("Payment received but confirmation failed. Please contact support."), A("failed")), O(), I.current = null;
+		C?.fetch?.url(`/v1/payment/booking/${s._id}/confirm`)?.options({ headers: { Origin: w?.id || "" } })?.post({ session_id: e })?.json().then((e) => {
+			e?.content?.data ? (N(e.content.data), k("confirmed"), H()) : (j("Payment received but confirmation failed. Please contact support."), k("failed")), D(), I.current = null;
 		}).catch((e) => {
-			console.error("Failed to confirm booking after Stripe payment:", e), o(e), j("Payment received but confirmation failed. Please contact support."), O(), I.current = null, A("failed");
+			console.error("Failed to confirm booking after Stripe payment:", e), a(e), j("Payment received but confirmation failed. Please contact support."), D(), I.current = null, k("failed");
 		});
 	}, G = async () => {
-		A("processing"), j(null);
+		k("processing"), j(null);
 		try {
-			let e = x || c.billing_details, t = e ? { billing_details: e } : {}, n = await w?.fetch?.url(`/v1/payment/booking/${c._id}/pay`)?.options({ headers: { Origin: T?.id || "" } })?.post(t).json();
+			let e = b || s.billing_details, t = e ? { billing_details: e } : {}, n = await C?.fetch?.url(`/v1/payment/booking/${s._id}/pay`)?.options({ headers: { Origin: w?.id || "" } })?.post(t).json();
 			if (n?.status && n?.content?.meta?.key) {
 				let e = n.content.meta;
-				ge(e.provider || "razorpay"), e.provider === "stripe" && e.client_secret ? (I.current = e.session_id || null, de(W), await ue({
+				ge(e.provider || "razorpay"), e.provider === "stripe" && e.client_secret ? (I.current = e.session_id || null, fe(W), await de({
 					key: e.key,
 					client_secret: e.client_secret,
 					amount: e.amount,
@@ -92,9 +93,9 @@ var b = ({ items: e, textSizeClass: t = "text-sm" }) => {
 					provider: "stripe",
 					reference_id: e.reference_id
 				})) : _e(e);
-			} else j("Unable to initiate payment. Please try again."), A("failed");
+			} else j("Unable to initiate payment. Please try again."), k("failed");
 		} catch (e) {
-			console.error("Initiate payment error:", e), o(e), j("Unable to initiate payment. Please check your connection and try again."), A("failed");
+			console.error("Initiate payment error:", e), a(e), j("Unable to initiate payment. Please check your connection and try again."), k("failed");
 		}
 	}, _e = (e) => {
 		P.current = !1, F.current = null;
@@ -103,7 +104,7 @@ var b = ({ items: e, textSizeClass: t = "text-sm" }) => {
 			amount: e.amount,
 			currency: e.currency,
 			order_id: e.order_id,
-			name: T?.name ?? "",
+			name: w?.name ?? "",
 			description: X || "Booking Payment",
 			handler: (e) => {
 				ve({
@@ -115,74 +116,74 @@ var b = ({ items: e, textSizeClass: t = "text-sm" }) => {
 			theme: { color: "#FC751A" }
 		};
 		t.modal = { ondismiss: () => {
-			P.current ? (j(F.current || "Payment failed. Please try again."), A("failed")) : A("summary");
+			P.current ? (j(F.current || "Payment failed. Please try again."), k("failed")) : k("summary");
 		} };
-		let n = new ce(t);
+		let n = new le(t);
 		n.on("payment.failed", () => {
 			P.current = !0, F.current = "Payment was declined. Please try a different payment method.";
 		}), n.open();
 	}, ve = async (e) => {
 		try {
-			let t = await w?.fetch?.url(`/v1/payment/booking/${c._id}/confirm`)?.options({ headers: { Origin: T?.id || "" } })?.post(e).json();
-			t?.status && t?.content?.data ? (N(t.content.data), A("confirmed"), H()) : (j("Payment received but confirmation failed. Please contact support."), A("failed"));
+			let t = await C?.fetch?.url(`/v1/payment/booking/${s._id}/confirm`)?.options({ headers: { Origin: w?.id || "" } })?.post(e).json();
+			t?.status && t?.content?.data ? (N(t.content.data), k("confirmed"), H()) : (j("Payment received but confirmation failed. Please contact support."), k("failed"));
 		} catch (e) {
-			console.error("Confirm payment error:", e), o(e), j("Payment received but confirmation failed. Please contact support."), A("failed");
+			console.error("Confirm payment error:", e), a(e), j("Payment received but confirmation failed. Please contact support."), k("failed");
 		}
-	}, K = !c.total_amount || c.total_amount === 0, q = c.line_items || [], J = q[0], Y = q.length > 1, X = Y ? c.context_label || "Booking" : J?.instance_label || c.context_label || "Booking", Z = J?.cover_image?.location || null, Q = J?.starts_at || null, $ = J?.ends_at || null;
-	return /* @__PURE__ */ p(d, { children: [
-		/* @__PURE__ */ p("div", {
-			className: a("overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", se),
+	}, K = !s.total_amount || s.total_amount === 0, q = s.line_items || [], J = q[0], Y = q.length > 1, X = Y ? s.context_label || "Booking" : J?.instance_label || s.context_label || "Booking", Z = J?.cover_image?.location || null, Q = J?.starts_at || null, $ = J?.ends_at || null;
+	return /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ f("div", {
+			className: p("overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", ce),
 			children: [
-				k === "summary" && /* @__PURE__ */ p("div", {
+				O === "summary" && /* @__PURE__ */ f("div", {
 					className: "flex flex-col",
-					children: [Z && /* @__PURE__ */ p("div", {
+					children: [Z && /* @__PURE__ */ f("div", {
 						className: "relative h-44 w-full overflow-hidden bg-gray-100",
-						children: [/* @__PURE__ */ f("img", {
+						children: [/* @__PURE__ */ d("img", {
 							src: Z,
 							alt: X,
 							className: "h-full w-full object-cover"
-						}), /* @__PURE__ */ f("div", { className: "absolute inset-0 bg-gradient-to-t from-black/30 to-transparent" })]
-					}), /* @__PURE__ */ p("div", {
+						}), /* @__PURE__ */ d("div", { className: "absolute inset-0 bg-gradient-to-t from-black/30 to-transparent" })]
+					}), /* @__PURE__ */ f("div", {
 						className: "flex flex-col px-6 py-5 sm:px-8",
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ f("div", {
 								className: "mx-auto mb-5 w-full max-w-lg text-center",
-								children: [/* @__PURE__ */ f("p", {
+								children: [/* @__PURE__ */ d("p", {
 									className: "mb-1 font-medium text-gray-500 text-xs uppercase tracking-wider",
 									children: "Booking Summary"
-								}), /* @__PURE__ */ f("h3", {
+								}), /* @__PURE__ */ d("h3", {
 									className: "font-semibold text-gray-900 text-xl leading-tight",
 									children: X
 								})]
 							}),
-							!Y && (Q || $) && /* @__PURE__ */ p("div", {
+							!Y && (Q || $) && /* @__PURE__ */ f("div", {
 								className: "mx-auto mb-5 flex w-full max-w-lg flex-wrap justify-center gap-4 rounded-lg bg-orange-50 px-4 py-3",
-								children: [Q && /* @__PURE__ */ p("div", {
+								children: [Q && /* @__PURE__ */ f("div", {
 									className: "flex items-center gap-2 text-gray-700 text-sm",
-									children: [/* @__PURE__ */ f(h, { className: "size-4 text-orange-500" }), /* @__PURE__ */ f("span", { children: R(Q) })]
-								}), Q && /* @__PURE__ */ p("div", {
+									children: [/* @__PURE__ */ d(m, { className: "size-4 text-orange-500" }), /* @__PURE__ */ d("span", { children: R(Q) })]
+								}), Q && /* @__PURE__ */ f("div", {
 									className: "flex items-center gap-2 text-gray-700 text-sm",
-									children: [/* @__PURE__ */ f(_, { className: "size-4 text-orange-500" }), /* @__PURE__ */ f("span", { children: z(Q) })]
+									children: [/* @__PURE__ */ d(g, { className: "size-4 text-orange-500" }), /* @__PURE__ */ d("span", { children: z(Q) })]
 								})]
 							}),
-							U.length > 0 && /* @__PURE__ */ p("div", {
+							U.length > 0 && /* @__PURE__ */ f("div", {
 								className: "mx-auto mb-5 w-full max-w-lg",
-								children: [/* @__PURE__ */ f("h4", {
+								children: [/* @__PURE__ */ d("h4", {
 									className: "mb-3 text-center font-medium text-gray-500 text-xs uppercase tracking-wider",
 									children: "Your Details"
-								}), /* @__PURE__ */ f("div", {
+								}), /* @__PURE__ */ d("div", {
 									className: "rounded-lg border border-gray-100 bg-gray-50/50 p-4",
-									children: /* @__PURE__ */ f("div", {
+									children: /* @__PURE__ */ d("div", {
 										className: "space-y-2.5",
-										children: U.map(([e, t]) => /* @__PURE__ */ p("div", {
+										children: U.map(([e, t]) => /* @__PURE__ */ f("div", {
 											className: "flex items-start justify-between gap-3",
-											children: [/* @__PURE__ */ f("span", {
+											children: [/* @__PURE__ */ d("span", {
 												className: "text-gray-500 text-sm",
 												children: B(e)
-											}), Array.isArray(t) ? /* @__PURE__ */ f(b, {
+											}), Array.isArray(t) ? /* @__PURE__ */ d(y, {
 												items: t,
 												textSizeClass: "text-sm"
-											}) : /* @__PURE__ */ f("span", {
+											}) : /* @__PURE__ */ d("span", {
 												className: "text-right font-medium text-gray-900 text-sm",
 												children: V(t)
 											})]
@@ -191,51 +192,51 @@ var b = ({ items: e, textSizeClass: t = "text-sm" }) => {
 								})]
 							}),
 							(() => {
-								let e = x || c.billing_details;
-								return e ? /* @__PURE__ */ p("div", {
+								let e = b || s.billing_details;
+								return e ? /* @__PURE__ */ f("div", {
 									className: "mx-auto mb-5 w-full max-w-lg",
-									children: [/* @__PURE__ */ p("div", {
+									children: [/* @__PURE__ */ f("div", {
 										className: "mb-3 flex items-center justify-center gap-2",
-										children: [/* @__PURE__ */ f("h4", {
+										children: [/* @__PURE__ */ d("h4", {
 											className: "text-center font-medium text-gray-500 text-xs uppercase tracking-wider",
 											children: "Billing Details"
-										}), S && /* @__PURE__ */ f("button", {
+										}), x && /* @__PURE__ */ d("button", {
 											type: "button",
 											onClick: () => M(!0),
 											className: "text-orange-500 hover:text-orange-600",
-											children: /* @__PURE__ */ f(re, { className: "size-3.5" })
+											children: /* @__PURE__ */ d(re, { className: "size-3.5" })
 										})]
-									}), /* @__PURE__ */ f("div", {
+									}), /* @__PURE__ */ d("div", {
 										className: "rounded-lg border border-gray-100 bg-gray-50/50 p-4",
-										children: /* @__PURE__ */ p("div", {
+										children: /* @__PURE__ */ f("div", {
 											className: "space-y-2.5",
 											children: [
-												/* @__PURE__ */ p("div", {
+												/* @__PURE__ */ f("div", {
 													className: "flex items-start justify-between gap-3",
-													children: [/* @__PURE__ */ f("span", {
+													children: [/* @__PURE__ */ d("span", {
 														className: "text-gray-500 text-sm",
 														children: "Name"
-													}), /* @__PURE__ */ f("span", {
+													}), /* @__PURE__ */ d("span", {
 														className: "text-right font-medium text-gray-900 text-sm",
 														children: e.name
 													})]
 												}),
-												e.tax_id && /* @__PURE__ */ p("div", {
+												e.tax_id && /* @__PURE__ */ f("div", {
 													className: "flex items-start justify-between gap-3",
-													children: [/* @__PURE__ */ f("span", {
+													children: [/* @__PURE__ */ d("span", {
 														className: "text-gray-500 text-sm",
 														children: "Tax ID"
-													}), /* @__PURE__ */ f("span", {
+													}), /* @__PURE__ */ d("span", {
 														className: "text-right font-medium text-gray-900 text-sm",
 														children: e.tax_id
 													})]
 												}),
-												/* @__PURE__ */ p("div", {
+												/* @__PURE__ */ f("div", {
 													className: "flex items-start justify-between gap-3",
-													children: [/* @__PURE__ */ f("span", {
+													children: [/* @__PURE__ */ d("span", {
 														className: "text-gray-500 text-sm",
 														children: "Address"
-													}), /* @__PURE__ */ f("span", {
+													}), /* @__PURE__ */ d("span", {
 														className: "text-right font-medium text-gray-900 text-sm",
 														children: [
 															e.address.line1,
@@ -252,175 +253,175 @@ var b = ({ items: e, textSizeClass: t = "text-sm" }) => {
 									})]
 								}) : null;
 							})(),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ f("div", {
 								className: "mx-auto mb-5 w-full max-w-lg",
-								children: [/* @__PURE__ */ f("h4", {
+								children: [/* @__PURE__ */ d("h4", {
 									className: "mb-3 text-center font-medium text-gray-500 text-xs uppercase tracking-wider",
 									children: "Payment"
-								}), /* @__PURE__ */ p("div", {
+								}), /* @__PURE__ */ f("div", {
 									className: "rounded-lg border border-gray-200 bg-white p-4",
-									children: [/* @__PURE__ */ p("div", {
+									children: [/* @__PURE__ */ f("div", {
 										className: "space-y-2",
 										children: [
-											q.map((e) => /* @__PURE__ */ p("div", {
+											q.map((e) => /* @__PURE__ */ f("div", {
 												className: "flex items-start justify-between gap-3 text-sm",
-												children: [/* @__PURE__ */ p("span", {
+												children: [/* @__PURE__ */ f("span", {
 													className: "min-w-0 flex-1 text-gray-600",
-													children: [/* @__PURE__ */ f("span", {
+													children: [/* @__PURE__ */ d("span", {
 														className: "break-words",
 														children: e.instance_label
-													}), e.quantity > 1 && /* @__PURE__ */ p("span", {
+													}), e.quantity > 1 && /* @__PURE__ */ f("span", {
 														className: "ml-1 text-gray-400",
 														children: ["×", e.quantity]
 													})]
-												}), /* @__PURE__ */ f("span", {
+												}), /* @__PURE__ */ d("span", {
 													className: "shrink-0 text-gray-900",
-													children: L(e.line_subtotal, c.currency)
+													children: L(e.line_subtotal, s.currency)
 												})]
 											}, e.resource_instance)),
-											typeof c.discount == "number" && c.discount > 0 && /* @__PURE__ */ p("div", {
+											typeof s.discount == "number" && s.discount > 0 && /* @__PURE__ */ f("div", {
 												className: "flex items-center justify-between text-sm",
-												children: [/* @__PURE__ */ f("span", {
+												children: [/* @__PURE__ */ d("span", {
 													className: "text-gray-600",
 													children: "Discount"
-												}), /* @__PURE__ */ p("span", {
+												}), /* @__PURE__ */ f("span", {
 													className: "text-green-600",
-													children: ["-", L(c.discount, c.currency)]
+													children: ["-", L(s.discount, s.currency)]
 												})]
 											}),
-											c.taxes && c.taxes.length > 0 && c.taxes.map((e) => /* @__PURE__ */ p("div", {
+											s.taxes && s.taxes.length > 0 && s.taxes.map((e) => /* @__PURE__ */ f("div", {
 												className: "flex items-center justify-between text-sm",
-												children: [/* @__PURE__ */ f("span", {
+												children: [/* @__PURE__ */ d("span", {
 													className: "text-gray-600",
 													children: e.label
-												}), /* @__PURE__ */ f("span", {
+												}), /* @__PURE__ */ d("span", {
 													className: "text-gray-900",
-													children: L(e.amount, c.currency)
+													children: L(e.amount, s.currency)
 												})]
 											}, e.id))
 										]
-									}), /* @__PURE__ */ p("div", {
+									}), /* @__PURE__ */ f("div", {
 										className: "mt-3 flex items-center justify-between border-gray-100 border-t pt-3",
-										children: [/* @__PURE__ */ f("span", {
+										children: [/* @__PURE__ */ d("span", {
 											className: "font-medium text-gray-900",
 											children: "Total"
-										}), /* @__PURE__ */ f("span", {
+										}), /* @__PURE__ */ d("span", {
 											className: "font-bold text-gray-900 text-xl",
-											children: K ? "Free" : L(c.total_amount, c.currency)
+											children: K ? "Free" : L(s.total_amount, s.currency)
 										})]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ f(e, {
+							/* @__PURE__ */ d(e, {
 								elementKey: "booking-pay-btn",
 								onClick: K ? () => {
-									A("confirmed"), H();
+									k("confirmed"), H();
 								} : G,
 								className: "mx-auto w-full max-w-lg rounded-lg px-4 py-3.5 font-semibold",
-								children: /* @__PURE__ */ f("span", {
+								children: /* @__PURE__ */ d("span", {
 									className: "flex items-center justify-center gap-2",
-									children: K ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(g, { className: "size-5" }), /* @__PURE__ */ f("span", { children: "Confirm Booking" })] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(ee, { className: "size-5" }), /* @__PURE__ */ p("span", { children: ["Pay ", L(c.total_amount, c.currency)] })] })
+									children: K ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(h, { className: "size-5" }), /* @__PURE__ */ d("span", { children: "Confirm Booking" })] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(ee, { className: "size-5" }), /* @__PURE__ */ f("span", { children: ["Pay ", L(s.total_amount, s.currency)] })] })
 								})
 							}),
-							!K && /* @__PURE__ */ p("div", {
+							!K && /* @__PURE__ */ f("div", {
 								className: "mx-auto mt-4 flex w-full max-w-lg items-center justify-center gap-1.5 text-gray-400 text-xs",
-								children: [/* @__PURE__ */ f(y, { className: "size-3.5" }), /* @__PURE__ */ f("span", { children: "Secure payment" })]
+								children: [/* @__PURE__ */ d(_, { className: "size-3.5" }), /* @__PURE__ */ d("span", { children: "Secure payment" })]
 							})
 						]
 					})]
 				}),
-				k === "processing" && /* @__PURE__ */ p("div", {
+				O === "processing" && /* @__PURE__ */ f("div", {
 					className: "flex flex-col items-center justify-center px-6 py-16",
 					children: [
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ f("div", {
 							className: "relative mb-6",
-							children: [/* @__PURE__ */ f("div", { className: "absolute inset-0 animate-ping rounded-full bg-orange-200 opacity-75" }), /* @__PURE__ */ f("div", {
+							children: [/* @__PURE__ */ d("div", { className: "absolute inset-0 animate-ping rounded-full bg-orange-200 opacity-75" }), /* @__PURE__ */ d("div", {
 								className: "relative flex size-16 items-center justify-center rounded-full bg-orange-100",
-								children: /* @__PURE__ */ f(ne, { className: "size-8 animate-spin text-orange-500" })
+								children: /* @__PURE__ */ d(ne, { className: "size-8 animate-spin text-orange-500" })
 							})]
 						}),
-						/* @__PURE__ */ f("h3", {
+						/* @__PURE__ */ d("h3", {
 							className: "mb-1 font-semibold text-gray-900 text-lg",
 							children: "Processing Payment"
 						}),
-						/* @__PURE__ */ f("p", {
+						/* @__PURE__ */ d("p", {
 							className: "text-center text-gray-500 text-sm",
 							children: "Please wait while we confirm your payment..."
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ d("div", {
 							className: "mt-6 rounded-lg bg-gray-50 px-6 py-3",
-							children: /* @__PURE__ */ p("p", {
+							children: /* @__PURE__ */ f("p", {
 								className: "text-center text-gray-600 text-sm",
 								children: [
 									"Amount:",
 									" ",
-									/* @__PURE__ */ f("span", {
+									/* @__PURE__ */ d("span", {
 										className: "font-semibold text-gray-900",
-										children: L(c.total_amount, c.currency)
+										children: L(s.total_amount, s.currency)
 									})
 								]
 							})
 						})
 					]
 				}),
-				k === "failed" && /* @__PURE__ */ p("div", {
+				O === "failed" && /* @__PURE__ */ f("div", {
 					className: "flex flex-col",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "bg-gradient-to-br from-red-50 to-orange-50 px-6 py-6",
-						children: /* @__PURE__ */ p("div", {
+						children: /* @__PURE__ */ f("div", {
 							className: "flex flex-col items-center",
 							children: [
-								/* @__PURE__ */ f("div", {
+								/* @__PURE__ */ d("div", {
 									className: "mb-3 flex size-14 items-center justify-center rounded-full bg-red-100",
-									children: /* @__PURE__ */ f(ae, { className: "size-8 text-red-500" })
+									children: /* @__PURE__ */ d(oe, { className: "size-8 text-red-500" })
 								}),
-								/* @__PURE__ */ f("h3", {
+								/* @__PURE__ */ d("h3", {
 									className: "mb-1 font-semibold text-gray-900 text-lg",
 									children: "Payment Failed"
 								}),
-								/* @__PURE__ */ f("p", {
+								/* @__PURE__ */ d("p", {
 									className: "text-center text-gray-600 text-sm",
-									children: fe || "Something went wrong. Please try again."
+									children: A || "Something went wrong. Please try again."
 								})
 							]
 						})
-					}), /* @__PURE__ */ p("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "flex flex-col px-6 py-5 sm:px-8",
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "mx-auto mb-4 w-full max-w-lg text-center",
-								children: /* @__PURE__ */ f("h4", {
+								children: /* @__PURE__ */ d("h4", {
 									className: "font-semibold text-base text-gray-900",
 									children: X
 								})
 							}),
-							!Y && (Q || $) && /* @__PURE__ */ p("div", {
+							!Y && (Q || $) && /* @__PURE__ */ f("div", {
 								className: "mx-auto mb-4 flex w-full max-w-lg flex-wrap justify-center gap-4 rounded-lg bg-gray-50 px-4 py-2.5",
-								children: [Q && /* @__PURE__ */ p("div", {
+								children: [Q && /* @__PURE__ */ f("div", {
 									className: "flex items-center gap-2 text-gray-600 text-sm",
-									children: [/* @__PURE__ */ f(h, { className: "size-4 text-gray-400" }), /* @__PURE__ */ f("span", { children: R(Q) })]
-								}), Q && /* @__PURE__ */ p("div", {
+									children: [/* @__PURE__ */ d(m, { className: "size-4 text-gray-400" }), /* @__PURE__ */ d("span", { children: R(Q) })]
+								}), Q && /* @__PURE__ */ f("div", {
 									className: "flex items-center gap-2 text-gray-600 text-sm",
-									children: [/* @__PURE__ */ f(_, { className: "size-4 text-gray-400" }), /* @__PURE__ */ f("span", { children: z(Q) })]
+									children: [/* @__PURE__ */ d(g, { className: "size-4 text-gray-400" }), /* @__PURE__ */ d("span", { children: z(Q) })]
 								})]
 							}),
-							U.length > 0 && /* @__PURE__ */ f("div", {
+							U.length > 0 && /* @__PURE__ */ d("div", {
 								className: "mx-auto mb-4 w-full max-w-lg rounded-lg border border-gray-100 bg-gray-50/50 p-3",
-								children: /* @__PURE__ */ p("div", {
+								children: /* @__PURE__ */ f("div", {
 									className: "space-y-1.5",
-									children: [U.slice(0, 3).map(([e, t]) => /* @__PURE__ */ p("div", {
+									children: [U.slice(0, 3).map(([e, t]) => /* @__PURE__ */ f("div", {
 										className: "flex items-center justify-between gap-3 text-sm",
-										children: [/* @__PURE__ */ f("span", {
+										children: [/* @__PURE__ */ d("span", {
 											className: "text-gray-500",
 											children: B(e)
-										}), Array.isArray(t) ? /* @__PURE__ */ f(b, {
+										}), Array.isArray(t) ? /* @__PURE__ */ d(y, {
 											items: t,
 											textSizeClass: "text-sm"
-										}) : /* @__PURE__ */ f("span", {
+										}) : /* @__PURE__ */ d("span", {
 											className: "max-w-[50%] truncate font-medium text-gray-900",
 											children: V(t)
 										})]
-									}, e)), U.length > 3 && /* @__PURE__ */ p("p", {
+									}, e)), U.length > 3 && /* @__PURE__ */ f("p", {
 										className: "pt-1 text-center text-gray-400 text-xs",
 										children: [
 											"+",
@@ -430,119 +431,119 @@ var b = ({ items: e, textSizeClass: t = "text-sm" }) => {
 									})]
 								})
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "mx-auto mb-5 w-full max-w-lg rounded-lg border border-gray-200 bg-white p-4",
-								children: /* @__PURE__ */ p("div", {
+								children: /* @__PURE__ */ f("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ f("span", {
+									children: [/* @__PURE__ */ d("span", {
 										className: "font-medium text-gray-700",
 										children: "Amount to Pay"
-									}), /* @__PURE__ */ f("span", {
+									}), /* @__PURE__ */ d("span", {
 										className: "font-bold text-gray-900 text-xl",
-										children: L(c.total_amount, c.currency)
+										children: L(s.total_amount, s.currency)
 									})]
 								})
 							}),
-							/* @__PURE__ */ f(e, {
+							/* @__PURE__ */ d(e, {
 								elementKey: "booking-retry-btn",
 								onClick: () => {
 									j(null), G();
 								},
 								className: "mx-auto w-full max-w-lg rounded-lg px-4 py-3.5 font-semibold",
-								children: /* @__PURE__ */ p("span", {
+								children: /* @__PURE__ */ f("span", {
 									className: "flex items-center justify-center gap-2",
-									children: [/* @__PURE__ */ f(v, { className: "size-5" }), /* @__PURE__ */ f("span", { children: "Try Again" })]
+									children: [/* @__PURE__ */ d(ie, { className: "size-5" }), /* @__PURE__ */ d("span", { children: "Try Again" })]
 								})
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ f("div", {
 								className: "mx-auto mt-4 flex w-full max-w-lg items-center justify-center gap-1.5 text-gray-400 text-xs",
-								children: [/* @__PURE__ */ f(y, { className: "size-3.5" }), /* @__PURE__ */ p("span", { children: ["Secured by ", he === "stripe" ? "Stripe" : "Razorpay"] })]
+								children: [/* @__PURE__ */ d(_, { className: "size-3.5" }), /* @__PURE__ */ f("span", { children: ["Secured by ", he === "stripe" ? "Stripe" : "Razorpay"] })]
 							}),
-							/* @__PURE__ */ f("p", {
+							/* @__PURE__ */ d("p", {
 								className: "mx-auto mt-3 w-full max-w-lg text-center text-gray-400 text-xs",
 								children: "If the problem persists, please contact support"
 							})
 						]
 					})]
 				}),
-				k === "confirmed" && /* @__PURE__ */ p("div", {
+				O === "confirmed" && /* @__PURE__ */ f("div", {
 					className: "flex flex-col",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "bg-gradient-to-br from-green-50 to-emerald-50 px-6 py-8",
-						children: /* @__PURE__ */ p("div", {
+						children: /* @__PURE__ */ f("div", {
 							className: "flex flex-col items-center",
 							children: [
-								/* @__PURE__ */ p("div", {
+								/* @__PURE__ */ f("div", {
 									className: "relative mb-4",
-									children: [/* @__PURE__ */ f("div", { className: "absolute -inset-2 animate-pulse rounded-full bg-green-200/50" }), /* @__PURE__ */ f("div", {
+									children: [/* @__PURE__ */ d("div", { className: "absolute -inset-2 animate-pulse rounded-full bg-green-200/50" }), /* @__PURE__ */ d("div", {
 										className: "relative flex size-16 items-center justify-center rounded-full bg-green-100 ring-4 ring-green-50",
-										children: /* @__PURE__ */ f(g, { className: "size-9 text-green-600" })
+										children: /* @__PURE__ */ d(h, { className: "size-9 text-green-600" })
 									})]
 								}),
-								/* @__PURE__ */ f("h3", {
+								/* @__PURE__ */ d("h3", {
 									className: "mb-1 font-bold text-gray-900 text-xl",
 									children: K ? "Booking Confirmed!" : "Payment Successful!"
 								}),
-								/* @__PURE__ */ f("p", {
+								/* @__PURE__ */ d("p", {
 									className: "text-center text-gray-600 text-sm",
 									children: K ? "Your booking has been confirmed" : "Your payment has been processed successfully"
 								})
 							]
 						})
-					}), /* @__PURE__ */ p("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "px-6 py-5 sm:px-8",
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ f("div", {
 								className: "relative mx-auto max-w-lg overflow-hidden rounded-xl border border-gray-200 bg-white",
 								children: [
-									/* @__PURE__ */ f("div", { className: "absolute top-1/2 -left-3 size-6 -translate-y-1/2 rounded-full bg-gray-100" }),
-									/* @__PURE__ */ f("div", { className: "absolute top-1/2 -right-3 size-6 -translate-y-1/2 rounded-full bg-gray-100" }),
-									/* @__PURE__ */ p("div", {
+									/* @__PURE__ */ d("div", { className: "absolute top-1/2 -left-3 size-6 -translate-y-1/2 rounded-full bg-gray-100" }),
+									/* @__PURE__ */ d("div", { className: "absolute top-1/2 -right-3 size-6 -translate-y-1/2 rounded-full bg-gray-100" }),
+									/* @__PURE__ */ f("div", {
 										className: "px-5 py-4",
 										children: [
-											/* @__PURE__ */ p("div", {
+											/* @__PURE__ */ f("div", {
 												className: "mb-4 flex items-start gap-3",
-												children: [/* @__PURE__ */ f("div", {
+												children: [/* @__PURE__ */ d("div", {
 													className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-orange-100",
-													children: /* @__PURE__ */ f(ie, { className: "size-5 text-orange-600" })
-												}), /* @__PURE__ */ f("div", {
+													children: /* @__PURE__ */ d(ae, { className: "size-5 text-orange-600" })
+												}), /* @__PURE__ */ d("div", {
 													className: "min-w-0 flex-1",
-													children: /* @__PURE__ */ f("p", {
+													children: /* @__PURE__ */ d("p", {
 														className: "font-semibold text-gray-900 leading-tight",
 														children: X
 													})
 												})]
 											}),
-											c.qr_image?.location && /* @__PURE__ */ f("div", {
+											s.qr_image?.location && /* @__PURE__ */ d("div", {
 												className: "mb-4 flex flex-col items-center",
-												children: /* @__PURE__ */ f("div", {
+												children: /* @__PURE__ */ d("div", {
 													className: "rounded-lg border border-gray-200 bg-white p-2",
-													children: /* @__PURE__ */ f("img", {
-														src: c.qr_image.location,
+													children: /* @__PURE__ */ d("img", {
+														src: s.qr_image.location,
 														alt: "Booking QR Code",
 														className: "size-24"
 													})
 												})
 											}),
-											/* @__PURE__ */ p("div", {
+											/* @__PURE__ */ f("div", {
 												className: "mb-4 flex items-center justify-between rounded-lg bg-gray-50 px-3 py-2.5",
-												children: [/* @__PURE__ */ f("span", {
+												children: [/* @__PURE__ */ d("span", {
 													className: "font-medium text-gray-500 text-xs uppercase tracking-wide",
 													children: "Booking ID"
-												}), /* @__PURE__ */ f("span", {
+												}), /* @__PURE__ */ d("span", {
 													className: "font-mono font-semibold text-gray-900 text-sm",
-													children: c._id
+													children: s._id
 												})]
 											}),
-											/* @__PURE__ */ f("div", { className: "my-4 border-gray-200 border-t border-dashed" }),
-											/* @__PURE__ */ p("div", {
+											/* @__PURE__ */ d("div", { className: "my-4 border-gray-200 border-t border-dashed" }),
+											/* @__PURE__ */ f("div", {
 												className: "space-y-2.5",
-												children: [!Y && Q && /* @__PURE__ */ p("div", {
+												children: [!Y && Q && /* @__PURE__ */ f("div", {
 													className: "flex items-center justify-between",
-													children: [/* @__PURE__ */ p("div", {
+													children: [/* @__PURE__ */ f("div", {
 														className: "flex items-center gap-2 text-gray-500 text-sm",
-														children: [/* @__PURE__ */ f(h, { className: "size-4" }), /* @__PURE__ */ f("span", { children: "Date & Time" })]
-													}), /* @__PURE__ */ p("p", {
+														children: [/* @__PURE__ */ d(m, { className: "size-4" }), /* @__PURE__ */ d("span", { children: "Date & Time" })]
+													}), /* @__PURE__ */ f("p", {
 														className: "font-medium text-gray-900 text-sm",
 														children: [
 															R(Q),
@@ -550,55 +551,55 @@ var b = ({ items: e, textSizeClass: t = "text-sm" }) => {
 															z(Q)
 														]
 													})]
-												}), U.slice(0, 3).map(([e, t]) => /* @__PURE__ */ p("div", {
+												}), U.slice(0, 3).map(([e, t]) => /* @__PURE__ */ f("div", {
 													className: "flex items-center justify-between",
-													children: [/* @__PURE__ */ f("span", {
+													children: [/* @__PURE__ */ d("span", {
 														className: "text-gray-500 text-sm",
 														children: B(e)
-													}), Array.isArray(t) ? /* @__PURE__ */ f(b, {
+													}), Array.isArray(t) ? /* @__PURE__ */ d(y, {
 														items: t,
 														textSizeClass: "text-sm"
-													}) : /* @__PURE__ */ f("span", {
+													}) : /* @__PURE__ */ d("span", {
 														className: "max-w-[50%] truncate font-medium text-gray-900 text-sm",
 														children: V(t)
 													})]
 												}, e))]
 											}),
-											/* @__PURE__ */ f("div", { className: "my-4 border-gray-200 border-t border-dashed" }),
-											/* @__PURE__ */ p("div", {
+											/* @__PURE__ */ d("div", { className: "my-4 border-gray-200 border-t border-dashed" }),
+											/* @__PURE__ */ f("div", {
 												className: "flex items-center justify-between",
-												children: [/* @__PURE__ */ f("span", {
+												children: [/* @__PURE__ */ d("span", {
 													className: "font-medium text-gray-700",
 													children: K ? "Total" : "Amount Paid"
-												}), /* @__PURE__ */ f("span", {
+												}), /* @__PURE__ */ d("span", {
 													className: "font-bold text-gray-900 text-lg",
-													children: K ? "Free" : L(c.total_amount, c.currency)
+													children: K ? "Free" : L(s.total_amount, s.currency)
 												})]
 											}),
 											(() => {
-												let e = me?.invoice?.location || c.invoice?.location;
-												return e ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("div", { className: "my-4 border-gray-200 border-t border-dashed" }), /* @__PURE__ */ p("a", {
+												let e = me?.invoice?.location || s.invoice?.location;
+												return e ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { className: "my-4 border-gray-200 border-t border-dashed" }), /* @__PURE__ */ f("a", {
 													href: e,
 													target: "_blank",
 													rel: "noopener noreferrer",
 													className: "flex w-full items-center justify-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-4 py-2.5 font-medium text-gray-700 text-sm transition-colors hover:bg-gray-100",
-													children: [/* @__PURE__ */ f(te, { className: "size-4" }), "Download Invoice"]
+													children: [/* @__PURE__ */ d(te, { className: "size-4" }), "Download Invoice"]
 												})] }) : null;
 											})()
 										]
 									})
 								]
 							}),
-							C && /* @__PURE__ */ f("div", {
+							S && /* @__PURE__ */ d("div", {
 								className: "mx-auto mt-5 max-w-lg",
-								children: /* @__PURE__ */ f(e, {
+								children: /* @__PURE__ */ d(e, {
 									elementKey: "booking-done-btn",
-									onClick: C,
+									onClick: S,
 									className: "flex w-full items-center justify-center gap-2 rounded-lg bg-gray-900 px-4 py-3.5 font-semibold text-white transition-colors hover:bg-gray-800",
 									children: "Done"
 								})
 							}),
-							/* @__PURE__ */ f("p", {
+							/* @__PURE__ */ d("p", {
 								className: "mt-4 text-center text-gray-400 text-xs",
 								children: "A confirmation has been sent to your email"
 							})
@@ -607,30 +608,30 @@ var b = ({ items: e, textSizeClass: t = "text-sm" }) => {
 				})
 			]
 		}),
-		pe && S && /* @__PURE__ */ f("div", {
+		pe && x && /* @__PURE__ */ d("div", {
 			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-			children: /* @__PURE__ */ f("div", {
+			children: /* @__PURE__ */ d("div", {
 				className: "max-h-[90vh] w-full max-w-lg overflow-auto rounded-xl bg-white shadow-xl",
-				children: /* @__PURE__ */ f(i, {
+				children: /* @__PURE__ */ d(i, {
 					isEdit: !0,
-					prefillData: x || c.billing_details,
+					prefillData: b || s.billing_details,
 					onSubmit: (e) => {
-						S(e), M(!1);
+						x(e), M(!1);
 					},
 					onClose: () => M(!1)
 				})
 			})
 		}),
-		D && E && /* @__PURE__ */ f(r, {
-			isOpen: D,
+		E && T && /* @__PURE__ */ d(r, {
+			isOpen: E,
 			onClose: () => {
-				O(), A("summary");
+				D(), k("summary");
 			},
-			stripePromise: le,
-			clientSecret: E.clientSecret,
+			stripePromise: ue,
+			clientSecret: T.clientSecret,
 			onComplete: W
 		})
 	] });
 };
 //#endregion
-export { x as BookingCard };
+export { b as BookingCard };