@levo-so/studio 0.3.20 → 0.3.22

package/BookingCard-DEkBXh7O.js

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