@levo-so/studio 0.3.20 → 0.3.22

package/bookingCard-g0n3ksiC.js

@@ -1,605 +0,0 @@
-"use client";
-import { t as e } from "./Button-DXLWW3dp.js";
-import { n as t } from "./AuthProvider-B5NfFwbG.js";
-import { t as n } from "./cn-B6c1DjO_.js";
-import { t as r } from "./useCheckout-DFalmfEQ.js";
-import { BillingStep as i } from "./BillingStep-BTDOMFHV.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 { Calendar as p, CheckCircle2 as m, Clock as h, CreditCard as ee, Download as te, Loader2 as ne, Pencil as re, RefreshCw as g, ShieldCheck as _, Ticket as v, XCircle as ie } from "lucide-react";
-import y from "dayjs";
-//#region src/components/bookingCard/BookingCard.tsx
-var b = {
-	cashfree: "Cashfree",
-	razorpay: "Razorpay",
-	stripe: "Stripe"
-}, x = ({ items: e, textSizeClass: t = "text-sm" }) => {
-	let [r, i] = l(!1), a = c(null);
-	if (s(() => {
-		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__ */ d("span", {
-		className: n("text-gray-900", t),
-		children: "-"
-	});
-	let o = String(e[0] ?? "-"), u = e.length - 1;
-	return /* @__PURE__ */ f("div", {
-		ref: a,
-		className: "relative inline-block",
-		onMouseEnter: () => i(!0),
-		onMouseLeave: () => i(!1),
-		children: [/* @__PURE__ */ f("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, u > 0 && /* @__PURE__ */ f("span", {
-				className: "ml-1 font-normal text-gray-500",
-				children: [
-					"+",
-					u,
-					" more"
-				]
-			})]
-		}), r && /* @__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__ */ d("ul", {
-				className: "space-y-1.5 text-left",
-				children: e.map((e, t) => /* @__PURE__ */ f("li", {
-					className: "flex items-start gap-2 text-gray-700 text-xs leading-snug",
-					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 ?? "-")
-					})]
-				}, t))
-			})
-		})]
-	});
-}, S = ({ summary: s, billingDetails: c, onBillingEdit: S, onComplete: C, className: w }) => {
-	let T = o(), { workspace: E } = t(), D = r(), [O, k] = l("summary"), [A, j] = l(null), [M, N] = l(!1), [P, F] = l(null), [I, L] = l("razorpay"), R = (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);
-	}, z = (e) => e ? y(e).format("D MMM YYYY") : null, B = (e) => e ? y(e).format("h:mm A") : null, V = (e) => e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (e) => e.toUpperCase()), H = (e) => e == null ? "-" : typeof e == "boolean" ? e ? "Yes" : "No" : Array.isArray(e) ? e.join(", ") : typeof e == "object" ? JSON.stringify(e) : String(e), U = () => {
-		try {
-			Object.keys(localStorage).forEach((e) => {
-				e.startsWith("levo_collection_cart_") && localStorage.removeItem(e);
-			}), window.dispatchEvent(new Event("levo_cart_updated"));
-		} catch (e) {
-			a(e);
-		}
-	}, W = Object.entries(s.form_data || {}).filter(([e, t]) => t != null && t !== ""), G = async () => {
-		k("processing"), j(null);
-		try {
-			let e = c || s.billing_details, t = e ? { billing_details: e } : {}, n = await T?.fetch?.url(`/v1/payment/booking/${s._id}/pay`)?.options({ headers: { Origin: E?.id || "" } })?.post(t).json(), r = n?.content?.meta;
-			if (!n?.status || !r?.key) {
-				j("Unable to initiate payment. Please try again."), k("failed");
-				return;
-			}
-			L(r.provider || "razorpay");
-			let i = await D.open(r, {
-				amount: r.amount ?? 0,
-				merchantName: E?.name ?? "",
-				description: X || "Booking Payment",
-				prefill: {
-					name: "",
-					email: "",
-					contact: ""
-				},
-				themeColor: "#FC751A"
-			});
-			i.status === "completed" ? await ae(i.confirmation) : i.status === "closed" && (i.message ? (j(i.message), k("failed")) : k("summary"));
-		} catch (e) {
-			console.error("Initiate payment error:", e), a(e), j("Unable to initiate payment. Please check your connection and try again."), k("failed");
-		}
-	}, ae = async (e) => {
-		try {
-			let t = await T?.fetch?.url(`/v1/payment/booking/${s._id}/confirm`)?.options({ headers: { Origin: E?.id || "" } })?.post(e).json();
-			t?.status && t?.content?.data ? (F(t.content.data), k("confirmed"), U()) : (j("Payment received but confirmation failed. Please contact support."), k("failed"));
-		} catch (e) {
-			console.error("Confirm payment error:", e), a(e), j("Payment received but confirmation failed. Please contact support."), k("failed");
-		}
-	}, 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: n("overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", w),
-			children: [
-				O === "summary" && /* @__PURE__ */ f("div", {
-					className: "flex flex-col",
-					children: [Z && /* @__PURE__ */ f("div", {
-						className: "relative h-44 w-full overflow-hidden bg-gray-100",
-						children: [/* @__PURE__ */ d("img", {
-							src: Z,
-							alt: X,
-							className: "h-full w-full object-cover"
-						}), /* @__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__ */ f("div", {
-								className: "mx-auto mb-5 w-full max-w-lg text-center",
-								children: [/* @__PURE__ */ d("p", {
-									className: "mb-1 font-medium text-gray-500 text-xs uppercase tracking-wider",
-									children: "Booking Summary"
-								}), /* @__PURE__ */ d("h3", {
-									className: "font-semibold text-gray-900 text-xl leading-tight",
-									children: X
-								})]
-							}),
-							!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__ */ f("div", {
-									className: "flex items-center gap-2 text-gray-700 text-sm",
-									children: [/* @__PURE__ */ d(p, { className: "size-4 text-orange-500" }), /* @__PURE__ */ d("span", { children: z(Q) })]
-								}), Q && /* @__PURE__ */ f("div", {
-									className: "flex items-center gap-2 text-gray-700 text-sm",
-									children: [/* @__PURE__ */ d(h, { className: "size-4 text-orange-500" }), /* @__PURE__ */ d("span", { children: B(Q) })]
-								})]
-							}),
-							W.length > 0 && /* @__PURE__ */ f("div", {
-								className: "mx-auto mb-5 w-full max-w-lg",
-								children: [/* @__PURE__ */ d("h4", {
-									className: "mb-3 text-center font-medium text-gray-500 text-xs uppercase tracking-wider",
-									children: "Your Details"
-								}), /* @__PURE__ */ d("div", {
-									className: "rounded-lg border border-gray-100 bg-gray-50/50 p-4",
-									children: /* @__PURE__ */ d("div", {
-										className: "space-y-2.5",
-										children: W.map(([e, t]) => /* @__PURE__ */ f("div", {
-											className: "flex items-start justify-between gap-3",
-											children: [/* @__PURE__ */ d("span", {
-												className: "text-gray-500 text-sm",
-												children: V(e)
-											}), Array.isArray(t) ? /* @__PURE__ */ d(x, {
-												items: t,
-												textSizeClass: "text-sm"
-											}) : /* @__PURE__ */ d("span", {
-												className: "text-right font-medium text-gray-900 text-sm",
-												children: H(t)
-											})]
-										}, e))
-									})
-								})]
-							}),
-							(() => {
-								let e = c || s.billing_details;
-								return e ? /* @__PURE__ */ f("div", {
-									className: "mx-auto mb-5 w-full max-w-lg",
-									children: [/* @__PURE__ */ f("div", {
-										className: "mb-3 flex items-center justify-center gap-2",
-										children: [/* @__PURE__ */ d("h4", {
-											className: "text-center font-medium text-gray-500 text-xs uppercase tracking-wider",
-											children: "Billing Details"
-										}), S && /* @__PURE__ */ d("button", {
-											type: "button",
-											onClick: () => N(!0),
-											className: "text-orange-500 hover:text-orange-600",
-											children: /* @__PURE__ */ d(re, { className: "size-3.5" })
-										})]
-									}), /* @__PURE__ */ d("div", {
-										className: "rounded-lg border border-gray-100 bg-gray-50/50 p-4",
-										children: /* @__PURE__ */ f("div", {
-											className: "space-y-2.5",
-											children: [
-												/* @__PURE__ */ f("div", {
-													className: "flex items-start justify-between gap-3",
-													children: [/* @__PURE__ */ d("span", {
-														className: "text-gray-500 text-sm",
-														children: "Name"
-													}), /* @__PURE__ */ d("span", {
-														className: "text-right font-medium text-gray-900 text-sm",
-														children: e.name
-													})]
-												}),
-												e.tax_id && /* @__PURE__ */ f("div", {
-													className: "flex items-start justify-between gap-3",
-													children: [/* @__PURE__ */ d("span", {
-														className: "text-gray-500 text-sm",
-														children: "Tax ID"
-													}), /* @__PURE__ */ d("span", {
-														className: "text-right font-medium text-gray-900 text-sm",
-														children: e.tax_id
-													})]
-												}),
-												/* @__PURE__ */ f("div", {
-													className: "flex items-start justify-between gap-3",
-													children: [/* @__PURE__ */ d("span", {
-														className: "text-gray-500 text-sm",
-														children: "Address"
-													}), /* @__PURE__ */ d("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__ */ f("div", {
-								className: "mx-auto mb-5 w-full max-w-lg",
-								children: [/* @__PURE__ */ d("h4", {
-									className: "mb-3 text-center font-medium text-gray-500 text-xs uppercase tracking-wider",
-									children: "Payment"
-								}), /* @__PURE__ */ f("div", {
-									className: "rounded-lg border border-gray-200 bg-white p-4",
-									children: [/* @__PURE__ */ f("div", {
-										className: "space-y-2",
-										children: [
-											q.map((e) => /* @__PURE__ */ f("div", {
-												className: "flex items-start justify-between gap-3 text-sm",
-												children: [/* @__PURE__ */ f("span", {
-													className: "min-w-0 flex-1 text-gray-600",
-													children: [/* @__PURE__ */ d("span", {
-														className: "break-words",
-														children: e.instance_label
-													}), e.quantity > 1 && /* @__PURE__ */ f("span", {
-														className: "ml-1 text-gray-400",
-														children: ["×", e.quantity]
-													})]
-												}), /* @__PURE__ */ d("span", {
-													className: "shrink-0 text-gray-900",
-													children: R(e.line_subtotal, s.currency)
-												})]
-											}, e.resource_instance)),
-											typeof s.discount == "number" && s.discount > 0 && /* @__PURE__ */ f("div", {
-												className: "flex items-center justify-between text-sm",
-												children: [/* @__PURE__ */ d("span", {
-													className: "text-gray-600",
-													children: "Discount"
-												}), /* @__PURE__ */ f("span", {
-													className: "text-green-600",
-													children: ["-", R(s.discount, s.currency)]
-												})]
-											}),
-											s.taxes && s.taxes.length > 0 && s.taxes.map((e) => /* @__PURE__ */ f("div", {
-												className: "flex items-center justify-between text-sm",
-												children: [/* @__PURE__ */ d("span", {
-													className: "text-gray-600",
-													children: e.label
-												}), /* @__PURE__ */ d("span", {
-													className: "text-gray-900",
-													children: R(e.amount, s.currency)
-												})]
-											}, e.id))
-										]
-									}), /* @__PURE__ */ f("div", {
-										className: "mt-3 flex items-center justify-between border-gray-100 border-t pt-3",
-										children: [/* @__PURE__ */ d("span", {
-											className: "font-medium text-gray-900",
-											children: "Total"
-										}), /* @__PURE__ */ d("span", {
-											className: "font-bold text-gray-900 text-xl",
-											children: K ? "Free" : R(s.total_amount, s.currency)
-										})]
-									})]
-								})]
-							}),
-							/* @__PURE__ */ d(e, {
-								elementKey: "booking-pay-btn",
-								onClick: K ? () => {
-									k("confirmed"), U();
-								} : G,
-								className: "mx-auto w-full max-w-lg rounded-lg px-4 py-3.5 font-semibold",
-								children: /* @__PURE__ */ d("span", {
-									className: "flex items-center justify-center gap-2",
-									children: K ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(m, { className: "size-5" }), /* @__PURE__ */ d("span", { children: "Confirm Booking" })] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(ee, { className: "size-5" }), /* @__PURE__ */ f("span", { children: ["Pay ", R(s.total_amount, s.currency)] })] })
-								})
-							}),
-							!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__ */ d(_, { className: "size-3.5" }), /* @__PURE__ */ d("span", { children: "Secure payment" })]
-							})
-						]
-					})]
-				}),
-				O === "processing" && /* @__PURE__ */ f("div", {
-					className: "flex flex-col items-center justify-center px-6 py-16",
-					children: [
-						/* @__PURE__ */ f("div", {
-							className: "relative mb-6",
-							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__ */ d(ne, { className: "size-8 animate-spin text-orange-500" })
-							})]
-						}),
-						/* @__PURE__ */ d("h3", {
-							className: "mb-1 font-semibold text-gray-900 text-lg",
-							children: "Processing Payment"
-						}),
-						/* @__PURE__ */ d("p", {
-							className: "text-center text-gray-500 text-sm",
-							children: "Please wait while we confirm your payment..."
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "mt-6 rounded-lg bg-gray-50 px-6 py-3",
-							children: /* @__PURE__ */ f("p", {
-								className: "text-center text-gray-600 text-sm",
-								children: [
-									"Amount:",
-									" ",
-									/* @__PURE__ */ d("span", {
-										className: "font-semibold text-gray-900",
-										children: R(s.total_amount, s.currency)
-									})
-								]
-							})
-						})
-					]
-				}),
-				O === "failed" && /* @__PURE__ */ f("div", {
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ d("div", {
-						className: "bg-gradient-to-br from-red-50 to-orange-50 px-6 py-6",
-						children: /* @__PURE__ */ f("div", {
-							className: "flex flex-col items-center",
-							children: [
-								/* @__PURE__ */ d("div", {
-									className: "mb-3 flex size-14 items-center justify-center rounded-full bg-red-100",
-									children: /* @__PURE__ */ d(ie, { className: "size-8 text-red-500" })
-								}),
-								/* @__PURE__ */ d("h3", {
-									className: "mb-1 font-semibold text-gray-900 text-lg",
-									children: "Payment Failed"
-								}),
-								/* @__PURE__ */ d("p", {
-									className: "text-center text-gray-600 text-sm",
-									children: A || "Something went wrong. Please try again."
-								})
-							]
-						})
-					}), /* @__PURE__ */ f("div", {
-						className: "flex flex-col px-6 py-5 sm:px-8",
-						children: [
-							/* @__PURE__ */ d("div", {
-								className: "mx-auto mb-4 w-full max-w-lg text-center",
-								children: /* @__PURE__ */ d("h4", {
-									className: "font-semibold text-base text-gray-900",
-									children: X
-								})
-							}),
-							!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__ */ f("div", {
-									className: "flex items-center gap-2 text-gray-600 text-sm",
-									children: [/* @__PURE__ */ d(p, { className: "size-4 text-gray-400" }), /* @__PURE__ */ d("span", { children: z(Q) })]
-								}), Q && /* @__PURE__ */ f("div", {
-									className: "flex items-center gap-2 text-gray-600 text-sm",
-									children: [/* @__PURE__ */ d(h, { className: "size-4 text-gray-400" }), /* @__PURE__ */ d("span", { children: B(Q) })]
-								})]
-							}),
-							W.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__ */ f("div", {
-									className: "space-y-1.5",
-									children: [W.slice(0, 3).map(([e, t]) => /* @__PURE__ */ f("div", {
-										className: "flex items-center justify-between gap-3 text-sm",
-										children: [/* @__PURE__ */ d("span", {
-											className: "text-gray-500",
-											children: V(e)
-										}), Array.isArray(t) ? /* @__PURE__ */ d(x, {
-											items: t,
-											textSizeClass: "text-sm"
-										}) : /* @__PURE__ */ d("span", {
-											className: "max-w-[50%] truncate font-medium text-gray-900",
-											children: H(t)
-										})]
-									}, e)), W.length > 3 && /* @__PURE__ */ f("p", {
-										className: "pt-1 text-center text-gray-400 text-xs",
-										children: [
-											"+",
-											W.length - 3,
-											" more"
-										]
-									})]
-								})
-							}),
-							/* @__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__ */ f("div", {
-									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ d("span", {
-										className: "font-medium text-gray-700",
-										children: "Amount to Pay"
-									}), /* @__PURE__ */ d("span", {
-										className: "font-bold text-gray-900 text-xl",
-										children: R(s.total_amount, s.currency)
-									})]
-								})
-							}),
-							/* @__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__ */ f("span", {
-									className: "flex items-center justify-center gap-2",
-									children: [/* @__PURE__ */ d(g, { className: "size-5" }), /* @__PURE__ */ d("span", { children: "Try Again" })]
-								})
-							}),
-							/* @__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__ */ d(_, { className: "size-3.5" }), /* @__PURE__ */ f("span", { children: ["Secured by ", b[I]] })]
-							}),
-							/* @__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"
-							})
-						]
-					})]
-				}),
-				O === "confirmed" && /* @__PURE__ */ f("div", {
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ d("div", {
-						className: "bg-gradient-to-br from-green-50 to-emerald-50 px-6 py-8",
-						children: /* @__PURE__ */ f("div", {
-							className: "flex flex-col items-center",
-							children: [
-								/* @__PURE__ */ f("div", {
-									className: "relative mb-4",
-									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__ */ d(m, { className: "size-9 text-green-600" })
-									})]
-								}),
-								/* @__PURE__ */ d("h3", {
-									className: "mb-1 font-bold text-gray-900 text-xl",
-									children: K ? "Booking Confirmed!" : "Payment Successful!"
-								}),
-								/* @__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__ */ f("div", {
-						className: "px-6 py-5 sm:px-8",
-						children: [
-							/* @__PURE__ */ f("div", {
-								className: "relative mx-auto max-w-lg overflow-hidden rounded-xl border border-gray-200 bg-white",
-								children: [
-									/* @__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__ */ f("div", {
-												className: "mb-4 flex items-start gap-3",
-												children: [/* @__PURE__ */ d("div", {
-													className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-orange-100",
-													children: /* @__PURE__ */ d(v, { className: "size-5 text-orange-600" })
-												}), /* @__PURE__ */ d("div", {
-													className: "min-w-0 flex-1",
-													children: /* @__PURE__ */ d("p", {
-														className: "font-semibold text-gray-900 leading-tight",
-														children: X
-													})
-												})]
-											}),
-											s.qr_image?.location && /* @__PURE__ */ d("div", {
-												className: "mb-4 flex flex-col items-center",
-												children: /* @__PURE__ */ d("div", {
-													className: "rounded-lg border border-gray-200 bg-white p-2",
-													children: /* @__PURE__ */ d("img", {
-														src: s.qr_image.location,
-														alt: "Booking QR Code",
-														className: "size-24"
-													})
-												})
-											}),
-											/* @__PURE__ */ f("div", {
-												className: "mb-4 flex items-center justify-between rounded-lg bg-gray-50 px-3 py-2.5",
-												children: [/* @__PURE__ */ d("span", {
-													className: "font-medium text-gray-500 text-xs uppercase tracking-wide",
-													children: "Booking ID"
-												}), /* @__PURE__ */ d("span", {
-													className: "font-mono font-semibold text-gray-900 text-sm",
-													children: s._id
-												})]
-											}),
-											/* @__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__ */ f("div", {
-													className: "flex items-center justify-between",
-													children: [/* @__PURE__ */ f("div", {
-														className: "flex items-center gap-2 text-gray-500 text-sm",
-														children: [/* @__PURE__ */ d(p, { className: "size-4" }), /* @__PURE__ */ d("span", { children: "Date & Time" })]
-													}), /* @__PURE__ */ f("p", {
-														className: "font-medium text-gray-900 text-sm",
-														children: [
-															z(Q),
-															", ",
-															B(Q)
-														]
-													})]
-												}), W.slice(0, 3).map(([e, t]) => /* @__PURE__ */ f("div", {
-													className: "flex items-center justify-between",
-													children: [/* @__PURE__ */ d("span", {
-														className: "text-gray-500 text-sm",
-														children: V(e)
-													}), Array.isArray(t) ? /* @__PURE__ */ d(x, {
-														items: t,
-														textSizeClass: "text-sm"
-													}) : /* @__PURE__ */ d("span", {
-														className: "max-w-[50%] truncate font-medium text-gray-900 text-sm",
-														children: H(t)
-													})]
-												}, e))]
-											}),
-											/* @__PURE__ */ d("div", { className: "my-4 border-gray-200 border-t border-dashed" }),
-											/* @__PURE__ */ f("div", {
-												className: "flex items-center justify-between",
-												children: [/* @__PURE__ */ d("span", {
-													className: "font-medium text-gray-700",
-													children: K ? "Total" : "Amount Paid"
-												}), /* @__PURE__ */ d("span", {
-													className: "font-bold text-gray-900 text-lg",
-													children: K ? "Free" : R(s.total_amount, s.currency)
-												})]
-											}),
-											(() => {
-												let e = P?.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__ */ d(te, { className: "size-4" }), "Download Invoice"]
-												})] }) : null;
-											})()
-										]
-									})
-								]
-							}),
-							C && /* @__PURE__ */ d("div", {
-								className: "mx-auto mt-5 max-w-lg",
-								children: /* @__PURE__ */ d(e, {
-									elementKey: "booking-done-btn",
-									onClick: C,
-									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__ */ d("p", {
-								className: "mt-4 text-center text-gray-400 text-xs",
-								children: "A confirmation has been sent to your email"
-							})
-						]
-					})]
-				})
-			]
-		}),
-		M && S && /* @__PURE__ */ d("div", {
-			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-			children: /* @__PURE__ */ d("div", {
-				className: "max-h-[90vh] w-full max-w-lg overflow-auto rounded-xl bg-white shadow-xl",
-				children: /* @__PURE__ */ d(i, {
-					isEdit: !0,
-					prefillData: c || s.billing_details,
-					onSubmit: (e) => {
-						S(e), N(!1);
-					},
-					onClose: () => N(!1)
-				})
-			})
-		}),
-		D.element
-	] });
-};
-//#endregion
-export { S 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 };