@levo-so/site-runtime 0.3.19 → 0.3.21

package/BookingCard-DdwLHVGw.js

@@ -0,0 +1,816 @@
+"use client";
+import { c as e, r as t } from "./dist-BVFCdirT.js";
+import { m as n } from "./theme.cssm-iXnQwMCp.js";
+import { a as r } from "./inlineBaseTheme-DcNdMEYp.js";
+import { BillingStep as i } from "./BillingStep-ByiYjJ0S.js";
+import a from "dayjs";
+import { c as o } from "react/compiler-runtime";
+import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import f from "clsx";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Calendar as g, CheckCircle2 as _, Clock as v, CreditCard as y, Download as b, Loader2 as x, Pencil as S, RefreshCw as C, ShieldCheck as w, Ticket as T, XCircle as E, XIcon as D } from "lucide-react";
+import { useRazorpay as O } from "react-razorpay";
+import { EmbeddedCheckout as k, EmbeddedCheckoutProvider as A } from "@stripe/react-stripe-js";
+import { createPortal as j } from "react-dom";
+//#region ../../libraries/react-collection/dist/lib/CollectionFormRenderer/booking/checkout/openCashfreeCheckout.js
+var M = async (e) => {
+	let { payment_session_id: t, order_id: n } = e;
+	if (!t || !n) throw Error("Cashfree payment session missing");
+	let { load: r } = await import("./script.esm-uVCZU25S.js"), i = await r({ mode: e.environment || "production" });
+	if (!i) throw Error("Cashfree checkout failed to load");
+	let a = await i.checkout({
+		paymentSessionId: t,
+		redirectTarget: "_modal"
+	});
+	return a.paymentDetails ? {
+		status: "completed",
+		confirmation: { order_id: n }
+	} : a.redirect ? { status: "redirect" } : {
+		status: "closed",
+		message: a.error?.message
+	};
+}, N = () => typeof window < "u" && "Razorpay" in window, P = ({ order: e, onSettled: t, onError: n }) => {
+	let { Razorpay: r, isLoading: i, error: a } = O(), o = u({
+		onSettled: t,
+		onError: n
+	});
+	o.current = {
+		onSettled: t,
+		onError: n
+	};
+	let s = u(!1);
+	return c(() => {
+		if (s.current) return;
+		if (a) {
+			s.current = !0, o.current.onError(Error(a));
+			return;
+		}
+		if (!r || !N()) return;
+		s.current = !0;
+		let t;
+		try {
+			let n = new r({
+				key: e.key,
+				amount: e.amount,
+				currency: e.currency,
+				order_id: e.orderId,
+				name: e.merchantName,
+				description: e.description,
+				prefill: e.prefill,
+				theme: e.themeColor ? { color: e.themeColor } : void 0,
+				handler: (e) => o.current.onSettled({
+					status: "completed",
+					confirmation: {
+						order_id: e.razorpay_order_id,
+						payment_id: e.razorpay_payment_id,
+						signature: e.razorpay_signature
+					}
+				}),
+				modal: { ondismiss: () => o.current.onSettled({
+					status: "closed",
+					message: t
+				}) }
+			});
+			n.on("payment.failed", (e) => {
+				t = e?.error?.description;
+			}), n.open();
+		} catch (e) {
+			o.current.onError(e instanceof Error ? e : /* @__PURE__ */ Error("Razorpay checkout failed to open"));
+		}
+	}, [
+		r,
+		i,
+		a,
+		e
+	]), null;
+}, F = "_1fguior1", I = "_1fguior2", L = "_1fguior3", ee = "_1fguior4", te = "_1fguior5", ne = ({ stripePromise: e, clientSecret: t, onClose: n, onComplete: r }) => {
+	let i = u(r);
+	i.current = r;
+	let a = l(() => ({
+		clientSecret: t,
+		onComplete: () => i.current()
+	}), [t]), o = u(null), s = u(null);
+	return c(() => {
+		let e = document.activeElement, t = o.current;
+		s.current?.focus();
+		let n = !1, r = (e) => {
+			e.key === "Tab" && (n = e.shiftKey);
+		}, i = (e) => {
+			if (!t || t.contains(e.target)) return;
+			let r = t.querySelector("iframe") ?? s.current;
+			(n ? r : s.current)?.focus(), n = !1;
+		};
+		return document.addEventListener("keydown", r, !0), document.addEventListener("focusin", i), () => {
+			document.removeEventListener("keydown", r, !0), document.removeEventListener("focusin", i), e?.focus?.();
+		};
+	}, []), j(/* @__PURE__ */ m("div", {
+		className: F,
+		children: /* @__PURE__ */ h("div", {
+			ref: o,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": "Payment",
+			className: I,
+			children: [/* @__PURE__ */ m("button", {
+				ref: s,
+				type: "button",
+				onClick: n,
+				"aria-label": "Close payment",
+				className: L,
+				children: /* @__PURE__ */ m(D, { size: 20 })
+			}), /* @__PURE__ */ m("div", {
+				className: ee,
+				children: /* @__PURE__ */ m(A, {
+					stripe: e,
+					options: a,
+					children: /* @__PURE__ */ m(k, { className: f("stripe-embedded-checkout", te) })
+				})
+			})]
+		})
+	}), document.body);
+}, re = () => {
+	let [e, t] = d(null), n = s(async (e, n) => {
+		if (e.provider === "cashfree") return M(e);
+		if (e.provider === "stripe") {
+			let { client_secret: n, session_id: r } = e;
+			if (!n || !r) throw Error("Stripe checkout session missing");
+			let { loadStripe: i } = await import("@stripe/stripe-js"), a = i(e.key);
+			return new Promise((e, i) => t({
+				provider: "stripe",
+				stripePromise: a,
+				clientSecret: n,
+				sessionId: r,
+				settle: {
+					resolve: e,
+					reject: i
+				}
+			}));
+		}
+		let { order_id: r } = e;
+		if (!r) throw Error("Razorpay order missing");
+		return new Promise((i, a) => t({
+			provider: "razorpay",
+			order: {
+				...n,
+				key: e.key,
+				currency: e.currency || "INR",
+				orderId: r
+			},
+			settle: {
+				resolve: i,
+				reject: a
+			}
+		}));
+	}, []), r = (e, n) => {
+		t(null), n instanceof Error ? e.settle.reject(n) : e.settle.resolve(n);
+	}, i = null;
+	return e?.provider === "stripe" ? i = /* @__PURE__ */ m(ne, {
+		stripePromise: e.stripePromise,
+		clientSecret: e.clientSecret,
+		onComplete: () => r(e, {
+			status: "completed",
+			confirmation: { session_id: e.sessionId }
+		}),
+		onClose: () => r(e, { status: "closed" })
+	}) : e?.provider === "razorpay" && (i = /* @__PURE__ */ m(P, {
+		order: e.order,
+		onSettled: (t) => r(e, t),
+		onError: (t) => r(e, t)
+	})), {
+		open: n,
+		element: i
+	};
+}, R = "jsbo1i3", z = "jsbo1i8", B = "jsbo1i9", V = "jsbo1ia", H = "jsbo1ib", U = "jsbo1if", W = "jsbo1ig", ie = "jsbo1ih", ae = {
+	cashfree: "Cashfree",
+	razorpay: "Razorpay",
+	stripe: "Stripe"
+}, G = (e) => {
+	let t = o(24), { items: n, textSizeClass: r } = e, i = r === void 0 ? R : r, [a, s] = d(!1), l = u(null), p, g;
+	if (t[0] === a ? (p = t[1], g = t[2]) : (p = () => {
+		if (!a) return;
+		let e = (e) => {
+			l.current && !l.current.contains(e.target) && s(!1);
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, g = [a], t[0] = a, t[1] = p, t[2] = g), c(p, g), n.length === 0) {
+		let e;
+		t[3] === i ? e = t[4] : (e = f(z, i), t[3] = i, t[4] = e);
+		let n;
+		return t[5] === e ? n = t[6] : (n = /* @__PURE__ */ m("span", {
+			className: e,
+			children: "-"
+		}), t[5] = e, t[6] = n), n;
+	}
+	let _ = String(n[0] ?? "-"), v = n.length - 1, y, b;
+	t[7] === Symbol.for("react.memo_cache_sentinel") ? (y = () => s(!0), b = () => s(!1), t[7] = y, t[8] = b) : (y = t[7], b = t[8]);
+	let x;
+	t[9] === Symbol.for("react.memo_cache_sentinel") ? (x = () => s(q), t[9] = x) : x = t[9];
+	let S;
+	t[10] === i ? S = t[11] : (S = f(H, i), t[10] = i, t[11] = S);
+	let C;
+	t[12] === v ? C = t[13] : (C = v > 0 && /* @__PURE__ */ h("span", {
+		className: "jsbo1ic",
+		children: [
+			"+",
+			v,
+			" more"
+		]
+	}), t[12] = v, t[13] = C);
+	let w;
+	t[14] !== _ || t[15] !== S || t[16] !== C ? (w = /* @__PURE__ */ h("button", {
+		type: "button",
+		onClick: x,
+		className: S,
+		children: [_, C]
+	}), t[14] = _, t[15] = S, t[16] = C, t[17] = w) : w = t[17];
+	let T;
+	t[18] !== n || t[19] !== a ? (T = a && /* @__PURE__ */ m("div", {
+		className: "jsbo1id",
+		children: /* @__PURE__ */ m("ul", {
+			className: "jsbo1ie",
+			children: n.map(J)
+		})
+	}), t[18] = n, t[19] = a, t[20] = T) : T = t[20];
+	let E;
+	return t[21] !== T || t[22] !== w ? (E = /* @__PURE__ */ h("div", {
+		ref: l,
+		className: V,
+		onMouseEnter: y,
+		onMouseLeave: b,
+		children: [w, T]
+	}), t[21] = T, t[22] = w, t[23] = E) : E = t[23], E;
+}, K = ({ summary: o, billingDetails: s, onBillingEdit: c, onComplete: l, className: u, workspaceId: D, workspaceName: O }) => {
+	let k = r(), A = re(), [j, M] = d("summary"), [N, P] = d(null), [F, I] = d(!1), [L, ee] = d(null), [te, ne] = d("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 ? a(e).format("D MMM YYYY") : null, B = (e) => e ? a(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 (t) {
+			e(t);
+		}
+	}, W = Object.entries(o.form_data || {}).filter(([e, t]) => t != null && t !== ""), K = async () => {
+		M("processing"), P(null);
+		try {
+			let e = s || o.billing_details, n = e ? { billing_details: e } : {}, r = await k?.fetch?.url(`/v1/payment/booking/${o._id}/pay`)?.options(t(D))?.post(n).json(), i = r?.content?.meta;
+			if (!r?.status || !i?.key) {
+				P("Unable to initiate payment. Please try again."), M("failed");
+				return;
+			}
+			ne(i.provider || "razorpay");
+			let a = await A.open(i, {
+				amount: i.amount ?? 0,
+				merchantName: O ?? "",
+				description: Q || "Booking Payment",
+				prefill: {
+					name: "",
+					email: "",
+					contact: ""
+				},
+				themeColor: "#FC751A"
+			});
+			a.status === "completed" ? await q(a.confirmation) : a.status === "closed" && (a.message ? (P(a.message), M("failed")) : M("summary"));
+		} catch (t) {
+			console.error("Initiate payment error:", t), e(t), P("Unable to initiate payment. Please check your connection and try again."), M("failed");
+		}
+	}, q = async (n) => {
+		try {
+			let e = await k?.fetch?.url(`/v1/payment/booking/${o._id}/confirm`)?.options(t(D))?.post(n).json();
+			e?.status && e?.content?.data ? (ee(e.content.data), M("confirmed"), U()) : (P("Payment received but confirmation failed. Please contact support."), M("failed"));
+		} catch (t) {
+			console.error("Confirm payment error:", t), e(t), P("Payment received but confirmation failed. Please contact support."), M("failed");
+		}
+	}, J = !o.total_amount || o.total_amount === 0, Y = o.line_items || [], X = Y[0], Z = Y.length > 1, Q = Z ? o.context_label || "Booking" : X?.instance_label || o.context_label || "Booking", oe = X?.cover_image?.location || null, $ = X?.starts_at || null, se = X?.ends_at || null;
+	return /* @__PURE__ */ h(p, { children: [
+		/* @__PURE__ */ h("div", {
+			className: f(ie, u),
+			children: [
+				j === "summary" && /* @__PURE__ */ h("div", {
+					className: "jsbo1i4",
+					children: [oe && /* @__PURE__ */ h("div", {
+						className: "jsbo1ij",
+						children: [/* @__PURE__ */ m("img", {
+							src: oe,
+							alt: Q,
+							className: "jsbo1ik"
+						}), /* @__PURE__ */ m("div", { className: "jsbo1il" })]
+					}), /* @__PURE__ */ h("div", {
+						className: f("jsbo1i4", "jsbo1ii"),
+						children: [
+							/* @__PURE__ */ h("div", {
+								className: "jsbo1im",
+								children: [/* @__PURE__ */ m("p", {
+									className: "jsbo1in",
+									children: "Booking Summary"
+								}), /* @__PURE__ */ m("h3", {
+									className: "jsbo1io",
+									children: Q
+								})]
+							}),
+							!Z && ($ || se) && /* @__PURE__ */ h("div", {
+								className: "jsbo1ip",
+								children: [$ && /* @__PURE__ */ h("div", {
+									className: "jsbo1iq",
+									children: [/* @__PURE__ */ m(g, {
+										size: 16,
+										className: "jsbo1ir"
+									}), /* @__PURE__ */ m("span", { children: z($) })]
+								}), $ && /* @__PURE__ */ h("div", {
+									className: "jsbo1iq",
+									children: [/* @__PURE__ */ m(v, {
+										size: 16,
+										className: "jsbo1ir"
+									}), /* @__PURE__ */ m("span", { children: B($) })]
+								})]
+							}),
+							W.length > 0 && /* @__PURE__ */ h("div", {
+								className: "jsbo1it",
+								children: [/* @__PURE__ */ m("h4", {
+									className: "jsbo1iu",
+									children: "Your Details"
+								}), /* @__PURE__ */ m("div", {
+									className: "jsbo1iy",
+									children: /* @__PURE__ */ m("div", {
+										className: "jsbo1iz",
+										children: W.map(([e, t]) => /* @__PURE__ */ h("div", {
+											className: "jsbo1i10",
+											children: [/* @__PURE__ */ m("span", {
+												className: "jsbo1i11",
+												children: V(e)
+											}), Array.isArray(t) ? /* @__PURE__ */ m(G, {
+												items: t,
+												textSizeClass: "jsbo1i3"
+											}) : /* @__PURE__ */ m("span", {
+												className: "jsbo1i12",
+												children: H(t)
+											})]
+										}, e))
+									})
+								})]
+							}),
+							(() => {
+								let e = s || o.billing_details;
+								return e ? /* @__PURE__ */ h("div", {
+									className: "jsbo1it",
+									children: [/* @__PURE__ */ h("div", {
+										className: "jsbo1iv",
+										children: [/* @__PURE__ */ m("h4", {
+											className: "jsbo1iw",
+											children: "Billing Details"
+										}), c && /* @__PURE__ */ m("button", {
+											type: "button",
+											onClick: () => I(!0),
+											className: "jsbo1ix",
+											children: /* @__PURE__ */ m(S, { size: 14 })
+										})]
+									}), /* @__PURE__ */ m("div", {
+										className: "jsbo1iy",
+										children: /* @__PURE__ */ h("div", {
+											className: "jsbo1iz",
+											children: [
+												/* @__PURE__ */ h("div", {
+													className: "jsbo1i10",
+													children: [/* @__PURE__ */ m("span", {
+														className: "jsbo1i11",
+														children: "Name"
+													}), /* @__PURE__ */ m("span", {
+														className: "jsbo1i12",
+														children: e.name
+													})]
+												}),
+												e.tax_id && /* @__PURE__ */ h("div", {
+													className: "jsbo1i10",
+													children: [/* @__PURE__ */ m("span", {
+														className: "jsbo1i11",
+														children: "Tax ID"
+													}), /* @__PURE__ */ m("span", {
+														className: "jsbo1i12",
+														children: e.tax_id
+													})]
+												}),
+												/* @__PURE__ */ h("div", {
+													className: "jsbo1i10",
+													children: [/* @__PURE__ */ m("span", {
+														className: "jsbo1i11",
+														children: "Address"
+													}), /* @__PURE__ */ m("span", {
+														className: "jsbo1i12",
+														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__ */ h("div", {
+								className: "jsbo1it",
+								children: [/* @__PURE__ */ m("h4", {
+									className: "jsbo1iu",
+									children: "Payment"
+								}), /* @__PURE__ */ h("div", {
+									className: "jsbo1i13",
+									children: [/* @__PURE__ */ h("div", {
+										className: "jsbo1i14",
+										children: [
+											Y.map((e) => /* @__PURE__ */ h("div", {
+												className: "jsbo1i15",
+												children: [/* @__PURE__ */ h("span", {
+													className: "jsbo1i16",
+													children: [/* @__PURE__ */ m("span", {
+														className: "jsbo1i9",
+														children: e.instance_label
+													}), e.quantity > 1 && /* @__PURE__ */ h("span", {
+														className: "jsbo1i17",
+														children: ["×", e.quantity]
+													})]
+												}), /* @__PURE__ */ m("span", {
+													className: "jsbo1i18",
+													children: R(e.line_subtotal, o.currency)
+												})]
+											}, e.resource_instance)),
+											typeof o.discount == "number" && o.discount > 0 && /* @__PURE__ */ h("div", {
+												className: f("jsbo1i6", "jsbo1i3"),
+												children: [/* @__PURE__ */ m("span", {
+													className: "jsbo1i7",
+													children: "Discount"
+												}), /* @__PURE__ */ h("span", {
+													className: "jsbo1i19",
+													children: ["-", R(o.discount, o.currency)]
+												})]
+											}),
+											o.taxes && o.taxes.length > 0 && o.taxes.map((e) => /* @__PURE__ */ h("div", {
+												className: f("jsbo1i6", "jsbo1i3"),
+												children: [/* @__PURE__ */ m("span", {
+													className: "jsbo1i7",
+													children: e.label
+												}), /* @__PURE__ */ m("span", {
+													className: "jsbo1i8",
+													children: R(e.amount, o.currency)
+												})]
+											}, e.id))
+										]
+									}), /* @__PURE__ */ h("div", {
+										className: "jsbo1i1a",
+										children: [/* @__PURE__ */ m("span", {
+											className: "jsbo1i1b",
+											children: "Total"
+										}), /* @__PURE__ */ m("span", {
+											className: "jsbo1i1c",
+											children: J ? "Free" : R(o.total_amount, o.currency)
+										})]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ m(n, {
+								type: "button",
+								size: "lg",
+								onClick: J ? () => {
+									M("confirmed"), U();
+								} : K,
+								className: "jsbo1i1d",
+								children: /* @__PURE__ */ m("span", {
+									className: "jsbo1i1e",
+									children: J ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(_, { size: 20 }), /* @__PURE__ */ m("span", { children: "Confirm Booking" })] }) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(y, { size: 20 }), /* @__PURE__ */ h("span", { children: ["Pay ", R(o.total_amount, o.currency)] })] })
+								})
+							}),
+							!J && /* @__PURE__ */ h("div", {
+								className: "jsbo1i1f",
+								children: [/* @__PURE__ */ m(w, { size: 14 }), /* @__PURE__ */ m("span", { children: "Secure payment" })]
+							})
+						]
+					})]
+				}),
+				j === "processing" && /* @__PURE__ */ h("div", {
+					className: "jsbo1i1g",
+					children: [
+						/* @__PURE__ */ h("div", {
+							className: "jsbo1i1h",
+							children: [/* @__PURE__ */ m("div", { className: "jsbo1i1i" }), /* @__PURE__ */ m("div", {
+								className: "jsbo1i1j",
+								children: /* @__PURE__ */ m(x, {
+									size: 32,
+									className: "jsbo1i1k"
+								})
+							})]
+						}),
+						/* @__PURE__ */ m("h3", {
+							className: "jsbo1i1l",
+							children: "Processing Payment"
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "jsbo1i1m",
+							children: "Please wait while we confirm your payment..."
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "jsbo1i1n",
+							children: /* @__PURE__ */ h("p", {
+								className: "jsbo1i1m",
+								children: [
+									"Amount:",
+									" ",
+									/* @__PURE__ */ m("span", {
+										className: "jsbo1i1o",
+										children: R(o.total_amount, o.currency)
+									})
+								]
+							})
+						})
+					]
+				}),
+				j === "failed" && /* @__PURE__ */ h("div", {
+					className: "jsbo1i4",
+					children: [/* @__PURE__ */ m("div", {
+						className: "jsbo1i1p",
+						children: /* @__PURE__ */ h("div", {
+							className: "jsbo1i5",
+							children: [
+								/* @__PURE__ */ m("div", {
+									className: "jsbo1i1q",
+									children: /* @__PURE__ */ m(E, { size: 32 })
+								}),
+								/* @__PURE__ */ m("h3", {
+									className: "jsbo1i1l",
+									children: "Payment Failed"
+								}),
+								/* @__PURE__ */ m("p", {
+									className: "jsbo1i1m",
+									children: N || "Something went wrong. Please try again."
+								})
+							]
+						})
+					}), /* @__PURE__ */ h("div", {
+						className: f("jsbo1i4", "jsbo1ii"),
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "jsbo1i1r",
+								children: /* @__PURE__ */ m("h4", {
+									className: "jsbo1i1s",
+									children: Q
+								})
+							}),
+							!Z && ($ || se) && /* @__PURE__ */ h("div", {
+								className: "jsbo1i1t",
+								children: [$ && /* @__PURE__ */ h("div", {
+									className: "jsbo1iq",
+									children: [/* @__PURE__ */ m(g, {
+										size: 16,
+										className: "jsbo1is"
+									}), /* @__PURE__ */ m("span", { children: z($) })]
+								}), $ && /* @__PURE__ */ h("div", {
+									className: "jsbo1iq",
+									children: [/* @__PURE__ */ m(v, {
+										size: 16,
+										className: "jsbo1is"
+									}), /* @__PURE__ */ m("span", { children: B($) })]
+								})]
+							}),
+							W.length > 0 && /* @__PURE__ */ m("div", {
+								className: "jsbo1i1u",
+								children: /* @__PURE__ */ h("div", {
+									className: "jsbo1i1v",
+									children: [W.slice(0, 3).map(([e, t]) => /* @__PURE__ */ h("div", {
+										className: "jsbo1i1w",
+										children: [/* @__PURE__ */ m("span", {
+											className: "jsbo1i7",
+											children: V(e)
+										}), Array.isArray(t) ? /* @__PURE__ */ m(G, {
+											items: t,
+											textSizeClass: "jsbo1i3"
+										}) : /* @__PURE__ */ m("span", {
+											className: "jsbo1i1x",
+											children: H(t)
+										})]
+									}, e)), W.length > 3 && /* @__PURE__ */ h("p", {
+										className: "jsbo1i1y",
+										children: [
+											"+",
+											W.length - 3,
+											" more"
+										]
+									})]
+								})
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "jsbo1i1z",
+								children: /* @__PURE__ */ h("div", {
+									className: "jsbo1i6",
+									children: [/* @__PURE__ */ m("span", {
+										className: "jsbo1i20",
+										children: "Amount to Pay"
+									}), /* @__PURE__ */ m("span", {
+										className: "jsbo1i1c",
+										children: R(o.total_amount, o.currency)
+									})]
+								})
+							}),
+							/* @__PURE__ */ m(n, {
+								type: "button",
+								size: "lg",
+								onClick: () => {
+									P(null), K();
+								},
+								className: "jsbo1i1d",
+								children: /* @__PURE__ */ h("span", {
+									className: "jsbo1i1e",
+									children: [/* @__PURE__ */ m(C, { size: 20 }), /* @__PURE__ */ m("span", { children: "Try Again" })]
+								})
+							}),
+							/* @__PURE__ */ h("div", {
+								className: "jsbo1i1f",
+								children: [/* @__PURE__ */ m(w, { size: 14 }), /* @__PURE__ */ h("span", { children: ["Secured by ", ae[te]] })]
+							}),
+							/* @__PURE__ */ m("p", {
+								className: "jsbo1i21",
+								children: "If the problem persists, please contact support"
+							})
+						]
+					})]
+				}),
+				j === "confirmed" && /* @__PURE__ */ h("div", {
+					className: "jsbo1i4",
+					children: [/* @__PURE__ */ m("div", {
+						className: "jsbo1i22",
+						children: /* @__PURE__ */ h("div", {
+							className: "jsbo1i5",
+							children: [
+								/* @__PURE__ */ h("div", {
+									className: "jsbo1i23",
+									children: [/* @__PURE__ */ m("div", { className: "jsbo1i24" }), /* @__PURE__ */ m("div", {
+										className: "jsbo1i25",
+										children: /* @__PURE__ */ m(_, { size: 36 })
+									})]
+								}),
+								/* @__PURE__ */ m("h3", {
+									className: "jsbo1i26",
+									children: J ? "Booking Confirmed!" : "Payment Successful!"
+								}),
+								/* @__PURE__ */ m("p", {
+									className: "jsbo1i1m",
+									children: J ? "Your booking has been confirmed" : "Your payment has been processed successfully"
+								})
+							]
+						})
+					}), /* @__PURE__ */ h("div", {
+						className: "jsbo1ii",
+						children: [
+							/* @__PURE__ */ h("div", {
+								className: "jsbo1i27",
+								children: [
+									/* @__PURE__ */ m("div", { className: "jsbo1i28" }),
+									/* @__PURE__ */ m("div", { className: "jsbo1i29" }),
+									/* @__PURE__ */ h("div", {
+										className: "jsbo1i2a",
+										children: [
+											/* @__PURE__ */ h("div", {
+												className: "jsbo1i2b",
+												children: [/* @__PURE__ */ m("div", {
+													className: "jsbo1i2c",
+													children: /* @__PURE__ */ m(T, { size: 20 })
+												}), /* @__PURE__ */ m("div", {
+													className: "jsbo1i2d",
+													children: /* @__PURE__ */ m("p", {
+														className: "jsbo1i2e",
+														children: Q
+													})
+												})]
+											}),
+											o.qr_image?.location && /* @__PURE__ */ m("div", {
+												className: "jsbo1i2f",
+												children: /* @__PURE__ */ m("div", {
+													className: "jsbo1i2g",
+													children: /* @__PURE__ */ m("img", {
+														src: o.qr_image.location,
+														alt: "Booking QR Code",
+														className: "jsbo1i2h"
+													})
+												})
+											}),
+											/* @__PURE__ */ h("div", {
+												className: "jsbo1i2i",
+												children: [/* @__PURE__ */ m("span", {
+													className: "jsbo1i2j",
+													children: "Booking ID"
+												}), /* @__PURE__ */ m("span", {
+													className: "jsbo1i2k",
+													children: o._id
+												})]
+											}),
+											/* @__PURE__ */ m("div", { className: "jsbo1i2l" }),
+											/* @__PURE__ */ h("div", {
+												className: "jsbo1iz",
+												children: [!Z && $ && /* @__PURE__ */ h("div", {
+													className: "jsbo1i6",
+													children: [/* @__PURE__ */ h("div", {
+														className: "jsbo1iq",
+														children: [/* @__PURE__ */ m(g, { size: 16 }), /* @__PURE__ */ m("span", { children: "Date & Time" })]
+													}), /* @__PURE__ */ h("p", {
+														className: "jsbo1i2m",
+														children: [
+															z($),
+															", ",
+															B($)
+														]
+													})]
+												}), W.slice(0, 3).map(([e, t]) => /* @__PURE__ */ h("div", {
+													className: "jsbo1i6",
+													children: [/* @__PURE__ */ m("span", {
+														className: "jsbo1i11",
+														children: V(e)
+													}), Array.isArray(t) ? /* @__PURE__ */ m(G, {
+														items: t,
+														textSizeClass: "jsbo1i3"
+													}) : /* @__PURE__ */ m("span", {
+														className: "jsbo1i1x",
+														children: H(t)
+													})]
+												}, e))]
+											}),
+											/* @__PURE__ */ m("div", { className: "jsbo1i2l" }),
+											/* @__PURE__ */ h("div", {
+												className: "jsbo1i6",
+												children: [/* @__PURE__ */ m("span", {
+													className: "jsbo1i20",
+													children: J ? "Total" : "Amount Paid"
+												}), /* @__PURE__ */ m("span", {
+													className: "jsbo1i2n",
+													children: J ? "Free" : R(o.total_amount, o.currency)
+												})]
+											}),
+											(() => {
+												let e = L?.invoice?.location || o.invoice?.location;
+												return e ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", { className: "jsbo1i2l" }), /* @__PURE__ */ h("a", {
+													href: e,
+													target: "_blank",
+													rel: "noopener noreferrer",
+													className: "jsbo1i2o",
+													children: [/* @__PURE__ */ m(b, { size: 16 }), "Download Invoice"]
+												})] }) : null;
+											})()
+										]
+									})
+								]
+							}),
+							l && /* @__PURE__ */ m("div", {
+								className: "jsbo1i2p",
+								children: /* @__PURE__ */ m(n, {
+									type: "button",
+									size: "lg",
+									onClick: l,
+									className: "jsbo1i1d",
+									children: "Done"
+								})
+							}),
+							/* @__PURE__ */ m("p", {
+								className: "jsbo1i2q",
+								children: "A confirmation has been sent to your email"
+							})
+						]
+					})]
+				})
+			]
+		}),
+		F && c && /* @__PURE__ */ m("div", {
+			className: "jsbo1i2r",
+			children: /* @__PURE__ */ m("div", {
+				className: "jsbo1i2s",
+				children: /* @__PURE__ */ m(i, {
+					isEdit: !0,
+					prefillData: s || o.billing_details,
+					onSubmit: (e) => {
+						c(e), I(!1);
+					},
+					onClose: () => I(!1)
+				})
+			})
+		}),
+		A.element
+	] });
+};
+function q(e) {
+	return !e;
+}
+function J(e, t) {
+	return /* @__PURE__ */ h("li", {
+		className: U,
+		children: [/* @__PURE__ */ m("span", { className: W }), /* @__PURE__ */ m("span", {
+			className: B,
+			children: String(e ?? "-")
+		})]
+	}, t);
+}
+//#endregion
+export { K as BookingCard };