@levo-so/studio 0.3.19 → 0.3.21

package/bookingCard-CY0SAnVm.js

@@ -1,637 +0,0 @@
-"use client";
-import { t as e } from "./Button-D6OAkNtW.js";
-import { n as t } from "./AuthProvider-B5NfFwbG.js";
-import { t as n } from "./cn-B6c1DjO_.js";
-import { n as r, t as i } from "./StripePaymentModal-C3bQ0jQi.js";
-import { BillingStep as a } from "./BillingStep-Cskl5Sbc.js";
-import { 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 { 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 y = ({ items: e, textSizeClass: t = "text-sm" }) => {
-	let [r, i] = u(!1), a = l(null);
-	if (c(() => {
-		if (!r) return;
-		let e = (e) => {
-			a.current && !a.current.contains(e.target) && i(!1);
-		};
-		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [r]), e.length === 0) return /* @__PURE__ */ f("span", {
-		className: n("text-gray-900", t),
-		children: "-"
-	});
-	let o = String(e[0] ?? "-"), s = e.length - 1;
-	return /* @__PURE__ */ p("div", {
-		ref: a,
-		className: "relative inline-block",
-		onMouseEnter: () => i(!0),
-		onMouseLeave: () => i(!1),
-		children: [/* @__PURE__ */ p("button", {
-			type: "button",
-			onClick: () => i((e) => !e),
-			className: n("cursor-pointer text-right font-medium text-gray-900 underline decoration-gray-300 decoration-dotted underline-offset-2 hover:decoration-gray-500", t),
-			children: [o, s > 0 && /* @__PURE__ */ p("span", {
-				className: "ml-1 font-normal text-gray-500",
-				children: [
-					"+",
-					s,
-					" more"
-				]
-			})]
-		}), r && /* @__PURE__ */ f("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", {
-				className: "space-y-1.5 text-left",
-				children: e.map((e, t) => /* @__PURE__ */ p("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", {
-						className: "break-words",
-						children: String(e ?? "-")
-					})]
-				}, t))
-			})
-		})]
-	});
-}, b = ({ summary: c, billingDetails: b, onBillingEdit: x, onComplete: S, className: ce }) => {
-	let C = s(), { workspace: w } = t(), { Razorpay: le } = se(), { stripePromise: ue, config: T, isOpen: E, openStripeCheckout: de, closeStripeCheckout: D, setOnComplete: fe } = r(), [O, k] = u("summary"), [A, 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) => {
-		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 ? 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);
-		}
-	}, U = Object.entries(c.form_data || {}).filter(([e, t]) => t != null && t !== ""), W = () => {
-		if (!I.current) return;
-		let e = I.current;
-		C?.fetch?.url(`/v1/payment/booking/${c._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."), D(), I.current = null, k("failed");
-		});
-	}, G = async () => {
-		k("processing"), j(null);
-		try {
-			let e = b || c.billing_details, t = e ? { billing_details: e } : {}, n = await C?.fetch?.url(`/v1/payment/booking/${c._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, fe(W), await de({
-					key: e.key,
-					client_secret: e.client_secret,
-					amount: e.amount,
-					currency: e.currency,
-					provider: "stripe",
-					reference_id: e.reference_id
-				})) : _e(e);
-			} 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."), k("failed");
-		}
-	}, _e = (e) => {
-		P.current = !1, F.current = null;
-		let t = {
-			key: e.key,
-			amount: e.amount,
-			currency: e.currency,
-			order_id: e.order_id,
-			name: w?.name ?? "",
-			description: X || "Booking Payment",
-			handler: (e) => {
-				ve({
-					order_id: e.razorpay_order_id,
-					payment_id: e.razorpay_payment_id,
-					signature: e.razorpay_signature
-				});
-			},
-			theme: { color: "#FC751A" }
-		};
-		t.modal = { ondismiss: () => {
-			P.current ? (j(F.current || "Payment failed. Please try again."), k("failed")) : k("summary");
-		} };
-		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 C?.fetch?.url(`/v1/payment/booking/${c._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."), 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: n("overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", ce),
-			children: [
-				O === "summary" && /* @__PURE__ */ p("div", {
-					className: "flex flex-col",
-					children: [Z && /* @__PURE__ */ p("div", {
-						className: "relative h-44 w-full overflow-hidden bg-gray-100",
-						children: [/* @__PURE__ */ f("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", {
-						className: "flex flex-col px-6 py-5 sm:px-8",
-						children: [
-							/* @__PURE__ */ p("div", {
-								className: "mx-auto mb-5 w-full max-w-lg text-center",
-								children: [/* @__PURE__ */ f("p", {
-									className: "mb-1 font-medium text-gray-500 text-xs uppercase tracking-wider",
-									children: "Booking Summary"
-								}), /* @__PURE__ */ f("h3", {
-									className: "font-semibold text-gray-900 text-xl leading-tight",
-									children: X
-								})]
-							}),
-							!Y && (Q || $) && /* @__PURE__ */ p("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", {
-									className: "flex items-center gap-2 text-gray-700 text-sm",
-									children: [/* @__PURE__ */ f(m, { className: "size-4 text-orange-500" }), /* @__PURE__ */ f("span", { children: R(Q) })]
-								}), Q && /* @__PURE__ */ p("div", {
-									className: "flex items-center gap-2 text-gray-700 text-sm",
-									children: [/* @__PURE__ */ f(g, { className: "size-4 text-orange-500" }), /* @__PURE__ */ f("span", { children: z(Q) })]
-								})]
-							}),
-							U.length > 0 && /* @__PURE__ */ p("div", {
-								className: "mx-auto mb-5 w-full max-w-lg",
-								children: [/* @__PURE__ */ f("h4", {
-									className: "mb-3 text-center font-medium text-gray-500 text-xs uppercase tracking-wider",
-									children: "Your Details"
-								}), /* @__PURE__ */ f("div", {
-									className: "rounded-lg border border-gray-100 bg-gray-50/50 p-4",
-									children: /* @__PURE__ */ f("div", {
-										className: "space-y-2.5",
-										children: U.map(([e, t]) => /* @__PURE__ */ p("div", {
-											className: "flex items-start justify-between gap-3",
-											children: [/* @__PURE__ */ f("span", {
-												className: "text-gray-500 text-sm",
-												children: B(e)
-											}), Array.isArray(t) ? /* @__PURE__ */ f(y, {
-												items: t,
-												textSizeClass: "text-sm"
-											}) : /* @__PURE__ */ f("span", {
-												className: "text-right font-medium text-gray-900 text-sm",
-												children: V(t)
-											})]
-										}, e))
-									})
-								})]
-							}),
-							(() => {
-								let e = b || c.billing_details;
-								return e ? /* @__PURE__ */ p("div", {
-									className: "mx-auto mb-5 w-full max-w-lg",
-									children: [/* @__PURE__ */ p("div", {
-										className: "mb-3 flex items-center justify-center gap-2",
-										children: [/* @__PURE__ */ f("h4", {
-											className: "text-center font-medium text-gray-500 text-xs uppercase tracking-wider",
-											children: "Billing Details"
-										}), x && /* @__PURE__ */ f("button", {
-											type: "button",
-											onClick: () => M(!0),
-											className: "text-orange-500 hover:text-orange-600",
-											children: /* @__PURE__ */ f(re, { className: "size-3.5" })
-										})]
-									}), /* @__PURE__ */ f("div", {
-										className: "rounded-lg border border-gray-100 bg-gray-50/50 p-4",
-										children: /* @__PURE__ */ p("div", {
-											className: "space-y-2.5",
-											children: [
-												/* @__PURE__ */ p("div", {
-													className: "flex items-start justify-between gap-3",
-													children: [/* @__PURE__ */ f("span", {
-														className: "text-gray-500 text-sm",
-														children: "Name"
-													}), /* @__PURE__ */ f("span", {
-														className: "text-right font-medium text-gray-900 text-sm",
-														children: e.name
-													})]
-												}),
-												e.tax_id && /* @__PURE__ */ p("div", {
-													className: "flex items-start justify-between gap-3",
-													children: [/* @__PURE__ */ f("span", {
-														className: "text-gray-500 text-sm",
-														children: "Tax ID"
-													}), /* @__PURE__ */ f("span", {
-														className: "text-right font-medium text-gray-900 text-sm",
-														children: e.tax_id
-													})]
-												}),
-												/* @__PURE__ */ p("div", {
-													className: "flex items-start justify-between gap-3",
-													children: [/* @__PURE__ */ f("span", {
-														className: "text-gray-500 text-sm",
-														children: "Address"
-													}), /* @__PURE__ */ f("span", {
-														className: "text-right font-medium text-gray-900 text-sm",
-														children: [
-															e.address.line1,
-															e.address.line2,
-															e.address.city,
-															e.address.state,
-															e.address.postal_code,
-															e.address.country
-														].filter(Boolean).join(", ")
-													})]
-												})
-											]
-										})
-									})]
-								}) : null;
-							})(),
-							/* @__PURE__ */ p("div", {
-								className: "mx-auto mb-5 w-full max-w-lg",
-								children: [/* @__PURE__ */ f("h4", {
-									className: "mb-3 text-center font-medium text-gray-500 text-xs uppercase tracking-wider",
-									children: "Payment"
-								}), /* @__PURE__ */ p("div", {
-									className: "rounded-lg border border-gray-200 bg-white p-4",
-									children: [/* @__PURE__ */ p("div", {
-										className: "space-y-2",
-										children: [
-											q.map((e) => /* @__PURE__ */ p("div", {
-												className: "flex items-start justify-between gap-3 text-sm",
-												children: [/* @__PURE__ */ p("span", {
-													className: "min-w-0 flex-1 text-gray-600",
-													children: [/* @__PURE__ */ f("span", {
-														className: "break-words",
-														children: e.instance_label
-													}), e.quantity > 1 && /* @__PURE__ */ p("span", {
-														className: "ml-1 text-gray-400",
-														children: ["×", e.quantity]
-													})]
-												}), /* @__PURE__ */ f("span", {
-													className: "shrink-0 text-gray-900",
-													children: L(e.line_subtotal, c.currency)
-												})]
-											}, e.resource_instance)),
-											typeof c.discount == "number" && c.discount > 0 && /* @__PURE__ */ p("div", {
-												className: "flex items-center justify-between text-sm",
-												children: [/* @__PURE__ */ f("span", {
-													className: "text-gray-600",
-													children: "Discount"
-												}), /* @__PURE__ */ p("span", {
-													className: "text-green-600",
-													children: ["-", L(c.discount, c.currency)]
-												})]
-											}),
-											c.taxes && c.taxes.length > 0 && c.taxes.map((e) => /* @__PURE__ */ p("div", {
-												className: "flex items-center justify-between text-sm",
-												children: [/* @__PURE__ */ f("span", {
-													className: "text-gray-600",
-													children: e.label
-												}), /* @__PURE__ */ f("span", {
-													className: "text-gray-900",
-													children: L(e.amount, c.currency)
-												})]
-											}, e.id))
-										]
-									}), /* @__PURE__ */ p("div", {
-										className: "mt-3 flex items-center justify-between border-gray-100 border-t pt-3",
-										children: [/* @__PURE__ */ f("span", {
-											className: "font-medium text-gray-900",
-											children: "Total"
-										}), /* @__PURE__ */ f("span", {
-											className: "font-bold text-gray-900 text-xl",
-											children: K ? "Free" : L(c.total_amount, c.currency)
-										})]
-									})]
-								})]
-							}),
-							/* @__PURE__ */ f(e, {
-								elementKey: "booking-pay-btn",
-								onClick: K ? () => {
-									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", {
-									className: "flex items-center justify-center gap-2",
-									children: K ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(h, { 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)] })] })
-								})
-							}),
-							!K && /* @__PURE__ */ p("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(_, { className: "size-3.5" }), /* @__PURE__ */ f("span", { children: "Secure payment" })]
-							})
-						]
-					})]
-				}),
-				O === "processing" && /* @__PURE__ */ p("div", {
-					className: "flex flex-col items-center justify-center px-6 py-16",
-					children: [
-						/* @__PURE__ */ p("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", {
-								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" })
-							})]
-						}),
-						/* @__PURE__ */ f("h3", {
-							className: "mb-1 font-semibold text-gray-900 text-lg",
-							children: "Processing Payment"
-						}),
-						/* @__PURE__ */ f("p", {
-							className: "text-center text-gray-500 text-sm",
-							children: "Please wait while we confirm your payment..."
-						}),
-						/* @__PURE__ */ f("div", {
-							className: "mt-6 rounded-lg bg-gray-50 px-6 py-3",
-							children: /* @__PURE__ */ p("p", {
-								className: "text-center text-gray-600 text-sm",
-								children: [
-									"Amount:",
-									" ",
-									/* @__PURE__ */ f("span", {
-										className: "font-semibold text-gray-900",
-										children: L(c.total_amount, c.currency)
-									})
-								]
-							})
-						})
-					]
-				}),
-				O === "failed" && /* @__PURE__ */ p("div", {
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ f("div", {
-						className: "bg-gradient-to-br from-red-50 to-orange-50 px-6 py-6",
-						children: /* @__PURE__ */ p("div", {
-							className: "flex flex-col items-center",
-							children: [
-								/* @__PURE__ */ f("div", {
-									className: "mb-3 flex size-14 items-center justify-center rounded-full bg-red-100",
-									children: /* @__PURE__ */ f(oe, { className: "size-8 text-red-500" })
-								}),
-								/* @__PURE__ */ f("h3", {
-									className: "mb-1 font-semibold text-gray-900 text-lg",
-									children: "Payment Failed"
-								}),
-								/* @__PURE__ */ f("p", {
-									className: "text-center text-gray-600 text-sm",
-									children: A || "Something went wrong. Please try again."
-								})
-							]
-						})
-					}), /* @__PURE__ */ p("div", {
-						className: "flex flex-col px-6 py-5 sm:px-8",
-						children: [
-							/* @__PURE__ */ f("div", {
-								className: "mx-auto mb-4 w-full max-w-lg text-center",
-								children: /* @__PURE__ */ f("h4", {
-									className: "font-semibold text-base text-gray-900",
-									children: X
-								})
-							}),
-							!Y && (Q || $) && /* @__PURE__ */ p("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", {
-									className: "flex items-center gap-2 text-gray-600 text-sm",
-									children: [/* @__PURE__ */ f(m, { className: "size-4 text-gray-400" }), /* @__PURE__ */ f("span", { children: R(Q) })]
-								}), Q && /* @__PURE__ */ p("div", {
-									className: "flex items-center gap-2 text-gray-600 text-sm",
-									children: [/* @__PURE__ */ f(g, { className: "size-4 text-gray-400" }), /* @__PURE__ */ f("span", { children: z(Q) })]
-								})]
-							}),
-							U.length > 0 && /* @__PURE__ */ f("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", {
-									className: "space-y-1.5",
-									children: [U.slice(0, 3).map(([e, t]) => /* @__PURE__ */ p("div", {
-										className: "flex items-center justify-between gap-3 text-sm",
-										children: [/* @__PURE__ */ f("span", {
-											className: "text-gray-500",
-											children: B(e)
-										}), Array.isArray(t) ? /* @__PURE__ */ f(y, {
-											items: t,
-											textSizeClass: "text-sm"
-										}) : /* @__PURE__ */ f("span", {
-											className: "max-w-[50%] truncate font-medium text-gray-900",
-											children: V(t)
-										})]
-									}, e)), U.length > 3 && /* @__PURE__ */ p("p", {
-										className: "pt-1 text-center text-gray-400 text-xs",
-										children: [
-											"+",
-											U.length - 3,
-											" more"
-										]
-									})]
-								})
-							}),
-							/* @__PURE__ */ f("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", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ f("span", {
-										className: "font-medium text-gray-700",
-										children: "Amount to Pay"
-									}), /* @__PURE__ */ f("span", {
-										className: "font-bold text-gray-900 text-xl",
-										children: L(c.total_amount, c.currency)
-									})]
-								})
-							}),
-							/* @__PURE__ */ f(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", {
-									className: "flex items-center justify-center gap-2",
-									children: [/* @__PURE__ */ f(ie, { className: "size-5" }), /* @__PURE__ */ f("span", { children: "Try Again" })]
-								})
-							}),
-							/* @__PURE__ */ p("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(_, { className: "size-3.5" }), /* @__PURE__ */ p("span", { children: ["Secured by ", he === "stripe" ? "Stripe" : "Razorpay"] })]
-							}),
-							/* @__PURE__ */ f("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"
-							})
-						]
-					})]
-				}),
-				O === "confirmed" && /* @__PURE__ */ p("div", {
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ f("div", {
-						className: "bg-gradient-to-br from-green-50 to-emerald-50 px-6 py-8",
-						children: /* @__PURE__ */ p("div", {
-							className: "flex flex-col items-center",
-							children: [
-								/* @__PURE__ */ p("div", {
-									className: "relative mb-4",
-									children: [/* @__PURE__ */ f("div", { className: "absolute -inset-2 animate-pulse rounded-full bg-green-200/50" }), /* @__PURE__ */ f("div", {
-										className: "relative flex size-16 items-center justify-center rounded-full bg-green-100 ring-4 ring-green-50",
-										children: /* @__PURE__ */ f(h, { className: "size-9 text-green-600" })
-									})]
-								}),
-								/* @__PURE__ */ f("h3", {
-									className: "mb-1 font-bold text-gray-900 text-xl",
-									children: K ? "Booking Confirmed!" : "Payment Successful!"
-								}),
-								/* @__PURE__ */ f("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", {
-						className: "px-6 py-5 sm:px-8",
-						children: [
-							/* @__PURE__ */ p("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", {
-										className: "px-5 py-4",
-										children: [
-											/* @__PURE__ */ p("div", {
-												className: "mb-4 flex items-start gap-3",
-												children: [/* @__PURE__ */ f("div", {
-													className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-orange-100",
-													children: /* @__PURE__ */ f(ae, { className: "size-5 text-orange-600" })
-												}), /* @__PURE__ */ f("div", {
-													className: "min-w-0 flex-1",
-													children: /* @__PURE__ */ f("p", {
-														className: "font-semibold text-gray-900 leading-tight",
-														children: X
-													})
-												})]
-											}),
-											c.qr_image?.location && /* @__PURE__ */ f("div", {
-												className: "mb-4 flex flex-col items-center",
-												children: /* @__PURE__ */ f("div", {
-													className: "rounded-lg border border-gray-200 bg-white p-2",
-													children: /* @__PURE__ */ f("img", {
-														src: c.qr_image.location,
-														alt: "Booking QR Code",
-														className: "size-24"
-													})
-												})
-											}),
-											/* @__PURE__ */ p("div", {
-												className: "mb-4 flex items-center justify-between rounded-lg bg-gray-50 px-3 py-2.5",
-												children: [/* @__PURE__ */ f("span", {
-													className: "font-medium text-gray-500 text-xs uppercase tracking-wide",
-													children: "Booking ID"
-												}), /* @__PURE__ */ f("span", {
-													className: "font-mono font-semibold text-gray-900 text-sm",
-													children: c._id
-												})]
-											}),
-											/* @__PURE__ */ f("div", { className: "my-4 border-gray-200 border-t border-dashed" }),
-											/* @__PURE__ */ p("div", {
-												className: "space-y-2.5",
-												children: [!Y && Q && /* @__PURE__ */ p("div", {
-													className: "flex items-center justify-between",
-													children: [/* @__PURE__ */ p("div", {
-														className: "flex items-center gap-2 text-gray-500 text-sm",
-														children: [/* @__PURE__ */ f(m, { className: "size-4" }), /* @__PURE__ */ f("span", { children: "Date & Time" })]
-													}), /* @__PURE__ */ p("p", {
-														className: "font-medium text-gray-900 text-sm",
-														children: [
-															R(Q),
-															", ",
-															z(Q)
-														]
-													})]
-												}), U.slice(0, 3).map(([e, t]) => /* @__PURE__ */ p("div", {
-													className: "flex items-center justify-between",
-													children: [/* @__PURE__ */ f("span", {
-														className: "text-gray-500 text-sm",
-														children: B(e)
-													}), Array.isArray(t) ? /* @__PURE__ */ f(y, {
-														items: t,
-														textSizeClass: "text-sm"
-													}) : /* @__PURE__ */ f("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", {
-												className: "flex items-center justify-between",
-												children: [/* @__PURE__ */ f("span", {
-													className: "font-medium text-gray-700",
-													children: K ? "Total" : "Amount Paid"
-												}), /* @__PURE__ */ f("span", {
-													className: "font-bold text-gray-900 text-lg",
-													children: K ? "Free" : L(c.total_amount, c.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", {
-													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"]
-												})] }) : null;
-											})()
-										]
-									})
-								]
-							}),
-							S && /* @__PURE__ */ f("div", {
-								className: "mx-auto mt-5 max-w-lg",
-								children: /* @__PURE__ */ f(e, {
-									elementKey: "booking-done-btn",
-									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", {
-								className: "mt-4 text-center text-gray-400 text-xs",
-								children: "A confirmation has been sent to your email"
-							})
-						]
-					})]
-				})
-			]
-		}),
-		pe && x && /* @__PURE__ */ f("div", {
-			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-			children: /* @__PURE__ */ f("div", {
-				className: "max-h-[90vh] w-full max-w-lg overflow-auto rounded-xl bg-white shadow-xl",
-				children: /* @__PURE__ */ f(a, {
-					isEdit: !0,
-					prefillData: b || c.billing_details,
-					onSubmit: (e) => {
-						x(e), M(!1);
-					},
-					onClose: () => M(!1)
-				})
-			})
-		}),
-		E && T && /* @__PURE__ */ f(i, {
-			isOpen: E,
-			onClose: () => {
-				D(), k("summary");
-			},
-			stripePromise: ue,
-			clientSecret: T.clientSecret,
-			onComplete: W
-		})
-	] });
-};
-//#endregion
-export { b as BookingCard };

package/createThemeExtension-C0PSYy0J.js

@@ -1,15 +0,0 @@
-import { assignInlineVars as e } from "@vanilla-extract/dynamic";
-//#region ../../libraries/levocn/dist/theme/utils/createThemeExtension.js
-var t = (e, n) => {
-	let r = {};
-	for (let i of Object.keys(n)) {
-		let a = n[i], o = e[i];
-		if (!(a === void 0 || o === void 0)) if (typeof a == "object" && a && !Array.isArray(a)) {
-			let e = t(o, a);
-			Object.assign(r, e);
-		} else typeof o == "string" && (r[o] = String(a));
-	}
-	return r;
-}, n = (n) => (r) => r ? e(t(n, r)) : {};
-//#endregion
-export { n as t };